TAT Reminder - Action Required

/** * TAT Reminder Email Template */ import { TATReminderData } from './types'; import { getEmailFooter, getEmailHeader, HeaderStyles, getResponsiveStyles } from './helpers'; import { getBrandedHeader } from './branding.config'; /** * Get urgency styling based on threshold percentage */ function getUrgencyStyle(threshold: number) { if (threshold >= 75) { return { bgColor: '#fff3cd', borderColor: '#ffc107', textColor: '#856404', title: 'Urgent - Action Required' }; } else if (threshold >= 50) { return { bgColor: '#e7f3ff', borderColor: '#0066cc', textColor: '#004085', title: 'Action Required Soon' }; } else { return { bgColor: '#e7f3ff', borderColor: '#0066cc', textColor: '#004085', title: 'Early Warning' }; } } export function getTATReminderEmail(data: TATReminderData): string { const urgencyStyle = getUrgencyStyle(data.thresholdPercentage); return ` TAT Reminder - Action Required ${getResponsiveStyles()}

${getEmailHeader(getBrandedHeader({ title: 'TAT Reminder', subtitle: `${data.thresholdPercentage}% Elapsed - ${urgencyStyle.title}`, ...HeaderStyles.warning }))} ${getEmailFooter(data.companyName)}

Dear ${data.approverName},

This is a ${data.urgencyLevel === 'high' ? 'urgent' : 'friendly'} reminder that you have a pending request that requires your attention. ${data.thresholdPercentage}% of the TAT has elapsed.

Request Details

Request ID:

${data.requestId}

Title:

${data.requestTitle || 'N/A'}

Initiator:

${data.initiatorName}

Assigned On:

${data.assignedDate}

TAT Deadline:

${data.tatDeadline}

Time Remaining:

${data.timeRemaining}

${urgencyStyle.title}

${data.thresholdPercentage}% of the TAT has elapsed. Please review and take action on this request ${data.thresholdPercentage >= 75 ? 'immediately' : 'at your earliest convenience'} to avoid TAT breach. The initiator and other stakeholders are waiting for your decision.

View Request Details

Your prompt action is greatly appreciated.

`; }