Organization Invitation 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 organizationInvitationEmailLocalization = {
27  YOU_RE_INVITED_TO_ORGANIZATION: "You're invited to {organizationName}",
28  YOU_RE_INVITED: "You're invited",
29  LOGO: "Logo",
30  ORGANIZATION_LOGO: "Organization logo",
31  INVITED_TO_JOIN_ORGANIZATION:
32    "{inviterName} ({inviterEmail}) has invited you to join {organizationName} on {appName} as a {role}.",
33  ACCEPT_INVITATION: "Accept invitation",
34  VIEW_INVITATION: "View invitation",
35  OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
36  THIS_INVITATION_EXPIRES_IN_HOURS:
37    "This invitation expires in {expirationHours} hours.",
38  EMAIL_SENT_BY: "Email sent by {appName}.",
39  IF_YOU_DIDNT_EXPECT_THIS_INVITATION:
40    "If you didn't expect this invitation, you can safely ignore this email.",
41  POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
42}
43 
44/**
45 * Localization strings for the OrganizationInvitationEmail component.
46 *
47 * Contains all text content used in the organization invitation email template.
48 */
49export type OrganizationInvitationEmailLocalization =
50  typeof organizationInvitationEmailLocalization
51 
52/**
53 * Props for the OrganizationInvitationEmail component.
54 */
55export interface OrganizationInvitationEmailProps {
56  /**
57   * URL where the invitee can review and accept the invitation.
58   *
59   * @remarks Pass `{baseUrl}/settings/organizations` — this is where pending
60   * organization invitations are listed in the settings UI.
61   */
62  url: string
63  /** Email address of the user being invited */
64  email?: string
65  /** Name of the person who sent the invitation */
66  inviterName?: string
67  /** Email address of the person who sent the invitation */
68  inviterEmail?: string
69  /** Name of the organization the user is being invited to */
70  organizationName?: string
71  /** Organization logo URL(s) - a single string or light/dark variants. */
72  organizationLogoURL?: string | { light: string; dark: string }
73  /** Role being offered to the invitee (e.g. "member", "admin", "owner") */
74  role?: string
75  /** Name of the application sending the email */
76  appName?: string
77  /** Number of hours until the invitation expires */
78  expirationHours?: number
79// … truncated