import * as React from "react"; import { NotificationEventType } from "@shared/types"; import env from "@server/env"; import NotificationSettingsHelper from "@server/models/helpers/NotificationSettingsHelper"; import BaseEmail, { EmailProps } from "./BaseEmail"; import Body from "./components/Body"; import Button from "./components/Button"; import EmailTemplate from "./components/EmailLayout"; import EmptySpace from "./components/EmptySpace"; import Footer from "./components/Footer"; import Header from "./components/Header"; import Heading from "./components/Heading"; type InputProps = EmailProps & { inviterId: string; invitedName: string; teamUrl: string; }; type BeforeSend = { unsubscribeUrl: string; }; type Props = InputProps & BeforeSend; /** * Email sent to a user when someone they invited successfully signs up. */ export default class InviteAcceptedEmail extends BaseEmail< InputProps, BeforeSend > { protected async beforeSend(props: InputProps) { return { unsubscribeUrl: this.unsubscribeUrl(props), }; } protected unsubscribeUrl({ inviterId }: InputProps) { return NotificationSettingsHelper.unsubscribeUrl( inviterId, NotificationEventType.InviteAccepted ); } protected subject({ invitedName }: Props) { return `${invitedName} has joined your ${env.APP_NAME} team`; } protected preview({ invitedName }: Props) { return `Great news, ${invitedName}, accepted your invitation`; } protected renderAsText({ invitedName, teamUrl }: Props): string { return ` Great news, ${invitedName} just accepted your invitation and has created an account. You can now start collaborating on documents. Open ${env.APP_NAME}: ${teamUrl} `; } protected render({ invitedName, teamUrl, unsubscribeUrl }: Props) { return (

{invitedName} has joined your team

Great news, {invitedName} just accepted your invitation and has created an account. You can now start collaborating on documents.