/** * MJML template rendering — system-communications-notifications. * * Looks up the MJML template by (templateKey, locale), compiles it to HTML, * interpolates `vars`, and sets `` + `` from `locale`. * * Locale resolution: * he / he-IL → dir="rtl" lang="he" font-family: 'Heebo', Arial, sans-serif * en / en-US → dir="ltr" lang="en" */ import { prepareInterpolationValue } from './escape' type Locale = 'he-IL' | 'en-US' interface RenderOptions { templateKey: string vars: Record locale: Locale } interface RenderedEmail { html: string text: string } /** * Inline MJML-like template registry. * * Each entry returns an HTML string (MJML pre-compiled for Workers * compatibility — full MJML compilation requires Node; for Workers we ship * pre-compiled templates stored as strings and do variable interpolation). */ const TEMPLATES: Record> = { 'invoice-sent': { he: `{{subject}}

{{title}}

{{body}}

{{actionButtons}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{actionButtons}}

Zync.is

`, }, verification: { he: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

Zync.is

`, }, invitation: { he: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

Zync.is

`, }, 'password-reset': { he: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

{{expiryNote}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

{{expiryNote}}

Zync.is

`, }, /** Invoice payment reminder: vars = { subject, title, body, invoiceRef, amount, currency } */ 'invoice_reminder': { he: `{{subject}}

{{title}}

{{body}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

Zync.is

`, }, /** Support ticket staff reply: vars = { subject, customerName, ticketSubject, replyBody, ticketRef } */ 'ticket_reply': { he: `{{subject}}

תגובה לפניית התמיכה שלך

שלום {{customerName}},

פנייה {{ticketRef}} · {{ticketSubject}}

{{replyBody}}

Zync.is

`, en: `{{subject}}

Reply to your support request

Hello {{customerName}},

Ticket {{ticketRef}} · {{ticketSubject}}

{{replyBody}}

Zync.is

`, }, /** * Payment link email: vars = { subject, title, body, payment_link } * payment_link is rendered as both a CTA button href and interpolated into body text. */ 'payment_link': { he: `{{subject}}

{{title}}

{{body}}

שלם עכשיו

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

Pay Now

Zync.is

`, }, /** Payment receipt after invoice paid / receipt issued: vars include actionButtons + invoiceNumber */ invoice_paid_receipt: { he: `{{subject}}

{{title}}

{{body}}

{{actionButtons}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{actionButtons}}

Zync.is

`, }, /** Timer magic-link: vars = { title, body, link, ctaLabel, expiryNote } */ 'timer-magic-link': { he: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

{{expiryNote}}

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

{{ctaLabel}}

{{expiryNote}}

Zync.is

`, }, subscription_cancelled: { he: `{{subject}}

{{title}}

{{body}}

תאריך הביטול: {{cancellationDate}}

סיום גישה: {{periodEnd}}

הפעל מחדש

Zync.is

`, en: `{{subject}}

{{title}}

{{body}}

Cancellation date: {{cancellationDate}}

Access ends: {{periodEnd}}

Reactivate

Zync.is

`, }, } /** Resolve locale to canonical base tag (he or en). */ function resolveLocaleTag(locale: Locale): 'he' | 'en' { if (locale === 'he-IL') return 'he' return 'en' } /** Interpolate `{{key}}` placeholders from `vars` (escaped by default for HTML context). */ function interpolate(template: string, vars: Record): string { return template.replace(/\{\{(\w+)\}\}/g, (_, key: string) => { const raw = vars[key] ?? '' return prepareInterpolationValue(key, raw) }) } /** Build a plain-text fallback from the vars. */ function buildPlainText(vars: Record): string { const parts: string[] = [] if (vars['title']) parts.push(vars['title']) if (vars['body']) parts.push(vars['body']) if (vars['verificationUrl']) parts.push(vars['verificationUrl']) if (vars['inviteUrl']) parts.push(vars['inviteUrl']) if (vars['resetUrl']) parts.push(vars['resetUrl']) if (vars['link']) parts.push(vars['link']) if (vars['reactivateUrl']) parts.push(vars['reactivateUrl']) if (vars['replyBody']) { const header = [vars['customerName'], vars['ticketRef'], vars['ticketSubject']] .filter(Boolean) .join(' · ') parts.push(header ? `${header}\n\n${vars['replyBody']}` : vars['replyBody']) } return parts.join('\n\n') } /** * Render an email template to HTML + plain-text. * Sets html lang + body dir from locale independently of the template key. */ export function renderEmailTemplate(opts: RenderOptions): RenderedEmail { const { templateKey, vars, locale } = opts const tag = resolveLocaleTag(locale) const templateGroup = TEMPLATES[templateKey] if (!templateGroup) { throw new Error(`Unknown email templateKey: ${templateKey}`) } const raw = templateGroup[tag] ?? templateGroup['en'] if (!raw) { throw new Error(`No template found for key=${templateKey} locale=${tag}`) } const html = interpolate(raw, vars) const text = buildPlainText(vars) return { html, text } }