chore: import upstream snapshot with attribution

apps/sim/components/emails/invitations/batch-invitation-email.tsx

@@ -0,0 +1,108 @@
+import { Link, Text } from '@react-email/components'
+import { baseStyles } from '@/components/emails/_styles'
+import { EmailLayout } from '@/components/emails/components'
+import { getBrandConfig } from '@/ee/whitelabeling'
+
+interface WorkspaceInvitation {
+  workspaceId: string
+  workspaceName: string
+  permission: 'admin' | 'write' | 'read'
+}
+
+interface BatchInvitationEmailProps {
+  inviterName: string
+  organizationName: string
+  organizationRole: 'admin' | 'member'
+  workspaceInvitations: WorkspaceInvitation[]
+  acceptUrl: string
+}
+
+const getPermissionLabel = (permission: string) => {
+  switch (permission) {
+    case 'admin':
+      return 'Admin (full access)'
+    case 'write':
+      return 'Editor (can edit workflows)'
+    case 'read':
+      return 'Viewer (read-only access)'
+    default:
+      return permission
+  }
+}
+
+const getRoleLabel = (role: string) => {
+  switch (role) {
+    case 'admin':
+      return 'Admin'
+    case 'member':
+      return 'Member'
+    default:
+      return role
+  }
+}
+
+const EMPTY_INVITATIONS: WorkspaceInvitation[] = []
+
+export function BatchInvitationEmail({
+  inviterName = 'Someone',
+  organizationName = 'the team',
+  organizationRole = 'member',
+  workspaceInvitations = EMPTY_INVITATIONS,
+  acceptUrl,
+}: BatchInvitationEmailProps) {
+  const brand = getBrandConfig()
+  const hasWorkspaces = workspaceInvitations.length > 0
+
+  return (
+    <EmailLayout
+      preview={`You've been invited to join ${organizationName}${hasWorkspaces ? ` and ${workspaceInvitations.length} workspace(s)` : ''}`}
+      showUnsubscribe={false}
+    >
+      <Text style={baseStyles.paragraph}>Hello,</Text>
+      <Text style={baseStyles.paragraph}>
+        <strong>{inviterName}</strong> has invited you to join <strong>{organizationName}</strong>{' '}
+        on {brand.name}.
+      </Text>
+
+      {/* Team Role Information */}
+      <Text style={baseStyles.paragraph}>
+        <strong>Team Role:</strong> {getRoleLabel(organizationRole)}
+      </Text>
+      <Text style={baseStyles.paragraph}>
+        {organizationRole === 'admin'
+          ? "As a Team Admin, you'll be able to manage team members, billing, and workspace access."
+          : "As a Team Member, you'll have access to shared team billing and can be invited to workspaces."}
+      </Text>
+
+      {/* Workspace Invitations */}
+      {hasWorkspaces && (
+        <>
+          <Text style={baseStyles.paragraph}>
+            <strong>
+              Workspace Access ({workspaceInvitations.length} workspace
+              {workspaceInvitations.length !== 1 ? 's' : ''}):
+            </strong>
+          </Text>
+          {workspaceInvitations.map((ws) => (
+            <Text key={ws.workspaceId} style={{ ...baseStyles.paragraph, marginLeft: '20px' }}>
+              • <strong>{ws.workspaceName}</strong> - {getPermissionLabel(ws.permission)}
+            </Text>
+          ))}
+        </>
+      )}
+
+      <Link href={acceptUrl} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Accept Invitation</Text>
+      </Link>
+
+      {/* Divider */}
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        Invitation expires in 7 days. If unexpected, you can ignore this email.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default BatchInvitationEmail

apps/sim/components/emails/invitations/index.ts

@@ -0,0 +1,4 @@
+export { BatchInvitationEmail } from './batch-invitation-email'
+export { InvitationEmail } from './invitation-email'
+export { WorkspaceAddedEmail } from './workspace-added-email'
+export { WorkspaceInvitationEmail } from './workspace-invitation-email'

apps/sim/components/emails/invitations/invitation-email.tsx

@@ -0,0 +1,63 @@
+import { Link, Text } from '@react-email/components'
+import { createLogger } from '@sim/logger'
+import { baseStyles } from '@/components/emails/_styles'
+import { EmailLayout } from '@/components/emails/components'
+import { getBaseUrl } from '@/lib/core/utils/urls'
+import { getBrandConfig } from '@/ee/whitelabeling'
+
+interface InvitationEmailProps {
+  inviterName?: string
+  organizationName?: string
+  inviteLink?: string
+}
+
+const logger = createLogger('InvitationEmail')
+
+export function InvitationEmail({
+  inviterName = 'A team member',
+  organizationName = 'an organization',
+  inviteLink = '',
+}: InvitationEmailProps) {
+  const brand = getBrandConfig()
+  const baseUrl = getBaseUrl()
+
+  let enhancedLink = inviteLink
+
+  if (inviteLink && !inviteLink.includes('token=')) {
+    try {
+      const url = new URL(inviteLink)
+      const invitationId = url.pathname.split('/').pop()
+      if (invitationId) {
+        enhancedLink = `${baseUrl}/invite/${invitationId}?token=${invitationId}`
+      }
+    } catch (e) {
+      logger.error('Error parsing invite link:', e)
+    }
+  }
+
+  return (
+    <EmailLayout
+      preview={`You've been invited to join ${organizationName} on ${brand.name}`}
+      showUnsubscribe={false}
+    >
+      <Text style={baseStyles.paragraph}>Hello,</Text>
+      <Text style={baseStyles.paragraph}>
+        <strong>{inviterName}</strong> invited you to join <strong>{organizationName}</strong> on{' '}
+        {brand.name}.
+      </Text>
+
+      <Link href={enhancedLink} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Accept Invitation</Text>
+      </Link>
+
+      {/* Divider */}
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        Invitation expires in 48 hours. If unexpected, you can ignore this email.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default InvitationEmail

apps/sim/components/emails/invitations/workspace-added-email.tsx

@@ -0,0 +1,44 @@
+import { Link, Text } from '@react-email/components'
+import { baseStyles } from '@/components/emails/_styles'
+import { EmailLayout } from '@/components/emails/components'
+import { getBrandConfig } from '@/ee/whitelabeling'
+
+interface WorkspaceAddedEmailProps {
+  /** Name of the workspace the recipient was added to. */
+  workspaceName?: string
+  /** Name of the person who added the recipient. */
+  inviterName?: string
+  /** Direct link to the workspace (no acceptance required). */
+  workspaceLink?: string
+}
+
+export function WorkspaceAddedEmail({
+  workspaceName = 'Workspace',
+  inviterName = 'Someone',
+  workspaceLink = '',
+}: WorkspaceAddedEmailProps) {
+  const brand = getBrandConfig()
+  const preview = `You've been added to the "${workspaceName}" workspace on ${brand.name}`
+
+  return (
+    <EmailLayout preview={preview} showUnsubscribe={false}>
+      <Text style={baseStyles.paragraph}>Hello,</Text>
+      <Text style={baseStyles.paragraph}>
+        <strong>{inviterName}</strong> added you to the <strong>{workspaceName}</strong> workspace
+        on {brand.name}.
+      </Text>
+
+      <Link href={workspaceLink} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Open workspace</Text>
+      </Link>
+
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        If this was unexpected, contact a workspace admin.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default WorkspaceAddedEmail

apps/sim/components/emails/invitations/workspace-invitation-email.tsx

@@ -0,0 +1,56 @@
+import { Link, Text } from '@react-email/components'
+import { baseStyles } from '@/components/emails/_styles'
+import { EmailLayout } from '@/components/emails/components'
+import { getBrandConfig } from '@/ee/whitelabeling'
+
+interface WorkspaceInvitationEmailProps {
+  /** Workspaces this invitation grants access to (one entry per workspace). */
+  workspaceNames?: string[]
+  inviterName?: string
+  invitationLink?: string
+}
+
+export function WorkspaceInvitationEmail({
+  workspaceNames = ['Workspace'],
+  inviterName = 'Someone',
+  invitationLink = '',
+}: WorkspaceInvitationEmailProps) {
+  const brand = getBrandConfig()
+  const isMultiple = workspaceNames.length > 1
+  const preview = isMultiple
+    ? `You've been invited to join ${workspaceNames.length} workspaces on ${brand.name}!`
+    : `You've been invited to join the "${workspaceNames[0]}" workspace on ${brand.name}!`
+
+  return (
+    <EmailLayout preview={preview} showUnsubscribe={false}>
+      <Text style={baseStyles.paragraph}>Hello,</Text>
+      <Text style={baseStyles.paragraph}>
+        <strong>{inviterName}</strong> invited you to join the{' '}
+        {workspaceNames.map((name, index) => (
+          <span key={`${name}-${index}`}>
+            {index > 0 &&
+              (index === workspaceNames.length - 1
+                ? workspaceNames.length > 2
+                  ? ', and '
+                  : ' and '
+                : ', ')}
+            <strong>{name}</strong>
+          </span>
+        ))}{' '}
+        {isMultiple ? 'workspaces' : 'workspace'} on {brand.name}.
+      </Text>
+
+      <Link href={invitationLink} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Accept Invitation</Text>
+      </Link>
+
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        Invitation expires in 7 days. If unexpected, you can ignore this email.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default WorkspaceInvitationEmail