/** * PaymentRefund.tsx - Refund confirmation email. * * Sent to the customer (user or guest) when a payment has been refunded. */ import React from 'react'; import { Html, Head, Body, Container, Section, Text, 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 { formatEmailDateTime, formatPaymentMethodLabel } from '@/lib/format'; export interface PaymentRefundProps { transactionId: string; dealTitle: string; refundAmount: string; refundDateIso: string; paymentMethod: { last4: string; brand: string }; estimatedArrivalDays?: number; locale?: Locale; } const copy = { he: { preview: 'אישור החזר כספי מ-Multideal', heading: 'אישור החזר כספי', transactionId: 'מספר עסקה', deal: 'עסקה', refundAmount: 'סכום שהוחזר', paymentMethod: 'אמצעי תשלום', refundDate: 'תאריך ההחזר', arrivalNote: (days: number) => `ההחזר יגיע תוך ${days} ימי עסקים.`, currency: '₪', footer: 'לשאלות, פנה/י לתמיכת Multideal.', }, en: { preview: 'Your Multideal refund confirmation', heading: 'Refund Confirmation', transactionId: 'Transaction ID', deal: 'Deal', refundAmount: 'Refund Amount', paymentMethod: 'Payment Method', refundDate: 'Refund Date', arrivalNote: (days: number) => `Your refund should arrive within ${days} business days.`, currency: '₪', footer: 'For questions, contact Multideal support.', }, } as const; export default function PaymentRefund({ transactionId, dealTitle, refundAmount, refundDateIso, paymentMethod, estimatedArrivalDays = 5, locale = 'he', }: PaymentRefundProps) { const t = copy[locale]; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; const labelStyle: React.CSSProperties = { fontSize: spacing.px11, color: tokens.textMuted, fontFamily, textTransform: 'uppercase', letterSpacing: '0.06em', marginBottom: '2px', marginTop: spacing.px16, }; const valueStyle: React.CSSProperties = { fontSize: spacing.px15, color: tokens.textPrimary, fontFamily, margin: '0', }; return ( {t.preview}

{/* Header */}

{t.heading}

{/* Body */}

{t.transactionId} {transactionId}

{t.deal} {dealTitle} {t.refundAmount} {t.currency} {refundAmount} {t.paymentMethod} {formatPaymentMethodLabel(paymentMethod.brand, paymentMethod.last4)} {t.refundDate} {formatEmailDateTime(refundDateIso, locale)}

{t.arrivalNote(estimatedArrivalDays)} {t.footer}

); }