openAgent

1// @ts-nocheck
2import React from "react"
3import { Img, Row, Html, Link, Body, Head, Button, Column, Preview, Section, Container } from "@jsx-email/all"
4import { Text, Fonts, Title, A, Span } from "../components"
5import {
6  unit,
7  body,
8  frame,
9  headingText,
10  container,
11  contentText,
12  button,
13  contentHighlightText,
14  linkText,
15  buttonText,
16} from "../styles"
17 
18const CONSOLE_URL = "https://opencode.ai/"
19 
20interface InviteEmailProps {
21  inviter: string
22  workspaceID: string
23  workspaceName: string
24  assetsUrl: string
25}
26export const InviteEmail = ({
27  inviter = "test@anoma.ly",
28  workspaceID = "wrk_01K6XFY7V53T8XN0A7X8G9BTN3",
29  workspaceName = "anomaly",
30  assetsUrl = `${CONSOLE_URL}email`,
31}: InviteEmailProps) => {
32  const messagePlain = `${inviter} invited you to join the ${workspaceName} workspace.`
33  const url = `${CONSOLE_URL}workspace/${workspaceID}`
34  return (
35    <Html lang="en">
36      <Head>
37        <Title>{`OpenCode — ${messagePlain}`}</Title>
38      </Head>
39      <Fonts assetsUrl={assetsUrl} />
40      <Preview>{messagePlain}</Preview>
41      <Body style={body} id={Math.random().toString()}>
42        <Container style={container}>
43          <Section style={frame}>
44            <Row>
45              <Column>
46                <A href={`${CONSOLE_URL}zen`}>
47                  <Img height="32" alt="OpenCode Logo" src={`${assetsUrl}/logo.png`} />
48                </A>
49              </Column>
50            </Row>
51 
52            <Section style={{ padding: `${unit * 2}px 0 0 0` }}>
53              <Text style={headingText}>Join your team's OpenCode workspace</Text>
54              <Text style={contentText}>
55                You have been invited by <Span style={contentHighlightText}>{inviter}</Span> to join the{" "}
56                <Span style={contentHighlightText}>{workspaceName}</Span> workspace on OpenCode.
57              </Text>
58            </Section>
59 
60            <Section style={{ padding: `${unit}px 0 0 0` }}>
61              <Button style={button} href={url}>
62                <Text style={buttonText}>
63                  Join workspace
64                  <Img width="24" height="24" src={`${assetsUrl}/right-arrow.png`} alt="Arrow right" />
65                </Text>
66              </Button>
67            </Section>
68 
69            <Section style={{ padding: `${unit}px 0 0 0` }}>
70              <Text style={contentText}>Button not working? Copy the following link...</Text>
71              <Link href={url}>
72                <Text style={linkText}>{url}</Text>
73              </Link>
74            </Section>
75          </Section>
76        </Container>
77      </Body>
78    </Html>
79  )
80}
81 
82export default InviteEmail
83