@learncard/email-templates 1.2.0 → 1.2.1

package/src/__tests__/render.test.ts

@@ -138,6 +138,34 @@ const TEMPLATE_FIXTURES: { [K in TemplateId]: TemplateDataMap[K] } = {
         credential: { name: 'Introduction to Biology' },
     },
     'account-sign-in-changed': {},
+
+    'escrow-hold-started': {
+        requestedAt: 'September 25, 2026, 3:00 PM',
+        releaseAfter: 'October 2, 2026, 3:00 PM',
+        cancelUrl: 'https://learncard.app/recovery/cancel?token=abc123',
+        deviceHint: 'Chrome on Windows',
+    },
+
+    'escrow-hold-reminder': {
+        releaseAfter: 'October 2, 2026, 3:00 PM',
+        cancelUrl: 'https://learncard.app/recovery/cancel?token=abc123',
+    },
+
+    'escrow-hold-released': {
+        completedAt: 'October 2, 2026, 3:00 PM',
+        supportUrl: 'https://learncard.app/support',
+    },
+
+    'escrow-hold-cancelled': {
+        cancelledAt: 'September 26, 2026, 9:15 AM',
+        reason: 'user',
+    },
+
+    'escrow-pin-locked': {
+        lockedAt: 'September 25, 2026, 3:00 PM',
+        releaseAfter: 'October 2, 2026, 3:00 PM',
+        cancelUrl: 'https://learncard.app/recovery/cancel?token=abc123',
+    },
 };
 
 const ALL_TEMPLATE_IDS = Object.keys(TEMPLATE_FIXTURES) as TemplateId[];
@@ -386,6 +414,169 @@ describe('renderEmail — credential-updated', () => {
     });
 });
 
+// ---------------------------------------------------------------------------
+// Escrow hold lifecycle (nitro-escrow-enclave, P5.1) — plain-language recovery
+// notifications. No user-facing jargon: never render "wallet", "DID",
+// "share", "enclave", "escrow", "SSS", or "key derivation".
+// ---------------------------------------------------------------------------
+
+describe('renderEmail — escrow hold lifecycle', () => {
+    const JARGON = ['wallet', 'DID', 'share', 'enclave', 'escrow', 'SSS', 'key derivation'];
+
+    const assertNoJargon = (text: string) => {
+        const lower = text.toLowerCase();
+        for (const word of JARGON) {
+            expect(lower).not.toContain(word.toLowerCase());
+        }
+    };
+
+    it('escrow-hold-started includes the cancel URL, both dates, and the device hint', async () => {
+        const data = TEMPLATE_FIXTURES['escrow-hold-started'];
+        const { html, text, subject } = await renderEmail(
+            'escrow-hold-started',
+            DEFAULT_BRANDING,
+            data
+        );
+
+        expect(html).toContain(data.cancelUrl);
+        expect(html).toContain(data.requestedAt);
+        expect(html).toContain(data.releaseAfter);
+        expect(html).toContain(data.deviceHint);
+        expect(subject).toBe('Account recovery started');
+        assertNoJargon(html);
+        assertNoJargon(text);
+        assertNoJargon(subject);
+    });
+
+    it('escrow-hold-started renders without the optional device hint', async () => {
+        const { html } = await renderEmail('escrow-hold-started', DEFAULT_BRANDING, {
+            requestedAt: 'September 25, 2026, 3:00 PM',
+            releaseAfter: 'October 2, 2026, 3:00 PM',
+            cancelUrl: 'https://learncard.app/recovery/cancel?token=xyz',
+        });
+
+        expect(html).toContain('https://learncard.app/recovery/cancel?token=xyz');
+        expect(html).not.toContain('undefined');
+    });
+
+    it('escrow-hold-reminder includes the cancel URL and the release date', async () => {
+        const data = TEMPLATE_FIXTURES['escrow-hold-reminder'];
+        const { html, text, subject } = await renderEmail(
+            'escrow-hold-reminder',
+            DEFAULT_BRANDING,
+            data
+        );
+
+        expect(html).toContain(data.cancelUrl);
+        expect(html).toContain(data.releaseAfter);
+        expect(subject).toBe('Recovery completes tomorrow');
+        assertNoJargon(html);
+        assertNoJargon(text);
+        assertNoJargon(subject);
+    });
+
+    it('escrow-hold-released includes the completion date and the support link when provided', async () => {
+        const data = TEMPLATE_FIXTURES['escrow-hold-released'];
+        const { html, text, subject } = await renderEmail(
+            'escrow-hold-released',
+            DEFAULT_BRANDING,
+            data
+        );
+
+        expect(html).toContain(data.completedAt);
+        expect(html).toContain(data.supportUrl);
+        expect(subject).toBe('Your account was recovered');
+        assertNoJargon(html);
+        assertNoJargon(text);
+        assertNoJargon(subject);
+    });
+
+    it('escrow-hold-released renders without the optional support link', async () => {
+        const { html } = await renderEmail('escrow-hold-released', DEFAULT_BRANDING, {
+            completedAt: 'October 2, 2026, 3:00 PM',
+        });
+
+        expect(html).toContain('October 2, 2026, 3:00 PM');
+        expect(html).not.toContain('undefined');
+    });
+
+    it.each([
+        ['user', 'cancelled this request'],
+        ['superseded', 'newer recovery request'],
+        ['pin-locked', 'incorrect PIN attempts'],
+        ['release-failed', 'could not be completed'],
+    ] as const)('escrow-hold-cancelled renders reason "%s"', async (reason, expectedSnippet) => {
+        const { html, subject } = await renderEmail('escrow-hold-cancelled', DEFAULT_BRANDING, {
+            cancelledAt: 'September 26, 2026, 9:15 AM',
+            reason,
+        });
+
+        expect(html).toContain('September 26, 2026, 9:15 AM');
+        expect(html).toContain(expectedSnippet);
+        expect(subject).toBe('Recovery request cancelled');
+        assertNoJargon(html);
+    });
+
+    it('escrow-hold-cancelled renders a generic message when reason is omitted', async () => {
+        const { html } = await renderEmail('escrow-hold-cancelled', DEFAULT_BRANDING, {
+            cancelledAt: 'September 26, 2026, 9:15 AM',
+        });
+
+        expect(html).toContain('No further action is needed');
+    });
+
+    it('escrow-pin-locked includes the locked date, release date, and cancel URL when a hold is pending', async () => {
+        const data = TEMPLATE_FIXTURES['escrow-pin-locked'];
+        const { html, text, subject } = await renderEmail(
+            'escrow-pin-locked',
+            DEFAULT_BRANDING,
+            data
+        );
+
+        expect(html).toContain(data.lockedAt);
+        expect(html).toContain(data.releaseAfter);
+        expect(html).toContain(data.cancelUrl);
+        expect(subject).toBe('Recovery PIN locked');
+        assertNoJargon(html);
+        assertNoJargon(text);
+        assertNoJargon(subject);
+    });
+
+    it('escrow-pin-locked renders generic fallback copy with no button when no hold is pending', async () => {
+        const { html } = await renderEmail('escrow-pin-locked', DEFAULT_BRANDING, {
+            lockedAt: 'September 25, 2026, 3:00 PM',
+        });
+
+        expect(html).toContain('September 25, 2026, 3:00 PM');
+        expect(html).toContain('waiting-period recovery is still available');
+        expect(html).not.toContain('undefined');
+    });
+
+    it('all escrow hold templates include the "This wasn\'t me" cancel CTA when a cancel URL is present', async () => {
+        const started = await renderEmail(
+            'escrow-hold-started',
+            DEFAULT_BRANDING,
+            TEMPLATE_FIXTURES['escrow-hold-started']
+        );
+        const reminder = await renderEmail(
+            'escrow-hold-reminder',
+            DEFAULT_BRANDING,
+            TEMPLATE_FIXTURES['escrow-hold-reminder']
+        );
+        const pinLocked = await renderEmail(
+            'escrow-pin-locked',
+            DEFAULT_BRANDING,
+            TEMPLATE_FIXTURES['escrow-pin-locked']
+        );
+
+        // Plain text output has no HTML entity escaping, so the apostrophe is literal.
+        for (const { text } of [started, reminder, pinLocked]) {
+            expect(text).toContain("This wasn't me");
+            expect(text).toContain('Cancel recovery');
+        }
+    });
+});
+
 // ---------------------------------------------------------------------------
 // Branding tests — custom branding flows through to rendered output
 // ---------------------------------------------------------------------------

package/src/index.ts

@@ -39,7 +39,13 @@ export type {
     GuardianRejectedCredentialData,
     CredentialUpdatedData,
     AccountSignInChangedData,
+    EscrowHoldStartedData,
+    EscrowHoldReminderData,
+    EscrowHoldReleasedData,
+    EscrowHoldCancelledData,
+    EscrowPinLockedData,
 } from './render';
+export type { EscrowHoldCancelledReason } from './templates/escrow-hold-cancelled';
 
 // SMS rendering
 export { renderSms } from './sms';

package/src/previews/escrow-hold-cancelled-scenarios.tsx

@@ -0,0 +1,79 @@
+/**
+ * escrow-hold-cancelled — all preview scenarios stacked (one per reason).
+ */
+
+import * as React from 'react';
+
+import { EscrowHoldCancelled } from '../templates/escrow-hold-cancelled';
+import { LEARNCARD_BRANDING, VETPASS_BRANDING, ScenarioDivider } from './_fixtures';
+
+export default function EscrowHoldCancelledScenarios() {
+    return (
+        <>
+            <ScenarioDivider label="Reason: user" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+                reason="user"
+            />
+
+            <ScenarioDivider label="Reason: superseded" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+                reason="superseded"
+            />
+
+            <ScenarioDivider label="Reason: pin-locked" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+                reason="pin-locked"
+            />
+
+            <ScenarioDivider label="Reason: release-failed" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+                reason="release-failed"
+            />
+
+            <ScenarioDivider label="No reason (generic message)" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+            />
+
+            <ScenarioDivider label="Spanish" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="26 de septiembre de 2026, 9:15 a.m."
+                reason="user"
+                locale="es"
+            />
+
+            <ScenarioDivider label="French" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="26 septembre 2026, 9h15"
+                reason="user"
+                locale="fr"
+            />
+
+            <ScenarioDivider label="Arabic (RTL)" />
+            <EscrowHoldCancelled
+                branding={LEARNCARD_BRANDING}
+                cancelledAt="26 سبتمبر 2026، 9:15 ص"
+                reason="user"
+                locale="ar"
+            />
+
+            <ScenarioDivider label="VetPass tenant branding" />
+            <EscrowHoldCancelled
+                branding={VETPASS_BRANDING}
+                cancelledAt="September 26, 2026, 9:15 AM"
+                reason="user"
+            />
+        </>
+    );
+}

package/src/previews/escrow-hold-released-scenarios.tsx

@@ -0,0 +1,58 @@
+/**
+ * escrow-hold-released — all preview scenarios stacked.
+ */
+
+import * as React from 'react';
+
+import { EscrowHoldReleased } from '../templates/escrow-hold-released';
+import { LEARNCARD_BRANDING, VETPASS_BRANDING, ScenarioDivider } from './_fixtures';
+
+export default function EscrowHoldReleasedScenarios() {
+    return (
+        <>
+            <ScenarioDivider label="With support link" />
+            <EscrowHoldReleased
+                branding={LEARNCARD_BRANDING}
+                completedAt="October 2, 2026, 3:00 PM"
+                supportUrl="https://learncard.app/support"
+            />
+
+            <ScenarioDivider label="No support link (footer contact only)" />
+            <EscrowHoldReleased
+                branding={LEARNCARD_BRANDING}
+                completedAt="October 2, 2026, 3:00 PM"
+            />
+
+            <ScenarioDivider label="Spanish" />
+            <EscrowHoldReleased
+                branding={LEARNCARD_BRANDING}
+                completedAt="2 de octubre de 2026, 3:00 p.m."
+                supportUrl="https://learncard.app/support"
+                locale="es"
+            />
+
+            <ScenarioDivider label="French" />
+            <EscrowHoldReleased
+                branding={LEARNCARD_BRANDING}
+                completedAt="2 octobre 2026, 15h00"
+                supportUrl="https://learncard.app/support"
+                locale="fr"
+            />
+
+            <ScenarioDivider label="Arabic (RTL)" />
+            <EscrowHoldReleased
+                branding={LEARNCARD_BRANDING}
+                completedAt="2 أكتوبر 2026، 3:00 م"
+                supportUrl="https://learncard.app/support"
+                locale="ar"
+            />
+
+            <ScenarioDivider label="VetPass tenant branding" />
+            <EscrowHoldReleased
+                branding={VETPASS_BRANDING}
+                completedAt="October 2, 2026, 3:00 PM"
+                supportUrl="https://vetpass.app/support"
+            />
+        </>
+    );
+}

package/src/previews/escrow-hold-reminder-scenarios.tsx

@@ -0,0 +1,52 @@
+/**
+ * escrow-hold-reminder — all preview scenarios stacked.
+ */
+
+import * as React from 'react';
+
+import { EscrowHoldReminder } from '../templates/escrow-hold-reminder';
+import { LEARNCARD_BRANDING, VETPASS_BRANDING, ScenarioDivider } from './_fixtures';
+
+export default function EscrowHoldReminderScenarios() {
+    return (
+        <>
+            <ScenarioDivider label="Default — LearnCard branding" />
+            <EscrowHoldReminder
+                branding={LEARNCARD_BRANDING}
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+            />
+
+            <ScenarioDivider label="Spanish" />
+            <EscrowHoldReminder
+                branding={LEARNCARD_BRANDING}
+                releaseAfter="2 de octubre de 2026, 3:00 p.m."
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="es"
+            />
+
+            <ScenarioDivider label="French" />
+            <EscrowHoldReminder
+                branding={LEARNCARD_BRANDING}
+                releaseAfter="2 octobre 2026, 15h00"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="fr"
+            />
+
+            <ScenarioDivider label="Arabic (RTL)" />
+            <EscrowHoldReminder
+                branding={LEARNCARD_BRANDING}
+                releaseAfter="2 أكتوبر 2026، 3:00 م"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="ar"
+            />
+
+            <ScenarioDivider label="VetPass tenant branding" />
+            <EscrowHoldReminder
+                branding={VETPASS_BRANDING}
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://vetpass.app/recovery/cancel?token=abc123"
+            />
+        </>
+    );
+}

package/src/previews/escrow-hold-started-scenarios.tsx

@@ -0,0 +1,67 @@
+/**
+ * escrow-hold-started — all preview scenarios stacked.
+ */
+
+import * as React from 'react';
+
+import { EscrowHoldStarted } from '../templates/escrow-hold-started';
+import { LEARNCARD_BRANDING, VETPASS_BRANDING, ScenarioDivider } from './_fixtures';
+
+export default function EscrowHoldStartedScenarios() {
+    return (
+        <>
+            <ScenarioDivider label="Default — with device hint" />
+            <EscrowHoldStarted
+                branding={LEARNCARD_BRANDING}
+                requestedAt="September 25, 2026, 3:00 PM"
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                deviceHint="Chrome on Windows"
+            />
+
+            <ScenarioDivider label="No device hint" />
+            <EscrowHoldStarted
+                branding={LEARNCARD_BRANDING}
+                requestedAt="September 25, 2026, 3:00 PM"
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+            />
+
+            <ScenarioDivider label="Spanish" />
+            <EscrowHoldStarted
+                branding={LEARNCARD_BRANDING}
+                requestedAt="25 de septiembre de 2026, 3:00 p.m."
+                releaseAfter="2 de octubre de 2026, 3:00 p.m."
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="es"
+            />
+
+            <ScenarioDivider label="French" />
+            <EscrowHoldStarted
+                branding={LEARNCARD_BRANDING}
+                requestedAt="25 septembre 2026, 15h00"
+                releaseAfter="2 octobre 2026, 15h00"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="fr"
+            />
+
+            <ScenarioDivider label="Arabic (RTL)" />
+            <EscrowHoldStarted
+                branding={LEARNCARD_BRANDING}
+                requestedAt="25 سبتمبر 2026، 3:00 م"
+                releaseAfter="2 أكتوبر 2026، 3:00 م"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="ar"
+            />
+
+            <ScenarioDivider label="VetPass tenant branding" />
+            <EscrowHoldStarted
+                branding={VETPASS_BRANDING}
+                requestedAt="September 25, 2026, 3:00 PM"
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://vetpass.app/recovery/cancel?token=abc123"
+                deviceHint="Safari on iPhone"
+            />
+        </>
+    );
+}

package/src/previews/escrow-pin-locked-scenarios.tsx

@@ -0,0 +1,60 @@
+/**
+ * escrow-pin-locked — all preview scenarios stacked.
+ */
+
+import * as React from 'react';
+
+import { EscrowPinLocked } from '../templates/escrow-pin-locked';
+import { LEARNCARD_BRANDING, VETPASS_BRANDING, ScenarioDivider } from './_fixtures';
+
+export default function EscrowPinLockedScenarios() {
+    return (
+        <>
+            <ScenarioDivider label="With pending waiting-period recovery (cancel link)" />
+            <EscrowPinLocked
+                branding={LEARNCARD_BRANDING}
+                lockedAt="September 25, 2026, 3:00 PM"
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+            />
+
+            <ScenarioDivider label="No pending recovery" />
+            <EscrowPinLocked branding={LEARNCARD_BRANDING} lockedAt="September 25, 2026, 3:00 PM" />
+
+            <ScenarioDivider label="Spanish" />
+            <EscrowPinLocked
+                branding={LEARNCARD_BRANDING}
+                lockedAt="25 de septiembre de 2026, 3:00 p.m."
+                releaseAfter="2 de octubre de 2026, 3:00 p.m."
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="es"
+            />
+
+            <ScenarioDivider label="French" />
+            <EscrowPinLocked
+                branding={LEARNCARD_BRANDING}
+                lockedAt="25 septembre 2026, 15h00"
+                releaseAfter="2 octobre 2026, 15h00"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="fr"
+            />
+
+            <ScenarioDivider label="Arabic (RTL)" />
+            <EscrowPinLocked
+                branding={LEARNCARD_BRANDING}
+                lockedAt="25 سبتمبر 2026، 3:00 م"
+                releaseAfter="2 أكتوبر 2026، 3:00 م"
+                cancelUrl="https://learncard.app/recovery/cancel?token=abc123"
+                locale="ar"
+            />
+
+            <ScenarioDivider label="VetPass tenant branding" />
+            <EscrowPinLocked
+                branding={VETPASS_BRANDING}
+                lockedAt="September 25, 2026, 3:00 PM"
+                releaseAfter="October 2, 2026, 3:00 PM"
+                cancelUrl="https://vetpass.app/recovery/cancel?token=abc123"
+            />
+        </>
+    );
+}

package/src/render.ts

@@ -43,6 +43,16 @@ import {
     getCredentialUpdatedSubject,
     AccountSignInChanged,
     getAccountSignInChangedSubject,
+    EscrowHoldStarted,
+    getEscrowHoldStartedSubject,
+    EscrowHoldReminder,
+    getEscrowHoldReminderSubject,
+    EscrowHoldReleased,
+    getEscrowHoldReleasedSubject,
+    EscrowHoldCancelled,
+    getEscrowHoldCancelledSubject,
+    EscrowPinLocked,
+    getEscrowPinLockedSubject,
 } from './templates';
 
 import type {
@@ -59,6 +69,12 @@ import type {
     EmailVerificationProps,
     CredentialUpdatedProps,
     AccountSignInChangedProps,
+    EscrowHoldStartedProps,
+    EscrowHoldReminderProps,
+    EscrowHoldReleasedProps,
+    EscrowHoldCancelledProps,
+    EscrowHoldCancelledReason,
+    EscrowPinLockedProps,
 } from './templates';
 
 // ---------------------------------------------------------------------------
@@ -157,6 +173,23 @@ export interface TemplateDataMap {
     'credential-updated': CredentialUpdatedData;
     /** lca-api: lost-login identity rebind security notification */
     'account-sign-in-changed': AccountSignInChangedData;
+
+    // -- Recovery hold lifecycle (nitro-escrow-enclave) ----------------------
+
+    /** lca-api: recovery hold started — includes a cancel link */
+    'escrow-hold-started': EscrowHoldStartedData;
+
+    /** lca-api: recovery hold reminder (T-24h) — includes a cancel link */
+    'escrow-hold-reminder': EscrowHoldReminderData;
+
+    /** lca-api: recovery hold completed and access was restored */
+    'escrow-hold-released': EscrowHoldReleasedData;
+
+    /** lca-api: recovery hold cancelled (user, superseded, PIN lock, or failure) */
+    'escrow-hold-cancelled': EscrowHoldCancelledData;
+
+    /** lca-api: recovery PIN locked after too many failed attempts */
+    'escrow-pin-locked': EscrowPinLockedData;
 }
 
 export type TemplateId = keyof TemplateDataMap;
@@ -243,6 +276,34 @@ export interface CredentialUpdatedData {
 
 export type AccountSignInChangedData = Record<string, never>;
 
+export interface EscrowHoldStartedData {
+    requestedAt: string;
+    releaseAfter: string;
+    cancelUrl: string;
+    deviceHint?: string;
+}
+
+export interface EscrowHoldReminderData {
+    releaseAfter: string;
+    cancelUrl: string;
+}
+
+export interface EscrowHoldReleasedData {
+    completedAt: string;
+    supportUrl?: string;
+}
+
+export interface EscrowHoldCancelledData {
+    cancelledAt: string;
+    reason?: EscrowHoldCancelledReason;
+}
+
+export interface EscrowPinLockedData {
+    lockedAt: string;
+    releaseAfter?: string;
+    cancelUrl?: string;
+}
+
 // ---------------------------------------------------------------------------
 // renderEmail()
 // ---------------------------------------------------------------------------
@@ -459,6 +520,56 @@ function buildElement(
             };
         }
 
+        case 'escrow-hold-started': {
+            const d = data as EscrowHoldStartedData;
+            const props: EscrowHoldStartedProps = { branding, ...d, locale };
+
+            return {
+                element: React.createElement(EscrowHoldStarted, props),
+                subject: getEscrowHoldStartedSubject(branding, locale),
+            };
+        }
+
+        case 'escrow-hold-reminder': {
+            const d = data as EscrowHoldReminderData;
+            const props: EscrowHoldReminderProps = { branding, ...d, locale };
+
+            return {
+                element: React.createElement(EscrowHoldReminder, props),
+                subject: getEscrowHoldReminderSubject(branding, locale),
+            };
+        }
+
+        case 'escrow-hold-released': {
+            const d = data as EscrowHoldReleasedData;
+            const props: EscrowHoldReleasedProps = { branding, ...d, locale };
+
+            return {
+                element: React.createElement(EscrowHoldReleased, props),
+                subject: getEscrowHoldReleasedSubject(branding, locale),
+            };
+        }
+
+        case 'escrow-hold-cancelled': {
+            const d = data as EscrowHoldCancelledData;
+            const props: EscrowHoldCancelledProps = { branding, ...d, locale };
+
+            return {
+                element: React.createElement(EscrowHoldCancelled, props),
+                subject: getEscrowHoldCancelledSubject(branding, locale),
+            };
+        }
+
+        case 'escrow-pin-locked': {
+            const d = data as EscrowPinLockedData;
+            const props: EscrowPinLockedProps = { branding, ...d, locale };
+
+            return {
+                element: React.createElement(EscrowPinLocked, props),
+                subject: getEscrowPinLockedSubject(branding, locale),
+            };
+        }
+
         default: {
             const _exhaustive: never = templateId;
             throw new Error(`Unknown template: ${_exhaustive}`);