npm - react-email - Versions diffs - 4.0.7 → 4.0.9 - Mend

react-email 4.0.7 → 4.0.9

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 (156) hide show

package/src/commands/testing/out/magic-links/raycast-magic-link.html ADDED Viewed

@@ -0,0 +1,90 @@
+<!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/raycast-logo.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;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'>
+    <div
+      style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
+      Log in with this magic link.
+      <div>
+         ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏
+      </div>
+    </div>
+    <table
+      align="center"
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      role="presentation"
+      style='max-width:37.5em;margin:0 auto;padding:20px 25px 48px;background-image:url("/static/raycast-bg.png");background-position:bottom;background-repeat:no-repeat, no-repeat'>
+      <tbody>
+        <tr style="width:100%">
+          <td>
+            <img
+              alt="Raycast"
+              height="48"
+              src="/static/raycast-logo.png"
+              style="display:block;outline:none;border:none;text-decoration:none"
+              width="48" />
+            <h1 style="font-size:28px;font-weight:bold;margin-top:48px">
+              🪄 Your magic link
+            </h1>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="margin:24px 0">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="font-size:16px;line-height:26px;margin-top:16px;margin-bottom:16px">
+                      <a
+                        style="color:#FF6363;text-decoration-line:none"
+                        target="_blank"
+                        >👉 Click here to sign in 👈</a
+                      >
+                    </p>
+                    <p
+                      style="font-size:16px;line-height:26px;margin-top:16px;margin-bottom:16px">
+                      If you didn&#x27;t request this, please ignore this email.
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p
+              style="font-size:16px;line-height:26px;margin-top:16px;margin-bottom:16px">
+              Best,<br />- Raycast Team
+            </p>
+            <hr
+              style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dddddd;margin-top:48px" />
+            <img
+              height="32"
+              src="/static/raycast-logo.png"
+              style="display:block;outline:none;border:none;text-decoration:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:20px 0"
+              width="32" />
+            <p
+              style="font-size:12px;line-height:24px;color:#8898aa;margin-left:4px;margin-top:16px;margin-bottom:16px">
+              Raycast Technologies Inc.
+            </p>
+            <p
+              style="font-size:12px;line-height:24px;color:#8898aa;margin-left:4px;margin-top:16px;margin-bottom:16px">
+              2093 Philadelphia Pike #3222, Claymont, DE 19703
+            </p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>

package/src/commands/testing/out/magic-links/slack-confirm.html ADDED Viewed

@@ -0,0 +1,239 @@
+<!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/slack-logo.png" />
+    <link rel="preload" as="image" href="/static/slack-twitter.png" />
+    <link rel="preload" as="image" href="/static/slack-facebook.png" />
+    <link rel="preload" as="image" href="/static/slack-linkedin.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;margin:0 auto;font-family:-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif">
+    <div
+      style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
+      Confirm your email address
+      <div>
+         ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏
+      </div>
+    </div>
+    <table
+      align="center"
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      role="presentation"
+      style="max-width:37.5em;margin:0 auto;padding:0px 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="Slack"
+                      height="36"
+                      src="/static/slack-logo.png"
+                      style="display:block;outline:none;border:none;text-decoration:none"
+                      width="120" />
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <h1
+              style="color:#1d1c1d;font-size:36px;font-weight:700;margin:30px 0;padding:0;line-height:42px">
+              Confirm your email address
+            </h1>
+            <p
+              style="font-size:20px;line-height:28px;margin-bottom:30px;margin-top:16px">
+              Your confirmation code is below - enter it in your open browser
+              window and we&#x27;ll help you get signed in.
+            </p>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="background:rgb(245, 244, 245);border-radius:4px;margin-bottom:30px;padding:40px 10px">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="font-size:30px;line-height:24px;text-align:center;vertical-align:middle;margin-top:16px;margin-bottom:16px"></p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p
+              style="font-size:14px;line-height:24px;color:#000;margin-top:16px;margin-bottom:16px">
+              If you didn&#x27;t request this email, there&#x27;s nothing to
+              worry about, you can safely ignore it.
+            </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"
+                      style="margin-bottom:32px;padding-left:8px;padding-right:8px;display:block">
+                      <tbody style="width:100%">
+                        <tr style="width:100%">
+                          <td data-id="__react-email-column" style="width:66%">
+                            <img
+                              alt="Slack"
+                              height="36"
+                              src="/static/slack-logo.png"
+                              style="display:block;outline:none;border:none;text-decoration:none"
+                              width="120" />
+                          </td>
+                          <td data-id="__react-email-column">
+                            <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 data-id="__react-email-column">
+                                            <a
+                                              href="/"
+                                              style="color:#067df7;text-decoration-line:none"
+                                              target="_blank"
+                                              ><img
+                                                alt="Slack"
+                                                height="32"
+                                                src="/static/slack-twitter.png"
+                                                style="display:inline;outline:none;border:none;text-decoration:none;margin-left:32px"
+                                                width="32"
+                                            /></a>
+                                          </td>
+                                          <td data-id="__react-email-column">
+                                            <a
+                                              href="/"
+                                              style="color:#067df7;text-decoration-line:none"
+                                              target="_blank"
+                                              ><img
+                                                alt="Slack"
+                                                height="32"
+                                                src="/static/slack-facebook.png"
+                                                style="display:inline;outline:none;border:none;text-decoration:none;margin-left:32px"
+                                                width="32"
+                                            /></a>
+                                          </td>
+                                          <td data-id="__react-email-column">
+                                            <a
+                                              href="/"
+                                              style="color:#067df7;text-decoration-line:none"
+                                              target="_blank"
+                                              ><img
+                                                alt="Slack"
+                                                height="32"
+                                                src="/static/slack-linkedin.png"
+                                                style="display:inline;outline:none;border:none;text-decoration:none;margin-left:32px"
+                                                width="32"
+                                            /></a>
+                                          </td>
+                                        </tr>
+                                      </tbody>
+                                    </table>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation">
+              <tbody>
+                <tr>
+                  <td>
+                    <a
+                      href="https://slackhq.com"
+                      rel="noopener noreferrer"
+                      style="color:#b7b7b7;text-decoration-line:none;text-decoration:underline"
+                      target="_blank"
+                      >Our blog</a
+                    >   |   <a
+                      href="https://slack.com/legal"
+                      rel="noopener noreferrer"
+                      style="color:#b7b7b7;text-decoration-line:none;text-decoration:underline"
+                      target="_blank"
+                      >Policies</a
+                    >   |   <a
+                      href="https://slack.com/help"
+                      rel="noopener noreferrer"
+                      style="color:#b7b7b7;text-decoration-line:none;text-decoration:underline"
+                      target="_blank"
+                      >Help center</a
+                    >   |   <a
+                      href="https://slack.com/community"
+                      rel="noopener noreferrer"
+                      data-auth="NotApplicable"
+                      data-linkindex="6"
+                      style="color:#b7b7b7;text-decoration-line:none;text-decoration:underline"
+                      target="_blank"
+                      >Slack Community</a
+                    >
+                    <p
+                      style="font-size:12px;line-height:15px;color:#b7b7b7;text-align:left;margin-bottom:50px;margin-top:16px">
+                      ©2022 Slack Technologies, LLC, a Salesforce company.
+                      <br />500 Howard Street, San Francisco, CA 94105, USA
+                      <br /><br />All rights reserved.
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>