/** * VendorLowRedemption.tsx — sent when a vendor's deal has low redemptions. */ 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 VendorLowRedemptionProps { vendorName?: string; dealTitle: string; redemptionCount: number; tipUrl: string; unsubscribeUrl: string; locale?: Locale; } const copy = { he: { preview: (dealTitle: string) => `הדיל "${dealTitle}" — טיפים לשיפור הביצועים`, heading: (n?: string) => (n ? `שלום, ${n}!` : 'שלום!'), body: (dealTitle: string, redemptionCount: number) => `הדיל "${dealTitle}" קיבל ${redemptionCount} מימושים בלבד. הנה כמה טיפים לשיפור הביצועים.`, cta: 'לטיפים לשיפור הדיל', unsub: 'הסרה מרשימת התפוצה', }, en: { preview: (dealTitle: string) => `Your deal "${dealTitle}" — tips to improve performance`, heading: (n?: string) => (n ? `Hi ${n},` : 'Hi there,'), body: (dealTitle: string, redemptionCount: number) => `Your deal "${dealTitle}" has only ${redemptionCount} redemptions. Here are some tips to improve performance.`, cta: 'See improvement tips', unsub: 'Unsubscribe', }, } as const; export function VendorLowRedemption({ vendorName, dealTitle, redemptionCount, tipUrl, unsubscribeUrl, locale = 'he', }: VendorLowRedemptionProps) { const c = copy[locale] ?? copy.he; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; return ( {c.preview(dealTitle)}

{c.heading(vendorName)} {c.body(dealTitle, redemptionCount)}

{c.cta}

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