diff --git a/apps/api/src/email/templates/evidence-access-request-submitted.tsx b/apps/api/src/email/templates/evidence-access-request-submitted.tsx new file mode 100644 index 0000000000..d8907be134 --- /dev/null +++ b/apps/api/src/email/templates/evidence-access-request-submitted.tsx @@ -0,0 +1,140 @@ +import * as React from 'react'; +import { + Body, + Button, + Container, + Font, + Heading, + Html, + Link, + Preview, + Section, + Tailwind, + Text, +} from '@react-email/components'; +import { Footer } from '../components/footer'; +import { Logo } from '../components/logo'; +import { getUnsubscribeUrl } from '@trycompai/email'; + +interface Props { + toName: string; + toEmail: string; + organizationName: string; + requesterName: string; + accountsNeeded: string; + permissionsNeeded: string; + reasonForRequest: string; + reviewUrl: string; +} + +export const EvidenceAccessRequestSubmittedEmail = ({ + toName, + toEmail, + organizationName, + requesterName, + accountsNeeded, + permissionsNeeded, + reasonForRequest, + reviewUrl, +}: Props) => { + const unsubscribeUrl = getUnsubscribeUrl(toEmail); + + return ( + + + + + + + New access request from {requesterName} + + + + + + New Access Request + + + + Hello {toName}, + + + + {requesterName} submitted an access request in{' '} + {organizationName}. + + +
+ + Request Details + + + + Accounts Needed: {accountsNeeded} + + + + Permissions Needed: {permissionsNeeded} + + + + "{reasonForRequest}" + +
+ +
+ +
+ + + or copy and paste this URL into your browser:{' '} + + {reviewUrl} + + + +
+ + Don't want to receive access request notifications?{' '} + + Manage your email preferences + + . + +
+ +
+ +