placementt-core 1.20.232 → 1.300.4

package/src/util.ts

@@ -1,177 +1,523 @@
-import {where} from "firebase/firestore";
-import FirebaseQuery from "./firebase/firebaseQuery";
-import {AlumniConversation, FlagCodes, InstituteData, StudentPlacementData, UserData, WorkflowStage} from "./typeDefinitions";
-import {convertDate} from "./firebase/util";
-
-type PlacementFlagCodeParams = {
-    placement : StudentPlacementData, // Placement we get flag codes for
-    studentData: UserData, // Student associated with the placement
-    workflow: WorkflowStage[], // Workflow associated with the placement
-    institute: InstituteData, // Associated institutes
-    user: UserData // User that is fetching flag codes (staff or student)
-};
-/**
- * Description of function
- * 
- */
-
-type PlaceFlagCodeReturn = Promise<FlagCodes[]>;
-
-export const getPlacementFlagCodes = async ({placement, studentData, workflow, institute, user}: PlacementFlagCodeParams):PlaceFlagCodeReturn => {
-    let flags:FlagCodes[] = placement.flags || [];
-
-    const firebaseQuery = new FirebaseQuery();
-
-    if (!studentData.details.parentEmail && !flags.find((x) => x.includes("noParentEmail"))) {
-        if (workflow.find((obj) => obj.id === placement.status)?.userType === "Parent") {
-            flags.includes("noParentEmailWarning") || flags.push("noParentEmailError");
-        } else if (workflow.find((obj) => obj.userType === "Parent")) {
-            flags.includes("noParentEmailWarning") || flags.push("noParentEmailError");
-        }
-    }
-
-    // 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 riskAssessmentNotVerified = !institute?.verifiedRiskAssessments?.includes(placement.placementId || placement.id);
-    const awaitingRiskAssessment = !placement.riskAssessment || institute?.awaitingPlacementRiskAssessments?.includes(placement.placementId || placement.id);
-
-    const dbsCheckNotVerified = !institute?.verifiedDbsChecks?.includes(placement.placementId || placement.id);
-    const awaitingDbsCheck = !placement.dbsCheck || institute?.awaitingPlacementDbsChecks?.includes(placement.placementId || placement.id);
-
-    const reminderCount = (await firebaseQuery.getCount(["reminders"], [where("oId", "==", user.oId), where("uid", "==", user.id), where("dueDate", "<=", convertDate(new Date(), "dbstring") as string), where("documentId", "==", placement.id), where("status", "==", "upcoming")]));
-
-    if (reminderCount) {
-        flags.push("reminder");
-    }
-
-    if (user.userType === "Staff" && user.product === "institutes" && placement.insurance && placementIsPostProviderReview && placementNotEnded && providerUnverified && !awaitingProviderInsurance) {
-        console.log("Add insurance flag!");
-        flags.includes("noInsurance") || flags.push("noInsurance");
-    } else {
-        flags = flags.filter((x) => x !== "noInsurance");
-    }
-
-    if (user.product === "providers" && placement.statusType === "requested") {
-        flags.includes("studentNotAccepted") || flags.push("studentNotAccepted");
-    } else {
-        flags = flags.filter((x) => x !== "studentNotAccepted");
-    }
-
-
-    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && placementNotEnded && awaitingProviderInsurance) {
-        flags.includes("awaitingInsurance") || flags.push("awaitingInsurance");
-    } else {
-        flags = flags.filter((x) => x !== "awaitingInsurance");
-    }
-
-    if (user.userType === "Staff" && user.product === "institutes" && placement.dbsCheck && workflow.find((stage) => stage.dbsCheck) && placement.dbsCheck !== true && placementIsPostProviderReview && placementNotEnded && dbsCheckNotVerified && !awaitingDbsCheck) {
-        flags.includes("noDbsCheck") || flags.push("noDbsCheck");
-    } else {
-        flags = flags.filter((x) => x !== "noDbsCheck");
-    }
-
-    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && workflow.find((stage) => stage.dbsCheck) && placementNotEnded && awaitingProviderInsurance) {
-        flags.includes("awaitingDbsCheck") || flags.push("awaitingDbsCheck");
-    } else {
-        flags = flags.filter((x) => x !== "awaitingDbsCheck");
-    }
-
-    if (user.userType === "Staff" && user.product === "institutes" && placement.riskAssessment && workflow.find((stage) => stage.riskAssessment) && placement.riskAssessment !== true && placementIsPostProviderReview && placementNotEnded && riskAssessmentNotVerified && !awaitingRiskAssessment) {
-        console.log("Add RA flag!");
-        flags.includes("noRiskAssessment") || flags.push("noRiskAssessment");
-    } else {
-        flags = flags.filter((x) => x !== "noRiskAssessment");
-    }
-
-    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && workflow.find((stage) => stage.riskAssessment) && placementNotEnded && awaitingProviderInsurance) {
-        flags.includes("awaitingRiskAssessment") || flags.push("awaitingRiskAssessment");
-    } else {
-        flags = flags.filter((x) => x !== "awaitingRiskAssessment");
-    }
-
-    if (placement.inProgress && user.userType === "Staff" && user.product === "providers" && user.oId === placement.providerId && placement.onboarding === null) {
-        flags.includes("addOnboarding") || flags.push("addOnboarding");
-    } else {
-        flags = flags.filter((x) => x !== "addOnboarding");
-    }
-
-    if (placement.inProgress && user.userType === "Staff" && user.product === "providers" && user.oId === placement.providerId && placement.onboarding && (placement.onboarding.completed?.submitted && !placement.onboarding.completed.accepted) && (placement.inProgress || placement.active)) {
-        flags.includes("reviewOnboarding") || flags.push("reviewOnboarding");
-    } else {
-        flags = flags.filter((x) => x !== "reviewOnboarding");
-    }
-
-    if (placement.inProgress && user.userType === "Students" && placement.onboarding && (!placement.onboarding.completed || (placement.onboarding.completed && !placement.onboarding.completed?.submitted)) && (placement.inProgress || placement.active)) {
-        flags.includes("completeOnboarding") || flags.push("completeOnboarding");
-    } else {
-        flags = flags.filter((x) => x !== "completeOnboarding");
-    }
-
-
-    return flags;
-};
-
-
-export function objectsEqualNew(a: any, b: any): boolean { // Works with arrays or objects.
-    if (a === b) {
-        return true;
-    }
-
-    if (typeof a !== typeof b) {
-        return false;
-    }
-
-    if (Array.isArray(a) && Array.isArray(b)) {
-        if (a.length !== b.length) {
-            return false;
-        }
-        for (let i = 0; i < a.length; i++) {
-            if (!objectsEqualNew(a[i], b[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    if (typeof a === "object" && typeof b === "object" && a !== null && b !== null) {
-        const keysA = Object.keys(a);
-        const keysB = Object.keys(b);
-
-        if (keysA.length !== keysB.length) {
-            return false;
-        }
-
-        for (const key of keysA) {
-            if (!keysB.includes(key)) {
-                return false;
-            }
-            if (!objectsEqualNew(a[key], b[key])) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    return false;
-}
-
-export const getMostRecentAlumniMessage = (conversation: AlumniConversation) => {
-    const { messages } = conversation;
-  
-    if (!messages || Object.keys(messages).length === 0) {
-      return null; // No messages available
-    }
-  
-    const mostRecent = Object.entries(messages)
-      .map(([id, message]) => ({
-        id,
-        ...message,
-      }))
-      .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
-  };
+import {where} from "firebase/firestore";
+import FirebaseQuery from "./firebase/firebaseQuery";
+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
+    studentData: UserData, // Student associated with the placement
+    workflow: WorkflowStage[], // Workflow associated with the placement
+    institute: InstituteData, // Associated institutes
+    user: UserData // User that is fetching flag codes (staff or student)
+};
+/**
+ * Description of function
+ * 
+ */
+
+type PlaceFlagCodeReturn = Promise<FlagCodes[]>;
+
+export const getPlacementFlagCodes = async ({placement, studentData, workflow, institute, user}: PlacementFlagCodeParams):PlaceFlagCodeReturn => {
+    let flags:FlagCodes[] = placement.flags || [];
+
+    const firebaseQuery = new FirebaseQuery();
+
+    if (!studentData.details.parentEmail && !flags.find((x) => x.includes("noParentEmail"))) {
+        if (workflow.find((obj) => obj.id === placement.status)?.userType === "Parent") {
+            flags.includes("noParentEmailWarning") || flags.push("noParentEmailError");
+        } else if (workflow.find((obj) => obj.userType === "Parent")) {
+            flags.includes("noParentEmailWarning") || flags.push("noParentEmailError");
+        }
+    }
+
+    // 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.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);
+
+    const dbsCheckNotVerified = !institute?.verifiedDbsChecks?.includes(placement.placementId || placement.id);
+    const awaitingDbsCheck = !placement.dbsCheck || institute?.awaitingPlacementDbsChecks?.includes(placement.placementId || placement.id);
+
+    const reminderCount = (await firebaseQuery.getCount(["reminders"], [where("oId", "==", user.oId), where("uid", "==", user.id), where("dueDate", "<=", convertDate(new Date(), "dbstring") as string), where("documentId", "==", placement.id), where("status", "==", "upcoming")]));
+
+    if (reminderCount) {
+        flags.push("reminder");
+    }
+
+    if (user.userType === "Staff" && user.product === "institutes" && placement.insurance && placementIsPostProviderReview && placementNotEnded && providerUnverified && !awaitingProviderInsurance) {
+        console.log("Add insurance flag!");
+        flags.includes("noInsurance") || flags.push("noInsurance");
+    } else {
+        flags = flags.filter((x) => x !== "noInsurance");
+    }
+
+    if (user.product === "providers" && placement.statusType === "requested") {
+        flags.includes("studentNotAccepted") || flags.push("studentNotAccepted");
+    } else {
+        flags = flags.filter((x) => x !== "studentNotAccepted");
+    }
+
+
+    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && placementNotEnded && awaitingProviderInsurance) {
+        flags.includes("awaitingInsurance") || flags.push("awaitingInsurance");
+    } else {
+        flags = flags.filter((x) => x !== "awaitingInsurance");
+    }
+
+    if (user.userType === "Staff" && user.product === "institutes" && placement.dbsCheck && workflow.find((stage) => stage.dbsCheck) && placement.dbsCheck !== true && placementIsPostProviderReview && placementNotEnded && dbsCheckNotVerified && !awaitingDbsCheck) {
+        flags.includes("noDbsCheck") || flags.push("noDbsCheck");
+    } else {
+        flags = flags.filter((x) => x !== "noDbsCheck");
+    }
+
+    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && workflow.find((stage) => stage.dbsCheck) && placementNotEnded && awaitingProviderInsurance) {
+        flags.includes("awaitingDbsCheck") || flags.push("awaitingDbsCheck");
+    } else {
+        flags = flags.filter((x) => x !== "awaitingDbsCheck");
+    }
+
+    if (user.userType === "Staff" && user.product === "institutes" && placement.riskAssessment && workflow.find((stage) => stage.riskAssessment) && placement.riskAssessment !== true && placementIsPostProviderReview && placementNotEnded && riskAssessmentNotVerified && !awaitingRiskAssessment) {
+        console.log("Add RA flag!");
+        flags.includes("noRiskAssessment") || flags.push("noRiskAssessment");
+    } else {
+        flags = flags.filter((x) => x !== "noRiskAssessment");
+    }
+
+    if (user.userType === "Staff" && user.product === "institutes" && placementIsPostProviderReview && workflow.find((stage) => stage.riskAssessment) && placementNotEnded && awaitingProviderInsurance) {
+        flags.includes("awaitingRiskAssessment") || flags.push("awaitingRiskAssessment");
+    } else {
+        flags = flags.filter((x) => x !== "awaitingRiskAssessment");
+    }
+
+    if (placement.inProgress && user.userType === "Staff" && user.product === "providers" && user.oId === placement.providerId && placement.onboarding === null) {
+        flags.includes("addOnboarding") || flags.push("addOnboarding");
+    } else {
+        flags = flags.filter((x) => x !== "addOnboarding");
+    }
+
+    if (placement.inProgress && user.userType === "Staff" && user.product === "providers" && user.oId === placement.providerId && placement.onboarding && (placement.onboarding.completed?.submitted && !placement.onboarding.completed.accepted) && (placement.inProgress || placement.active)) {
+        flags.includes("reviewOnboarding") || flags.push("reviewOnboarding");
+    } else {
+        flags = flags.filter((x) => x !== "reviewOnboarding");
+    }
+
+    if (placement.inProgress && user.userType === "Students" && placement.onboarding && (!placement.onboarding.completed || (placement.onboarding.completed && !placement.onboarding.completed?.submitted)) && (placement.inProgress || placement.active)) {
+        flags.includes("completeOnboarding") || flags.push("completeOnboarding");
+    } else {
+        flags = flags.filter((x) => x !== "completeOnboarding");
+    }
+
+
+    return flags;
+};
+
+
+export function objectsEqualNew(a: any, b: any): boolean { // Works with arrays or objects.
+    if (a === b) {
+        return true;
+    }
+
+    if (typeof a !== typeof b) {
+        return false;
+    }
+
+    if (Array.isArray(a) && Array.isArray(b)) {
+        if (a.length !== b.length) {
+            return false;
+        }
+        for (let i = 0; i < a.length; i++) {
+            if (!objectsEqualNew(a[i], b[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    if (typeof a === "object" && typeof b === "object" && a !== null && b !== null) {
+        const keysA = Object.keys(a);
+        const keysB = Object.keys(b);
+
+        if (keysA.length !== keysB.length) {
+            return false;
+        }
+
+        for (const key of keysA) {
+            if (!keysB.includes(key)) {
+                return false;
+            }
+            if (!objectsEqualNew(a[key], b[key])) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    return false;
+}
+
+export const getMostRecentAlumniMessage = (conversation: AlumniConversation) => {
+    const { messages } = conversation;
+  
+    if (!messages || Object.keys(messages).length === 0) {
+      return null; // No messages available
+    }
+  
+    const mostRecent = Object.entries(messages)
+      .map(([id, message]) => ({
+        id,
+        ...message,
+      }))
+      .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>`;
+}