From 7fec9d64fae5c298e71343ad123d422952a3b67a Mon Sep 17 00:00:00 2001
From: zomars <zomars@me.com>
Date: Mon, 6 Jun 2022 13:39:12 -0600
Subject: [PATCH] Email cleanup

---
 packages/emails/templates/common/body-logo.ts | 44 ---------
 packages/emails/templates/common/head.ts      | 91 -------------------
 packages/emails/templates/common/index.ts     |  6 --
 packages/emails/templates/common/link-icon.ts |  5 -
 .../common/scheduling-body-divider.ts         | 31 -------
 .../common/scheduling-body-head-content.ts    | 33 -------
 .../templates/common/scheduling-body-head.ts  | 71 ---------------
 7 files changed, 281 deletions(-)
 delete mode 100644 packages/emails/templates/common/body-logo.ts
 delete mode 100644 packages/emails/templates/common/head.ts
 delete mode 100644 packages/emails/templates/common/index.ts
 delete mode 100644 packages/emails/templates/common/link-icon.ts
 delete mode 100644 packages/emails/templates/common/scheduling-body-divider.ts
 delete mode 100644 packages/emails/templates/common/scheduling-body-head-content.ts
 delete mode 100644 packages/emails/templates/common/scheduling-body-head.ts

diff --git a/packages/emails/templates/common/body-logo.ts b/packages/emails/templates/common/body-logo.ts
deleted file mode 100644
index 61728be402..0000000000
--- a/packages/emails/templates/common/body-logo.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { BASE_URL, IS_PRODUCTION } from "@calcom/lib/constants";
-
-export const emailBodyLogo = (): string => {
-  const image = IS_PRODUCTION
-    ? BASE_URL + "/emails/CalLogo@2x.png"
-    : "https://app.cal.com/emails/CalLogo@2x.png";
-
-  return `
-  <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-  <div style="margin:0px auto;max-width:600px;">
-    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-      <tbody>
-        <tr>
-          <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
-            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-            <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                <tbody>
-                  <tr>
-                    <td align="center" style="font-size:0px;padding:10px 25px;padding-top:32px;word-break:break-word;">
-                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                        <tbody>
-                          <tr>
-                            <td style="width:89px;">
-                              <a href="${BASE_URL}" target="_blank">
-                                <img height="19" src="${image}" style="border:0;display:block;outline:none;text-decoration:none;height:19px;width:100%;font-size:13px;" width="89" />
-                              </a>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <!--[if mso | IE]></td></tr></table><![endif]-->
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  `;
-};
diff --git a/packages/emails/templates/common/head.ts b/packages/emails/templates/common/head.ts
deleted file mode 100644
index be22403827..0000000000
--- a/packages/emails/templates/common/head.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-export const emailHead = (headerContent: string): string => {
-  return `
-  <head>
-    <title>${headerContent}</title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
-
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
-
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
-
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
-
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
-          <noscript>
-          <xml>
-          <o:OfficeDocumentSettings>
-            <o:AllowPNG/>
-            <o:PixelsPerInch>96</o:PixelsPerInch>
-          </o:OfficeDocumentSettings>
-          </xml>
-          </noscript>
-          <![endif]-->
-    <!--[if lte mso 11]>
-          <style type="text/css">
-            .mj-outlook-group-fix { width:100% !important; }
-          </style>
-          <![endif]-->
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" type="text/css">
-    <style type="text/css">
-      @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
-    </style>
-    <!--<![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
-        width: 100% !important;
-        max-width: 100%;
-      }
-    </style>
-    <style type="text/css">
-      @media only screen and (max-width:480px) {
-        table.mj-full-width-mobile {
-          width: 100% !important;
-        }
-
-        td.mj-full-width-mobile {
-          width: auto !important;
-        }
-      }
-    </style>
-  </head>
-  `;
-};
diff --git a/packages/emails/templates/common/index.ts b/packages/emails/templates/common/index.ts
deleted file mode 100644
index 686d871f91..0000000000
--- a/packages/emails/templates/common/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { emailHead } from "./head";
-export { emailSchedulingBodyHeader } from "./scheduling-body-head";
-export { emailBodyLogo } from "./body-logo";
-export { emailScheduledBodyHeaderContent } from "./scheduling-body-head-content";
-export { emailSchedulingBodyDivider } from "./scheduling-body-divider";
-export { linkIcon } from "./link-icon";
diff --git a/packages/emails/templates/common/link-icon.ts b/packages/emails/templates/common/link-icon.ts
deleted file mode 100644
index 72d86bcc1d..0000000000
--- a/packages/emails/templates/common/link-icon.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { BASE_URL, IS_PRODUCTION } from "@calcom/lib/constants";
-
-export const linkIcon = (): string => {
-  return IS_PRODUCTION ? BASE_URL + "/emails/linkIcon.png" : "https://app.cal.com/emails/linkIcon.png";
-};
diff --git a/packages/emails/templates/common/scheduling-body-divider.ts b/packages/emails/templates/common/scheduling-body-divider.ts
deleted file mode 100644
index b8723c3e7b..0000000000
--- a/packages/emails/templates/common/scheduling-body-divider.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-export const emailSchedulingBodyDivider = (): string => {
-  return `
-  <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#FFFFFF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-  <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
-    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;">
-      <tbody>
-        <tr>
-          <td style="border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;direction:ltr;font-size:0px;padding:15px 0px 0 0px;text-align:center;">
-            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:598px;" ><![endif]-->
-            <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                <tbody>
-                  <tr>
-                    <td align="center" style="font-size:0px;padding:10px 25px;padding-bottom:15px;word-break:break-word;">
-                      <p style="border-top:solid 1px #E1E1E1;font-size:1px;margin:0px auto;width:100%;">
-                      </p>
-                      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #E1E1E1;font-size:1px;margin:0px auto;width:548px;" role="presentation" width="548px" ><tr><td style="height:0;line-height:0;"> &nbsp;
-</td></tr></table><![endif]-->
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <!--[if mso | IE]></td></tr></table><![endif]-->
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  `;
-};
diff --git a/packages/emails/templates/common/scheduling-body-head-content.ts b/packages/emails/templates/common/scheduling-body-head-content.ts
deleted file mode 100644
index 31515fc760..0000000000
--- a/packages/emails/templates/common/scheduling-body-head-content.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-export const emailScheduledBodyHeaderContent = (title: string, subtitle: string): string => {
-  return `
-  <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#FFFFFF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-  <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
-    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;">
-      <tbody>
-        <tr>
-          <td style="border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;direction:ltr;font-size:0px;padding:0px;text-align:center;">
-            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:598px;" ><![endif]-->
-            <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                <tbody>
-                  <tr>
-                    <td align="center" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-bottom:0px;word-break:break-word;">
-                      <div style="font-family:Roboto, Helvetica, sans-serif;font-size:24px;font-weight:700;line-height:24px;text-align:center;color:#292929;">${title}</div>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                      <div style="font-family:Roboto, Helvetica, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#494949;">${subtitle}</div>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <!--[if mso | IE]></td></tr></table><![endif]-->
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  `;
-};
diff --git a/packages/emails/templates/common/scheduling-body-head.ts b/packages/emails/templates/common/scheduling-body-head.ts
deleted file mode 100644
index 3245108999..0000000000
--- a/packages/emails/templates/common/scheduling-body-head.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { BASE_URL, IS_PRODUCTION } from "@calcom/lib/constants";
-
-export type BodyHeadType = "checkCircle" | "xCircle" | "calendarCircle";
-
-export const getHeadImage = (headerType: BodyHeadType): string => {
-  switch (headerType) {
-    case "checkCircle":
-      return IS_PRODUCTION
-        ? BASE_URL + "/emails/checkCircle@2x.png"
-        : "https://app.cal.com/emails/checkCircle@2x.png";
-    case "xCircle":
-      return IS_PRODUCTION
-        ? BASE_URL + "/emails/xCircle@2x.png"
-        : "https://app.cal.com/emails/xCircle@2x.png";
-    case "calendarCircle":
-      return IS_PRODUCTION
-        ? BASE_URL + "/emails/calendarCircle@2x.png"
-        : "https://app.cal.com/emails/calendarCircle@2x.png";
-  }
-};
-
-export const emailSchedulingBodyHeader = (headerType: BodyHeadType): string => {
-  const image = getHeadImage(headerType);
-
-  return `
-  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-  <div style="margin:0px auto;max-width:600px;">
-    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-      <tbody>
-        <tr>
-          <td style="direction:ltr;font-size:0px;padding:0px;padding-top:40px;text-align:center;">
-            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr></tr></table><![endif]-->
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#FFFFFF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-  <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
-    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;">
-      <tbody>
-        <tr>
-          <td style="border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-top:1px solid #E1E1E1;direction:ltr;font-size:0px;padding:30px 30px 0 30px;text-align:center;">
-            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:558px;" ><![endif]-->
-            <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                <tbody>
-                  <tr>
-                    <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                        <tbody>
-                          <tr>
-                            <td style="width:64px;">
-                              <img height="64" src="${image}" style="border:0;display:block;outline:none;text-decoration:none;height:64px;width:100%;font-size:13px;" width="64" />
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <!--[if mso | IE]></td></tr></table><![endif]-->
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  `;
-};