npm - react-email - Versions diffs - 4.0.6 → 4.0.8 - Mend

react-email 4.0.6 → 4.0.8

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.

Files changed (113) hide show

package/src/commands/testing/out/notifications/github-access-token.html ADDED Viewed

@@ -0,0 +1,103 @@
+<!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/github.png" />
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+    <meta name="x-apple-disable-message-reformatting" />
+    <!--$-->
+  </head>
+  <body
+    style='background-color:#ffffff;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"'>
+    <div
+      style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
+      A fine-grained personal access token has been added to your account
+      <div>
+         ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏
+      </div>
+    </div>
+    <table
+      align="center"
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      role="presentation"
+      style="max-width:480px;margin:0 auto;padding:20px 0 48px">
+      <tbody>
+        <tr style="width:100%">
+          <td>
+            <img
+              alt="Github"
+              height="32"
+              src="/static/github.png"
+              style="display:block;outline:none;border:none;text-decoration:none"
+              width="32" />
+            <p
+              style="font-size:24px;line-height:1.25;margin-top:16px;margin-bottom:16px">
+              <strong>@</strong>, a personal access was created on your account.
+            </p>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="padding:24px;border:solid 1px #dedede;border-radius:5px;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="font-size:14px;line-height:24px;margin:0 0 10px 0;text-align:left;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+                      Hey <strong></strong>!
+                    </p>
+                    <p
+                      style="font-size:14px;line-height:24px;margin:0 0 10px 0;text-align:left;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+                      A fine-grained personal access token (<a
+                        style="color:#067df7;text-decoration-line:none"
+                        target="_blank"
+                        >resend</a
+                      >) was recently added to your account.
+                    </p>
+                    <a
+                      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 12px 24px"
+                      target="_blank"
+                      ><span
+                        ><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:18" hidden>&#8202;&#8202;&#8202;</i><![endif]--></span
+                      ><span
+                        style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px"
+                        >View your token</span
+                      ><span
+                        ><!--[if mso]><i style="mso-font-width:400%" hidden>&#8202;&#8202;&#8202;&#8203;</i><![endif]--></span
+                      ></a
+                    >
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p
+              style="font-size:14px;line-height:24px;text-align:center;margin-top:16px;margin-bottom:16px">
+              <a
+                style="color:#0366d6;text-decoration-line:none;font-size:12px"
+                target="_blank"
+                >Your security audit log</a
+              >
+              ・<!-- -->
+              <a
+                style="color:#0366d6;text-decoration-line:none;font-size:12px"
+                target="_blank"
+                >Contact support</a
+              >
+            </p>
+            <p
+              style="font-size:12px;line-height:24px;color:#6a737d;text-align:center;margin-top:60px;margin-bottom:16px">
+              GitHub, Inc. ・88 Colin P Kelly Jr Street ・San Francisco, CA
+              94107
+            </p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>

package/src/commands/testing/out/notifications/papermark-year-in-review.html ADDED Viewed

@@ -0,0 +1,316 @@
+<!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>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+    <meta name="x-apple-disable-message-reformatting" />
+    <!--$-->
+  </head>
+  <div
+    style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
+    See your stats from 2024
+    <div>
+       ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏
+    </div>
+  </div>
+  <body
+    style='background-color:rgb(255,255,255);font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'>
+    <table
+      align="center"
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      role="presentation"
+      style="margin-left:auto;margin-right:auto;width:100%;max-width:600px;padding:0px">
+      <tbody>
+        <tr style="width:100%">
+          <td>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="padding:2rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="margin-left:0px;margin-right:0px;margin-top:1rem;margin-bottom:2rem;padding:0px;text-align:center;font-weight:400;font-size:1.5rem;line-height:2rem">
+                      <span style="font-weight:700;letter-spacing:-0.05em"
+                        >Papermark</span
+                      >
+                    </p>
+                    <p
+                      style="font-weight:400;font-size:0.875rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:0.05em;margin-top:16px;margin-bottom:16px">
+                      in review
+                    </p>
+                    <h1
+                      style="margin-top:1rem;margin-bottom:1rem;font-weight:500;font-size:2.25rem;line-height:1.25">
+                      Your Year with Papermark
+                    </h1>
+                    <p
+                      style="margin-bottom:2rem;font-size:1.125rem;line-height:2rem;margin-top:16px">
+                      What a year it&#x27;s been! Let&#x27;s take a look at how
+                      you&#x27;ve used Papermark to share your important
+                      documents.
+                    </p>
+                    <a
+                      href="https://www.papermark.com"
+                      style="display:inline-flex;align-items:center;border-radius:9999px;background-color:rgb(17,24,39);padding-left:3rem;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;text-align:center;font-weight:700;font-size:0.875rem;line-height:1.25rem;color:rgb(255,255,255);text-decoration-line:none"
+                      target="_blank"
+                      >Share your stats</a
+                    >
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="margin-top:1.5rem;margin-bottom:1.5rem;border-radius:1rem;background-color:rgb(251,122,0,0.1);background-image:radial-gradient(circle at bottom right,#fb7a00 0%,transparent 60%);padding:2rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <h1
+                      style="margin:0px;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(166,59,0)">
+                      Viewers spent
+                    </h1>
+                    <p
+                      style="margin-top:1rem;margin-bottom:1rem;font-weight:700;font-size:4.5rem;line-height:1;color:rgb(17,24,39)"></p>
+                    <p
+                      style="margin-bottom:1rem;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(17,24,39);margin-top:16px">
+                      minutes on your documents
+                    </p>
+                    <p
+                      style="color:rgb(17,24,39);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                      That&#x27;s a lot of engagement! Your documents are
+                      resonating with your visitors.
+                    </p>
+                    <hr
+                      style="margin-top:1.5rem;width:100%;border:none;border-top:1px solid #eaeaea;border-color:#fb7a00" />
+                    <h1
+                      style="padding-top:1.25rem;font-weight:500;color:rgb(17,24,39);font-size:0.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:0.05em">
+                      Your activity
+                    </h1>
+                    <table
+                      align="center"
+                      width="100%"
+                      border="0"
+                      cellpadding="0"
+                      cellspacing="0"
+                      role="presentation"
+                      style="margin-top:1.25rem">
+                      <tbody style="width:100%">
+                        <tr style="width:100%">
+                          <td
+                            data-id="__react-email-column"
+                            style="width:33.333333%;text-align:center">
+                            <p
+                              style="font-weight:500;color:rgb(166,59,0);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                              You uploaded
+                            </p>
+                            <p
+                              style="margin-top:0.25rem;margin-bottom:0.25rem;font-weight:700;font-size:2.25rem;line-height:2.5rem;color:rgb(17,24,39)"></p>
+                            <p
+                              style="font-size:1.5rem;line-height:2rem;color:rgb(17,24,39);margin-top:16px;margin-bottom:16px">
+                              documents
+                            </p>
+                          </td>
+                          <td
+                            data-id="__react-email-column"
+                            style="width:33.333333%;text-align:center">
+                            <p
+                              style="font-weight:500;color:rgb(166,59,0);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                              You shared
+                            </p>
+                            <p
+                              style="margin-top:0.25rem;margin-bottom:0.25rem;font-weight:700;font-size:2.25rem;line-height:2.5rem;color:rgb(17,24,39)"></p>
+                            <p
+                              style="font-size:1.5rem;line-height:2rem;color:rgb(17,24,39);margin-top:16px;margin-bottom:16px">
+                              links
+                            </p>
+                          </td>
+                          <td
+                            data-id="__react-email-column"
+                            style="width:33.333333%;text-align:center">
+                            <p
+                              style="font-weight:500;color:rgb(166,59,0);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                              You received
+                            </p>
+                            <p
+                              style="margin-top:0.25rem;margin-bottom:0.25rem;font-weight:700;font-size:2.25rem;line-height:2.5rem;color:rgb(17,24,39)"></p>
+                            <p
+                              style="font-size:1.5rem;line-height:2rem;color:rgb(17,24,39);margin-top:16px;margin-bottom:16px">
+                              views
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="margin-top:1.5rem;margin-bottom:1.5rem;border-radius:1rem;background-color:rgb(75,85,99,0.1);background-image:radial-gradient(circle at bottom right,#4b5563 0%,transparent 60%);padding:2rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <h1
+                      style="margin:0px;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(31,41,55)">
+                      Your top document
+                    </h1>
+                    <p
+                      style="margin-top:1rem;margin-bottom:1rem;font-weight:700;font-size:1.5rem;line-height:1;color:rgb(17,24,39)">
+                      &quot;<!-- -->&quot;
+                    </p>
+                    <p
+                      style="margin-bottom:1rem;font-weight:500;font-size:3rem;line-height:1;color:rgb(17,24,39);margin-top:16px">
+                      views
+                    </p>
+                    <p
+                      style="color:rgb(17,24,39);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                      This document really caught your visitor&#x27;s attention!
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="margin-top:1.5rem;margin-bottom:1.5rem;border-radius:1rem;background-color:rgb(228,197,160,0.1);background-image:radial-gradient(circle at bottom right,#e4c5a0 0%,transparent 60%);padding:2rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <h1
+                      style="margin:0px;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(156,123,74)">
+                      Your most active month
+                    </h1>
+                    <p
+                      style="margin-top:1rem;margin-bottom:1rem;font-weight:700;font-size:3rem;line-height:1;color:rgb(17,24,39)"></p>
+                    <p
+                      style="margin-bottom:1rem;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(17,24,39);margin-top:16px">
+                      with
+                      <!-- -->
+                      views
+                    </p>
+                    <p
+                      style="color:rgb(17,24,39);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                      was your busiest month. What did you share that got so
+                      much attention?
+                    </p>
+                    <hr
+                      style="margin-top:1.5rem;width:100%;border:none;border-top:1px solid #eaeaea;border-color:#e4c5a0" />
+                    <h1
+                      style="padding-top:1.25rem;font-weight:500;color:rgb(17,24,39);font-size:0.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:0.05em">
+                      You&#x27;re in the top
+                    </h1>
+                    <p
+                      style="margin-top:1rem;margin-bottom:1rem;font-weight:700;font-size:4.5rem;line-height:1;color:rgb(17,24,39)">
+                      %
+                    </p>
+                    <p
+                      style="margin-bottom:1rem;font-weight:500;color:rgb(17,24,39);font-size:1.25rem;line-height:1.75rem;margin-top:16px">
+                      of sharers on Papermark
+                    </p>
+                    <p
+                      style="color:rgb(17,24,39);font-size:0.875rem;line-height:1.25rem;margin-top:16px;margin-bottom:16px">
+                      You&#x27;re one of our most active users. Thank you for
+                      sharing with Papermark!
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="margin-top:1.5rem;margin-bottom:1.5rem;border-radius:1rem;background-color:rgb(16,185,129,0.1);background-image:radial-gradient(circle at bottom right,#10b981 0%,transparent 60%);padding:2rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <h1
+                      style="margin:0px;font-weight:500;font-size:1.875rem;line-height:2.25rem;color:rgb(6,95,70)">
+                      Your documents were viewed from
+                    </h1>
+                    <table
+                      align="center"
+                      width="100%"
+                      border="0"
+                      cellpadding="0"
+                      cellspacing="0"
+                      role="presentation"
+                      style="margin-top:1rem">
+                      <tbody style="width:100%">
+                        <tr style="width:100%">
+                          <td data-id="__react-email-column"></td>
+                        </tr>
+                      </tbody>
+                    </table>
+                    <p
+                      style="margin-top:1rem;color:rgb(6,95,70);font-size:0.875rem;line-height:1.25rem;margin-bottom:16px">
+                      Your documents get attention from all over the world!
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="padding-bottom:1.5rem;text-align:center">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="color:rgb(17,24,39);font-size:1.25rem;line-height:2rem;margin-top:16px;margin-bottom:16px">
+                      We&#x27;re excited to support you next year! <br />Happy
+                      Holidays from the Papermark team :)
+                    </p>
+                    <a
+                      href="https://www.papermark.com"
+                      style="margin-top:1rem;display:inline-flex;align-items:center;border-radius:9999px;background-color:rgb(17,24,39);padding-left:3rem;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;text-align:center;font-weight:700;font-size:0.875rem;line-height:1.25rem;color:rgb(255,255,255);text-decoration-line:none"
+                      target="_blank"
+                      >Share your stats</a
+                    ><a
+                      href="https://www.papermark.com"
+                      style="margin-top:1rem;display:block;align-items:center;text-align:center;font-weight:700;color:rgb(17,24,39);font-size:0.875rem;line-height:1.25rem;text-decoration-line:none"
+                      target="_blank"
+                      >Go to your dashboard</a
+                    >
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>

package/src/commands/testing/out/notifications/vercel-invite-user.html ADDED Viewed

@@ -0,0 +1,170 @@
+<!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-arrow.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 undefined 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></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
+              <!-- -->,
+            </p>
+            <p
+              style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">
+              <strong></strong> (<a
+                href="mailto:undefined"
+                style="color:rgb(37,99,235);text-decoration-line:none"
+                target="_blank"></a
+              >) has invited you to the <strong></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="undefined&#x27;s profile picture"
+                              height="64"
+                              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="undefined team logo"
+                              height="64"
+                              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
+                      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>&#8202;&#8202;</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>&#8202;&#8202;&#8203;</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
+                style="color:rgb(37,99,235);text-decoration-line:none"
+                target="_blank"></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)"></span>. This invite was sent from
+              <span style="color:rgb(0,0,0)"></span>
+              <!-- -->located in<!-- -->
+              <span style="color:rgb(0,0,0)"></span>. If you were not expecting
+              this invitation, you can ignore this email. If you are concerned
+              about your account&#x27;s safety, please reply to this email to
+              get in touch with us.
+            </p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>