placementt-core 11.0.892 → 11.0.951

package/src/typeDefinitions.ts

@@ -1,6 +1,7 @@
 import {DocumentData, DocumentReference, Timestamp} from "firebase/firestore";
 import {Descendant} from "slate";
 import {emailTemplates} from "./constants";
+import {FilterObject} from "./hooks";
 
 export type Products = "institutes"|"providers"|"students"|"admin";
 
@@ -21,6 +22,7 @@ export type StudentPlacementData = {
     providerEmailed: Timestamp,
     parentEmailed: Timestamp,
     providerPhone: string,
+    studentDescription?: string,
     website?: string,
     id:string,
     providerCompleted: string[],
@@ -142,17 +144,17 @@ export type PlacementQuestions = {
     payFrequency: "total"|"hourly"|"daily"|"weekly"|"monthly"|"annually",
 }
 
-// export type SavedPlacement = {
-//     placementId: string,
-//     savedByProduct: Products,
-//     savedByUserType: "Organisation"|"Student",
-//     savedById: string,
-//     schoolId?: string,
-//     status?: "Accepted" | "Blocked" | "providerReview";
-//     listed: boolean,
-//     concurrentPlacements?: number,
-//     id: string
-// }
+export type SavedPlacement = {
+    placementId: string,
+    savedByProduct: Products,
+    savedByUserType: "Organisation"|"Student",
+    savedById: string,
+    schoolId?: string,
+    status?: "Accepted" | "Blocked" | "providerReview";
+    listed: boolean,
+    concurrentPlacements?: number,
+    id: string
+}
 
 // export type PlacementListingStages = "basic"|"address"|"students"|"responsibilities"|"applications"|"onboarding"|"review"|"complete";
 
@@ -368,9 +370,24 @@ export type UserData = {
         provider: number[],
         student: number[],
     }},
-    alumniConversationUid?: string
+    alumniConversationUid?: string,
+    savedDataViewerFilters?: {
+        [cohortId: string]: {
+        [key in "cohortPlacements"|"cohortStudents"]: {
+            [viewKey: string]: DataViewerFilterView
+            }
+        }
+    }
 };
 
+export type DataViewerFilterView = {
+    title: string,
+    search?: string,
+    sort?: string,
+    filters?: FilterObject,
+    permanent?: boolean,
+}
+
 export type AnalyticsItem = {
     units?: "placements"|"weeks"|"days"|"hours",
     name?: string
@@ -593,7 +610,7 @@ export type ProviderContactData = {
     insuranceExpiry?: string,
     savedBy?: {[key:string]: {
         exists: true,
-        activities?: string[], // IDs of consented activities.
+        activities?: null|string[], // IDs of consented activities.
         providerConsent?: boolean,
         providerConsentDate?: string,
         MATschools?: string[],
@@ -638,7 +655,8 @@ export type InstituteData = {
     shareAlumni?: boolean
     approveAlumniMessages?: boolean,
     anonymiseAlumniConvoStudents?: boolean,
-    alumniConversations?: boolean
+    alumniConversations?: boolean,
+    activityInvitesSent?: string
 }&Address;
 
 export type ExternalActivity = {
@@ -651,7 +669,8 @@ export type ExternalActivity = {
     oId?: string,
     alumni?: boolean,
     provider?: boolean,
-    permanent?: boolean
+    permanent?: boolean,
+    activityType: "workExperience"|"workplaceVisits"|"mentoring"|"mockInterviews"|"other"
 }
 
 export type NotificationObject = {
@@ -706,7 +725,7 @@ export type StaffRoles = {
     staff: string[]
 };
 
-export type QueryObjectConstraint = [string, "=="|"<"|"<="|">="|">"|"!="|"array-contains"|"array-contains-any"|"in"|"not-in", string|boolean][]
+export type QueryObjectConstraint = [string, "=="|"<"|"<="|">="|">"|"!="|"array-contains"|"array-contains-any"|"in"|"not-in", string|boolean|string[]][]
 
 export type QueryObject = {
     path: string[],
@@ -762,7 +781,7 @@ export type CohortData = {
     endSubmission: string,
     startPlacements: string,
     endPlacements: string,
-    stage: "info"|"name"|"placementType"|"students"|"workflow"|"review"|"created"|"archived",
+    stage: "info"|"name"|"placementType"|"students"|"workflow"|"review"|"created"|"archived"|"database",
     workflow: WorkflowStage[]
     customWorkflow?: boolean,
     oId: string,
@@ -771,6 +790,8 @@ export type CohortData = {
     designatedStaff?: string,
     autoArchiveDate?: string,
     logType?: "basic"|"custom",
+    listingReleaseDate?: string,
+    enableListings?: boolean,
     logs?: {
         students?: string,
         staff?: string,
@@ -789,7 +810,16 @@ export type CohortData = {
     providerFeedbackSent?: Timestamp,
     studentsFeedbackSent?: Timestamp,
     emailTemplates?: {[key in keyof typeof emailTemplates]: string},
-    skillsTargets?: string[]
+    skillsTargets?: string[],
+    recurringEmails?: {
+        sendType?: "all"|"lastWeek",
+        frequency?: "oneTime"|"weeklyMonday"|"fortnightlyMonday"
+    },
+    savedDataViewerFilters?: {
+        [key in "cohortPlacements"|"cohortStudents"]: {
+            [key: string]: DataViewerFilterView
+        }
+    }
 }
 
 export type ArrowObject = {
@@ -863,7 +893,10 @@ export type PlacementReviewDetails = {
     feedback: CustomFormSchema,
     providerFeedback?: {[key: string]: unknown},
     primaryColor?: string,
-    primaryImage?: string
+    primaryImage?: string,
+    savedBySchool?: boolean,
+    consentedActivities?: string[],
+    instituteActivities?: {[key: string]: ExternalActivity}
 }
 
 export type BlogCategories = "students"|"providers"|"institutes"|"placementt"
@@ -1016,7 +1049,7 @@ export type EmailTemplateConfig = {
         description: string,
         params: string[],
         button?: {text: string, link: string},
-        type: "workflow"|"feedback"
+        type: "workflow"|"feedback"|"event"
 }
 
 
@@ -1059,10 +1092,16 @@ export type SchoolData = OrganisationAddress&{
 export type ExternalEvent = {
     name: string,
     description: string,
+    staffInformation?: string,
+    studentInformation?: string,
+    employerInformation?: string
+    designatedStaff: string,
     created: string,
     activityId?: string,
+    gatsbyBenchmarks?: string, // String array
     oId: string,
     submissionClose: string,
+    acceptingEmployers?: boolean,
     schoolId?: string,
     startDate?: string,
     endDate?: string,
@@ -1082,7 +1121,24 @@ export type ExternalEvent = {
     employers: {
         shareable?: boolean,
         filters: {[key: string]: unknown}
+    },
+    employerFeedback: {
+            files: string[],
+            forms: string[],
+            requiredFiles: {
+                fileName: string,
+                fileType: string
+            }[],
+    },
+    studentFeedback: {
+        files: string[],
+        forms: string[],
+        requiredFiles: {
+            fileName: string,
+            fileType: string
+        }[],
     }
+    completedStages: ("basicDetails"|"employerInvites"|"studentInvites"|"employerSelection"|"feedback")[]
 }&Address
 
 
@@ -1160,4 +1216,24 @@ export type Update = {
     buttonLink?: string,
     date: string,
     imageData?: boolean
+}
+
+
+
+export type ExternalEventAttendee = {
+    oId: string, 
+    eventId: string,
+    providerContactId: string,
+    status: "invited"|"providerAvailable"|"finalConfirmationSent"|"providerConfirmed"|"feedbackSent"
+    emails: {
+        [k in "invited"|"finalConfirmationSent"|"feedbackSent"]: {
+            sent: number, // If below 3, keep sending reminders.
+            reconciled: string|boolean,
+            log: {
+                [k: string]: string // emailNumber_dateTimeString : eventType
+            }
+        }
+    }
+    attended?: boolean,
+    feedback: {[key: string]: unknown}
 }

package/src/util.ts

@@ -1,7 +1,9 @@
 import {where} from "firebase/firestore";
 import FirebaseQuery from "./firebase/firebaseQuery";
-import {AlumniConversation, FlagCodes, InstituteData, StudentPlacementData, UserData, WorkflowStage} from "./typeDefinitions";
+import {AlumniConversation, EmailTemplateConfig, FlagCodes, InstituteData, StudentPlacementData, UserData, WorkflowStage} from "./typeDefinitions";
 import {convertDate} from "./firebase/util";
+import {Descendant} from "slate";
+import {PRIMARY_COLOUR} from "./constants";
 
 type PlacementFlagCodeParams = {
     placement : StudentPlacementData, // Placement we get flag codes for
@@ -33,8 +35,8 @@ export const getPlacementFlagCodes = async ({placement, studentData, workflow, i
     // If placement after provider review and not verified
     const placementIsPostProviderReview = placement.leadTimes.some((x) => x.split("_")[0] === "3");
     const placementNotEnded = !placement.leadTimes.some((x) => x.split("_")[0] === "8");
-    const providerUnverified = placement.providerId && !institute?.verifiedProviders?.includes(placement.providerId);
-    const awaitingProviderInsurance = placement.providerId && institute?.awaitingProviderInsurance?.includes(placement.providerId);
+    const providerUnverified = placement.providerContactId && !institute?.verifiedProviders?.includes(placement.providerContactId);
+    const awaitingProviderInsurance = placement.providerContactId && institute?.awaitingProviderInsurance?.includes(placement.providerContactId);
 
     const riskAssessmentNotVerified = !institute?.verifiedRiskAssessments?.includes(placement.placementId || placement.id);
     const awaitingRiskAssessment = !placement.riskAssessment || institute?.awaitingPlacementRiskAssessments?.includes(placement.placementId || placement.id);
@@ -174,4 +176,348 @@ export const getMostRecentAlumniMessage = (conversation: AlumniConversation) =>
       .sort((a, b) => new Date(b.sentAt).getTime() - new Date(a.sentAt).getTime())[0];
   
     return mostRecent || null; // Return most recent or null if none found
-  };
+  };
+
+
+export function buildEmailHTML({preheader, title, salutation, body, primaryColor=PRIMARY_COLOUR, secondaryBody, primaryButton, secondaryButton, primaryImage="http://cdn.mcauto-images-production.sendgrid.net/d17240a596025cf2/637d5af1-79d2-42c9-a663-e88abfea32b9/686x143.png", designatedStaffEmail, organisationName, params, data}:{preheader: string, title: string, salutation?: string, body: string|Descendant[], primaryColor?: string, secondaryBody?: string, primaryButton?: {title: string, url: string}, secondaryButton?: {title: string, url: string}, primaryImage?: string, designatedStaffEmail?: string, organisationName?: string, params?: EmailTemplateConfig, data?: {[key: string]: string|undefined}}) {
+    const serialiseSlate = (nodes: Descendant[]) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return nodes.map((n:any) => {
+            if (n.type === "paragraph") {
+                const text:string[]=[];
+                for (let i = 0; i < n.children.length; i++) {
+                    const item = n.children[i];
+                    let subtext = item.text as string || "<br/>";
+                    console.log("serialise text", subtext);
+
+                    subtext = subtext.replace("​", "");
+                    if (item.underline) {
+                        subtext = `<u>${subtext}</u>`;
+                    }
+                    if (item.bold) {
+                        subtext = `<strong>${subtext}</strong>`;
+                    }
+                    if (item.italic) {
+                        subtext = `<i>${subtext}</i>`;
+                    }
+                    text.push(subtext);
+                }
+                return `<div style="font-family: inherit; text-align: inherit">${text.join("")}</div>`;
+            }
+            return;
+        }).filter((a) => a).join("<div style=\"font-family: inherit; text-align: inherit\"><br></div>");
+    };
+
+    const getEmailContentFromTemplate = (template: string|Descendant[], params: EmailTemplateConfig, data: {[key: string]: string|undefined}) => {
+        let finalBody = typeof template === "string" ? template : serialiseSlate(template);
+        console.log("Body before processing", finalBody);
+
+        // Replace all instances of placeholder with actual data.
+        [...params.params, ...Object.keys(data)].forEach((param) => {
+            console.log(`Replacing {{${param}}} with "${data[param]}"`);
+            finalBody = finalBody.replace(`{{${param}}}`, data[param] as string);
+        });
+        console.log("Processed body", finalBody);
+        // Still have the {{button}} elements to replace. In this case, split the string up between the button elements.
+        const itemsInBody = finalBody.split(/(\{\{button\}\})/);
+
+        const itemsInBodyWithFormattedButtons = itemsInBody.map((item) => {
+            if (item !== "{{button}}" || !params.button) return item;
+
+            let title = params.button.text;
+            let url = "https://placementt.co.uk"+params.button.link;
+
+            // Replace any params in the url or title with the relevant data.
+            [...params.params, ...Object.keys(data)].forEach((param) => {
+                title = title.replace(`{{${param}}}`, data[param] as string);
+            });
+            [...params.params, ...Object.keys(data)].forEach((param) => {
+                url = url.replace(`{{${param}}}`, data[param] as string);
+            });
+            return {
+                title: title,
+                url: url,
+            };
+        });
+
+        return itemsInBodyWithFormattedButtons;
+    };
+
+    let formattedBody = (params && data) ? "" : body;
+    let formattedSecondaryBody = (params && data) ? "" : secondaryBody;
+    let formattedPrimaryButton = (params && data) ? undefined : primaryButton;
+    let formattedSecondaryButton = (params && data) ? undefined : secondaryButton;
+
+    if (params && data) {
+        const processedBody = getEmailContentFromTemplate(body, params, data);
+
+        processedBody.forEach((item) => {
+            if (typeof item === "string") {
+                if (!formattedBody) {
+                    formattedBody = item;
+                    return;
+                }
+                formattedSecondaryBody = item;
+                return;
+            }
+            // Must be a button
+            if (!formattedPrimaryButton) {
+                formattedPrimaryButton = item;
+                return;
+            }
+            formattedSecondaryButton = item;
+        });
+        formattedBody = processedBody[0] as string;
+    }
+
+    const emailHeadAndStylesHTML = `
+            <head>
+                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+                <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+                <!--[if !mso]><!-->
+                <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+                <!--<![endif]--><!--[if (gte mso 9)|(IE)]>
+                <xml>
+                    <o:OfficeDocumentSettings>
+                        <o:AllowPNG/>
+                        <o:PixelsPerInch>96</o:PixelsPerInch>
+                    </o:OfficeDocumentSettings>
+                </xml>
+                <![endif]--><!--[if (gte mso 9)|(IE)]>
+                <style type="text/css"> body {width: 600px;margin: 0 auto;} table {border-collapse: collapse;} table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;} img {-ms-interpolation-mode: bicubic;} </style>
+                <![endif]-->
+                <style type="text/css"> body, p, div {font-family: inherit;font-size: 14px;} body {color: #000000;} body a {color: #000000;text-decoration: none;} p { margin: 0; padding: 0; } table.wrapper {width:100% !important;table-layout: fixed;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} img.max-width {max-width: 100% !important;} .column.of-2 {width: 50%;} .column.of-3 {width: 33.333%;} .column.of-4 {width: 25%;} ul ul ul ul  {list-style-type: disc !important;} ol ol {list-style-type: lower-roman !important;} ol ol ol {list-style-type: lower-latin !important;} ol ol ol ol {list-style-type: decimal !important;} @media screen and (max-width:480px) {.preheader .rightColumnContent,      .footer .rightColumnContent {text-align: left !important;} .preheader .rightColumnContent div,      .preheader .rightColumnContent span,      .footer .rightColumnContent div,      .footer .rightColumnContent span {text-align: left !important;} .preheader .rightColumnContent,      .preheader .leftColumnContent {font-size: 80% !important;padding: 5px 0;} table.wrapper-mobile {width: 100% !important;table-layout: fixed;} img.max-width {height: auto !important;max-width: 100% !important;} a.bulletproof-button {display: block !important;width: auto !important;font-size: 80%;padding-left: 0 !important;padding-right: 0 !important;} .columns {width: 100% !important;} .column {display: block !important;width: 100% !important;padding-left: 0 !important;padding-right: 0 !important;margin-left: 0 !important;margin-right: 0 !important;} .social-icon-column {display: inline-block !important;} } </style>
+                <style> @media screen and (max-width:480px) {table\0 {width: 480px !important;} } </style>
+                <!--user entered Head Start-->
+                <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+                <style> * {font-family: 'nunito', sans-serif;} </style>
+                <!--End Head user entered-->
+            </head>
+        `;
+
+    const primaryButtonTextLinkHTML = formattedPrimaryButton ? `
+            <tr>
+                <td style="padding:0px 15px 0px 15px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                <div>
+                    <div style="font-family: inherit; text-align: inherit">Or go to <a href="${formattedPrimaryButton.url}">${formattedPrimaryButton.url}</a></div>
+                    <div></div>
+                </div>
+                </td>
+            </tr>` : "";
+
+    const primaryButtonHTML = formattedPrimaryButton ? `
+            <tr>
+                <td align="center" bgcolor="${primaryColor}" class="inner-td" style="border-radius:6px; font-size:16px; text-align:center; background-color:inherit;"><a href="${formattedPrimaryButton.url}" style="background-color:${primaryColor}; border:1px solid #ffffff; border-color:#ffffff; border-radius:30px; border-width:1px; color:#ffffff; display:inline-block; font-size:16px; font-weight:normal; letter-spacing:0px; line-height:normal; padding:12px 40px 12px 40px; text-align:center; text-decoration:none; border-style:solid; font-family:nunito,sans-serif;" target="_blank">${formattedPrimaryButton.title}</a></td>
+            </tr>` : "";
+
+    const secondaryButtonTextHTML = formattedSecondaryButton ? `
+            <tr>
+                <td align="center" class="inner-td" style="text-align:center; background-color:inherit;"><a href="${formattedSecondaryButton.url}" style="display:inline-block; font-weight:normal; color:#aeaeae; letter-spacing:0px; line-height:normal; text-align:center; text-decoration:none; font-family:nunito,sans-serif;" target="_blank">${formattedSecondaryButton.title}</a></td>
+            </tr>` : "";
+
+    const buttonTableHTML = (primaryButtonHTML || secondaryButtonTextHTML) ? `
+            <table border="0" cellpadding="0" cellspacing="0" class="module" data-role="module-button" data-type="button" role="module" style="table-layout:fixed;" width="100%" data-muid="3757586a-ce69-48ba-bd9a-0c0b7937a616">
+                <tbody>
+                    <tr>
+                        <td align="center" bgcolor="" class="outer-td" style="padding:0px 0px 40px 0px;">
+                        <table border="0" cellpadding="0" cellspacing="0" class="wrapper-mobile" style="text-align:center;">
+                            <tbody>
+                                ${primaryButtonHTML}
+                                ${secondaryButtonTextHTML}
+                            </tbody>
+                        </table>
+                        </td>
+                    </tr>
+                    ${primaryButtonTextLinkHTML}
+                </tbody>
+            </table>` : "";
+
+    const secondaryBodyHTML = formattedSecondaryBody ? `
+            <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="c589a68d-fd31-4291-b822-cddb80753f13" data-mc-module-version="2019-10-22">
+                <tbody>
+                    <tr>
+                        <td style="padding:0px 15px 0px 15px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                        <div>
+                            <div style="font-family: inherit; text-align: inherit"><br></div>
+                            <div style="font-family: inherit; text-align: inherit">${formattedSecondaryBody}</div>
+                            <div></div>
+                        </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>` : "";
+
+    const organisationContactSentence = (designatedStaffEmail || organisationName) ?
+        `
+            <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="50de54bb-94d0-4d21-a7f2-100719150961" data-mc-module-version="2019-10-22">
+                <tbody>
+                    <tr>
+                        <td style="padding:0px 15px 18px 15px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                            <div>
+
+                                <div style="font-family: inherit; text-align: inherit">
+                                
+                                ${organisationName ? `<span style="color: #aeaeae">This email was sent by Placementt on behalf of ${organisationName}.</span>` :
+        designatedStaffEmail ? `Please do not reply directly to this email. For any queries, contact <a href="mailto:${designatedStaffEmail}">${designatedStaffEmail}</a>` : ""}
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>` :
+        "";
+
+    return `<html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml">
+   ${emailHeadAndStylesHTML}
+   <body>
+      <center class="wrapper" data-link-color="#000000" data-body-style="font-size:14px; font-family:inherit; color:#000000; background-color:#F9F4FF;">
+         <div class="webkit">
+            <table cellpadding="0" cellspacing="0" border="0" width="100%" class="wrapper" bgcolor="#F9F4FF">
+               <tbody>
+                  <tr>
+                     <td valign="top" bgcolor="#F9F4FF" width="100%">
+                        <table width="100%" role="content-container" class="outer" align="center" cellpadding="0" cellspacing="0" border="0">
+                           <tbody>
+                              <tr>
+                                 <td width="100%">
+                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                                       <tbody>
+                                          <tr>
+                                             <td>
+                                                <!--[if mso]>
+                                                <center>
+                                                   <table>
+                                                      <tr>
+                                                         <td width="600">
+                                                            <![endif]-->
+                                                            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%; max-width:600px;" align="center">
+                                                               <tbody>
+                                                                  <tr>
+                                                                     <td role="modules-container" style="padding:0px 0px 0px 0px; color:#000000; text-align:left;" bgcolor="#ffffff" width="100%" align="left">
+                                                                        <table class="module preheader preheader-hide" role="module" data-type="preheader" border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">
+                                                                           <tbody>
+                                                                              <tr>
+                                                                                 <td role="module-content">
+                                                                                    <p>${preheader}</p>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                        <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" role="module" data-type="columns" style="padding:20px 0px 20px 0px;" bgcolor="#ffffff" data-distribution="1">
+                                                                           <tbody>
+                                                                              <tr role="module-content">
+                                                                                 <td height="100%" valign="top">
+                                                                                    <table width="600" style="width:600px; border-spacing:0; border-collapse:collapse; margin:0px 0px 0px 0px;" cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="" class="column column-0">
+                                                                                       <tbody>
+                                                                                          <tr>
+                                                                                             <td style="padding:0px;margin:0px;border-spacing:0;">
+                                                                                                <table class="wrapper" role="module" data-type="image" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="9f29c991-6500-41ef-9f0e-d56cb5dc1238">
+                                                                                                   <tbody>
+                                                                                                      <tr>
+                                                                                                         <td style="font-size:6px; line-height:10px; padding:0px 0px 0px 0px;" valign="top" align="center"><img class="max-width" border="0" style="display:block; color:#000000; text-decoration:none; font-family:Helvetica, arial, sans-serif; font-size:16px; max-width:52% !important; width:52%; height:auto !important; max-height: 100px; object-fit: contain" width="312" alt="" data-proportionally-constrained="false" data-responsive="true" src="${primaryImage}"></td>
+                                                                                                      </tr>
+                                                                                                   </tbody>
+                                                                                                </table>
+                                                                                             </td>
+                                                                                          </tr>
+                                                                                       </tbody>
+                                                                                    </table>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                        <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="b35b8ff4-8b3c-4b35-9ed3-f9f25170affc" data-mc-module-version="2019-10-22">
+                                                                           <tbody>
+                                                                              <tr>
+                                                                                 <td style="padding:20px 20px 18px 20px; line-height:28px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                                                                                    <div>
+                                                                                       <div style="font-family: nunito, sans-serif; text-align: center"><span style="font-size: 24px; font-family: inherit">${title}</span></div>
+                                                                                       <div></div>
+                                                                                    </div>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                        <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="c589a68d-fd31-4291-b822-cddb80753f13" data-mc-module-version="2019-10-22">
+                                                                           <tbody>
+                                                                              <tr>
+                                                                                 <td style="padding:18px 15px 18px 15px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                                                                                    <div>
+                                                                                       ${salutation ? `<div style="font-family: inherit; text-align: inherit"><span style="color: #000000; font-family: Colfax, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline">${salutation},</span></div><div style="font-family: inherit; text-align: inherit"><br></div>` : ""}
+                                                                                       <div style="font-family: inherit; text-align: inherit">${formattedBody}</div>
+                                                                                       <div></div>
+                                                                                    </div>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                        ${buttonTableHTML}
+                                                                        ${secondaryBodyHTML}
+                                                                        <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="50de54bb-94d0-4d21-a7f2-100719150961" data-mc-module-version="2019-10-22">
+                                                                           <tbody>
+                                                                              <tr>
+                                                                                 <td style="padding:18px 15px 9px 15px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
+                                                                                    <div>
+                                                                                       <div style="font-family: inherit; text-align: inherit"><span style="color: #aeaeae">If you do not recognise this email, you can safely ignore it.</span></div>
+                                                                                       <div></div>
+                                                                                    </div>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                        ${organisationContactSentence}
+                                                                        <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" role="module" data-type="columns" style="padding:0px 0px 0px 0px;" bgcolor="#FFFFFF" data-distribution="1">
+                                                                           <tbody>
+                                                                              <tr role="module-content">
+                                                                                 <td height="100%" valign="top">
+                                                                                    <table width="600" style="width:600px; border-spacing:0; border-collapse:collapse; margin:0px 0px 0px 0px;" cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="" class="column column-0">
+                                                                                       <tbody>
+                                                                                          <tr>
+                                                                                             <td style="padding:0px;margin:0px;border-spacing:0;">
+                                                                                                <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="a49405df-a253-4a28-8d3d-be95449c7d30" data-mc-module-version="2019-10-22">
+                                                                                                   <tbody>
+                                                                                                      <tr>
+                                                                                                         <td style="padding:18px 0px 18px 0px; line-height:0px; text-align:inherit; background-color:${primaryColor};" height="100%" valign="top" bgcolor="${primaryColor}" role="module-content">
+                                                                                                            <div>
+                                                                                                               <div style="font-family: inherit; text-align: center"><a href="http://"><span style="font-size: 12px; color: #ffffff; font-family: inherit">www.placementt.co.uk</span></a></div>
+                                                                                                               <div></div>
+                                                                                                            </div>
+                                                                                                         </td>
+                                                                                                      </tr>
+                                                                                                   </tbody>
+                                                                                                </table>
+                                                                                             </td>
+                                                                                          </tr>
+                                                                                       </tbody>
+                                                                                    </table>
+                                                                                 </td>
+                                                                              </tr>
+                                                                           </tbody>
+                                                                        </table>
+                                                                     </td>
+                                                                  </tr>
+                                                               </tbody>
+                                                            </table>
+                                                            <!--[if mso]>
+                                                         </td>
+                                                      </tr>
+                                                   </table>
+                                                </center>
+                                                <![endif]-->
+                                             </td>
+                                          </tr>
+                                       </tbody>
+                                    </table>
+                                 </td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </td>
+                  </tr>
+               </tbody>
+            </table>
+         </div>
+      </center>
+   </body>
+</html>`;
+}