react-email 4.0.13 → 4.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cli/index.mjs +10 -2
- package/dist/preview/.next/BUILD_ID +1 -1
- package/dist/preview/.next/app-build-manifest.json +5 -5
- package/dist/preview/.next/build-manifest.json +2 -2
- package/dist/preview/.next/next-minimal-server.js.nft.json +1 -1
- package/dist/preview/.next/next-server.js.nft.json +1 -1
- package/dist/preview/.next/prerender-manifest.json +3 -3
- package/dist/preview/.next/server/app/_not-found/page.js +1 -1
- package/dist/preview/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
- package/dist/preview/.next/server/app/page.js +1 -1
- package/dist/preview/.next/server/app/page.js.nft.json +1 -1
- package/dist/preview/.next/server/app/page_client-reference-manifest.js +1 -1
- package/dist/preview/.next/server/app/preview/[...slug]/page.js +49 -49
- package/dist/preview/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
- package/dist/preview/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
- package/dist/preview/.next/server/chunks/488.js +1 -0
- package/dist/preview/.next/server/pages/500.html +1 -1
- package/dist/preview/.next/server/server-reference-manifest.js +1 -1
- package/dist/preview/.next/server/server-reference-manifest.json +1 -1
- package/dist/preview/.next/static/chunks/{484-50842ded59fc65cc.js → 484-21e30f98c67e8d58.js} +1 -1
- package/dist/preview/.next/static/chunks/app/layout-3044a159bf29302b.js +1 -0
- package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-994a4d501e46f3f8.js +1 -0
- package/dist/preview/.next/static/css/35e8811589f0962b.css +3 -0
- package/dist/preview/.next/trace +27 -2
- package/package.json +2 -2
- package/src/app/layout.tsx +7 -9
- package/src/commands/testing/out/magic-links/aws-verify-email.html +2 -1
- package/src/commands/testing/out/magic-links/linear-login-code.html +3 -2
- package/src/commands/testing/out/magic-links/notion-magic-link.html +2 -1
- package/src/commands/testing/out/magic-links/raycast-magic-link.html +2 -1
- package/src/commands/testing/out/magic-links/slack-confirm.html +2 -1
- package/src/commands/testing/out/newsletters/codepen-challengers.html +4 -3
- package/src/commands/testing/out/newsletters/google-play-policy-update.html +2 -1
- package/src/commands/testing/out/newsletters/stack-overflow-tips.html +2 -1
- package/src/commands/testing/out/notifications/github-access-token.html +3 -2
- package/src/commands/testing/out/notifications/papermark-year-in-review.html +2 -1
- package/src/commands/testing/out/notifications/vercel-invite-user.html +3 -2
- package/src/commands/testing/out/notifications/yelp-recent-login.html +4 -3
- package/src/commands/testing/out/receipts/apple-receipt.html +2 -1
- package/src/commands/testing/out/receipts/nike-receipt.html +2 -1
- package/src/commands/testing/out/reset-password/dropbox-reset-password.html +3 -2
- package/src/commands/testing/out/reset-password/twitch-reset-password.html +3 -2
- package/src/commands/testing/out/reviews/airbnb-review.html +3 -2
- package/src/commands/testing/out/reviews/amazon-review.html +2 -1
- package/src/commands/testing/out/welcome/koala-welcome.html +4 -3
- package/src/commands/testing/out/welcome/netlify-welcome.html +3 -2
- package/src/commands/testing/out/welcome/stripe-welcome.html +3 -2
- package/src/components/sidebar/sidebar.tsx +1 -1
- package/src/components/toolbar/spam-assassin.tsx +1 -1
- package/src/components/toolbar.tsx +1 -1
- package/src/utils/__snapshots__/get-email-component.spec.ts.snap +1 -1
- package/src/utils/contains-email-template.spec.ts +38 -21
- package/src/utils/contains-email-template.ts +1 -1
- package/dist/preview/.next/server/chunks/298.js +0 -1
- package/dist/preview/.next/static/chunks/app/layout-68f987f1c2fa4a95.js +0 -1
- package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-0e424bc7e17c6bdf.js +0 -1
- package/dist/preview/.next/static/css/6f42d128f111d7fa.css +0 -3
- /package/dist/preview/.next/static/{ktOSj9QyPd9QoxbLjpB5e → 0LFN6rP55keVoTJYuP-4s}/_buildManifest.js +0 -0
- /package/dist/preview/.next/static/{ktOSj9QyPd9QoxbLjpB5e → 0LFN6rP55keVoTJYuP-4s}/_ssgManifest.js +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-email",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.15",
|
|
4
4
|
"description": "A live preview of your emails right in your browser.",
|
|
5
5
|
"bin": {
|
|
6
6
|
"email": "./dist/cli/index.mjs"
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"typescript": "5.8.3",
|
|
81
81
|
"use-debounce": "10.0.4",
|
|
82
82
|
"zod": "3.24.3",
|
|
83
|
-
"@react-email/components": "0.0.
|
|
83
|
+
"@react-email/components": "0.0.41"
|
|
84
84
|
},
|
|
85
85
|
"scripts": {
|
|
86
86
|
"build": "tsup-node && node ./scripts/build-preview-server.mjs && pnpm install --frozen-lockfile",
|
package/src/app/layout.tsx
CHANGED
|
@@ -28,15 +28,13 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
|
|
|
28
28
|
lang="en"
|
|
29
29
|
>
|
|
30
30
|
<body className="relative flex h-screen flex-col bg-black text-slate-11 leading-loose selection:bg-cyan-5 selection:text-cyan-12">
|
|
31
|
-
<
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
className="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-3"
|
|
39
|
-
/>
|
|
31
|
+
<div className="bg-gradient-to-t from-slate-3 flex">
|
|
32
|
+
<EmailsProvider
|
|
33
|
+
initialEmailsDirectoryMetadata={emailsDirectoryMetadata}
|
|
34
|
+
>
|
|
35
|
+
{children}
|
|
36
|
+
</EmailsProvider>
|
|
37
|
+
</div>
|
|
40
38
|
</body>
|
|
41
39
|
</html>
|
|
42
40
|
);
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
<body style="background-color:#fff;color:#212121">
|
|
10
10
|
<div
|
|
11
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
11
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
data-skip-in-text="true">
|
|
12
13
|
AWS Email Verification
|
|
13
14
|
<div>
|
|
14
15
|
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
Your login code for Linear
|
|
14
15
|
<div>
|
|
15
16
|
|
|
@@ -49,7 +50,7 @@
|
|
|
49
50
|
<td>
|
|
50
51
|
<a
|
|
51
52
|
href="https://linear.app"
|
|
52
|
-
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#5e6ad2;border-radius:3px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px
|
|
53
|
+
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#5e6ad2;border-radius:3px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px;padding-top:11px;padding-right:23px;padding-bottom:11px;padding-left:23px"
|
|
53
54
|
target="_blank"
|
|
54
55
|
><span
|
|
55
56
|
><!--[if mso]><i style="mso-font-width:383.33333333333337%;mso-text-raise:16.5" hidden>   </i><![endif]--></span
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
<body style="background-color:#ffffff">
|
|
10
10
|
<div
|
|
11
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
11
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
data-skip-in-text="true">
|
|
12
13
|
Log in with this magic link
|
|
13
14
|
<div>
|
|
14
15
|
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
Log in with this magic link.
|
|
14
15
|
<div>
|
|
15
16
|
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
<body
|
|
13
13
|
style="background-color:#ffffff;margin:0 auto;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif">
|
|
14
14
|
<div
|
|
15
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
16
|
+
data-skip-in-text="true">
|
|
16
17
|
Confirm your email address
|
|
17
18
|
<div>
|
|
18
19
|
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
<body
|
|
12
12
|
style='font-family:"Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;background-color:#505050;margin:0'>
|
|
13
13
|
<div
|
|
14
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
14
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
data-skip-in-text="true">
|
|
15
16
|
#CodePenChallenge: Cubes
|
|
16
17
|
<div>
|
|
17
18
|
|
|
@@ -152,7 +153,7 @@
|
|
|
152
153
|
experience level.
|
|
153
154
|
</p>
|
|
154
155
|
<a
|
|
155
|
-
style="line-height:18px;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background:#2138c6;color:#fff;border:0;font-size:15px;cursor:pointer;border-radius:4px;padding:12px
|
|
156
|
+
style="line-height:18px;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background:#2138c6;color:#fff;border:0;font-size:15px;cursor:pointer;border-radius:4px;padding:12px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"
|
|
156
157
|
target="_blank"
|
|
157
158
|
><span
|
|
158
159
|
><!--[if mso]><i style="mso-font-width:300%;mso-text-raise:18" hidden>  </i><![endif]--></span
|
|
@@ -487,7 +488,7 @@
|
|
|
487
488
|
<tr>
|
|
488
489
|
<td>
|
|
489
490
|
<a
|
|
490
|
-
style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;font-size:26px;color:#15c;background:#222;border-radius:4px;font-weight:bold;cursor:pointer;padding:15px 30px
|
|
491
|
+
style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;font-size:26px;color:#15c;background:#222;border-radius:4px;font-weight:bold;cursor:pointer;padding:15px 30px;padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px"
|
|
491
492
|
target="_blank"
|
|
492
493
|
><span
|
|
493
494
|
><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:22.5" hidden>   </i><![endif]--></span
|
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
<body
|
|
15
15
|
style='background-color:#dbddde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
16
16
|
<div
|
|
17
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
17
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
18
|
+
data-skip-in-text="true">
|
|
18
19
|
Google Play developers
|
|
19
20
|
<div>
|
|
20
21
|
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
<body
|
|
12
12
|
style="background-color:#f3f3f5;font-family:HelveticaNeue,Helvetica,Arial,sans-serif">
|
|
13
13
|
<div
|
|
14
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
14
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
data-skip-in-text="true">
|
|
15
16
|
Stack overflow tips for searching
|
|
16
17
|
<div>
|
|
17
18
|
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#ffffff;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
A fine-grained personal access token has been added to your account
|
|
14
15
|
<div>
|
|
15
16
|
|
|
@@ -60,7 +61,7 @@
|
|
|
60
61
|
>) was recently added to your account.
|
|
61
62
|
</p>
|
|
62
63
|
<a
|
|
63
|
-
style="line-height:1.5;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;font-size:14px;background-color:#28a745;color:#fff;border-radius:0.5em;padding:12px 24px
|
|
64
|
+
style="line-height:1.5;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;font-size:14px;background-color:#28a745;color:#fff;border-radius:0.5em;padding:12px 24px;padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px"
|
|
64
65
|
target="_blank"
|
|
65
66
|
><span
|
|
66
67
|
><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:18" hidden>   </i><![endif]--></span
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
<!--$-->
|
|
7
7
|
</head>
|
|
8
8
|
<div
|
|
9
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
9
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
10
|
+
data-skip-in-text="true">
|
|
10
11
|
See your stats from 2024
|
|
11
12
|
<div>
|
|
12
13
|
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
<body
|
|
11
11
|
style='margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;background-color:rgb(255,255,255);padding-left:0.5rem;padding-right:0.5rem;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'>
|
|
12
12
|
<div
|
|
13
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
14
|
+
data-skip-in-text="true">
|
|
14
15
|
Join undefined on Vercel
|
|
15
16
|
<div>
|
|
16
17
|
|
|
@@ -126,7 +127,7 @@
|
|
|
126
127
|
<tr>
|
|
127
128
|
<td>
|
|
128
129
|
<a
|
|
129
|
-
style="border-radius:0.25rem;background-color:rgb(0,0,0);padding-left:
|
|
130
|
+
style="border-radius:0.25rem;background-color:rgb(0,0,0);padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;text-align:center;font-weight:600;font-size:12px;color:rgb(255,255,255);text-decoration-line:none;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px"
|
|
130
131
|
target="_blank"
|
|
131
132
|
><span
|
|
132
133
|
><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>  </i><![endif]--></span
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
<body
|
|
12
12
|
style='background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
13
13
|
<div
|
|
14
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
14
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
data-skip-in-text="true">
|
|
15
16
|
Yelp recent login
|
|
16
17
|
<div>
|
|
17
18
|
|
|
@@ -97,7 +98,7 @@
|
|
|
97
98
|
</h2>
|
|
98
99
|
<p
|
|
99
100
|
style="font-size:16px;line-height:24px;margin-top:16px;margin-bottom:16px">
|
|
100
|
-
<b>Time: </b>May
|
|
101
|
+
<b>Time: </b>May 12, 2025 at 3:19 PM
|
|
101
102
|
</p>
|
|
102
103
|
<p
|
|
103
104
|
style="font-size:16px;line-height:24px;margin-top:-5px;margin-bottom:16px">
|
|
@@ -141,7 +142,7 @@
|
|
|
141
142
|
data-id="__react-email-column"
|
|
142
143
|
style="text-align:center">
|
|
143
144
|
<a
|
|
144
|
-
style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#e00707;border-radius:3px;color:#FFF;font-weight:bold;border:1px solid rgb(0,0,0, 0.1);cursor:pointer;padding:12px 30px
|
|
145
|
+
style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#e00707;border-radius:3px;color:#FFF;font-weight:bold;border:1px solid rgb(0,0,0, 0.1);cursor:pointer;padding:12px 30px;padding-top:12px;padding-right:30px;padding-bottom:12px;padding-left:30px"
|
|
145
146
|
target="_blank"
|
|
146
147
|
><span
|
|
147
148
|
><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>   </i><![endif]--></span
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
<body
|
|
13
13
|
style='font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#ffffff'>
|
|
14
14
|
<div
|
|
15
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
16
|
+
data-skip-in-text="true">
|
|
16
17
|
Apple Receipt
|
|
17
18
|
<div>
|
|
18
19
|
|
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
<body
|
|
15
15
|
style='background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
16
16
|
<div
|
|
17
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
17
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
18
|
+
data-skip-in-text="true">
|
|
18
19
|
Get your order summary, estimated delivery date and more
|
|
19
20
|
<div>
|
|
20
21
|
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
<body style="background-color:#f6f9fc;padding:10px 0">
|
|
10
10
|
<div
|
|
11
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
11
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
data-skip-in-text="true">
|
|
12
13
|
Dropbox reset your password
|
|
13
14
|
<div>
|
|
14
15
|
|
|
@@ -53,7 +54,7 @@
|
|
|
53
54
|
password here:
|
|
54
55
|
</p>
|
|
55
56
|
<a
|
|
56
|
-
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#007ee6;border-radius:4px;color:#fff;font-family:'Open Sans', 'Helvetica Neue', Arial;font-size:15px;text-align:center;width:210px;padding:14px 7px
|
|
57
|
+
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#007ee6;border-radius:4px;color:#fff;font-family:'Open Sans', 'Helvetica Neue', Arial;font-size:15px;text-align:center;width:210px;padding:14px 7px;padding-top:14px;padding-right:7px;padding-bottom:14px;padding-left:7px"
|
|
57
58
|
target="_blank"
|
|
58
59
|
><span
|
|
59
60
|
><!--[if mso]><i style="mso-font-width:350%;mso-text-raise:21" hidden> </i><![endif]--></span
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
<body
|
|
12
12
|
style="background-color:#efeef1;font-family:HelveticaNeue,Helvetica,Arial,sans-serif">
|
|
13
13
|
<div
|
|
14
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
14
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
15
|
+
data-skip-in-text="true">
|
|
15
16
|
You updated the password for your Twitch account
|
|
16
17
|
<div>
|
|
17
18
|
|
|
@@ -103,7 +104,7 @@
|
|
|
103
104
|
<p
|
|
104
105
|
style="font-size:14px;line-height:1.5;margin-top:16px;margin-bottom:16px">
|
|
105
106
|
You updated the password for your Twitch account on<!-- -->
|
|
106
|
-
<!-- -->May
|
|
107
|
+
<!-- -->May 12, 2025, 3:19:58 PM<!-- -->. If this was you,
|
|
107
108
|
then no further action is required.
|
|
108
109
|
</p>
|
|
109
110
|
<p
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
Read undefined's review
|
|
14
15
|
<div>
|
|
15
16
|
|
|
@@ -106,7 +107,7 @@
|
|
|
106
107
|
</p>
|
|
107
108
|
<a
|
|
108
109
|
href="https://www.airbnb.com"
|
|
109
|
-
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#ff5a5f;border-radius:3px;color:#fff;font-size:18px;padding:19px 30px
|
|
110
|
+
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#ff5a5f;border-radius:3px;color:#fff;font-size:18px;padding:19px 30px;text-align:center;padding-top:19px;padding-right:30px;padding-bottom:19px;padding-left:30px"
|
|
110
111
|
target="_blank"
|
|
111
112
|
><span
|
|
112
113
|
><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:28.5" hidden>   </i><![endif]--></span
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
<body
|
|
16
16
|
style="font-family:Ember,Helvetica,Arial,sans-seri;background-color:#ffffff">
|
|
17
17
|
<div
|
|
18
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
18
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
19
|
+
data-skip-in-text="true">
|
|
19
20
|
Amazon Review
|
|
20
21
|
<div>
|
|
21
22
|
|
|
@@ -9,10 +9,11 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
The sales intelligence platform that helps you uncover qualified leads.
|
|
14
15
|
<div>
|
|
15
|
-
|
|
16
|
+
|
|
16
17
|
</div>
|
|
17
18
|
</div>
|
|
18
19
|
<table
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
<td>
|
|
56
57
|
<a
|
|
57
58
|
href="https://getkoala.com"
|
|
58
|
-
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#5F51E8;border-radius:3px;color:#fff;font-size:16px;text-align:center;padding:12px
|
|
59
|
+
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#5F51E8;border-radius:3px;color:#fff;font-size:16px;text-align:center;padding:12px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"
|
|
59
60
|
target="_blank"
|
|
60
61
|
><span
|
|
61
62
|
><!--[if mso]><i style="mso-font-width:300%;mso-text-raise:18" hidden>  </i><![endif]--></span
|
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
<!--$-->
|
|
8
8
|
</head>
|
|
9
9
|
<div
|
|
10
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
10
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
11
|
+
data-skip-in-text="true">
|
|
11
12
|
Netlify Welcome
|
|
12
13
|
<div>
|
|
13
14
|
|
|
@@ -85,7 +86,7 @@
|
|
|
85
86
|
<tr>
|
|
86
87
|
<td>
|
|
87
88
|
<a
|
|
88
|
-
style="border-radius:0.5rem;background-color:rgb(34,80,244);padding-left:18px;padding-right:18px;padding-top:
|
|
89
|
+
style="border-radius:0.5rem;background-color:rgb(34,80,244);padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;color:rgb(255,255,255);line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px"
|
|
89
90
|
target="_blank"
|
|
90
91
|
><span
|
|
91
92
|
><!--[if mso]><i style="mso-font-width:450%;mso-text-raise:18" hidden>  </i><![endif]--></span
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
<body
|
|
10
10
|
style='background-color:#f6f9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif'>
|
|
11
11
|
<div
|
|
12
|
-
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
12
|
+
style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
|
|
13
|
+
data-skip-in-text="true">
|
|
13
14
|
You're now ready to make live transactions with Stripe!
|
|
14
15
|
<div>
|
|
15
16
|
|
|
@@ -58,7 +59,7 @@
|
|
|
58
59
|
</p>
|
|
59
60
|
<a
|
|
60
61
|
href="https://dashboard.stripe.com/login"
|
|
61
|
-
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#656ee8;border-radius:5px;color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:10px
|
|
62
|
+
style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#656ee8;border-radius:5px;color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"
|
|
62
63
|
target="_blank"
|
|
63
64
|
><span
|
|
64
65
|
><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:15" hidden> </i><![endif]--></span
|
|
@@ -83,7 +83,7 @@ export const SpamAssassin = ({ result }: SpamAssassinProps) => {
|
|
|
83
83
|
<>
|
|
84
84
|
{result ? (
|
|
85
85
|
<Results>
|
|
86
|
-
<Results.Row className="sticky border-b top-0
|
|
86
|
+
<Results.Row className="sticky border-b top-0">
|
|
87
87
|
<Results.Column className="uppercase">
|
|
88
88
|
<span className="flex gap-2 items-center">
|
|
89
89
|
<IconWarning
|
|
@@ -124,7 +124,7 @@ const ToolbarInner = ({
|
|
|
124
124
|
data-toggled={toggled}
|
|
125
125
|
className={cn(
|
|
126
126
|
'absolute bottom-0 left-0 right-0',
|
|
127
|
-
'
|
|
127
|
+
'border-t border-slate-6 group/toolbar text-xs text-slate-11 h-52 transition-transform',
|
|
128
128
|
'data-[toggled=false]:translate-y-[10.625rem]',
|
|
129
129
|
)}
|
|
130
130
|
>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
|
-
exports[`getEmailComponent() > with a demo email template 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="/static/vercel-logo.png"/><link rel="preload" as="image" href="/static/vercel-user.png"/><link rel="preload" as="image" href="/static/vercel-arrow.png"/><link rel="preload" as="image" href="/static/vercel-team.png"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><!--$--></head><body style="margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;background-color:rgb(255,255,255);padding-left:0.5rem;padding-right:0.5rem;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Join Alan on Vercel<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:40px;max-width:465px;border-radius:0.25rem;border-width:1px;border-color:rgb(234,234,234);border-style:solid;padding:20px"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px"><tbody><tr><td><img alt="Vercel Logo" height="37" src="/static/vercel-logo.png" style="margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;display:block;outline:none;border:none;text-decoration:none" width="40"/></td></tr></tbody></table><h1 style="margin-left:0px;margin-right:0px;margin-top:30px;margin-bottom:30px;padding:0px;text-align:center;font-weight:400;font-size:24px;color:rgb(0,0,0)">Join <strong>Enigma</strong> on <strong>Vercel</strong></h1><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">Hello <!-- -->alanturing<!-- -->,</p><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px"><strong>Alan</strong> (<a href="mailto:alan.turing@example.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">alan.turing@example.com</a>) has invited you to the <strong>Enigma</strong> team on<!-- --> <strong>Vercel</strong>.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="right" data-id="__react-email-column"><img alt="alanturing's profile picture" height="64" src="/static/vercel-user.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td><td align="center" data-id="__react-email-column"><img alt="Arrow indicating invitation" height="9" src="/static/vercel-arrow.png" style="display:block;outline:none;border:none;text-decoration:none" width="12"/></td><td align="left" data-id="__react-email-column"><img alt="Enigma team logo" height="64" src="/static/vercel-team.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px;margin-bottom:32px;text-align:center"><tbody><tr><td><a href="https://vercel.com" style="border-radius:0.25rem;background-color:rgb(0,0,0);padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;text-align:center;font-weight:600;font-size:12px;color:rgb(255,255,255);text-decoration-line:none;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:12px 20px 12px 20px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>  </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px">Join the team</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>  ​</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">or copy and paste this URL into your browser:<!-- --> <a href="https://vercel.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">https://vercel.com</a></p><hr style="margin-left:0px;margin-right:0px;margin-top:26px;margin-bottom:26px;width:100%;border-width:1px;border-color:rgb(234,234,234);border-style:solid;border:none;border-top:1px solid #eaeaea"/><p style="color:rgb(102,102,102);font-size:12px;line-height:24px;margin-top:16px;margin-bottom:16px">This invitation was intended for<!-- --> <span style="color:rgb(0,0,0)">alanturing</span>. This invite was sent from <span style="color:rgb(0,0,0)">204.13.186.218</span> <!-- -->located in<!-- --> <span style="color:rgb(0,0,0)">São Paulo, Brazil</span>. If you were not expecting this invitation, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us.</p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
3
|
+
exports[`getEmailComponent() > with a demo email template 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="/static/vercel-logo.png"/><link rel="preload" as="image" href="/static/vercel-user.png"/><link rel="preload" as="image" href="/static/vercel-arrow.png"/><link rel="preload" as="image" href="/static/vercel-team.png"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><!--$--></head><body style="margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;background-color:rgb(255,255,255);padding-left:0.5rem;padding-right:0.5rem;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">Join Alan on Vercel<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:40px;max-width:465px;border-radius:0.25rem;border-width:1px;border-color:rgb(234,234,234);border-style:solid;padding:20px"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px"><tbody><tr><td><img alt="Vercel Logo" height="37" src="/static/vercel-logo.png" style="margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;display:block;outline:none;border:none;text-decoration:none" width="40"/></td></tr></tbody></table><h1 style="margin-left:0px;margin-right:0px;margin-top:30px;margin-bottom:30px;padding:0px;text-align:center;font-weight:400;font-size:24px;color:rgb(0,0,0)">Join <strong>Enigma</strong> on <strong>Vercel</strong></h1><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">Hello <!-- -->alanturing<!-- -->,</p><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px"><strong>Alan</strong> (<a href="mailto:alan.turing@example.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">alan.turing@example.com</a>) has invited you to the <strong>Enigma</strong> team on<!-- --> <strong>Vercel</strong>.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="right" data-id="__react-email-column"><img alt="alanturing's profile picture" height="64" src="/static/vercel-user.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td><td align="center" data-id="__react-email-column"><img alt="Arrow indicating invitation" height="9" src="/static/vercel-arrow.png" style="display:block;outline:none;border:none;text-decoration:none" width="12"/></td><td align="left" data-id="__react-email-column"><img alt="Enigma team logo" height="64" src="/static/vercel-team.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px;margin-bottom:32px;text-align:center"><tbody><tr><td><a href="https://vercel.com" style="border-radius:0.25rem;background-color:rgb(0,0,0);padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;text-align:center;font-weight:600;font-size:12px;color:rgb(255,255,255);text-decoration-line:none;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:12px 20px 12px 20px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>  </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px">Join the team</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>  ​</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">or copy and paste this URL into your browser:<!-- --> <a href="https://vercel.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">https://vercel.com</a></p><hr style="margin-left:0px;margin-right:0px;margin-top:26px;margin-bottom:26px;width:100%;border-width:1px;border-color:rgb(234,234,234);border-style:solid;border:none;border-top:1px solid #eaeaea"/><p style="color:rgb(102,102,102);font-size:12px;line-height:24px;margin-top:16px;margin-bottom:16px">This invitation was intended for<!-- --> <span style="color:rgb(0,0,0)">alanturing</span>. This invite was sent from <span style="color:rgb(0,0,0)">204.13.186.218</span> <!-- -->located in<!-- --> <span style="color:rgb(0,0,0)">São Paulo, Brazil</span>. If you were not expecting this invitation, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us.</p></td></tr></tbody></table><!--/$--></body></html>"`;
|