Password Changed 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 passwordChangedEmailLocalization = {
27  YOUR_PASSWORD_HAS_BEEN_CHANGED: "Your password has been changed",
28  LOGO: "Logo",
29  PASSWORD_CHANGED_SUCCESSFULLY: "Password changed successfully",
30  PASSWORD_FOR_YOUR_ACCOUNT_CHANGED:
31    "The password for your {appName} account {userEmail} has been changed successfully.",
32  CHANGED_AT: "Changed at",
33  IF_YOU_MADE_THIS_CHANGE:
34    "If you made this change, you can safely ignore this email. Your account is secure.",
35  I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
36  EMAIL_SENT_BY: "Email sent by {appName}.",
37  IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE:
38    "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
39  POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
40}
41 
42/**
43 * Localization strings for the PasswordChangedEmail component.
44 *
45 * Contains all text content used in the password changed notification email template.
46 */
47export type PasswordChangedEmailLocalization =
48  typeof passwordChangedEmailLocalization
49 
50/**
51 * Props for the PasswordChangedEmail component.
52 */
53export interface PasswordChangedEmailProps {
54  /** Email address of the user account */
55  email?: string
56  /** Timestamp when the password was changed */
57  timestamp?: string
58  /** URL to secure the account if unauthorized change occurred */
59  secureAccountURL?: string
60  /** Name of the application sending the email */
61  appName?: string
62  /** Support email address for security concerns */
63  supportEmail?: string
64  /** Logo URL(s) - a single string or light/dark variants. If omitted, no logo is shown. */
65  logoURL?: string | { light: string; dark: string }
66  /** Custom CSS class names for styling specific parts of the email */
67  classNames?: EmailClassNames
68  /** Custom color scheme for light and dark modes */
69  colors?: EmailColors
70  /** Whether to show the "Powered by better-auth" footer */
71  poweredBy?: boolean
72  /** Whether to enable dark mode support */
73  darkMode?: boolean
74  /** Additional React nodes to inject into the email head */
75  head?: ReactNode
76  /**
77   * Localization overrides for customizing email text
78// … truncated