Delete Account Verification Email

1import type { ReactNode } from "react"
2import {
3  Body,
4  Button,
5  Container,
6  Head,
7  Heading,
8  Hr,
9  Html,
10  Img,
11  Link,
12  Preview,
13  pixelBasedPreset,
14  Section,
15  Tailwind,
16  Text
17} from "react-email"
18 
19import { cn } from "../../../lib/utils"
20import {
21  type EmailClassNames,
22  type EmailColors,
23  EmailStyles
24} from "./email-styles"
25 
26const deleteAccountVerificationEmailLocalization = {
27  ACCOUNT_DELETION_REQUESTED: "Account deletion requested",
28  CONFIRM_ACCOUNT_DELETION: "Confirm account deletion",
29  LOGO: "Logo",
30  WE_RECEIVED_ACCOUNT_DELETION_REQUEST:
31    "We received a request to permanently delete your {appName} account.",
32  ACCOUNT: "Account:",
33  DELETION_IS_PERMANENT:
34    "Deleting your account removes its data permanently. This action cannot be undone.",
35  DELETE_MY_ACCOUNT: "Delete my account",
36  OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
37  THIS_LINK_EXPIRES_IN_HOURS: "This link expires in {expirationHours} hours.",
38  EMAIL_SENT_BY: "Email sent by {appName}.",
39  IF_YOU_DIDNT_REQUEST_ACCOUNT_DELETION:
40    "If you didn't request account deletion, you can safely ignore this email. Your account will remain active.",
41  POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
42}
43 
44/**
45 * Localization strings for the DeleteAccountVerificationEmail component.
46 */
47export type DeleteAccountVerificationEmailLocalization =
48  typeof deleteAccountVerificationEmailLocalization
49 
50/**
51 * Props for the DeleteAccountVerificationEmail component.
52 */
53export interface DeleteAccountVerificationEmailProps {
54  /** Account deletion verification URL sent by Better Auth */
55  url: string
56  /** Email address of the account scheduled for deletion */
57  email?: string
58  /** Name of the application sending the email */
59  appName?: string
60  /** Number of hours until the verification link expires */
61  expirationHours?: number
62  /** Logo URL(s) - a single string or light/dark variants. If omitted, no logo is shown. */
63  logoURL?: string | { light: string; dark: string }
64  /** Custom CSS class names for styling specific parts of the email */
65  classNames?: EmailClassNames
66  /** Custom color scheme for light and dark modes */
67  colors?: EmailColors
68  /** Whether to show the "Powered by better-auth" footer */
69  poweredBy?: boolean
70  /** Whether to enable dark mode support */
71  darkMode?: boolean
72  /** Additional React nodes to inject into the email head */
73  head?: ReactNode
74  /**
75   * Localization overrides for customizing email text
76// … truncated