/** * SoldOut.tsx - FDS §9.6 Deal Sold Out Email (to vendor) * * Sent when quantity_remaining = 0. * Congratulates the vendor, shows metrics, and prompts to run the deal again. */ import React from 'react'; 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 { emailAlpha, fonts, spacing, tokens } from '@/server/email/tokens/index.js'; export interface SoldOutProps { dealTitle: string; unitsSold: number; revenueEarned: string; duplicateDealUrl: string; vendorName: string; locale?: Locale; } const copy = { he: { preview: (title: string) => `נגמר המלאי ל-"${title}" - כל הכבוד!`, heading: 'נגמר המלאי! 🎊', sub: (title: string) => `העסקה "${title}" נמכרה במלואה.`, unitsSoldLabel: 'יחידות שנמכרו', revenueLabel: 'הכנסה שנצברה', currency: '₪', cta: 'רוצה לעשות את זה שוב מחר?', ctaLink: 'שכפל את העסקה', }, en: { preview: (title: string) => `"${title}" is sold out - congratulations!`, heading: 'Sold Out! 🎊', sub: (title: string) => `"${title}" has been fully claimed.`, unitsSoldLabel: 'Units sold', revenueLabel: 'Revenue earned', currency: '₪', cta: 'Want to do this again tomorrow?', ctaLink: 'Duplicate this deal', }, } as const; export default function SoldOut({ dealTitle, unitsSold, revenueEarned, duplicateDealUrl, vendorName: _vendorName, locale = 'he', }: SoldOutProps) { const t = copy[locale]; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; const metricStyle: React.CSSProperties = { display: 'inline-block', textAlign: 'center', padding: spacing.padCard, backgroundColor: tokens.surfaceRaised, borderRadius: '8px', border: `1px solid ${tokens.borderDefault}`, minWidth: spacing.qrSize, }; return ( {t.preview(dealTitle)}

{/* Header */}

{t.heading} {t.sub(dealTitle)}

{/* Metrics */}

{unitsSold}

{t.unitsSoldLabel}

{t.currency} {revenueEarned}

{t.revenueLabel}

{/* CTA */}

{t.cta} {t.ctaLink}

); }