import type { Communities, Forms, Pubs, PubTypes, Stages } from "db/public" import * as React from "react" import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, Section, Tailwind, Text, } from "@react-email/components" import { MemberRole } from "db/public" type SignupInvitePropsBase = { inviteLink: string community: Pick communityRole: MemberRole previewText?: string message?: string | React.ReactNode | null } type SignupInviteCommunity = SignupInvitePropsBase & { type: "community" } type SignupInviteForm = SignupInvitePropsBase & { type: "form" form: Pick } type SignupInvitePub = SignupInvitePropsBase & { type: "pub" pub: Pick & { pubType: Pick } pubRole: MemberRole } type SignupInviteStage = SignupInvitePropsBase & { type: "stage" stage: Pick stageRole: MemberRole } export type SignupInviteProps = | SignupInviteCommunity | SignupInviteForm | SignupInvitePub | SignupInviteStage const roleToVerb = { [MemberRole.admin]: "admin", [MemberRole.editor]: "edit", [MemberRole.contributor]: "contribute to", } as const satisfies Record const communityRoleToVerb = { [MemberRole.admin]: "become an admin at", [MemberRole.editor]: "become an editor at", [MemberRole.contributor]: "join", } as const satisfies Record const inviteMessage = (invite: SignupInviteProps) => { let extraText = "" if (invite.type === "stage") { extraText = ` and ${roleToVerb[invite.stageRole]} the stage ${invite.stage.name}` } if (invite.type === "pub") { extraText = ` and ${roleToVerb[invite.pubRole]} ${ // todo: proper logic for articles invite.pub.title ? `the Pub "${invite.pub.title}"` : `to a(n) ${invite.pub.pubType.name}` }` } return `You've been invited to ${communityRoleToVerb[invite.communityRole]} ${invite.community.name}${extraText}.` } const defaultPreviewText = (props: SignupInviteProps) => { return `Join ${props.community.name} on PubPub` } export const Invite = (props: SignupInviteProps) => { const baseUrl = process.env.PUBPUB_URL ?? "" const community = props.community ?? { name: "CrocCroc", avatar: `${baseUrl}/demo/croc.png`, slug: "croccroc", } return ( {props.previewText ?? defaultPreviewText(props)}

Join {community.name} on PubPub {props.message ?? inviteMessage(props)}

or copy and paste this URL into your browser:{" "} {props.inviteLink}

If you were not expecting this invitation, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us. ) }