add an optional call to action button for email notifications

Author: devksingh4

src/api/routes/roomRequests.ts

@@ -139,7 +139,11 @@ const roomRequestRoutes: FastifyPluginAsync = async (fastify, _options) => {
         payload: {
           to: [originalRequestor],
           subject: "Room Reservation Request Status Change",
-          content: `Your Room Reservation Request has been been moved to status "${formatStatus(request.body.status)}". Please visit ${fastify.environmentConfig.UserFacingUrl}/roomRequests/${semesterId}/${requestId} to view details.`,
+          content: `Your Room Reservation Request has been been moved to status "${formatStatus(request.body.status)}". Please visit the management portal for more details.`,
+          callToActionButton: {
+            name: "View Room Request",
+            url: `${fastify.environmentConfig.UserFacingUrl}/roomRequests/${semesterId}/${requestId}`,
+          },
         },
       };
       if (!fastify.sqsClient) {
@@ -353,7 +357,11 @@ const roomRequestRoutes: FastifyPluginAsync = async (fastify, _options) => {
         payload: {
           to: [notificationRecipients[fastify.runEnvironment].OfficerBoard],
           subject: "New Room Reservation Request",
-          content: `A new room reservation request has been created (${request.body.host} | ${request.body.title}). Please visit ${fastify.environmentConfig.UserFacingUrl}/roomRequests/${request.body.semester}/${requestId} to view details.`,
+          content: `A new room reservation request has been created (${request.body.host} | ${request.body.title}). Please visit the management portal for more details.`,
+          callToActionButton: {
+            name: "View Room Request",
+            url: `${fastify.environmentConfig.UserFacingUrl}/roomRequests/${request.body.semester}/${requestId}`,
+          },
         },
       };
       if (!fastify.sqsClient) {

src/api/routes/stripe.ts

@@ -17,7 +17,7 @@ import {
   StripeLinkCreateParams,
 } from "api/functions/stripe.js";
 import { getSecretValue } from "api/plugins/auth.js";
-import { genericConfig } from "common/config.js";
+import { environmentConfig, genericConfig } from "common/config.js";
 import {
   BaseError,
   DatabaseFetchError,
@@ -408,6 +408,10 @@ const stripeRoutes: FastifyPluginAsync = async (fastify, _options) => {
                     to: [unmarshalledEntry.userId],
                     subject: `Payment Recieved for Invoice ${unmarshalledEntry.invoiceId}`,
                     content: `ACM @ UIUC has received ${paidInFull ? "full" : "partial"} payment for Invoice ${unmarshalledEntry.invoiceId} (${withCurrency} by ${name}, ${email}).\n\nPlease contact Officer Board with any questions.`,
+                    callToActionButton: {
+                      name: "View Your Stripe Links",
+                      url: `${fastify.environmentConfig.UserFacingUrl}/stripe`,
+                    },
                   },
                 };
               if (!fastify.sqsClient) {

src/api/sqs/handlers/templates/notification.ts

@@ -33,6 +33,24 @@ const template = /*html*/ `
           <tr>
             <td style="padding: 30px;"> {{nl2br content}} </td>
           </tr>
+
+          {{#if callToActionButton}}
+          <tr>
+            <td align="center" style="padding: 0 30px 30px 30px;">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <td align="center" style="border-radius: 5px;" bgcolor="#5386E4">
+                    <a href="{{callToActionButton.url}}" target="_blank"
+                      style="font-size: 16px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration: none; border-radius: 5px; padding: 12px 25px; border: 1px solid #5386E4; display: inline-block;">
+                      {{callToActionButton.name}}
+                    </a>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+          {{/if}}
+
           <tr>
             <td align="center" style="padding-bottom: 30px;">
               <p style="font-size: 12px; color: #888; text-align: center;"> <a href="https://acm.illinois.edu"

src/common/types/sqsMessage.ts

@@ -63,6 +63,10 @@ export const sqsPayloadSchemas = {
       bcc: z.optional(z.array(z.string().email()).min(1)),
       subject: z.string().min(1),
       content: z.string().min(1),
+      callToActionButton: z.object({
+        name: z.string().min(1),
+        url: z.string().min(1).url()
+      }).optional()
     })
   )
 } as const;