📝 Add v2.23 newsletter
This commit is contained in:
Baptiste Arnaud
BIN
apps/builder/public/images/emails/V2dot23Update/customFont.jpg
Normal file
BIN
apps/builder/public/images/emails/V2dot23Update/customFont.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
apps/builder/public/images/emails/V2dot23Update/elevenlabs.gif
Normal file
BIN
apps/builder/public/images/emails/V2dot23Update/elevenlabs.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
apps/builder/public/images/emails/V2dot23Update/progressBar.gif
Normal file
BIN
apps/builder/public/images/emails/V2dot23Update/progressBar.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
@ -37,8 +37,6 @@ const insertUsersInBrevoList = async () => {
|
|||||||
|
|
||||||
console.log('Inserting users', users.length)
|
console.log('Inserting users', users.length)
|
||||||
|
|
||||||
writeFileSync('logs/users.json', JSON.stringify(users, null, 2))
|
|
||||||
|
|
||||||
const proceed = await confirm({ message: 'Proceed?' })
|
const proceed = await confirm({ message: 'Proceed?' })
|
||||||
if (!proceed || typeof proceed !== 'boolean') {
|
if (!proceed || typeof proceed !== 'boolean') {
|
||||||
console.log('Aborting')
|
console.log('Aborting')
|
||||||
|
|||||||
@ -14,6 +14,17 @@ import {
|
|||||||
} from '@react-email/components'
|
} from '@react-email/components'
|
||||||
import * as React from 'react'
|
import * as React from 'react'
|
||||||
import { env } from '@typebot.io/env'
|
import { env } from '@typebot.io/env'
|
||||||
|
import {
|
||||||
|
main,
|
||||||
|
container,
|
||||||
|
text,
|
||||||
|
link,
|
||||||
|
featureSection,
|
||||||
|
heading,
|
||||||
|
image,
|
||||||
|
hr,
|
||||||
|
footer,
|
||||||
|
} from './styles'
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
firstName?: string
|
firstName?: string
|
||||||
@ -187,62 +198,3 @@ V2dot22Update.PreviewProps = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default V2dot22Update
|
export default V2dot22Update
|
||||||
|
|
||||||
const main = {
|
|
||||||
backgroundColor: '#ffffff',
|
|
||||||
}
|
|
||||||
|
|
||||||
const image = {
|
|
||||||
maxWidth: '100%',
|
|
||||||
borderRadius: '8px',
|
|
||||||
}
|
|
||||||
|
|
||||||
const container = {
|
|
||||||
paddingLeft: '12px',
|
|
||||||
paddingRight: '12px',
|
|
||||||
margin: '0 auto',
|
|
||||||
}
|
|
||||||
|
|
||||||
const link = {
|
|
||||||
color: '#2754C5',
|
|
||||||
fontFamily:
|
|
||||||
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
|
||||||
fontSize: '15px',
|
|
||||||
textDecoration: 'underline',
|
|
||||||
}
|
|
||||||
|
|
||||||
const text = {
|
|
||||||
color: '#333',
|
|
||||||
fontFamily:
|
|
||||||
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
|
||||||
fontSize: '15px',
|
|
||||||
marginBottom: '24px',
|
|
||||||
}
|
|
||||||
|
|
||||||
const footer = {
|
|
||||||
color: '#898989',
|
|
||||||
fontFamily:
|
|
||||||
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
|
||||||
fontSize: '14px',
|
|
||||||
lineHeight: '22px',
|
|
||||||
marginTop: '12px',
|
|
||||||
marginBottom: '24px',
|
|
||||||
}
|
|
||||||
|
|
||||||
const heading = {
|
|
||||||
color: '#333',
|
|
||||||
fontFamily:
|
|
||||||
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
|
||||||
fontSize: '18.5px',
|
|
||||||
fontWeight: 'bold',
|
|
||||||
margin: '32px 0 14px 0',
|
|
||||||
padding: '0',
|
|
||||||
}
|
|
||||||
|
|
||||||
const featureSection = {
|
|
||||||
marginBottom: '32px',
|
|
||||||
}
|
|
||||||
|
|
||||||
const hr = {
|
|
||||||
margin: '60px 0',
|
|
||||||
}
|
|
||||||
|
|||||||
169
packages/transactional/templates/marketing/V2dot23Update.tsx
Normal file
169
packages/transactional/templates/marketing/V2dot23Update.tsx
Normal file
@ -0,0 +1,169 @@
|
|||||||
|
import {
|
||||||
|
Body,
|
||||||
|
Container,
|
||||||
|
Head,
|
||||||
|
Html,
|
||||||
|
Img,
|
||||||
|
Link,
|
||||||
|
Preview,
|
||||||
|
Text,
|
||||||
|
Hr,
|
||||||
|
Heading,
|
||||||
|
Button,
|
||||||
|
Section,
|
||||||
|
} from '@react-email/components'
|
||||||
|
import * as React from 'react'
|
||||||
|
import { env } from '@typebot.io/env'
|
||||||
|
import {
|
||||||
|
main,
|
||||||
|
container,
|
||||||
|
text,
|
||||||
|
featureSection,
|
||||||
|
heading,
|
||||||
|
image,
|
||||||
|
hr,
|
||||||
|
footer,
|
||||||
|
link,
|
||||||
|
} from './styles'
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
firstName?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const imagesBaseUrl = `${env.NEXTAUTH_URL}/images/emails/V2dot23Update`
|
||||||
|
|
||||||
|
export const V2dot23Update = ({}: Props) => (
|
||||||
|
<Html>
|
||||||
|
<Head />
|
||||||
|
<Preview>Unveiling Typebot's Latest Innovations - v2.23 Update! 🌟</Preview>
|
||||||
|
<Body style={main}>
|
||||||
|
<Container style={container}>
|
||||||
|
<Img
|
||||||
|
src={`${env.NEXTAUTH_URL}/images/logo.png`}
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
alt="Typebot's Logo"
|
||||||
|
style={{
|
||||||
|
margin: '24px 0',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<Text style={text}>
|
||||||
|
Hey, <br />
|
||||||
|
<br />
|
||||||
|
I'm thrilled to announce the release of Typebot v2.23, packed with
|
||||||
|
features that enrich your chatbot experience. This update introduces
|
||||||
|
powerful new blocks and enhanced customizability.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
Let's dive into what's new!
|
||||||
|
</Text>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>ElevenLabs Block - Text to Speech</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Elevate your chatbots with life-like voice outputs. The ElevenLabs
|
||||||
|
block simplifies converting text to realistic voices, making your
|
||||||
|
bots more interactive and engaging.
|
||||||
|
</Text>
|
||||||
|
<Img
|
||||||
|
src={`${imagesBaseUrl}/elevenlabs.gif`}
|
||||||
|
alt="ElevenLabs Block demo"
|
||||||
|
style={image}
|
||||||
|
/>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>Custom Fonts</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Personalize your bots even further by defining your own custom
|
||||||
|
fonts. This new feature allows you to match your chatbot's
|
||||||
|
typography with your brand identity seamlessly.
|
||||||
|
</Text>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>Progress Bar</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Improve user experience with a progress bar. Now, users can easily
|
||||||
|
track their conversation progress, enhancing engagement and
|
||||||
|
completion rates.
|
||||||
|
</Text>
|
||||||
|
<Img
|
||||||
|
src={`${imagesBaseUrl}/progressBar.gif`}
|
||||||
|
alt="Progress Bar demonstration"
|
||||||
|
style={image}
|
||||||
|
/>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>Enhanced Button Inputs</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Speed up your setup with the ability to paste multiple items into
|
||||||
|
the Buttons input. Lists are automatically detected and populated,
|
||||||
|
streamlining the creation process.
|
||||||
|
</Text>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>
|
||||||
|
Advanced Time Filtering in Analytics
|
||||||
|
</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Gain deeper insights with the new time filtering options for the
|
||||||
|
Results table and analytics view. This feature allows for more
|
||||||
|
precise data analysis over specific time periods.
|
||||||
|
</Text>
|
||||||
|
<Img
|
||||||
|
src={`${imagesBaseUrl}/timeFiltering.jpg`}
|
||||||
|
alt="Time filtering option"
|
||||||
|
style={image}
|
||||||
|
/>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section style={featureSection}>
|
||||||
|
<Heading style={heading}>Together AI Block</Heading>
|
||||||
|
<Text style={text}>
|
||||||
|
Explore new AI possibilities with the Together AI block. This
|
||||||
|
addition lets you harness their OpenAI-like API for even more
|
||||||
|
dynamic and intelligent chatbot interactions.
|
||||||
|
</Text>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Hr style={hr} />
|
||||||
|
|
||||||
|
<Text style={{ ...text, marginBottom: '60px' }}>
|
||||||
|
I'm excited for you to try these new features and see how they can
|
||||||
|
enhance your chatbot projects. As always, I'm here to support your
|
||||||
|
journey and look forward to your feedback. 💬
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
Baptiste.
|
||||||
|
</Text>
|
||||||
|
<Img
|
||||||
|
src={`${env.NEXTAUTH_URL}/images/logo.png`}
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
alt="Typebot's Logo"
|
||||||
|
style={{
|
||||||
|
marginTop: '24px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Text style={footer}>Typebot.io - Powering Conversations at Scale</Text>
|
||||||
|
<Link
|
||||||
|
href="{{unsubscribe}}"
|
||||||
|
target="_blank"
|
||||||
|
style={{ ...link, color: '#898989', fontSize: '12px' }}
|
||||||
|
>
|
||||||
|
Unsubscribe
|
||||||
|
</Link>
|
||||||
|
</Container>
|
||||||
|
</Body>
|
||||||
|
</Html>
|
||||||
|
)
|
||||||
|
|
||||||
|
V2dot23Update.PreviewProps = {
|
||||||
|
firstName: 'John',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default V2dot23Update
|
||||||
58
packages/transactional/templates/marketing/styles.ts
Normal file
58
packages/transactional/templates/marketing/styles.ts
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
export const main = {
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const image = {
|
||||||
|
maxWidth: '100%',
|
||||||
|
borderRadius: '8px',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const container = {
|
||||||
|
paddingLeft: '12px',
|
||||||
|
paddingRight: '12px',
|
||||||
|
margin: '0 auto',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const link = {
|
||||||
|
color: '#2754C5',
|
||||||
|
fontFamily:
|
||||||
|
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
||||||
|
fontSize: '15px',
|
||||||
|
textDecoration: 'underline',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const text = {
|
||||||
|
color: '#333',
|
||||||
|
fontFamily:
|
||||||
|
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
||||||
|
fontSize: '15px',
|
||||||
|
marginBottom: '24px',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const footer = {
|
||||||
|
color: '#898989',
|
||||||
|
fontFamily:
|
||||||
|
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
||||||
|
fontSize: '14px',
|
||||||
|
lineHeight: '22px',
|
||||||
|
marginTop: '12px',
|
||||||
|
marginBottom: '24px',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const heading = {
|
||||||
|
color: '#333',
|
||||||
|
fontFamily:
|
||||||
|
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
|
||||||
|
fontSize: '18.5px',
|
||||||
|
fontWeight: 'bold',
|
||||||
|
margin: '32px 0 14px 0',
|
||||||
|
padding: '0',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const featureSection = {
|
||||||
|
marginBottom: '32px',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const hr = {
|
||||||
|
margin: '60px 0',
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user