chore: import upstream snapshot with attribution

2026-07-13 13:20:55 +08:00
commit d25d482dc2
13754 changed files with 4996608 additions and 0 deletions
@@ -0,0 +1,46 @@
+import { Link, Text } from '@react-email/components'
+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 ExistingAccountEmailProps {
+  username?: string
+}
+
+/**
+ * Sent out-of-band when someone attempts to sign up with an email that already
+ * has an account. The sign-up endpoint itself returns a generic success
+ * response to avoid account enumeration, so this email is how the real account
+ * owner learns of the attempt.
+ */
+export function ExistingAccountEmail({ username = '' }: ExistingAccountEmailProps) {
+  const brand = getBrandConfig()
+  const loginLink = `${getBaseUrl()}/login`
+
+  return (
+    <EmailLayout
+      preview={`Someone tried to sign up with your ${brand.name} email`}
+      showUnsubscribe={false}
+    >
+      <Text style={baseStyles.paragraph}>Hello {username},</Text>
+      <Text style={baseStyles.paragraph}>
+        Someone just tried to create a {brand.name} account using this email address, but an account
+        already exists. If this was you, sign in instead — or reset your password if you've
+        forgotten it.
+      </Text>
+
+      <Link href={loginLink} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Sign In</Text>
+      </Link>
+
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        If this wasn't you, no action is needed — no account was created or changed.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default ExistingAccountEmail
@@ -0,0 +1,5 @@
+export { ExistingAccountEmail } from './existing-account-email'
+export { OnboardingFollowupEmail } from './onboarding-followup-email'
+export { OTPVerificationEmail } from './otp-verification-email'
+export { ResetPasswordEmail } from './reset-password-email'
+export { WelcomeEmail } from './welcome-email'
@@ -0,0 +1,38 @@
+import { Body, Head, Html, Preview, Text } from '@react-email/components'
+import { plainEmailStyles as styles } from '@/components/emails/_styles'
+
+interface OnboardingFollowupEmailProps {
+  userName?: string
+}
+
+export function OnboardingFollowupEmail({ userName }: OnboardingFollowupEmailProps) {
+  return (
+    <Html>
+      <Head />
+      <Preview>Quick question</Preview>
+      <Body style={styles.body}>
+        <div style={styles.container}>
+          <Text style={styles.p}>{userName ? `Hey ${userName},` : 'Hey,'}</Text>
+          <Text style={styles.p}>
+            It&apos;s been a few days since you signed up. I hope you&apos;re enjoying Sim!
+          </Text>
+          <Text style={styles.p}>
+            I&apos;d love to know — what did you expect when you signed up vs. what did you get?
+          </Text>
+          <Text style={styles.p}>
+            A reply with your thoughts would really help us improve the product for everyone.
+          </Text>
+          <Text style={styles.p}>
+            Thanks,
+            <br />
+            Emir
+            <br />
+            Founder, Sim
+          </Text>
+        </div>
+      </Body>
+    </Html>
+  )
+}
+
+export default OnboardingFollowupEmail
@@ -0,0 +1,59 @@
+import { Section, Text } from '@react-email/components'
+import { baseStyles } from '@/components/emails/_styles'
+import { EmailLayout } from '@/components/emails/components'
+import { getBrandConfig } from '@/ee/whitelabeling'
+
+interface OTPVerificationEmailProps {
+  otp: string
+  email?: string
+  type?: 'sign-in' | 'email-verification' | 'change-email' | 'forget-password' | 'chat-access'
+  chatTitle?: string
+}
+
+const getSubjectByType = (type: string, brandName: string, chatTitle?: string) => {
+  switch (type) {
+    case 'sign-in':
+      return `Sign in to ${brandName}`
+    case 'email-verification':
+      return `Verify your email for ${brandName}`
+    case 'change-email':
+      return `Verify your new email for ${brandName}`
+    case 'forget-password':
+      return `Reset your ${brandName} password`
+    case 'chat-access':
+      return `Verification code for ${chatTitle || 'Chat'}`
+    default:
+      return `Verification code for ${brandName}`
+  }
+}
+
+export function OTPVerificationEmail({
+  otp,
+  email = '',
+  type = 'email-verification',
+  chatTitle,
+}: OTPVerificationEmailProps) {
+  const brand = getBrandConfig()
+
+  return (
+    <EmailLayout preview={getSubjectByType(type, brand.name, chatTitle)} showUnsubscribe={false}>
+      <Text style={baseStyles.paragraph}>Your verification code:</Text>
+
+      <Section style={baseStyles.codeContainer}>
+        <Text style={baseStyles.code}>{otp}</Text>
+      </Section>
+
+      <Text style={baseStyles.paragraph}>This code will expire in 15 minutes.</Text>
+
+      {/* Divider */}
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        Do not share this code with anyone. If you didn't request this code, you can safely ignore
+        this email.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default OTPVerificationEmail
@@ -0,0 +1,36 @@
+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 ResetPasswordEmailProps {
+  username?: string
+  resetLink?: string
+}
+
+export function ResetPasswordEmail({ username = '', resetLink = '' }: ResetPasswordEmailProps) {
+  const brand = getBrandConfig()
+
+  return (
+    <EmailLayout preview={`Reset your ${brand.name} password`} showUnsubscribe={false}>
+      <Text style={baseStyles.paragraph}>Hello {username},</Text>
+      <Text style={baseStyles.paragraph}>
+        A password reset was requested for your {brand.name} account. Click below to set a new
+        password.
+      </Text>
+
+      <Link href={resetLink} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Reset Password</Text>
+      </Link>
+
+      {/* Divider */}
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        If you didn't request this, you can ignore this email. Link expires in 24 hours.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default ResetPasswordEmail
@@ -0,0 +1,53 @@
+import { Link, Text } from '@react-email/components'
+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 WelcomeEmailProps {
+  userName?: string
+}
+
+export function WelcomeEmail({ userName }: WelcomeEmailProps) {
+  const brand = getBrandConfig()
+  const baseUrl = getBaseUrl()
+
+  return (
+    <EmailLayout preview={`Welcome to ${brand.name}`} showUnsubscribe={false}>
+      <Text style={{ ...baseStyles.paragraph, marginTop: 0 }}>
+        {userName ? `Hey ${userName},` : 'Hey,'}
+      </Text>
+      <Text style={baseStyles.paragraph}>
+        Welcome to {brand.name}! Your account is ready. Start building, testing, and deploying AI
+        workflows in minutes.
+      </Text>
+
+      <Link href={`${baseUrl}/login`} style={{ textDecoration: 'none' }}>
+        <Text style={baseStyles.button}>Get Started</Text>
+      </Link>
+
+      <Text style={baseStyles.paragraph}>
+        If you have any questions or feedback, just reply to this email. I read every message!
+      </Text>
+
+      <Text style={baseStyles.paragraph}>
+        Want to chat?{' '}
+        <Link href={`${baseUrl}/team`} style={baseStyles.link}>
+          Schedule a call
+        </Link>{' '}
+        with our team.
+      </Text>
+
+      <Text style={baseStyles.paragraph}>- Emir, co-founder of {brand.name}</Text>
+
+      {/* Divider */}
+      <div style={baseStyles.divider} />
+
+      <Text style={{ ...baseStyles.footerText, textAlign: 'left' }}>
+        You're on the Community plan with 1,000 credits to get started.
+      </Text>
+    </EmailLayout>
+  )
+}
+
+export default WelcomeEmail