From 89d17a9ed3f02b6cf33e8382cb9a7135e7549d33 Mon Sep 17 00:00:00 2001 From: Baptiste Arnaud Date: Tue, 31 May 2022 14:47:58 +0200 Subject: [PATCH] =?UTF-8?q?feat(dashboard):=20=E2=9C=A8=20Add=20Digital=20?= =?UTF-8?q?Product=20Payment=20template?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/builder/components/templates/data.ts | 5 + .../templates/digital-product-payment.json | 493 ++++++++++++++++++ 2 files changed, 498 insertions(+) create mode 100644 apps/builder/public/templates/digital-product-payment.json diff --git a/apps/builder/components/templates/data.ts b/apps/builder/components/templates/data.ts index ab9c3ebdff7..6484742859e 100644 --- a/apps/builder/components/templates/data.ts +++ b/apps/builder/components/templates/data.ts @@ -10,6 +10,11 @@ export const templates: TemplateProps[] = [ { name: 'Customer Support', emoji: '😍', fileName: 'customer-support.json' }, { name: 'Quiz', emoji: '🕹ī¸', fileName: 'quiz.json' }, { name: 'Lead Scoring', emoji: '🏆', fileName: 'lead-scoring.json' }, + { + name: 'Digital Product Payment', + emoji: 'đŸ–ŧī¸', + fileName: 'digital-product-payment.json', + }, { name: 'FAQ', emoji: 'đŸ’Ŧ', diff --git a/apps/builder/public/templates/digital-product-payment.json b/apps/builder/public/templates/digital-product-payment.json new file mode 100644 index 00000000000..515967acef1 --- /dev/null +++ b/apps/builder/public/templates/digital-product-payment.json @@ -0,0 +1,493 @@ +{ + "id": "cl3u43chu40824z1acel3iw1c", + "createdAt": "2022-05-31T12:04:12.930Z", + "updatedAt": "2022-05-31T12:31:12.867Z", + "icon": "đŸ–ŧī¸", + "name": "Digital Product Payment", + "publishedTypebotId": null, + "folderId": null, + "blocks": [ + { + "id": "cl3u43cht00044z1adg20ffni", + "steps": [ + { + "id": "cl3u43chu00054z1abb5x7fzk", + "type": "start", + "label": "Start", + "blockId": "cl3u43cht00044z1adg20ffni", + "outgoingEdgeId": "cl3u448z200062e6gr653itny" + } + ], + "title": "Start", + "graphCoordinates": { "x": 0, "y": 0 } + }, + { + "id": "cl3u4431400042e6go5nd0euq", + "graphCoordinates": { "x": 365, "y": 126 }, + "title": "Name", + "steps": [ + { + "id": "cl3u4431500052e6gruhlxklx", + "blockId": "cl3u4431400042e6go5nd0euq", + "type": "text", + "content": { + "html": "
Hi there 👋
", + "richText": [ + { "type": "p", "children": [{ "text": "Hi there 👋" }] } + ], + "plainText": "Hi there 👋" + } + }, + { + "id": "cl3u4592z00082e6go92cuu43", + "blockId": "cl3u4431400042e6go5nd0euq", + "type": "text", + "content": { + "html": "
What's your name?
", + "richText": [ + { "type": "p", "children": [{ "text": "What's your name?" }] } + ], + "plainText": "What's your name?" + } + }, + { + "id": "cl3u45f0n000a2e6gci2xgmph", + "blockId": "cl3u4431400042e6go5nd0euq", + "type": "text input", + "options": { + "isLong": false, + "labels": { + "button": "Send", + "placeholder": "John" + }, + "variableId": "vcl3u45hek000b2e6gkl05z1da" + }, + "outgoingEdgeId": "cl3u45j0n000c2e6go4nnaavg" + } + ] + }, + { + "id": "cl3u45dib00092e6g4q2tdkpu", + "graphCoordinates": { "x": 705, "y": 121 }, + "title": "Product demo", + "steps": [ + { + "id": "cl3u45lqz000d2e6gxo4n5ets", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "text", + "content": { + "html": "
Cool, nice to meet you {{Name}}
", + "richText": [ + { + "type": "p", + "children": [{ "text": "Cool, nice to meet you {{Name}}" }] + } + ], + "plainText": "Cool, nice to meet you {{Name}}" + } + }, + { + "id": "cl3u44adg00072e6gc13e1n12", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "text", + "content": { + "html": "
I've been working on a Notion template for the last 3 months to help you Grow your business.
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "I've been working on a Notion template for the last 3 months to help you Grow your business." + } + ] + } + ], + "plainText": "I've been working on a Notion template for the last 3 months to help you Grow your business." + } + }, + { + "id": "cl3u46b0i000e2e6gkpf4qiry", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "text", + "content": { + "html": "
It is based on the Bullseye Growth Framework
", + "richText": [ + { + "type": "p", + "children": [ + { "text": "It is based on the Bullseye Growth Framework" } + ] + } + ], + "plainText": "It is based on the Bullseye Growth Framework" + } + }, + { + "id": "cl3u49lmg000f2e6guhhgf825", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "video", + "content": { + "type": "url", + "url": "https://typebot.s3.eu-west-3.amazonaws.com/assets/bullseye+template+preview.mp4" + } + }, + { + "id": "cl3u4hyl9000i2e6gtdz8m04b", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "text", + "content": { + "html": "
It's yours for $9
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "It's yours for $9" + } + ] + } + ], + "plainText": "It's yours for $9" + } + }, + { + "id": "cl3u4hyl9000i2e6gtdz8m04a", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "text", + "content": { + "html": "
Are you interested in receiving a copy of this template?
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "Are you interested in receive a copy of this template?" + } + ] + } + ], + "plainText": "Are you interested in receive a copy of this template?" + } + }, + { + "id": "cl3u4id67000l2e6gahw4v1ny", + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "type": "choice input", + "options": { "buttonLabel": "Send", "isMultipleChoice": false }, + "items": [ + { + "id": "cl3u4id67000m2e6g3x3do8kd", + "stepId": "cl3u4id67000l2e6gahw4v1ny", + "type": 0, + "content": "Hell yes!", + "outgoingEdgeId": "cl3u4l4do00102e6ghd9s5p3f" + }, + { + "stepId": "cl3u4id67000l2e6gahw4v1ny", + "type": 0, + "id": "cl3u4iexy000o2e6gbagmrxcc", + "content": "I'm ok, thanks.", + "outgoingEdgeId": "cl3u4jxq2000v2e6gkpwko0uo" + } + ] + } + ] + }, + { + "id": "cl3u4iw28000s2e6gdmukl6qb", + "graphCoordinates": { "x": 897, "y": 960 }, + "title": "Bye", + "steps": [ + { + "id": "cl3u4iw29000t2e6gakbxvz4u", + "blockId": "cl3u4iw28000s2e6gdmukl6qb", + "type": "text", + "content": { + "html": "
Oh ok, feel free to come back when you feel ready {{Name}}!
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "Oh ok, feel free to come back when you feel ready {{Name}}!" + } + ] + } + ], + "plainText": "Oh ok, feel free to come back when you feel ready {{Name}}!" + } + }, + { + "id": "cl3u4jcyt000u2e6gzyj2p5ss", + "blockId": "cl3u4iw28000s2e6gdmukl6qb", + "type": "image", + "content": { + "url": "https://media3.giphy.com/media/48FhEMYGWji8/giphy.gif?cid=fe3852a32dqdmhdazal2zzctxpxukjx171k0e4eflp0w36jf&rid=giphy.gif&ct=g" + } + } + ] + }, + { + "id": "cl3u4kblb000w2e6gfflsq56p", + "graphCoordinates": { "x": 1072, "y": 588 }, + "title": "Email", + "steps": [ + { + "id": "cl3u4kblb000x2e6g49rot8h0", + "blockId": "cl3u4kblb000w2e6gfflsq56p", + "type": "text", + "content": { + "html": "
That's awesome!
", + "richText": [ + { "type": "p", "children": [{ "text": "That's awesome!" }] } + ], + "plainText": "That's awesome!" + } + }, + { + "id": "cl3u4khsx000y2e6gx9iysgt4", + "blockId": "cl3u4kblb000w2e6gfflsq56p", + "type": "text", + "content": { + "html": "
What's the email address where you want to receive the link?
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "What's the email address where you want to receive the link?" + } + ] + } + ], + "plainText": "What's the email address where you want to receive the link?" + } + }, + { + "id": "cl3u4l2et000z2e6gjlmh45jp", + "blockId": "cl3u4kblb000w2e6gfflsq56p", + "type": "email input", + "options": { + "labels": { "button": "Send", "placeholder": "Type your email..." }, + "retryMessageContent": "This email doesn't seem to be valid. Can you type it again?", + "variableId": "vcl3u4n1vk00162e6gs6x59o2k" + }, + "outgoingEdgeId": "cl3u4mbrj00142e6gxif5x53i" + } + ] + }, + { + "id": "cl3u4leig00112e6gxbk65r7y", + "graphCoordinates": { "x": 1400, "y": 589 }, + "title": "Payment", + "steps": [ + { + "id": "cl3u4leig00122e6gqx7skfhb", + "blockId": "cl3u4leig00112e6gxbk65r7y", + "type": "text", + "content": { + "html": "
Sounds good.
", + "richText": [ + { "type": "p", "children": [{ "text": "Sounds good." }] } + ], + "plainText": "Sounds good." + } + }, + { + "id": "cl3u4llj300132e6gciw2ivyv", + "blockId": "cl3u4leig00112e6gxbk65r7y", + "type": "text", + "content": { + "html": "
You're a step away from implementing proven growth systems to your business 🚀
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "You're a step away from implementing proven growth systems to your business 🚀" + } + ] + } + ], + "plainText": "You're a step away from implementing proven growth systems to your business 🚀" + } + }, + { + "id": "cl3u4mjq900152e6grwyg90zt", + "blockId": "cl3u4leig00112e6gxbk65r7y", + "type": "payment input", + "options": { + "provider": "Stripe", + "labels": { "button": "Pay" }, + "currency": "USD", + "amount": "9", + "credentialsId": "cl3u3li3f35224z1akf9iclk7", + "additionalInformation": { + "name": "{{Name}}", + "email": "{{Email}}" + } + }, + "outgoingEdgeId": "cl3u4wynv001b2e6g6pxc7int" + } + ] + }, + { + "id": "cl3u4vnth00182e6g2hh0gewl", + "graphCoordinates": { "x": 1731.4449652273986, "y": 586.6975439409757 }, + "title": "Send email", + "steps": [ + { + "id": "cl3u4wi2d001a2e6gznp1r9d4", + "blockId": "cl3u4vnth00182e6g2hh0gewl", + "type": "image", + "content": { + "url": "https://media1.giphy.com/media/s2qXK8wAvkHTO/giphy.gif?cid=fe3852a3edx7hsbquhw3lu17c422yzc6wsiplnpn02rzm2kf&rid=giphy.gif&ct=g" + } + }, + { + "id": "cl3u4xcqc001c2e6g355vnigh", + "blockId": "cl3u4vnth00182e6g2hh0gewl", + "type": "Email", + "options": { + "credentialsId": "default", + "recipients": ["{{Email}}"], + "subject": "Here is your Bullseye Framework template 🎉", + "body": "Hey {{Name}},\n\nThank you again for buying the template.\n\nHere is the link where you can duplicate it:\n\nhttps://baptistearno.notion.site/Growth-Framework-Bullseye-c2166e03d99340daa1aa87e4356bdc83\n\nFeel free to tell me what I can improve.\n\nBaptiste." + } + }, + { + "id": "cl3u5189q001d2e6gd1q7qshq", + "blockId": "cl3u4vnth00182e6g2hh0gewl", + "type": "text", + "content": { + "html": "
It's all good, you should have received the email!
", + "richText": [ + { + "type": "p", + "children": [ + { + "text": "It's all good, you should have received the email!" + } + ] + } + ], + "plainText": "It's all good, you should have received the email!" + } + }, + { + "id": "cl3u51mpe001e2e6ggrjjzxek", + "blockId": "cl3u4vnth00182e6g2hh0gewl", + "type": "text", + "content": { + "html": "
Thanks again for your visit.
", + "richText": [ + { + "type": "p", + "children": [{ "text": "Thanks again for your visit." }] + } + ], + "plainText": "Thanks again for your visit." + } + }, + { + "id": "cl3u51z0o001f2e6gbl96p7bi", + "blockId": "cl3u4vnth00182e6g2hh0gewl", + "type": "text", + "content": { + "html": "
Bye 👋
", + "richText": [{ "type": "p", "children": [{ "text": "Bye 👋" }] }], + "plainText": "Bye 👋" + } + } + ] + } + ], + "variables": [ + { "id": "vcl3u45hek000b2e6gkl05z1da", "name": "Name" }, + { "id": "vcl3u4n1vk00162e6gs6x59o2k", "name": "Email" } + ], + "edges": [ + { + "from": { + "blockId": "cl3u43cht00044z1adg20ffni", + "stepId": "cl3u43chu00054z1abb5x7fzk" + }, + "to": { "blockId": "cl3u4431400042e6go5nd0euq" }, + "id": "cl3u448z200062e6gr653itny" + }, + { + "from": { + "blockId": "cl3u4431400042e6go5nd0euq", + "stepId": "cl3u45f0n000a2e6gci2xgmph" + }, + "to": { "blockId": "cl3u45dib00092e6g4q2tdkpu" }, + "id": "cl3u45j0n000c2e6go4nnaavg" + }, + { + "from": { + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "stepId": "cl3u4id67000l2e6gahw4v1ny", + "itemId": "cl3u4iexy000o2e6gbagmrxcc" + }, + "to": { "blockId": "cl3u4iw28000s2e6gdmukl6qb" }, + "id": "cl3u4jxq2000v2e6gkpwko0uo" + }, + { + "from": { + "blockId": "cl3u45dib00092e6g4q2tdkpu", + "stepId": "cl3u4id67000l2e6gahw4v1ny", + "itemId": "cl3u4id67000m2e6g3x3do8kd" + }, + "to": { "blockId": "cl3u4kblb000w2e6gfflsq56p" }, + "id": "cl3u4l4do00102e6ghd9s5p3f" + }, + { + "from": { + "blockId": "cl3u4kblb000w2e6gfflsq56p", + "stepId": "cl3u4l2et000z2e6gjlmh45jp" + }, + "to": { "blockId": "cl3u4leig00112e6gxbk65r7y" }, + "id": "cl3u4mbrj00142e6gxif5x53i" + }, + { + "from": { + "blockId": "cl3u4leig00112e6gxbk65r7y", + "stepId": "cl3u4mjq900152e6grwyg90zt" + }, + "to": { "blockId": "cl3u4vnth00182e6g2hh0gewl" }, + "id": "cl3u4wynv001b2e6g6pxc7int" + } + ], + "theme": { + "chat": { + "inputs": { + "color": "#303235", + "backgroundColor": "#FFFFFF", + "placeholderColor": "#9095A0" + }, + "buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" }, + "hostAvatar": { + "isEnabled": true + }, + "guestAvatar": { "isEnabled": false }, + "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" }, + "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" } + }, + "general": { "font": "Open Sans", "background": { "type": "None" } } + }, + "settings": { + "general": { + "isBrandingEnabled": true, + "isInputPrefillEnabled": true, + "isHideQueryParamsEnabled": true, + "isNewResultOnRefreshEnabled": false + }, + "metadata": { + "description": "Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form." + }, + "typingEmulation": { "speed": 300, "enabled": true, "maxDelay": 1.5 } + }, + "publicId": null, + "customDomain": null, + "workspaceId": "cl3ncues300081a1as58wmkxz" +}