-
Notifications
You must be signed in to change notification settings - Fork 201
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding welcome email sample and polishing other sample templates. (#63)
- Loading branch information
1 parent
5e7c1d3
commit 1fd1578
Showing
5 changed files
with
182 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
170 changes: 170 additions & 0 deletions
170
packages/editor-sample/src/getConfiguration/sample/welcome.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,170 @@ | ||
import { TEditorConfiguration } from '../../documents/editor/core'; | ||
|
||
const WELCOME: TEditorConfiguration = { | ||
root: { | ||
type: 'EmailLayout', | ||
data: { | ||
backdropColor: '#F2F5F7', | ||
canvasColor: '#FFFFFF', | ||
textColor: '#242424', | ||
fontFamily: 'MODERN_SANS', | ||
childrenIds: [ | ||
'block-1709571212684', | ||
'block-1709571228545', | ||
'block-1709571234315', | ||
'block-1709571247550', | ||
'block-1709571258507', | ||
'block-1709571281151', | ||
'block-1709571302968', | ||
'block-1709571282795', | ||
], | ||
}, | ||
}, | ||
'block-1709571212684': { | ||
type: 'Image', | ||
data: { | ||
style: { | ||
padding: { | ||
top: 24, | ||
bottom: 24, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
url: 'https://d1iiu589g39o6c.cloudfront.net/live/platforms/platform_A9wwKSL6EV6orh6f/images/wptemplateimage_JTNBBPGrNs2Ph4JL/marketbase.png', | ||
alt: 'Marketbase', | ||
linkHref: 'https://marketbase.app', | ||
contentAlignment: 'middle', | ||
}, | ||
}, | ||
}, | ||
'block-1709571228545': { | ||
type: 'Text', | ||
data: { | ||
style: { | ||
fontWeight: 'normal', | ||
padding: { | ||
top: 0, | ||
bottom: 16, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
text: 'Hi Anna 👋,', | ||
}, | ||
}, | ||
}, | ||
'block-1709571234315': { | ||
type: 'Text', | ||
data: { | ||
style: { | ||
fontWeight: 'normal', | ||
padding: { | ||
top: 0, | ||
bottom: 16, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
text: 'Welcome to Marketbase! Marketbase is how teams within fast growing marketplaces effortlessly monitor conversations to prevent disintermediation, identify problematic users, and increase trust & safety within their community.', | ||
}, | ||
}, | ||
}, | ||
'block-1709571247550': { | ||
type: 'Text', | ||
data: { | ||
style: { | ||
fontWeight: 'normal', | ||
padding: { | ||
top: 0, | ||
bottom: 16, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
text: 'Best of all, you can connect your existing messaging services in minutes:', | ||
}, | ||
}, | ||
}, | ||
'block-1709571258507': { | ||
type: 'Image', | ||
data: { | ||
style: { | ||
padding: { | ||
top: 16, | ||
bottom: 16, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
url: 'https://d1iiu589g39o6c.cloudfront.net/live/platforms/platform_A9wwKSL6EV6orh6f/images/wptemplateimage_oWB821TUkDXvr2f4/Screenshot%202023-11-22%20at%2011.51.30%20AM.png', | ||
alt: 'Video thumbnail', | ||
linkHref: 'https://capture.dropbox.com/NBQEmoCKKP9RGBWr', | ||
contentAlignment: 'middle', | ||
}, | ||
}, | ||
}, | ||
'block-1709571281151': { | ||
type: 'Text', | ||
data: { | ||
style: { | ||
fontWeight: 'normal', | ||
padding: { | ||
top: 16, | ||
bottom: 16, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
text: 'If you ever need help, just reply to this email and one of us will get back to you shortly. We’re here to help.', | ||
}, | ||
}, | ||
}, | ||
'block-1709571282795': { | ||
type: 'Image', | ||
data: { | ||
style: { | ||
padding: { | ||
top: 16, | ||
bottom: 40, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
url: 'https://d1iiu589g39o6c.cloudfront.net/live/platforms/platform_A9wwKSL6EV6orh6f/images/wptemplateimage_cAK8FpmBEGoSRNi3/Screenshot%202023-11-22%20at%2011.48.53%20AM.png', | ||
alt: 'Illustration', | ||
linkHref: null, | ||
contentAlignment: 'middle', | ||
}, | ||
}, | ||
}, | ||
'block-1709571302968': { | ||
type: 'Button', | ||
data: { | ||
style: { | ||
fontSize: 14, | ||
padding: { | ||
top: 16, | ||
bottom: 24, | ||
right: 24, | ||
left: 24, | ||
}, | ||
}, | ||
props: { | ||
buttonBackgroundColor: '#0079cc', | ||
buttonStyle: 'rectangle', | ||
text: 'Open dashboard', | ||
url: 'https://www.usewaypoint.com', | ||
}, | ||
}, | ||
}, | ||
}; | ||
|
||
export default WELCOME; |