Payment receipt

Render a payment reference and formatted amount from authoritative billing state.

This application recipe uses the shared transactional layout. It returns a rendering Effect containing HTML and plain text; it does not submit email or implement the business operation.

import { renderReactEmail } from "@corven/email-sdk/react";
import { transactionalEmailLayout } from "./react-layout.js";

export const paymentReceiptEmail = (input: {
  reference: string;
  amount: string;
  detailsUrl: string;
}) =>
  renderReactEmail(
    transactionalEmailLayout({
      heading: "Payment receipt",
      preview: "Your payment receipt is available.",
      paragraphs: [`Payment reference: ${input.reference}.`, `Amount: ${input.amount}.`],
      action: { href: input.detailsUrl, label: "View receipt" },
    }),
  );

Supply authorized data

Render an amount and currency formatted by your billing system. Send only after authoritative payment state permits a receipt; provider acceptance cannot establish payment success.

Keep URLs and template inputs under host control. React text escaping is not URL validation or a consent check. Treat the rendered body as private message content.

Send the rendered body

Yield the rendering Effect in your application, then supply its body to Email.send with explicit sender and recipients. Apply ordinary provider validation, submission policy and any required approval. The React integration shows this composition.

These recipes are application examples, not additional template exports from the SDK. Rendering and compilation do not establish delivery or compatibility with every email client.