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/receipts/apple-receipt.html ADDED Viewed

@@ -0,0 +1,676 @@
+<!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/apple-logo.png" />
+    <link rel="preload" as="image" href="/static/apple-hbo-max-icon.jpeg" />
+    <link rel="preload" as="image" href="/static/apple-card-icon.png" />
+    <link rel="preload" as="image" href="/static/apple-wallet.png" />
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+    <meta name="x-apple-disable-message-reformatting" />
+    <!--$-->
+  </head>
+  <body
+    style='font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#ffffff'>
+    <div
+      style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
+      Apple Receipt
+      <div>
+         ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏ ‌‍‎‏
+      </div>
+    </div>
+    <table
+      align="center"
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      role="presentation"
+      style="max-width:100%;margin:0 auto;padding:20px 0 48px;width:660px">
+      <tbody>
+        <tr style="width:100%">
+          <td>
+            <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">
+                            <img
+                              alt="Apple Logo"
+                              height="42"
+                              src="/static/apple-logo.png"
+                              style="display:block;outline:none;border:none;text-decoration:none"
+                              width="42" />
+                          </td>
+                          <td
+                            align="right"
+                            data-id="__react-email-column"
+                            style="display:table-cell">
+                            <p
+                              style="font-size:32px;line-height:24px;font-weight:300;color:#888888;margin-top:16px;margin-bottom:16px">
+                              Receipt
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="font-size:14px;line-height:24px;text-align:center;margin:36px 0 40px 0;font-weight:500;color:#111111;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+                      Save 3% on all your Apple purchases with Apple Card.<sup
+                        style="font-weight:300"
+                        >1</sup
+                      >
+                      <a
+                        href="https://www.apple.com/apple-card/"
+                        style="color:#067df7;text-decoration-line:none"
+                        target="_blank"
+                        >Apply and use in minutes</a
+                      ><sup style="font-weight:300">2</sup>
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="border-collapse:collapse;border-spacing:0px;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-size:12px">
+              <tbody>
+                <tr>
+                  <td>
+                    <table
+                      align="center"
+                      width="100%"
+                      border="0"
+                      cellpadding="0"
+                      cellspacing="0"
+                      role="presentation"
+                      style="min-height:46px">
+                      <tbody style="width:100%">
+                        <tr style="width:100%">
+                          <td colspan="2" 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"
+                                            style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;min-height:44px">
+                                            <p
+                                              style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102);margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              APPLE ID
+                                            </p>
+                                            <a
+                                              style="color:#15c;text-decoration-line:none;font-size:12px;margin:0;padding:0;line-height:1.4;text-decoration:underline"
+                                              target="_blank"
+                                              >alan.turing@gmail.com</a
+                                            >
+                                          </td>
+                                        </tr>
+                                      </tbody>
+                                    </table>
+                                    <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"
+                                            style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;min-height:44px">
+                                            <p
+                                              style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102);margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              INVOICE DATE
+                                            </p>
+                                            <p
+                                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              18 Jan 2023
+                                            </p>
+                                          </td>
+                                        </tr>
+                                      </tbody>
+                                    </table>
+                                    <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"
+                                            style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;min-height:44px">
+                                            <p
+                                              style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102);margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              ORDER ID
+                                            </p>
+                                            <a
+                                              style="color:#15c;text-decoration-line:none;font-size:12px;margin:0;padding:0;line-height:1.4;text-decoration:underline"
+                                              target="_blank"
+                                              >ML4F5L8522</a
+                                            >
+                                          </td>
+                                          <td
+                                            data-id="__react-email-column"
+                                            style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;min-height:44px">
+                                            <p
+                                              style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102);margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              DOCUMENT NO.
+                                            </p>
+                                            <p
+                                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                                              186623754793
+                                            </p>
+                                          </td>
+                                        </tr>
+                                      </tbody>
+                                    </table>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </td>
+                          <td
+                            colspan="2"
+                            data-id="__react-email-column"
+                            style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;min-height:44px">
+                            <p
+                              style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102);margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              BILLED TO
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              Visa .... 7461 (Apple Pay)
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              Alan Turing
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              2125 Chestnut St
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              San Francisco, CA 94123
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              USA
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <table
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              role="presentation"
+              style="border-collapse:collapse;border-spacing:0px;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-size:12px;margin:30px 0 15px 0;min-height:24px">
+              <tbody>
+                <tr>
+                  <td>
+                    <p
+                      style="font-size:14px;line-height:24px;background:#fafafa;padding-left:10px;font-weight:500;margin:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                      App Store
+                    </p>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <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" style="width:64px">
+                            <img
+                              alt="HBO Max"
+                              height="64"
+                              src="/static/apple-hbo-max-icon.jpeg"
+                              style="display:block;outline:none;border:1px solid rgb(242,242,242);text-decoration:none;margin:0 0 0 20px;border-radius:14px"
+                              width="64" />
+                          </td>
+                          <td
+                            data-id="__react-email-column"
+                            style="padding-left:22px">
+                            <p
+                              style="font-size:12px;line-height:1.4;font-weight:600;margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              HBO Max: Stream TV &amp; Movies
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;color:rgb(102,102,102);margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              HBO Max Ad-Free (Monthly)
+                            </p>
+                            <p
+                              style="font-size:12px;line-height:1.4;color:rgb(102,102,102);margin:0;padding:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              Renews Aug 20, 2023
+                            </p>
+                            <a
+                              href="https://www.apple.com/"
+                              style="color:rgb(0,112,201);text-decoration-line:none;font-size:12px;text-decoration:none"
+                              target="_blank"
+                              >Write a Review</a
+                            ><span
+                              style="margin-left:4px;margin-right:4px;color:rgb(51,51,51);font-weight:200"
+                              >|</span
+                            ><a
+                              href="https://www.apple.com/"
+                              style="color:rgb(0,112,201);text-decoration-line:none;font-size:12px;text-decoration:none"
+                              target="_blank"
+                              >Report a Problem</a
+                            >
+                          </td>
+                          <td
+                            align="right"
+                            data-id="__react-email-column"
+                            style="display:table-cell;padding:0px 20px 0px 0px;width:100px;vertical-align:top">
+                            <p
+                              style="font-size:12px;line-height:24px;font-weight:600;margin:0;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              $14.99
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <hr
+              style="width:100%;border:none;border-top:1px solid #eaeaea;margin:30px 0 0 0" />
+            <table
+              align="right"
+              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"
+                            style="display:table-cell">
+                            <p
+                              style="font-size:10px;line-height:24px;margin:0;color:rgb(102,102,102);font-weight:600;padding:0px 30px 0px 0px;text-align:right;margin-top:16px;margin-bottom:16px;margin-left:0;margin-right:0">
+                              TOTAL
+                            </p>
+                          </td>
+                          <td
+                            data-id="__react-email-column"
+                            style="min-height:48px;padding-top:48px;border-left:1px solid;border-color:rgb(238,238,238)"></td>
+                          <td
+                            data-id="__react-email-column"
+                            style="display:table-cell;width:90px">
+                            <p
+                              style="font-size:16px;line-height:24px;margin:0px 20px 0px 0px;font-weight:600;white-space:nowrap;text-align:right;margin-top:16px;margin-right:20px;margin-bottom:16px;margin-left:0px">
+                              $14.99
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <hr
+              style="width:100%;border:none;border-top:1px solid #eaeaea;margin:0 0 75px 0" />
+            <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="center"
+                            data-id="__react-email-column"
+                            style="display:block">
+                            <img
+                              alt="Apple Card"
+                              height="17"
+                              src="/static/apple-card-icon.png"
+                              style="display:block;outline:none;border:none;text-decoration:none"
+                              width="60" />
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <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="center"
+                            data-id="__react-email-column"
+                            style="display:block;margin:15px 0 0 0">
+                            <p
+                              style="font-size:24px;line-height:24px;font-weight:500;margin-top:16px;margin-bottom:16px">
+                              Save 3% on all your Apple purchases.
+                            </p>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <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="center"
+                            data-id="__react-email-column"
+                            style="display:table-cell;margin:10px 0 0 0">
+                            <a
+                              href="https://www.apple.com/"
+                              style="color:rgb(0,126,255);text-decoration-line:none;text-decoration:none"
+                              target="_blank"
+                              ><img
+                                alt="Apple Wallet"
+                                height="28"
+                                src="/static/apple-wallet.png"
+                                style="display:inherit;outline:none;border:none;text-decoration:none;padding-right:8px;vertical-align:middle"
+                                width="28" /><span
+                                style="font-size:14px;font-weight:400;text-decoration:none"
+                                >Apply and use in minutes</span
+                              ></a
+                            >
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <hr
+              style="width:100%;border:none;border-top:1px solid #eaeaea;margin:65px 0 20px 0" />
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              1. 3% savings is earned as Daily Cash and is transferred to your
+              Apple Cash card when transactions post to your Apple Card account.
+              If you do not have an Apple Cash card, Daily Cash can be applied
+              by you as a credit on your statement balance. 3% is the total
+              amount of Daily Cash earned for these purchases. See the Apple
+              Card Customer Agreement for more details on Daily Cash and
+              qualifying transactions.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              2. Subject to credit approval.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              To access and use all the features of Apple Card, you must add
+              Apple Card to Wallet on an iPhone or iPad with iOS or iPadOS 13.2
+              or later. Update to the latest version of iOS or iPadOS by going
+              to Settings &gt; General &gt; Software Update. Tap Download and
+              Install.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              Available for qualifying applicants in the United States.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              Apple Card is issued by Goldman Sachs Bank USA, Salt Lake City
+              Branch.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:0;margin-bottom:16px;margin-top:16px;margin-left:0;margin-right:0">
+              If you reside in the US territories, please call Goldman Sachs at
+              877-255-5923 with questions about Apple Card.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:20px 0;text-align:center;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              Privacy: We use a<a
+                href="https://www.apple.com/"
+                style="color:rgb(0,115,255);text-decoration-line:none"
+                target="_blank">
+                <!-- -->Subscriber ID<!-- --> </a
+              >to provide reports to developers.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:20px 0;text-align:center;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              Get help with subscriptions and purchases.<a
+                href="https://www.apple.com/"
+                style="color:rgb(0,115,255);text-decoration-line:none"
+                target="_blank"
+                >Visit Apple Support.</a
+              >
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:20px 0;text-align:center;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              Learn how to<!-- -->
+              <a
+                href="https://www.apple.com/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >manage your password preferences</a
+              >
+              <!-- -->for iTunes, Apple Books, and App Store purchases.
+            </p>
+            <p
+              style="font-size:12px;line-height:auto;color:rgb(102,102,102);margin:20px 0;text-align:center;margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              <!-- -->You have the option to stop receiving email receipts for
+              your subscription renewals. If you have opted out, you can still
+              view your receipts in your account under Purchase History. To
+              manage receipts or to opt in again, go to<!-- -->
+              <a
+                href="https://www.apple.com/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >Account Settings.</a
+              >
+            </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="center"
+                            data-id="__react-email-column"
+                            style="display:block;margin:40px 0 0 0">
+                            <img
+                              alt="Apple Card"
+                              height="26"
+                              src="/static/apple-logo.png"
+                              style="display:block;outline:none;border:none;text-decoration:none"
+                              width="26" />
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p
+              style="font-size:12px;line-height:24px;margin:8px 0 0 0;text-align:center;color:rgb(102,102,102);margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              <a
+                href="https://www.apple.com/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >Account Settings</a
+              >
+              •<!-- -->
+              <a
+                href="https://www.apple.com/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >Terms of Sale</a
+              >
+              •<!-- -->
+              <a
+                href="https://www.apple.com/legal/privacy/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >Privacy Policy<!-- -->
+              </a>
+            </p>
+            <p
+              style="font-size:12px;line-height:24px;margin:25px 0 0 0;text-align:center;color:rgb(102,102,102);margin-top:16px;margin-right:0;margin-bottom:16px;margin-left:0">
+              Copyright © 2023 Apple Inc. <br />
+              <a
+                href="https://www.apple.com/legal/"
+                style="color:#067df7;text-decoration-line:none"
+                target="_blank"
+                >All rights reserved</a
+              >
+            </p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--/$-->
+  </body>
+</html>