/**
* PolicyViolation.tsx - FDS §9.8 Vendor Policy Violation Email
*
* Sent to vendor on admin action: warning / freeze / ban.
*/
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 { fonts, spacing, tokens } from '@/server/email/tokens/index.js';
export type PolicyAction = 'WARNING' | 'FREEZE' | 'BAN';
export interface PolicyViolationProps {
vendorName: string;
action: PolicyAction;
reason: string;
nextSteps: string;
supportEmail?: string;
appealUrl?: string;
locale?: Locale;
}
const actionColors: Record = {
WARNING: '#d97706', // warning-600
FREEZE: '#1d4ed8', // brand-primary-700
BAN: '#991b1b', // custom red
};
const copy = {
he: {
preview: (action: PolicyAction) =>
action === 'WARNING'
? 'קיבלת אזהרה מ-Multideal'
: action === 'FREEZE'
? 'החשבון שלך הוקפא זמנית'
: 'החשבון שלך הושעה',
heading: (action: PolicyAction) =>
action === 'WARNING' ? 'אזהרה' : action === 'FREEZE' ? 'הקפאת חשבון' : 'השעיית חשבון',
reasonLabel: 'סיבה',
nextStepsLabel: 'מה לעשות עכשיו',
support: 'לפנייה לתמיכה:',
appeal: 'ערעור',
},
en: {
preview: (action: PolicyAction) =>
action === 'WARNING'
? 'You have received a warning from Multideal'
: action === 'FREEZE'
? 'Your account has been temporarily frozen'
: 'Your account has been suspended',
heading: (action: PolicyAction) =>
action === 'WARNING'
? 'Policy Warning'
: action === 'FREEZE'
? 'Account Frozen'
: 'Account Suspended',
reasonLabel: 'Reason',
nextStepsLabel: 'What to do next',
support: 'Contact support:',
appeal: 'Submit an appeal',
},
} as const;
export default function PolicyViolation({
vendorName: _vendorName,
action,
reason,
nextSteps,
supportEmail = 'support@multideal.co.il',
appealUrl,
locale = 'he',
}: PolicyViolationProps) {
const t = copy[locale];
const dir = dirForLocale(locale);
const fontFamily = locale === 'he' ? fonts.he : fonts.en;
const headerBg = actionColors[action] ?? tokens.warning600;
const labelStyle: React.CSSProperties = {
fontSize: spacing.px11,
color: tokens.textMuted,
fontFamily,
textTransform: 'uppercase',
letterSpacing: '0.06em',
marginBottom: '4px',
marginTop: spacing.px16,
};
return (
{t.preview(action)}
{/* Header */}
{/* Body */}
{t.reasonLabel}
{reason}
{t.nextStepsLabel}
{nextSteps}
{t.support}{' '}
{supportEmail}
{appealUrl ? (
{t.appeal}
) : null}