blsmedia/bot
2
0
Fork 0
Code Activity

♻️ Introduce typebot v6 with events (#1013)

Browse Source 
Closes #885
This commit is contained in:
Baptiste Arnaud
2023-11-08 15:34:16 +01:00
committed by GitHub
parent 68e4fc71fb
commit 35300eaf34
634 changed files with 58971 additions and 31449 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored
View File

@@ -16,9 +16,6 @@
"NEXT_PUBLIC_VIEWER_URL": "http://localhost:3001",
"NEXTAUTH_URL": "http://localhost:3000"
},
"[php]": {
"editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
},
"[prisma]": {
"editor.defaultFormatter": "Prisma.prisma"
}

5
apps/builder/package.json
View File

@@ -39,6 +39,7 @@
"@typebot.io/emails": "workspace:*",
"@typebot.io/env": "workspace:*",
"@typebot.io/nextjs": "workspace:*",
"@typebot.io/js": "workspace:*",
"@udecode/plate-basic-marks": "21.1.5",
"@udecode/plate-common": "21.1.5",
"@udecode/plate-core": "21.1.5",
@@ -116,7 +117,7 @@
"eslint-config-custom": "workspace:*",
"next-runtime-env": "1.6.2",
"superjson": "1.12.4",
"typescript": "5.1.6",
"zod": "3.21.4"
"typescript": "5.2.2",
"zod": "3.22.4"
}
}

334
apps/builder/public/templates/basic-chat-gpt.json
View File

@@ -1,129 +1,24 @@
{
"id": "clf6ov7hg00001ao6q02sb8re",
"version": "4",
"createdAt": "2023-03-13T10:35:44.933Z",
"updatedAt": "2023-03-13T14:53:00.817Z",
"icon": "🤖",
"version": "6",
"id": "clofz4jhf00071a5pjlh8ruwr",
"name": "Basic ChatGPT",
"folderId": null,
"groups": [
"events": [
{
"id": "ewnfbo0exlu7ihfu2lu2lusm",
"title": "Start",
"blocks": [
{
"id": "igbipfi63m6p9sl2f77uicuv",
"type": "start",
"label": "Start",
"groupId": "ewnfbo0exlu7ihfu2lu2lusm",
"outgoingEdgeId": "sevwpre8fo896btd6xm1e1dv"
}
],
"graphCoordinates": { "x": -20.9296875, "y": -125.6796875 }
},
{
"id": "qfrz5nwm63g12dajsjxothb5",
"title": "User input",
"blocks": [
{
"id": "ovgk70u0kfxrbtz9dy4e040o",
"type": "text input",
"groupId": "qfrz5nwm63g12dajsjxothb5",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "vevnx5f5bojz0sv648x6ppcmv",
"isPrefillDisabled": true
},
"outgoingEdgeId": "kwm65fnel1gddbwdki9rq76v"
}
],
"graphCoordinates": { "x": 385.59765625, "y": 176 }
},
{
"id": "a6ymhjwtkqwp8t127plz8qmk",
"title": "ChatGPT reply",
"blocks": [
{
"id": "xikptnw1lp1qxdqo10qhmwy1",
"type": "OpenAI",
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
"messages": [
{
"id": "vexqydoltfc5fkdrcednlvjz",
"role": "Messages sequence ✨",
"content": {
"userMessagesVariableId": "vevnx5f5bojz0sv648x6ppcmv",
"assistantMessagesVariableId": "vni6kwbch8zlq92dclgcivzyr"
}
}
],
"responseMapping": [
{
"id": "brb5ccisi1tjiqf3ng0asaiq",
"variableId": "vni6kwbch8zlq92dclgcivzyr",
"valueToExtract": "Message content"
}
]
}
},
{
"id": "myldn1l1nfdwwm8qvza71rwv",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [{ "text": "{{Assistant Messages}}" }]
}
]
},
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"outgoingEdgeId": "y8ml9ljnsydol9b42fd9zdve"
}
],
"graphCoordinates": { "x": 744.05078125, "y": 178.00390625 }
},
{
"id": "c5f00f3oclwi1srcz10jjt9u",
"title": "Intro",
"blocks": [
{
"id": "vzcrfk4vl9gy8igu0ysja5nc",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "Hi there 👋" }] }
]
},
"groupId": "c5f00f3oclwi1srcz10jjt9u"
},
{
"id": "gphm5wy1md9cunwkdtbzg6nq",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "How can I help?" }] }
]
},
"groupId": "c5f00f3oclwi1srcz10jjt9u",
"outgoingEdgeId": "h5sk58j0ryrxmfv4gmw7r4dw"
}
],
"graphCoordinates": { "x": 54.7421875, "y": 172.83203125 }
},
"outgoingEdgeId": "q25yjqccpjv3i1tclgv1x941",
"graphCoordinates": { "x": -228.25, "y": -123.31 },
"type": "start"
}
],
"groups": [
{
"id": "t3tv4dm3khwmiotjle5jb65g",
"title": "",
"graphCoordinates": { "x": 10.94, "y": -121.96 },
"blocks": [
{
"id": "s6eky7dd3md9hto9y4wsuj7h",
"groupId": "t3tv4dm3khwmiotjle5jb65g",
"type": "text",
"content": {
"richText": [
@@ -136,11 +31,11 @@
]
}
]
},
"groupId": "t3tv4dm3khwmiotjle5jb65g"
}
},
{
"id": "nqsu9f13q5j8tt56bcbuto62",
"groupId": "t3tv4dm3khwmiotjle5jb65g",
"type": "text",
"content": {
"richText": [
@@ -151,92 +46,169 @@
"text": "Once it's done, delete this group and connect the "
},
{ "bold": true, "text": "Start" },
{ "text": " block with " },
{ "text": " event with " },
{ "bold": true, "text": "Intro" },
{ "text": " 🚀" }
]
}
]
},
"groupId": "t3tv4dm3khwmiotjle5jb65g"
}
}
],
"graphCoordinates": { "x": 321.13671875, "y": -121.90234375 }
]
},
{
"id": "qfrz5nwm63g12dajsjxothb5",
"title": "User input",
"graphCoordinates": { "x": 198.64, "y": 179.04 },
"blocks": [
{
"id": "ovgk70u0kfxrbtz9dy4e040o",
"groupId": "qfrz5nwm63g12dajsjxothb5",
"type": "text input",
"options": { "variableId": "vudksu3zyrat6s1bq6qne0rx3" }
},
{
"id": "m4jadtknjb3za3gvxj1xdn1k",
"groupId": "qfrz5nwm63g12dajsjxothb5",
"outgoingEdgeId": "fpj0xacppqd1s5slyljzhzc9",
"type": "Set variable",
"options": {
"variableId": "vabkycu0qqff5d6ar2ama16pf",
"type": "Append value(s)",
"item": "{{User Message}}"
}
}
]
},
{
"id": "a6ymhjwtkqwp8t127plz8qmk",
"title": "ChatGPT reply",
"graphCoordinates": { "x": 624.57, "y": 200.09 },
"blocks": [
{
"id": "xikptnw1lp1qxdqo10qhmwy1",
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"type": "OpenAI",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
"messages": [
{
"id": "wsdxha9db58gk2v9n1j10m7c",
"role": "Dialogue",
"dialogueVariableId": "vabkycu0qqff5d6ar2ama16pf",
"startsBy": "user"
}
],
"responseMapping": [
{
"id": "p8ksqi2jhyzid2od3dikv299",
"valueToExtract": "Message content",
"variableId": "vni6kwbch8zlq92dclgcivzyr"
}
],
"credentialsId": "clocxtxlc00031an2uc59hdpb"
}
},
{
"id": "yblc864bzipaqfja7b2o3oo0",
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"type": "Set variable",
"options": {
"variableId": "vabkycu0qqff5d6ar2ama16pf",
"type": "Append value(s)",
"item": "{{Assistant Message}}"
}
},
{
"id": "myldn1l1nfdwwm8qvza71rwv",
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"outgoingEdgeId": "y8ml9ljnsydol9b42fd9zdve",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "{{Assistant Message}}" }] }
]
}
}
]
},
{
"id": "c5f00f3oclwi1srcz10jjt9u",
"title": "Intro",
"graphCoordinates": { "x": -183.19, "y": 156.03 },
"blocks": [
{
"id": "vzcrfk4vl9gy8igu0ysja5nc",
"groupId": "c5f00f3oclwi1srcz10jjt9u",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "Hi there 👋" }] }
]
}
},
{
"id": "gphm5wy1md9cunwkdtbzg6nq",
"groupId": "c5f00f3oclwi1srcz10jjt9u",
"outgoingEdgeId": "h5sk58j0ryrxmfv4gmw7r4dw",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "How can I help?" }] }
]
}
}
]
}
],
"variables": [
{ "id": "vni6kwbch8zlq92dclgcivzyr", "name": "Assistant Messages" },
{ "id": "vevnx5f5bojz0sv648x6ppcmv", "name": "User Messages" }
],
"edges": [
{
"id": "h5sk58j0ryrxmfv4gmw7r4dw",
"to": { "groupId": "qfrz5nwm63g12dajsjxothb5" },
"from": {
"blockId": "gphm5wy1md9cunwkdtbzg6nq",
"groupId": "c5f00f3oclwi1srcz10jjt9u"
}
},
{
"id": "kwm65fnel1gddbwdki9rq76v",
"to": { "groupId": "a6ymhjwtkqwp8t127plz8qmk" },
"from": {
"blockId": "ovgk70u0kfxrbtz9dy4e040o",
"groupId": "qfrz5nwm63g12dajsjxothb5"
}
"groupId": "c5f00f3oclwi1srcz10jjt9u",
"blockId": "gphm5wy1md9cunwkdtbzg6nq"
},
"to": { "groupId": "qfrz5nwm63g12dajsjxothb5" }
},
{
"id": "y8ml9ljnsydol9b42fd9zdve",
"to": { "groupId": "qfrz5nwm63g12dajsjxothb5" },
"from": {
"blockId": "myldn1l1nfdwwm8qvza71rwv",
"groupId": "a6ymhjwtkqwp8t127plz8qmk"
}
"groupId": "a6ymhjwtkqwp8t127plz8qmk",
"blockId": "myldn1l1nfdwwm8qvza71rwv"
},
"to": { "groupId": "qfrz5nwm63g12dajsjxothb5" }
},
{
"id": "sevwpre8fo896btd6xm1e1dv",
"to": { "groupId": "t3tv4dm3khwmiotjle5jb65g" },
"id": "fpj0xacppqd1s5slyljzhzc9",
"from": {
"blockId": "igbipfi63m6p9sl2f77uicuv",
"groupId": "ewnfbo0exlu7ihfu2lu2lusm"
}
"groupId": "qfrz5nwm63g12dajsjxothb5",
"blockId": "m4jadtknjb3za3gvxj1xdn1k"
},
"to": { "groupId": "a6ymhjwtkqwp8t127plz8qmk" }
},
{
"from": { "eventId": "ewnfbo0exlu7ihfu2lu2lusm" },
"to": { "groupId": "t3tv4dm3khwmiotjle5jb65g" },
"id": "q25yjqccpjv3i1tclgv1x941"
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"variables": [
{ "id": "vni6kwbch8zlq92dclgcivzyr", "name": "Assistant Message" },
{ "id": "vudksu3zyrat6s1bq6qne0rx3", "name": "User Message" },
{ "id": "vabkycu0qqff5d6ar2ama16pf", "name": "Chat history" }
],
"theme": {},
"selectedThemeTemplateId": null,
"settings": { "general": {} },
"createdAt": "2023-11-01T16:30:13.155Z",
"updatedAt": "2023-11-01T16:30:13.155Z",
"icon": "🤖",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "freeWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

587
apps/builder/public/templates/chat-gpt-personas.json
View File

@@ -1,29 +1,20 @@
{
"id": "qcueq3ttys1ddagic7jsimp4",
"version": "4",
"createdAt": "2023-03-30T15:45:12.464Z",
"updatedAt": "2023-03-30T15:45:12.464Z",
"icon": "🎭",
"version": "6",
"id": "cloi9k6tf00051aqji6vk88pq",
"name": "ChatGPT personas",
"folderId": null,
"groups": [
"events": [
{
"id": "w99qhdr20tw02sfrfwkfc1tg",
"title": "Start",
"blocks": [
{
"id": "igbipfi63m6p9sl2f77uicuv",
"type": "start",
"label": "Start",
"groupId": "w99qhdr20tw02sfrfwkfc1tg",
"outgoingEdgeId": "x91dpk80zw2b4co4xra33cwg"
}
],
"graphCoordinates": { "x": -61.95703125, "y": -242.94140625 }
},
"outgoingEdgeId": "c3733n7ia1hxcwld9lm3p351",
"graphCoordinates": { "x": -95.29, "y": -267.02 },
"type": "start"
}
],
"groups": [
{
"id": "bofjp88arodr4k0btv2esyqy",
"title": "",
"graphCoordinates": { "x": 188.44, "y": -308.74 },
"blocks": [
{
"id": "s6eky7dd3md9hto9y4wsuj7h",
@@ -39,8 +30,7 @@
]
}
]
},
"groupId": "bofjp88arodr4k0btv2esyqy"
}
},
{
"id": "nqsu9f13q5j8tt56bcbuto62",
@@ -60,20 +50,18 @@
]
}
]
},
"groupId": "bofjp88arodr4k0btv2esyqy"
}
}
],
"graphCoordinates": { "x": 303.5859375, "y": -278.4921875 }
]
},
{
"id": "dmg57mgick51p8l5pnyqtyf9",
"title": "Explainer AI reply",
"graphCoordinates": { "x": 1053.297810684862, "y": 919.9658659364646 },
"blocks": [
{
"id": "xikptnw1lp1qxdqo10qhmwy1",
"type": "OpenAI",
"groupId": "dmg57mgick51p8l5pnyqtyf9",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
@@ -85,34 +73,36 @@
},
{
"id": "i8i226uylkh84ovtpguaqc83",
"role": "Messages sequence ✨",
"content": {
"userMessagesVariableId": "vevnx5f5bojz0sv648x6ppcmv",
"assistantMessagesVariableId": "vni6kwbch8zlq92dclgcivzyr"
}
"role": "Dialogue",
"dialogueVariableId": "vu9adij5penetej2xz89htfe6"
}
],
"responseMapping": [
{
"id": "brb5ccisi1tjiqf3ng0asaiq",
"variableId": "vni6kwbch8zlq92dclgcivzyr",
"valueToExtract": "Message content"
"valueToExtract": "Message content",
"variableId": "vni6kwbch8zlq92dclgcivzyr"
}
]
}
},
{
"id": "kftq9x1wnrcefzc268ydmqkn",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{Assistant Message}}"
}
},
{
"id": "myldn1l1nfdwwm8qvza71rwv",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [{ "text": "{{Assistant Messages}}" }]
}
{ "type": "p", "children": [{ "text": "{{Assistant Message}}" }] }
]
},
"groupId": "dmg57mgick51p8l5pnyqtyf9"
}
},
{
"id": "jz9mklagfikyukzs7n3kmlcf",
@@ -120,33 +110,28 @@
"items": [
{
"id": "x18iwzwmbzi9jjpnwij1861i",
"type": 0,
"blockId": "jz9mklagfikyukzs7n3kmlcf",
"content": "Continue",
"outgoingEdgeId": "mxl8lftsj3pbmj4g24ymxajo"
"outgoingEdgeId": "mxl8lftsj3pbmj4g24ymxajo",
"type": "button",
"content": "Continue"
},
{
"id": "imx7otsonvm0takr02b4ulyo",
"type": 0,
"blockId": "jz9mklagfikyukzs7n3kmlcf",
"content": "Menu",
"outgoingEdgeId": "ny44r5sp69gne7obgshidhph"
"outgoingEdgeId": "ny44r5sp69gne7obgshidhph",
"type": "button",
"content": "Menu"
}
],
"groupId": "dmg57mgick51p8l5pnyqtyf9",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 1053.2978106848623, "y": 919.9658659364646 }
]
},
{
"id": "fj5z2nx488htv0843kq6qeyk",
"title": "Professor AI reply",
"graphCoordinates": { "x": 1040.86, "y": -128.46 },
"blocks": [
{
"id": "f2r11ibqq2ufrahfcl3gf6qi",
"type": "OpenAI",
"groupId": "fj5z2nx488htv0843kq6qeyk",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
@@ -158,34 +143,36 @@
},
{
"id": "biqljpsbqfkgno4m80s4j5p0",
"role": "Messages sequence ✨",
"content": {
"userMessagesVariableId": "vevnx5f5bojz0sv648x6ppcmv",
"assistantMessagesVariableId": "vni6kwbch8zlq92dclgcivzyr"
}
"role": "Dialogue",
"dialogueVariableId": "vu9adij5penetej2xz89htfe6"
}
],
"responseMapping": [
{
"id": "brb5ccisi1tjiqf3ng0asaiq",
"variableId": "vni6kwbch8zlq92dclgcivzyr",
"valueToExtract": "Message content"
"valueToExtract": "Message content",
"variableId": "vni6kwbch8zlq92dclgcivzyr"
}
]
}
},
{
"id": "dyfigmu4095x8p99qe461zbh",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{Assistant Message}}"
}
},
{
"id": "sei88rrjcmpgm3vhxjvkofyt",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [{ "text": "{{Assistant Messages}}" }]
}
{ "type": "p", "children": [{ "text": "{{Assistant Message}}" }] }
]
},
"groupId": "fj5z2nx488htv0843kq6qeyk"
}
},
{
"id": "h3qetbhcpxhawnqoymo0v3hw",
@@ -193,33 +180,28 @@
"items": [
{
"id": "zaylo8bstqx0wp6bpdbd1rak",
"type": 0,
"blockId": "h3qetbhcpxhawnqoymo0v3hw",
"content": "Continue",
"outgoingEdgeId": "q6o0cbyzxtvgls3jtz7rpdgw"
"outgoingEdgeId": "q6o0cbyzxtvgls3jtz7rpdgw",
"type": "button",
"content": "Continue"
},
{
"id": "d5jv3sjpzobsrnhcp055mxkv",
"type": 0,
"blockId": "h3qetbhcpxhawnqoymo0v3hw",
"content": "Back to menu",
"outgoingEdgeId": "xjv7pkpgpwh169448t8pepg4"
"outgoingEdgeId": "xjv7pkpgpwh169448t8pepg4",
"type": "button",
"content": "Back to menu"
}
],
"groupId": "fj5z2nx488htv0843kq6qeyk",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 1047.7979125005486, "y": 4.6530793670072885 }
]
},
{
"id": "csbysu8dr08zxr4i6hzvzjdf",
"title": "Copywriter AI reply",
"graphCoordinates": { "x": 1044.25, "y": 372.87 },
"blocks": [
{
"id": "h2t5vbir3zh8eku55ozwb1du",
"type": "OpenAI",
"groupId": "csbysu8dr08zxr4i6hzvzjdf",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
@@ -231,34 +213,36 @@
},
{
"id": "ynbhlcbsmy24pobiay9zezli",
"role": "Messages sequence ✨",
"content": {
"userMessagesVariableId": "vevnx5f5bojz0sv648x6ppcmv",
"assistantMessagesVariableId": "vni6kwbch8zlq92dclgcivzyr"
}
"role": "Dialogue",
"dialogueVariableId": "vu9adij5penetej2xz89htfe6"
}
],
"responseMapping": [
{
"id": "brb5ccisi1tjiqf3ng0asaiq",
"variableId": "vni6kwbch8zlq92dclgcivzyr",
"valueToExtract": "Message content"
"valueToExtract": "Message content",
"variableId": "vni6kwbch8zlq92dclgcivzyr"
}
]
}
},
{
"id": "usolgxcte60rin18ccygzbdu",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{Assistant Message}}"
}
},
{
"id": "h96lile0evtqa0jx24gmfo25",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [{ "text": "{{Assistant Messages}}" }]
}
{ "type": "p", "children": [{ "text": "{{Assistant Message}}" }] }
]
},
"groupId": "csbysu8dr08zxr4i6hzvzjdf"
}
},
{
"id": "u4jdl0gwv8965o2etxjk12w0",
@@ -266,29 +250,33 @@
"items": [
{
"id": "b6zif4xxe2cuiddc2oqayaxi",
"type": 0,
"blockId": "u4jdl0gwv8965o2etxjk12w0",
"content": "Continue",
"outgoingEdgeId": "jwydpoxngp2gvwanaruphe6s"
"outgoingEdgeId": "jwydpoxngp2gvwanaruphe6s",
"type": "button",
"content": "Continue"
},
{
"id": "ooib3mqlfkazta6iol1ocloe",
"type": 0,
"blockId": "u4jdl0gwv8965o2etxjk12w0",
"content": "Back to menu",
"outgoingEdgeId": "gfrpgowch879p1qaj9jzsh01"
"outgoingEdgeId": "gfrpgowch879p1qaj9jzsh01",
"type": "button",
"content": "Back to menu"
}
],
"groupId": "csbysu8dr08zxr4i6hzvzjdf",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 1049.2780591838002, "y": 458.6633630669161 }
]
},
{
"id": "u6nm47oyneidmsebszp60t0m",
"title": "Menu",
"graphCoordinates": { "x": -6.082566623728974, "y": 37.78518756228981 },
"blocks": [
{
"id": "rzlhl61q6dmh8n93usvqgyij",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Empty"
}
},
{
"id": "gphm5wy1md9cunwkdtbzg6nq",
"type": "text",
@@ -299,20 +287,7 @@
"children": [{ "text": "Who would you want to talk to?" }]
}
]
},
"groupId": "u6nm47oyneidmsebszp60t0m"
},
{
"id": "yodc4upemgfx55m919mdz694",
"type": "Set variable",
"groupId": "u6nm47oyneidmsebszp60t0m",
"options": { "variableId": "vevnx5f5bojz0sv648x6ppcmv" }
},
{
"id": "rzlhl61q6dmh8n93usvqgyij",
"type": "Set variable",
"groupId": "u6nm47oyneidmsebszp60t0m",
"options": { "variableId": "vni6kwbch8zlq92dclgcivzyr" }
}
},
{
"id": "ohh19koa7up0nbke3146hnjp",
@@ -320,104 +295,91 @@
"items": [
{
"id": "rn0lqz1wvsg9lmc0jcl6ps8j",
"type": 0,
"blockId": "ohh19koa7up0nbke3146hnjp",
"content": "English professor",
"outgoingEdgeId": "ry7l8wcaidxw5izm7zoy83kj"
"outgoingEdgeId": "ry7l8wcaidxw5izm7zoy83kj",
"type": "button",
"content": "English professor"
},
{
"id": "le84cls9vkmrxquvqw8bhp7h",
"type": 0,
"blockId": "ohh19koa7up0nbke3146hnjp",
"content": "Copywriter",
"outgoingEdgeId": "iy2htkuup0l908fsosg6d2qz"
"outgoingEdgeId": "iy2htkuup0l908fsosg6d2qz",
"type": "button",
"content": "Copywriter"
},
{
"id": "mx4kgfgena53mxf87piwu1j2",
"type": 0,
"blockId": "ohh19koa7up0nbke3146hnjp",
"content": "Concept explainer",
"outgoingEdgeId": "kmex71jzzzekni4louuy3xbf"
"outgoingEdgeId": "kmex71jzzzekni4louuy3xbf",
"type": "button",
"content": "Concept explainer"
}
],
"groupId": "u6nm47oyneidmsebszp60t0m",
"options": {
"variableId": "vs7wwz29yyd21pfl4syeptdgi",
"buttonLabel": "Send",
"isMultipleChoice": false
"variableId": "vs7wwz29yyd21pfl4syeptdgi"
}
}
],
"graphCoordinates": { "x": -6.082566623728974, "y": 37.78518756228981 }
]
},
{
"id": "oemwa82xy3yt74gzilrojogl",
"title": "Jumps",
"graphCoordinates": { "x": 1431.381871940994, "y": 1083.626261828848 },
"blocks": [
{
"id": "nnzp5mle206cl3nnqlkqjau1",
"type": "Jump",
"groupId": "py4fhjf59krp2ahz7fpdtj6h",
"options": { "groupId": "irnu2zu8m2i4fu6485hxtra5" }
},
{
"id": "nm6vp6ifbjq7mttohwhibjvj",
"type": "Jump",
"groupId": "py4fhjf59krp2ahz7fpdtj6h",
"options": { "groupId": "u6nm47oyneidmsebszp60t0m" }
}
],
"graphCoordinates": { "x": 1431.381871940994, "y": 1083.6262618288476 }
]
},
{
"id": "p1fh0e2y8sq4lhrskc4rb5z2",
"title": "Jumps",
"graphCoordinates": { "x": 1436.545931193238, "y": 679.7247165284323 },
"blocks": [
{
"id": "kyuvkruakbxjvxwgtjqti3gc",
"type": "Jump",
"groupId": "wjgoxgdh5dxvulkn013oad81",
"options": { "groupId": "h4mcrr5x6lvy1mz96k0ey3do" }
},
{
"id": "vywm4h8yz87ew4gjy4l6nmm3",
"type": "Jump",
"groupId": "wjgoxgdh5dxvulkn013oad81",
"options": { "groupId": "u6nm47oyneidmsebszp60t0m" }
}
],
"graphCoordinates": { "x": 1436.5459311932382, "y": 679.7247165284323 }
]
},
{
"id": "ow2g8fv93xxrgpcabnx8uod8",
"title": "Jumps",
"graphCoordinates": { "x": 1419.568721793131, "y": 169.5335644029076 },
"blocks": [
{
"id": "qxgl1cscs38pfwzaj4pqsd46",
"type": "Jump",
"groupId": "uz4isdxf2lha8y98f5umzeb7",
"options": { "groupId": "m84gejzvl08ky6ynruiuszpc" }
},
{
"id": "m94q879l9yr1vx5xrbxlsj6q",
"type": "Jump",
"groupId": "uz4isdxf2lha8y98f5umzeb7",
"options": { "groupId": "u6nm47oyneidmsebszp60t0m" }
}
],
"graphCoordinates": { "x": 1419.5687217931309, "y": 169.5335644029076 }
]
},
{
"id": "py719ungczkgz5f40zkw3tr2",
"title": "EN professor intro",
"graphCoordinates": { "x": 339.814926172369, "y": 9.945652574763692 },
"blocks": [
{
"id": "qm3v36qb93ijnghdjgy9mcwf",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hi 👋" }] }]
},
"groupId": "py719ungczkgz5f40zkw3tr2"
}
},
{
"id": "ln8d3vdq4shclzrxcy9rmxfg",
@@ -433,34 +395,31 @@
]
}
]
},
"groupId": "py719ungczkgz5f40zkw3tr2"
}
},
{
"id": "r7yu488ugfif8hxy3e4sospb",
"outgoingEdgeId": "ripf74t9yicdze8xr2yrklyx",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "How can I help?" }] }
]
},
"groupId": "py719ungczkgz5f40zkw3tr2",
"outgoingEdgeId": "ripf74t9yicdze8xr2yrklyx"
}
}
],
"graphCoordinates": { "x": 339.81492617236904, "y": 9.945652574763692 }
]
},
{
"id": "uyry49c9bm1pvk6t8i471l2d",
"title": "Copywriter intro",
"graphCoordinates": { "x": 335.3081238025464, "y": 468.3681191076254 },
"blocks": [
{
"id": "bbeedootn9m8eass0mqu3w4t",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hi 👋" }] }]
},
"groupId": "uyry49c9bm1pvk6t8i471l2d"
}
},
{
"id": "chdghb0k27c4okwu9yky4ox4",
@@ -472,34 +431,31 @@
"children": [{ "text": "I'm an expert in copywriting." }]
}
]
},
"groupId": "uyry49c9bm1pvk6t8i471l2d"
}
},
{
"id": "idp7w8c8zbkvl95oa1vquiml",
"outgoingEdgeId": "v0tfmbt8tpwwrieftvzg8lti",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "How can I help?" }] }
]
},
"groupId": "uyry49c9bm1pvk6t8i471l2d",
"outgoingEdgeId": "v0tfmbt8tpwwrieftvzg8lti"
}
}
],
"graphCoordinates": { "x": 335.3081238025464, "y": 468.3681191076254 }
]
},
{
"id": "zfa8oj0a0tnlho9a67llulst",
"title": "Explainer intro",
"graphCoordinates": { "x": 326.9849960884654, "y": 928.6632806049557 },
"blocks": [
{
"id": "n96j3pf3m87aufcapx2ulr2n",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hi 👋" }] }]
},
"groupId": "zfa8oj0a0tnlho9a67llulst"
}
},
{
"id": "wxk5z9yyiojkk9u3b5m6shax",
@@ -513,11 +469,11 @@
]
}
]
},
"groupId": "zfa8oj0a0tnlho9a67llulst"
}
},
{
"id": "ileqgg2r2kyh2zovpivr775s",
"outgoingEdgeId": "v5bki4h7m1lnryhgzudnvvpx",
"type": "text",
"content": {
"richText": [
@@ -528,279 +484,242 @@
]
}
]
},
"groupId": "zfa8oj0a0tnlho9a67llulst",
"outgoingEdgeId": "v5bki4h7m1lnryhgzudnvvpx"
}
}
],
"graphCoordinates": { "x": 326.98499608846544, "y": 928.6632806049557 }
]
},
{
"id": "m84gejzvl08ky6ynruiuszpc",
"title": "EN professor question",
"graphCoordinates": { "x": 692.86, "y": -14.84 },
"blocks": [
{
"id": "ovgk70u0kfxrbtz9dy4e040o",
"type": "text input",
"groupId": "m84gejzvl08ky6ynruiuszpc",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
"placeholder": "Type your answer...",
"button": "Send"
},
"variableId": "vevnx5f5bojz0sv648x6ppcmv",
"isPrefillDisabled": true
},
"outgoingEdgeId": "vapajzlffxq1lgudxgm14g05"
"isLong": true
}
},
{
"id": "nx6v1ogcp9x9o6regjopvff8",
"outgoingEdgeId": "cplyootzgqo5jpmhntgz4shm",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{User Message}}"
}
}
],
"graphCoordinates": { "x": 692.8604882239152, "y": 11.63391545939837 }
]
},
{
"id": "h4mcrr5x6lvy1mz96k0ey3do",
"title": "Copywriter question",
"graphCoordinates": { "x": 692.3449852228088, "y": 462.3858990822391 },
"blocks": [
{
"id": "emii43mtihiuy35gpp6b91d8",
"type": "text input",
"groupId": "h4mcrr5x6lvy1mz96k0ey3do",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
"placeholder": "Type your answer...",
"button": "Send"
},
"variableId": "vevnx5f5bojz0sv648x6ppcmv",
"isPrefillDisabled": true
},
"outgoingEdgeId": "vtffpz6eh4n95kwlb8zpu7cz"
"isLong": true
}
},
{
"id": "h0cgmv6q61s3yhuq6u2pb5p0",
"outgoingEdgeId": "za1pwdunrlwgfu1kz7dnsb3m",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{User Message}}"
}
}
],
"graphCoordinates": { "x": 692.3449852228088, "y": 462.38589908223906 }
]
},
{
"id": "irnu2zu8m2i4fu6485hxtra5",
"title": "Explainer question",
"graphCoordinates": { "x": 686.3012488543691, "y": 924.2085365228105 },
"blocks": [
{
"id": "e6rovxwxlizr54iy8nyi84pi",
"type": "text input",
"groupId": "irnu2zu8m2i4fu6485hxtra5",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
"placeholder": "Type your answer...",
"button": "Send"
},
"variableId": "vevnx5f5bojz0sv648x6ppcmv",
"isPrefillDisabled": true
},
"outgoingEdgeId": "wv3t43ccf35mewn52liqtjg1"
"isLong": false
}
},
{
"id": "b937909x86r3wzbn4mzxmw25",
"outgoingEdgeId": "fz77htstfb4jig82k66pl0vt",
"type": "Set variable",
"options": {
"variableId": "vu9adij5penetej2xz89htfe6",
"type": "Append value(s)",
"item": "{{User Message}}"
}
}
],
"graphCoordinates": { "x": 686.3012488543691, "y": 924.2085365228105 }
]
}
],
"variables": [
{ "id": "vni6kwbch8zlq92dclgcivzyr", "name": "Assistant Messages" },
{ "id": "vevnx5f5bojz0sv648x6ppcmv", "name": "User Messages" },
{ "id": "vldefdrythqxfh9p9p38jvmb2", "name": "Prompt" },
{ "id": "vs7wwz29yyd21pfl4syeptdgi", "name": "Persona" }
],
"edges": [
{
"id": "ny44r5sp69gne7obgshidhph",
"to": {
"blockId": "nm6vp6ifbjq7mttohwhibjvj",
"groupId": "oemwa82xy3yt74gzilrojogl"
},
"from": {
"itemId": "imx7otsonvm0takr02b4ulyo",
"blockId": "jz9mklagfikyukzs7n3kmlcf",
"groupId": "dmg57mgick51p8l5pnyqtyf9"
"itemId": "imx7otsonvm0takr02b4ulyo"
},
"to": {
"groupId": "oemwa82xy3yt74gzilrojogl",
"blockId": "nm6vp6ifbjq7mttohwhibjvj"
}
},
{
"id": "mxl8lftsj3pbmj4g24ymxajo",
"to": {
"blockId": "nnzp5mle206cl3nnqlkqjau1",
"groupId": "oemwa82xy3yt74gzilrojogl"
},
"from": {
"itemId": "x18iwzwmbzi9jjpnwij1861i",
"blockId": "jz9mklagfikyukzs7n3kmlcf",
"groupId": "dmg57mgick51p8l5pnyqtyf9"
"itemId": "x18iwzwmbzi9jjpnwij1861i"
},
"to": {
"groupId": "oemwa82xy3yt74gzilrojogl",
"blockId": "nnzp5mle206cl3nnqlkqjau1"
}
},
{
"id": "ry7l8wcaidxw5izm7zoy83kj",
"to": { "groupId": "py719ungczkgz5f40zkw3tr2" },
"from": {
"itemId": "rn0lqz1wvsg9lmc0jcl6ps8j",
"blockId": "ohh19koa7up0nbke3146hnjp",
"groupId": "u6nm47oyneidmsebszp60t0m"
}
"itemId": "rn0lqz1wvsg9lmc0jcl6ps8j"
},
"to": { "groupId": "py719ungczkgz5f40zkw3tr2" }
},
{
"id": "ripf74t9yicdze8xr2yrklyx",
"to": { "groupId": "m84gejzvl08ky6ynruiuszpc" },
"from": {
"blockId": "r7yu488ugfif8hxy3e4sospb",
"groupId": "py719ungczkgz5f40zkw3tr2"
}
},
{
"id": "vapajzlffxq1lgudxgm14g05",
"to": { "groupId": "fj5z2nx488htv0843kq6qeyk" },
"from": {
"blockId": "ovgk70u0kfxrbtz9dy4e040o",
"groupId": "m84gejzvl08ky6ynruiuszpc"
}
"from": { "blockId": "r7yu488ugfif8hxy3e4sospb" },
"to": { "groupId": "m84gejzvl08ky6ynruiuszpc" }
},
{
"id": "q6o0cbyzxtvgls3jtz7rpdgw",
"to": {
"blockId": "qxgl1cscs38pfwzaj4pqsd46",
"groupId": "ow2g8fv93xxrgpcabnx8uod8"
},
"from": {
"itemId": "zaylo8bstqx0wp6bpdbd1rak",
"blockId": "h3qetbhcpxhawnqoymo0v3hw",
"groupId": "fj5z2nx488htv0843kq6qeyk"
"itemId": "zaylo8bstqx0wp6bpdbd1rak"
},
"to": {
"groupId": "ow2g8fv93xxrgpcabnx8uod8",
"blockId": "qxgl1cscs38pfwzaj4pqsd46"
}
},
{
"id": "xjv7pkpgpwh169448t8pepg4",
"to": {
"blockId": "m94q879l9yr1vx5xrbxlsj6q",
"groupId": "ow2g8fv93xxrgpcabnx8uod8"
},
"from": {
"itemId": "d5jv3sjpzobsrnhcp055mxkv",
"blockId": "h3qetbhcpxhawnqoymo0v3hw",
"groupId": "fj5z2nx488htv0843kq6qeyk"
"itemId": "d5jv3sjpzobsrnhcp055mxkv"
},
"to": {
"groupId": "ow2g8fv93xxrgpcabnx8uod8",
"blockId": "m94q879l9yr1vx5xrbxlsj6q"
}
},
{
"id": "v0tfmbt8tpwwrieftvzg8lti",
"to": { "groupId": "h4mcrr5x6lvy1mz96k0ey3do" },
"from": {
"blockId": "idp7w8c8zbkvl95oa1vquiml",
"groupId": "uyry49c9bm1pvk6t8i471l2d"
}
},
{
"id": "vtffpz6eh4n95kwlb8zpu7cz",
"to": { "groupId": "csbysu8dr08zxr4i6hzvzjdf" },
"from": {
"blockId": "emii43mtihiuy35gpp6b91d8",
"groupId": "h4mcrr5x6lvy1mz96k0ey3do"
}
"from": { "blockId": "idp7w8c8zbkvl95oa1vquiml" },
"to": { "groupId": "h4mcrr5x6lvy1mz96k0ey3do" }
},
{
"id": "iy2htkuup0l908fsosg6d2qz",
"to": { "groupId": "uyry49c9bm1pvk6t8i471l2d" },
"from": {
"itemId": "le84cls9vkmrxquvqw8bhp7h",
"blockId": "ohh19koa7up0nbke3146hnjp",
"groupId": "u6nm47oyneidmsebszp60t0m"
}
"itemId": "le84cls9vkmrxquvqw8bhp7h"
},
"to": { "groupId": "uyry49c9bm1pvk6t8i471l2d" }
},
{
"id": "kmex71jzzzekni4louuy3xbf",
"to": { "groupId": "zfa8oj0a0tnlho9a67llulst" },
"from": {
"itemId": "mx4kgfgena53mxf87piwu1j2",
"blockId": "ohh19koa7up0nbke3146hnjp",
"groupId": "u6nm47oyneidmsebszp60t0m"
}
"itemId": "mx4kgfgena53mxf87piwu1j2"
},
"to": { "groupId": "zfa8oj0a0tnlho9a67llulst" }
},
{
"id": "v5bki4h7m1lnryhgzudnvvpx",
"to": { "groupId": "irnu2zu8m2i4fu6485hxtra5" },
"from": {
"blockId": "ileqgg2r2kyh2zovpivr775s",
"groupId": "zfa8oj0a0tnlho9a67llulst"
}
},
{
"id": "wv3t43ccf35mewn52liqtjg1",
"to": { "groupId": "dmg57mgick51p8l5pnyqtyf9" },
"from": {
"blockId": "e6rovxwxlizr54iy8nyi84pi",
"groupId": "irnu2zu8m2i4fu6485hxtra5"
}
"from": { "blockId": "ileqgg2r2kyh2zovpivr775s" },
"to": { "groupId": "irnu2zu8m2i4fu6485hxtra5" }
},
{
"id": "gfrpgowch879p1qaj9jzsh01",
"to": {
"blockId": "vywm4h8yz87ew4gjy4l6nmm3",
"groupId": "p1fh0e2y8sq4lhrskc4rb5z2"
},
"from": {
"itemId": "ooib3mqlfkazta6iol1ocloe",
"blockId": "u4jdl0gwv8965o2etxjk12w0",
"groupId": "csbysu8dr08zxr4i6hzvzjdf"
"itemId": "ooib3mqlfkazta6iol1ocloe"
},
"to": {
"groupId": "p1fh0e2y8sq4lhrskc4rb5z2",
"blockId": "vywm4h8yz87ew4gjy4l6nmm3"
}
},
{
"id": "jwydpoxngp2gvwanaruphe6s",
"to": {
"blockId": "kyuvkruakbxjvxwgtjqti3gc",
"groupId": "p1fh0e2y8sq4lhrskc4rb5z2"
},
"from": {
"itemId": "b6zif4xxe2cuiddc2oqayaxi",
"blockId": "u4jdl0gwv8965o2etxjk12w0",
"groupId": "csbysu8dr08zxr4i6hzvzjdf"
"itemId": "b6zif4xxe2cuiddc2oqayaxi"
},
"to": {
"groupId": "p1fh0e2y8sq4lhrskc4rb5z2",
"blockId": "kyuvkruakbxjvxwgtjqti3gc"
}
},
{
"from": {
"groupId": "w99qhdr20tw02sfrfwkfc1tg",
"blockId": "igbipfi63m6p9sl2f77uicuv"
},
"id": "cplyootzgqo5jpmhntgz4shm",
"from": { "blockId": "nx6v1ogcp9x9o6regjopvff8" },
"to": { "groupId": "fj5z2nx488htv0843kq6qeyk" }
},
{
"id": "za1pwdunrlwgfu1kz7dnsb3m",
"from": { "blockId": "h0cgmv6q61s3yhuq6u2pb5p0" },
"to": { "groupId": "csbysu8dr08zxr4i6hzvzjdf" }
},
{
"id": "fz77htstfb4jig82k66pl0vt",
"from": { "blockId": "b937909x86r3wzbn4mzxmw25" },
"to": { "groupId": "dmg57mgick51p8l5pnyqtyf9" }
},
{
"from": { "eventId": "w99qhdr20tw02sfrfwkfc1tg" },
"to": { "groupId": "bofjp88arodr4k0btv2esyqy" },
"id": "x91dpk80zw2b4co4xra33cwg"
"id": "c3733n7ia1hxcwld9lm3p351"
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"variables": [
{ "id": "vni6kwbch8zlq92dclgcivzyr", "name": "Assistant Message" },
{ "id": "vevnx5f5bojz0sv648x6ppcmv", "name": "User Message" },
{ "id": "vu9adij5penetej2xz89htfe6", "name": "Chat history" }
],
"theme": {},
"selectedThemeTemplateId": null,
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"settings": {},
"createdAt": "2023-11-03T06:57:51.747Z",
"updatedAt": "2023-11-03T07:03:19.089Z",
"icon": "🎭",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

329
apps/builder/public/templates/customer-support.json
View File

@@ -1,33 +1,24 @@
{
"id": "cl16la7p900990b1a72qjqbb3",
"version": "4",
"createdAt": "2022-03-25T15:39:33.885Z",
"updatedAt": "2022-03-25T15:42:12.544Z",
"version": "6",
"id": "cloo046v300051aorhtv76f0i",
"name": "Customer Support",
"icon": "😍",
"folderId": null,
"groups": [
"events": [
{
"id": "uG1tt8JdDyu2nju3oJ4wc1",
"blocks": [
{
"id": "bFHwV7tnY5dke8pQeFY8v6",
"type": "start",
"label": "Start",
"groupId": "uG1tt8JdDyu2nju3oJ4wc1",
"outgoingEdgeId": "2dzxChB1qm9WGfzNF91tfg"
}
],
"title": "Start",
"graphCoordinates": { "x": -281, "y": -89 }
},
"outgoingEdgeId": "2dzxChB1qm9WGfzNF91tfg",
"graphCoordinates": { "x": -281, "y": -89 },
"type": "start"
}
],
"groups": [
{
"id": "vLUAPaxKwPF49iZhg4XZYa",
"title": "Menu",
"graphCoordinates": { "x": -28.4, "y": -88.19 },
"blocks": [
{
"id": "spud6U3K1omh2dZG8yN2CW4",
"type": "text",
"groupId": "vLUAPaxKwPF49iZhg4XZYa",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "Hey friend 👋" }] },
@@ -41,40 +32,31 @@
"items": [
{
"id": "fQ8oLDnKmDBuPDK7riJ2kt",
"type": 0,
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"content": "I have a feature request ✨",
"outgoingEdgeId": "dhniFxrsH5r54aEE5JXwK2"
"outgoingEdgeId": "dhniFxrsH5r54aEE5JXwK2",
"content": "I have a feature request ✨"
},
{
"id": "h2rFDX2UnKS4Kdu3Eyuqq3",
"type": 0,
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"content": "There is a bug 🐛",
"outgoingEdgeId": "2C4mhU5o2Hdm7dztR9xNE9"
"outgoingEdgeId": "2C4mhU5o2Hdm7dztR9xNE9",
"content": "There is a bug 🐛"
},
{
"id": "hcUFBPeQA3gSyXRprRk2v9",
"type": 0,
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"content": "I have a question 💭",
"outgoingEdgeId": "bTo6CZD1YapDDyVdvJgFDV"
"outgoingEdgeId": "bTo6CZD1YapDDyVdvJgFDV",
"content": "I have a question 💭"
}
],
"groupId": "vLUAPaxKwPF49iZhg4XZYa",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"title": "Menu",
"graphCoordinates": { "x": -7, "y": 90 }
]
},
{
"id": "7MuqF6nen1ZTwGB53Mz8VY",
"title": "Bug",
"graphCoordinates": { "x": 364.46, "y": 92.39 },
"blocks": [
{
"id": "sjsECyfSBMkUnoWaEnBTmJX",
"type": "text",
"groupId": "7MuqF6nen1ZTwGB53Mz8VY",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Shoot! 🤪" }] }]
}
@@ -82,7 +64,6 @@
{
"id": "seomQsnPWgiMzQVeZ3us7x2",
"type": "text",
"groupId": "7MuqF6nen1ZTwGB53Mz8VY",
"content": {
"richText": [
{
@@ -98,29 +79,26 @@
},
{
"id": "s3LYyyYtjdQ88jkMMV5DSW7",
"outgoingEdgeId": "cl1571jhh00022e6dk77f52wg",
"type": "text input",
"groupId": "7MuqF6nen1ZTwGB53Mz8VY",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Describe the bug..."
},
"variableId": "v51BcuecnB6kRU1tsttaGyR"
},
"outgoingEdgeId": "cl1571jhh00022e6dk77f52wg"
"variableId": "v51BcuecnB6kRU1tsttaGyR",
"isLong": true
}
}
],
"title": "Bug",
"graphCoordinates": { "x": 476, "y": 76 }
]
},
{
"id": "kyK8JQ77NodUYaz3JLS88A",
"title": "Feature request",
"graphCoordinates": { "x": 364.36, "y": -517.93 },
"blocks": [
{
"id": "s9bgHcWdobb8Z5cTbrnTz6R",
"type": "text",
"groupId": "kyK8JQ77NodUYaz3JLS88A",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Awesome!" }] }]
}
@@ -128,7 +106,6 @@
{
"id": "s2NbNaBGKhMvdEUdVPXKZjy",
"type": "text",
"groupId": "kyK8JQ77NodUYaz3JLS88A",
"content": {
"richText": [
{
@@ -162,39 +139,24 @@
},
{
"id": "cl16lb3b300092e6dh4h01vxw",
"groupId": "kyK8JQ77NodUYaz3JLS88A",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl16lb3b3000a2e6dy8zdhzpz",
"blockId": "cl16lb3b300092e6dh4h01vxw",
"type": 0,
"content": "Restart"
}
]
"items": [{ "id": "cl16lb3b3000a2e6dy8zdhzpz", "content": "Restart" }]
},
{
"id": "cl16lablb00082e6dadk55sxv",
"groupId": "kyK8JQ77NodUYaz3JLS88A",
"type": "Typebot link",
"options": {
"typebotId": "current",
"groupId": "vLUAPaxKwPF49iZhg4XZYa",
"mergeResults": false
}
"id": "j08qxg0h804rngfroedblt5f",
"type": "Jump",
"options": { "groupId": "vLUAPaxKwPF49iZhg4XZYa" }
}
],
"title": "Feature request",
"graphCoordinates": { "x": 477, "y": -563 }
]
},
{
"id": "puWCBhGWSQRbqTkVH89RCf",
"title": "Question",
"graphCoordinates": { "x": 365.4, "y": 491.3 },
"blocks": [
{
"id": "sm4iHhLQs9yNdRG3b7xqV8Y",
"type": "text",
"groupId": "puWCBhGWSQRbqTkVH89RCf",
"content": {
"richText": [
{
@@ -205,8 +167,7 @@
"url": "https://docs.typebot.io/",
"type": "a",
"children": [{ "text": "Documentation 🙏" }]
},
{ "text": "" }
}
]
}
]
@@ -215,7 +176,6 @@
{
"id": "sreX6rwMevEmbTpnkGCtp3k",
"type": "text",
"groupId": "puWCBhGWSQRbqTkVH89RCf",
"content": {
"richText": [
{
@@ -228,36 +188,29 @@
{
"id": "so4GiKFWWjKCjXgmMJYCGbe",
"type": "image",
"groupId": "puWCBhGWSQRbqTkVH89RCf",
"content": {
"url": "https://media0.giphy.com/media/rhgwg4qBu97ISgbfni/giphy-downsized.gif?cid=fe3852a3wimy48e55djt23j44uto7gdlu8ksytylafisvr0q&rid=giphy-downsized.gif&ct=g"
}
},
{
"id": "sjd4qACugMarB7gJC8nMhb3",
"outgoingEdgeId": "cl1571ktd00032e6dyti22850",
"type": "text input",
"groupId": "puWCBhGWSQRbqTkVH89RCf",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "v51BcuecnB6kRU1tsttaGyR"
},
"outgoingEdgeId": "cl1571ktd00032e6dyti22850"
"variableId": "v51BcuecnB6kRU1tsttaGyR",
"isLong": true
}
}
],
"title": "Question",
"graphCoordinates": { "x": 476, "y": 399 }
]
},
{
"id": "1GvxCAAEysxJMxrVngud3X",
"title": "Bye",
"graphCoordinates": { "x": 1115.81, "y": 728.71 },
"blocks": [
{
"id": "s6uLw72EAKbACrpYHr7DSyY",
"type": "text",
"groupId": "1GvxCAAEysxJMxrVngud3X",
"content": {
"richText": [
{
@@ -272,7 +225,6 @@
{
"id": "stM7cTBFCLhpQagRHT64K6u",
"type": "text",
"groupId": "1GvxCAAEysxJMxrVngud3X",
"content": {
"richText": [
{
@@ -289,38 +241,23 @@
{
"id": "s4JATFkBxzmcqqEKQB2xFfa",
"type": "choice input",
"items": [
{
"id": "jqm8wZa5yYb73493n5s3Uc",
"type": 0,
"blockId": "s4JATFkBxzmcqqEKQB2xFfa",
"content": "Restart"
}
],
"groupId": "1GvxCAAEysxJMxrVngud3X",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
"items": [{ "id": "jqm8wZa5yYb73493n5s3Uc", "content": "Restart" }]
},
{
"id": "cl14qlt8600072e69rez236gx",
"type": "Typebot link",
"groupId": "1GvxCAAEysxJMxrVngud3X",
"options": {
"groupId": "vLUAPaxKwPF49iZhg4XZYa",
"typebotId": "current",
"mergeResults": false
}
"id": "igdnc34rcmiyamazghr8s708",
"type": "Jump",
"options": { "groupId": "vLUAPaxKwPF49iZhg4XZYa" }
}
],
"title": "Bye",
"graphCoordinates": { "x": 1177, "y": 113 }
]
},
{
"id": "wncvzVDFJDvhh1M3CXJ6aL",
"title": "Email",
"graphCoordinates": { "x": 746.29, "y": 577.22 },
"blocks": [
{
"id": "soiDpBL5r1dbvHxuT2Sd3mH",
"type": "text",
"groupId": "wncvzVDFJDvhh1M3CXJ6aL",
"content": {
"richText": [
{
@@ -332,117 +269,77 @@
},
{
"id": "s5Fh7zHUw3j4zDM5xjzwsXB",
"outgoingEdgeId": "cl1571xtc00042e6dcptam5jw",
"type": "email input",
"groupId": "wncvzVDFJDvhh1M3CXJ6aL",
"options": {
"labels": { "button": "Send", "placeholder": "Type your email..." },
"variableId": "t2k6cj3uYfNdJX13APA4b9",
"retryMessageContent": "This email doesn't seem to be valid. Can you type it again?"
},
"outgoingEdgeId": "cl1571xtc00042e6dcptam5jw"
"variableId": "t2k6cj3uYfNdJX13APA4b9"
}
}
],
"title": "Email",
"graphCoordinates": { "x": 830, "y": 115 }
]
}
],
"edges": [
{
"id": "2dzxChB1qm9WGfzNF91tfg",
"from": { "eventId": "uG1tt8JdDyu2nju3oJ4wc1" },
"to": { "groupId": "vLUAPaxKwPF49iZhg4XZYa" }
},
{
"id": "dhniFxrsH5r54aEE5JXwK2",
"from": {
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"itemId": "fQ8oLDnKmDBuPDK7riJ2kt"
},
"to": { "groupId": "kyK8JQ77NodUYaz3JLS88A" }
},
{
"id": "2C4mhU5o2Hdm7dztR9xNE9",
"from": {
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"itemId": "h2rFDX2UnKS4Kdu3Eyuqq3"
},
"to": { "groupId": "7MuqF6nen1ZTwGB53Mz8VY" }
},
{
"id": "bTo6CZD1YapDDyVdvJgFDV",
"from": {
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"itemId": "hcUFBPeQA3gSyXRprRk2v9"
},
"to": { "groupId": "puWCBhGWSQRbqTkVH89RCf" }
},
{
"id": "cl1571jhh00022e6dk77f52wg",
"from": { "blockId": "s3LYyyYtjdQ88jkMMV5DSW7" },
"to": { "groupId": "wncvzVDFJDvhh1M3CXJ6aL" }
},
{
"id": "cl1571ktd00032e6dyti22850",
"from": { "blockId": "sjd4qACugMarB7gJC8nMhb3" },
"to": { "groupId": "wncvzVDFJDvhh1M3CXJ6aL" }
},
{
"id": "cl1571xtc00042e6dcptam5jw",
"from": { "blockId": "s5Fh7zHUw3j4zDM5xjzwsXB" },
"to": { "groupId": "1GvxCAAEysxJMxrVngud3X" }
}
],
"variables": [
{ "id": "t2k6cj3uYfNdJX13APA4b9", "name": "Email" },
{ "id": "v51BcuecnB6kRU1tsttaGyR", "name": "Content" }
],
"edges": [
{
"id": "2dzxChB1qm9WGfzNF91tfg",
"to": { "groupId": "vLUAPaxKwPF49iZhg4XZYa" },
"from": {
"blockId": "bFHwV7tnY5dke8pQeFY8v6",
"groupId": "uG1tt8JdDyu2nju3oJ4wc1"
}
},
{
"id": "dhniFxrsH5r54aEE5JXwK2",
"to": { "groupId": "kyK8JQ77NodUYaz3JLS88A" },
"from": {
"itemId": "fQ8oLDnKmDBuPDK7riJ2kt",
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"groupId": "vLUAPaxKwPF49iZhg4XZYa"
}
},
{
"id": "2C4mhU5o2Hdm7dztR9xNE9",
"to": { "groupId": "7MuqF6nen1ZTwGB53Mz8VY" },
"from": {
"itemId": "h2rFDX2UnKS4Kdu3Eyuqq3",
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"groupId": "vLUAPaxKwPF49iZhg4XZYa"
}
},
{
"id": "bTo6CZD1YapDDyVdvJgFDV",
"to": { "groupId": "puWCBhGWSQRbqTkVH89RCf" },
"from": {
"itemId": "hcUFBPeQA3gSyXRprRk2v9",
"blockId": "s6kp2Z4igeY3kL7B64qBdUg",
"groupId": "vLUAPaxKwPF49iZhg4XZYa"
}
},
{
"id": "cl1571jhh00022e6dk77f52wg",
"to": { "groupId": "wncvzVDFJDvhh1M3CXJ6aL" },
"from": {
"blockId": "s3LYyyYtjdQ88jkMMV5DSW7",
"groupId": "7MuqF6nen1ZTwGB53Mz8VY"
}
},
{
"id": "cl1571ktd00032e6dyti22850",
"to": { "groupId": "wncvzVDFJDvhh1M3CXJ6aL" },
"from": {
"blockId": "sjd4qACugMarB7gJC8nMhb3",
"groupId": "puWCBhGWSQRbqTkVH89RCf"
}
},
{
"id": "cl1571xtc00042e6dcptam5jw",
"to": { "groupId": "1GvxCAAEysxJMxrVngud3X" },
"from": {
"blockId": "s5Fh7zHUw3j4zDM5xjzwsXB",
"groupId": "wncvzVDFJDvhh1M3CXJ6aL"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:20:05.823Z",
"updatedAt": "2023-11-07T07:24:28.824Z",
"icon": "😍",
"folderId": null,
"publicId": null,
"customDomain": null
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false,
"whatsAppCredentialsId": null
}

295
apps/builder/public/templates/digital-product-payment.json
View File

@@ -1,34 +1,23 @@
{
"id": "cl3u43chu40824z1acel3iw1c",
"version": "4",
"createdAt": "2022-05-31T12:04:12.930Z",
"updatedAt": "2022-05-31T12:31:12.867Z",
"icon": "🖼️",
"version": "6",
"id": "cloo0oket000d1aortnxzuslp",
"name": "Digital Product Payment",
"folderId": null,
"groups": [
"events": [
{
"id": "cl3u43cht00044z1adg20ffni",
"blocks": [
{
"id": "cl3u43chu00054z1abb5x7fzk",
"type": "start",
"label": "Start",
"groupId": "cl3u43cht00044z1adg20ffni",
"outgoingEdgeId": "cl3u448z200062e6gr653itny"
}
],
"title": "Start",
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "cl3u448z200062e6gr653itny",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "cl3u4431400042e6go5nd0euq",
"graphCoordinates": { "x": 365, "y": 126 },
"title": "Name",
"graphCoordinates": { "x": 257.86, "y": 0.85 },
"blocks": [
{
"id": "cl3u4431500052e6gruhlxklx",
"groupId": "cl3u4431400042e6go5nd0euq",
"type": "text",
"content": {
"richText": [
@@ -38,7 +27,6 @@
},
{
"id": "cl3u4592z00082e6go92cuu43",
"groupId": "cl3u4431400042e6go5nd0euq",
"type": "text",
"content": {
"richText": [
@@ -48,28 +36,22 @@
},
{
"id": "cl3u45f0n000a2e6gci2xgmph",
"groupId": "cl3u4431400042e6go5nd0euq",
"outgoingEdgeId": "cl3u45j0n000c2e6go4nnaavg",
"type": "text input",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "John"
},
"labels": { "placeholder": "Type your name..." },
"variableId": "vcl3u45hek000b2e6gkl05z1da"
},
"outgoingEdgeId": "cl3u45j0n000c2e6go4nnaavg"
}
}
]
},
{
"id": "cl3u45dib00092e6g4q2tdkpu",
"graphCoordinates": { "x": 705, "y": 121 },
"title": "Product demo",
"graphCoordinates": { "x": 613.7, "y": 1.82 },
"blocks": [
{
"id": "cl3u45lqz000d2e6gxo4n5ets",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "text",
"content": {
"richText": [
@@ -82,7 +64,6 @@
},
{
"id": "cl3u44adg00072e6gc13e1n12",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "text",
"content": {
"richText": [
@@ -99,7 +80,6 @@
},
{
"id": "cl3u46b0i000e2e6gkpf4qiry",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "text",
"content": {
"richText": [
@@ -114,33 +94,23 @@
},
{
"id": "cl3u49lmg000f2e6guhhgf825",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "video",
"content": {
"type": "url",
"url": "https://typebot.s3.eu-west-3.amazonaws.com/assets/bullseye+template+preview.mp4"
"url": "https://typebot.s3.eu-west-3.amazonaws.com/assets/bullseye+template+preview.mp4",
"type": "url"
}
},
{
"id": "cl3u4hyl9000i2e6gtdz8m04b",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [
{
"text": "It's yours for $9"
}
]
}
{ "type": "p", "children": [{ "text": "It's yours for $9" }] }
]
}
},
{
"id": "cl3u4hyl9000i2e6gtdz8m04a",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "text",
"content": {
"richText": [
@@ -157,23 +127,17 @@
},
{
"id": "cl3u4id67000l2e6gahw4v1ny",
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl3u4id67000m2e6g3x3do8kd",
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"type": 0,
"content": "Hell yes!",
"outgoingEdgeId": "cl3u4l4do00102e6ghd9s5p3f"
"outgoingEdgeId": "cl3u4l4do00102e6ghd9s5p3f",
"content": "Hell yes!"
},
{
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"type": 0,
"id": "cl3u4iexy000o2e6gbagmrxcc",
"content": "I'm ok, thanks.",
"outgoingEdgeId": "cl3u4jxq2000v2e6gkpwko0uo"
"outgoingEdgeId": "cl3u4jxq2000v2e6gkpwko0uo",
"content": "I'm ok, thanks."
}
]
}
@@ -181,12 +145,11 @@
},
{
"id": "cl3u4iw28000s2e6gdmukl6qb",
"graphCoordinates": { "x": 897, "y": 960 },
"title": "Bye",
"graphCoordinates": { "x": 795.34, "y": 877.43 },
"blocks": [
{
"id": "cl3u4iw29000t2e6gakbxvz4u",
"groupId": "cl3u4iw28000s2e6gdmukl6qb",
"type": "text",
"content": {
"richText": [
@@ -203,7 +166,6 @@
},
{
"id": "cl3u4jcyt000u2e6gzyj2p5ss",
"groupId": "cl3u4iw28000s2e6gdmukl6qb",
"type": "image",
"content": {
"url": "https://media3.giphy.com/media/48FhEMYGWji8/giphy.gif?cid=fe3852a32dqdmhdazal2zzctxpxukjx171k0e4eflp0w36jf&rid=giphy.gif&ct=g"
@@ -213,12 +175,11 @@
},
{
"id": "cl3u4kblb000w2e6gfflsq56p",
"graphCoordinates": { "x": 1072, "y": 588 },
"title": "Email",
"graphCoordinates": { "x": 992.42, "y": 342.36 },
"blocks": [
{
"id": "cl3u4kblb000x2e6g49rot8h0",
"groupId": "cl3u4kblb000w2e6gfflsq56p",
"type": "text",
"content": {
"richText": [
@@ -228,7 +189,6 @@
},
{
"id": "cl3u4khsx000y2e6gx9iysgt4",
"groupId": "cl3u4kblb000w2e6gfflsq56p",
"type": "text",
"content": {
"richText": [
@@ -245,25 +205,21 @@
},
{
"id": "cl3u4l2et000z2e6gjlmh45jp",
"groupId": "cl3u4kblb000w2e6gfflsq56p",
"outgoingEdgeId": "dstr8midu9f0x6ylyet7dljw",
"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",
"graphCoordinates": { "x": 1338.38, "y": 343.48 },
"blocks": [
{
"id": "cl3u4leig00122e6gqx7skfhb",
"groupId": "cl3u4leig00112e6gxbk65r7y",
"type": "text",
"content": {
"richText": [
@@ -273,7 +229,6 @@
},
{
"id": "cl3u4llj300132e6gciw2ivyv",
"groupId": "cl3u4leig00112e6gxbk65r7y",
"type": "text",
"content": {
"richText": [
@@ -290,30 +245,25 @@
},
{
"id": "cl3u4mjq900152e6grwyg90zt",
"groupId": "cl3u4leig00112e6gxbk65r7y",
"outgoingEdgeId": "cl3u4wynv001b2e6g6pxc7int",
"type": "payment input",
"options": {
"provider": "Stripe",
"labels": { "button": "Pay" },
"currency": "USD",
"amount": "9",
"additionalInformation": {
"name": "{{Name}}",
"email": "{{Email}}"
}
},
"outgoingEdgeId": "cl3u4wynv001b2e6g6pxc7int"
},
"amount": "9"
}
}
]
},
{
"id": "cl3u4vnth00182e6g2hh0gewl",
"graphCoordinates": { "x": 1731.4449652273986, "y": 586.6975439409757 },
"title": "Send email",
"graphCoordinates": { "x": 1683.86, "y": 346.93 },
"blocks": [
{
"id": "cl3u4wi2d001a2e6gznp1r9d4",
"groupId": "cl3u4vnth00182e6g2hh0gewl",
"type": "image",
"content": {
"url": "https://media1.giphy.com/media/s2qXK8wAvkHTO/giphy.gif?cid=fe3852a3edx7hsbquhw3lu17c422yzc6wsiplnpn02rzm2kf&rid=giphy.gif&ct=g"
@@ -321,10 +271,9 @@
},
{
"id": "cl3u4xcqc001c2e6g355vnigh",
"groupId": "cl3u4vnth00182e6g2hh0gewl",
"type": "Email",
"options": {
"credentialsId": "default",
"isCustomBody": true,
"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."
@@ -332,7 +281,6 @@
},
{
"id": "cl3u5189q001d2e6gd1q7qshq",
"groupId": "cl3u4vnth00182e6g2hh0gewl",
"type": "text",
"content": {
"richText": [
@@ -349,7 +297,6 @@
},
{
"id": "cl3u51mpe001e2e6ggrjjzxek",
"groupId": "cl3u4vnth00182e6g2hh0gewl",
"type": "text",
"content": {
"richText": [
@@ -362,104 +309,110 @@
},
{
"id": "cl3u51z0o001f2e6gbl96p7bi",
"groupId": "cl3u4vnth00182e6g2hh0gewl",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Bye 👋" }] }]
}
}
]
},
{
"id": "i47yu1c1pjhsqoe68kktbxgl",
"title": "",
"graphCoordinates": { "x": 1336.77, "y": 43.66 },
"blocks": [
{
"id": "unw1076x8ematnu6jrbop8sv",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [
{
"text": "You need to add your Stripe credentials in the next Payment block."
}
]
}
]
}
},
{
"id": "ck19ttflkp6mbxnxpnyxp7vh",
"type": "text",
"content": {
"richText": [
{
"type": "p",
"children": [
{
"text": "Once it's done, you can remove this group and connect the email input to the \"Payment\" group 🪄"
}
]
}
]
}
}
]
}
],
"edges": [
{
"id": "cl3u448z200062e6gr653itny",
"from": { "eventId": "cl3u43cht00044z1adg20ffni" },
"to": { "groupId": "cl3u4431400042e6go5nd0euq" }
},
{
"id": "cl3u45j0n000c2e6go4nnaavg",
"from": { "blockId": "cl3u45f0n000a2e6gci2xgmph" },
"to": { "groupId": "cl3u45dib00092e6g4q2tdkpu" }
},
{
"id": "cl3u4jxq2000v2e6gkpwko0uo",
"from": {
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"itemId": "cl3u4iexy000o2e6gbagmrxcc"
},
"to": { "groupId": "cl3u4iw28000s2e6gdmukl6qb" }
},
{
"id": "cl3u4l4do00102e6ghd9s5p3f",
"from": {
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"itemId": "cl3u4id67000m2e6g3x3do8kd"
},
"to": { "groupId": "cl3u4kblb000w2e6gfflsq56p" }
},
{
"id": "cl3u4wynv001b2e6g6pxc7int",
"from": { "blockId": "cl3u4mjq900152e6grwyg90zt" },
"to": { "groupId": "cl3u4vnth00182e6g2hh0gewl" }
},
{
"from": {
"blockId": "cl3u4l2et000z2e6gjlmh45jp",
"groupId": "cl3u4kblb000w2e6gfflsq56p"
},
"to": { "groupId": "i47yu1c1pjhsqoe68kktbxgl" },
"id": "dstr8midu9f0x6ylyet7dljw"
}
],
"variables": [
{ "id": "vcl3u45hek000b2e6gkl05z1da", "name": "Name" },
{ "id": "vcl3u4n1vk00162e6gs6x59o2k", "name": "Email" }
],
"edges": [
{
"from": {
"groupId": "cl3u43cht00044z1adg20ffni",
"blockId": "cl3u43chu00054z1abb5x7fzk"
},
"to": { "groupId": "cl3u4431400042e6go5nd0euq" },
"id": "cl3u448z200062e6gr653itny"
},
{
"from": {
"groupId": "cl3u4431400042e6go5nd0euq",
"blockId": "cl3u45f0n000a2e6gci2xgmph"
},
"to": { "groupId": "cl3u45dib00092e6g4q2tdkpu" },
"id": "cl3u45j0n000c2e6go4nnaavg"
},
{
"from": {
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"itemId": "cl3u4iexy000o2e6gbagmrxcc"
},
"to": { "groupId": "cl3u4iw28000s2e6gdmukl6qb" },
"id": "cl3u4jxq2000v2e6gkpwko0uo"
},
{
"from": {
"groupId": "cl3u45dib00092e6g4q2tdkpu",
"blockId": "cl3u4id67000l2e6gahw4v1ny",
"itemId": "cl3u4id67000m2e6g3x3do8kd"
},
"to": { "groupId": "cl3u4kblb000w2e6gfflsq56p" },
"id": "cl3u4l4do00102e6ghd9s5p3f"
},
{
"from": {
"groupId": "cl3u4kblb000w2e6gfflsq56p",
"blockId": "cl3u4l2et000z2e6gjlmh45jp"
},
"to": { "groupId": "cl3u4leig00112e6gxbk65r7y" },
"id": "cl3u4mbrj00142e6gxif5x53i"
},
{
"from": {
"groupId": "cl3u4leig00112e6gxbk65r7y",
"blockId": "cl3u4mjq900152e6grwyg90zt"
},
"to": { "groupId": "cl3u4vnth00182e6g2hh0gewl" },
"id": "cl3u4wynv001b2e6g6pxc7int"
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:35:56.501Z",
"updatedAt": "2023-11-07T07:40:03.471Z",
"icon": "🖼️",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "cl3ncues300081a1as58wmkxz"
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false,
"whatsAppCredentialsId": null
}

673
apps/builder/public/templates/dog-insurance-offer.json
View File

@@ -1,36 +1,25 @@
{
"id": "clh9fzu4b00031aotzr1ik4ba",
"version": "4",
"createdAt": "2023-05-04T18:10:07.548Z",
"updatedAt": "2023-05-04T19:13:45.356Z",
"icon": "🐶",
"version": "6",
"id": "clonzza7600031aorlgsreya0",
"name": "Insurance offer",
"folderId": null,
"groups": [
"events": [
{
"id": "f4ef28wxteh0wdjgubtojnkr",
"title": "Start",
"blocks": [
{
"id": "wj0uw1i63j4j4xe1q8xxmda0",
"type": "start",
"label": "Start",
"groupId": "f4ef28wxteh0wdjgubtojnkr",
"outgoingEdgeId": "u0009iy3sakdgh3k1x41i5yr"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "u0009iy3sakdgh3k1x41i5yr",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "av0jzkh3qhgdyjrouvl2zywe",
"title": "Welcome",
"graphCoordinates": { "x": 68.4296875, "y": 176.178531769944 },
"blocks": [
{
"id": "y0iukpry1i6h8sv22gz4ffsg",
"type": "Set variable",
"groupId": "av0jzkh3qhgdyjrouvl2zywe",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "0"
}
@@ -40,8 +29,7 @@
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hey 👋" }] }]
},
"groupId": "av0jzkh3qhgdyjrouvl2zywe"
}
},
{
"id": "rhp6p4obkdehddhm6j7tqxe0",
@@ -50,8 +38,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "I'm John from Dogz" }] }
]
},
"groupId": "av0jzkh3qhgdyjrouvl2zywe"
}
},
{
"id": "tizd6f2qo70g59lz1rnnvho7",
@@ -67,8 +54,7 @@
]
}
]
},
"groupId": "av0jzkh3qhgdyjrouvl2zywe"
}
},
{
"id": "dtvbio4qytr3iojc7tq2quvy",
@@ -76,26 +62,17 @@
"items": [
{
"id": "m7l8u4y5vmwozvdtsmhq3q49",
"type": 0,
"blockId": "dtvbio4qytr3iojc7tq2quvy",
"content": "Let's go!",
"outgoingEdgeId": "vl23l0ak8w2qxj9wrgxhznz3"
"outgoingEdgeId": "vl23l0ak8w2qxj9wrgxhznz3",
"content": "Let's go!"
}
],
"groupId": "av0jzkh3qhgdyjrouvl2zywe",
"options": {
"buttonLabel": "Send",
"isSearchable": false,
"isMultipleChoice": false,
"searchInputPlaceholder": "Filter the options..."
}
]
}
],
"graphCoordinates": { "x": 68.4296875, "y": 176.178531769944 }
]
},
{
"id": "dh3wz001jaclg8ifc1vhovlq",
"title": "Breed",
"graphCoordinates": { "x": 431.756656769944, "y": 177.60546875 },
"blocks": [
{
"id": "mvdogpw4qucgot4yzabpxtcl",
@@ -107,65 +84,27 @@
"children": [{ "text": "What breed is your dog?" }]
}
]
},
"groupId": "dh3wz001jaclg8ifc1vhovlq"
}
},
{
"id": "f2902yy6o00fwe5h4xihrntj",
"outgoingEdgeId": "moj9ezfl6bvpr4aj76cztkiu",
"type": "choice input",
"items": [
{
"id": "q7ydcwda7rsfn1w5ep9ur4y3",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Crossbreed"
},
{
"id": "q33qu26t8uhtp63rl7th4p0u",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Labrador"
},
{
"id": "c9fy5o23cuanywze536ie071",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Golden Retriever"
},
{
"id": "xmozt619ao4pn3lcovs6e1wp",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Jack Russel"
},
{
"id": "qhc245vs9s3vhq8oz9sur4jy",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Husky"
},
{
"id": "bqt7o8aotn5wwye98vw2u8is",
"type": 0,
"blockId": "f2902yy6o00fwe5h4xihrntj",
"content": "Other"
}
],
"groupId": "dh3wz001jaclg8ifc1vhovlq",
"options": {
"buttonLabel": "Send",
"isSearchable": false,
"isMultipleChoice": false,
"searchInputPlaceholder": "Filter the options..."
},
"outgoingEdgeId": "moj9ezfl6bvpr4aj76cztkiu"
{ "id": "q7ydcwda7rsfn1w5ep9ur4y3", "content": "Crossbreed" },
{ "id": "q33qu26t8uhtp63rl7th4p0u", "content": "Labrador" },
{ "id": "c9fy5o23cuanywze536ie071", "content": "Golden Retriever" },
{ "id": "xmozt619ao4pn3lcovs6e1wp", "content": "Jack Russel" },
{ "id": "qhc245vs9s3vhq8oz9sur4jy", "content": "Husky" },
{ "id": "bqt7o8aotn5wwye98vw2u8is", "content": "Other" }
]
}
],
"graphCoordinates": { "x": 431.756656769944, "y": 177.60546875 }
]
},
{
"id": "ynt0ya95bvuqj8mf39e938k4",
"title": "Sex",
"graphCoordinates": { "x": 786.06640625, "y": 173.0310202976334 },
"blocks": [
{
"id": "u4voz45sk9gh4khul8c519df",
@@ -177,8 +116,7 @@
"children": [{ "text": "Is it a male or a female?" }]
}
]
},
"groupId": "ynt0ya95bvuqj8mf39e938k4"
}
},
{
"id": "zuza6om08ubafgqhbadwv60i",
@@ -186,38 +124,26 @@
"items": [
{
"id": "mrca2ini7z81ik4k1o9g3a1s",
"type": 0,
"blockId": "zuza6om08ubafgqhbadwv60i",
"content": "♂️ Male",
"outgoingEdgeId": "wciafstvwt3m4lhrejlgl0s0"
"outgoingEdgeId": "wciafstvwt3m4lhrejlgl0s0",
"content": "♂️ Male"
},
{
"id": "ymxxgoxxbfcmnhudwmerfgbx",
"type": 0,
"blockId": "zuza6om08ubafgqhbadwv60i",
"content": "♀️ Female",
"outgoingEdgeId": "f60ldz2g58kfkvsfmnf39fjb"
"outgoingEdgeId": "f60ldz2g58kfkvsfmnf39fjb",
"content": "♀️ Female"
}
],
"groupId": "ynt0ya95bvuqj8mf39e938k4",
"options": {
"buttonLabel": "Send",
"isSearchable": false,
"isMultipleChoice": false,
"searchInputPlaceholder": "Filter the options..."
}
]
}
],
"graphCoordinates": { "x": 786.06640625, "y": 173.03102029763343 }
]
},
{
"id": "c59xwfc18i4xjpaeu9dzrjcu",
"title": "",
"graphCoordinates": { "x": 1142.220231700246, "y": 145.316328962412 },
"blocks": [
{
"id": "meoptkjq8tupr3qkyqkpaxqq",
"type": "Set variable",
"groupId": "c59xwfc18i4xjpaeu9dzrjcu",
"options": {
"variableId": "vhl1s7qoksnw7r8b1soocxwsd",
"expressionToEvaluate": "he"
@@ -225,26 +151,24 @@
},
{
"id": "kqbiaq87al2uq07vuno69syo",
"outgoingEdgeId": "to4im28nzrg3yk0ama07l2oz",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "What's his name?" }] }
]
},
"groupId": "c59xwfc18i4xjpaeu9dzrjcu",
"outgoingEdgeId": "to4im28nzrg3yk0ama07l2oz"
}
}
],
"graphCoordinates": { "x": 1142.2202317002457, "y": 145.31632896241197 }
]
},
{
"id": "qzge99trjqvp7vjmjo6rk56o",
"title": "",
"graphCoordinates": { "x": 1140.34375, "y": 328.5390625 },
"blocks": [
{
"id": "jyi9t11totyrw2jeohfhvfw1",
"type": "Set variable",
"groupId": "qzge99trjqvp7vjmjo6rk56o",
"options": {
"variableId": "vhl1s7qoksnw7r8b1soocxwsd",
"expressionToEvaluate": "she"
@@ -252,42 +176,35 @@
},
{
"id": "f9qyzjo67x7zen5q4xih3xv2",
"outgoingEdgeId": "c6x6fubn2qu5vvgfc6d14krl",
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "What's her name?" }] }
]
},
"groupId": "qzge99trjqvp7vjmjo6rk56o",
"outgoingEdgeId": "c6x6fubn2qu5vvgfc6d14krl"
}
}
],
"graphCoordinates": { "x": 1140.34375, "y": 328.5390625 }
]
},
{
"id": "eq1tnkdfxxf8q08vxckl3md6",
"title": "Name",
"graphCoordinates": { "x": 1501.890625, "y": 169.65234375 },
"blocks": [
{
"id": "kxzi32ioxwqpdy9yy0ktoavu",
"outgoingEdgeId": "g4do01p1scej1trqlbidbrw1",
"type": "text input",
"groupId": "eq1tnkdfxxf8q08vxckl3md6",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "vgl2m65vej3cjwqvkawnpih2l"
},
"outgoingEdgeId": "g4do01p1scej1trqlbidbrw1"
}
}
],
"graphCoordinates": { "x": 1501.890625, "y": 169.65234375 }
]
},
{
"id": "xgulc4hfxlmjmr288ghillwz",
"title": "Age",
"graphCoordinates": { "x": 1846.419374527324, "y": 168.0560932773236 },
"blocks": [
{
"id": "e61e41j7wdisp1yxlr78gjxs",
@@ -296,8 +213,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "How cute 😊" }] }
]
},
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "ep4iqxpgalslj0blt71rglbv",
@@ -306,8 +222,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "How old is {{Name}}?" }] }
]
},
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "y2fcko12ha5n9zjxickaakxt",
@@ -315,49 +230,36 @@
"items": [
{
"id": "vliolql8p4vo58pvsz7olf5w",
"type": 3,
"title": "Less than 1 year",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"outgoingEdgeId": "pehpu3fo38ofsgh6b9dli0i4",
"pictureSrc": "https://images.unsplash.com/photo-1592924728350-f7d4fd5d1655?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw0MjU2MDR8MHwxfHNlYXJjaHwxNXx8cHVwcHl8ZW58MHwwfHx8MTY4MzIyNDMxOA&ixlib=rb-4.0.3&q=80&w=1080",
"outgoingEdgeId": "pehpu3fo38ofsgh6b9dli0i4"
"title": "Less than 1 year"
},
{
"id": "b3ci3fpppgsu312gsl4hs6au",
"type": 3,
"title": "1-5 years",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"outgoingEdgeId": "ilvu55d6cmembesg0askzgzh",
"pictureSrc": "https://images.unsplash.com/photo-1672363340663-37526fffa24d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw0MjU2MDR8MHwxfHNlYXJjaHwxMHx8eW91bmclMjBkb2d8ZW58MHwwfHx8MTY4MzIyNDM0OA&ixlib=rb-4.0.3&q=80&w=1080",
"outgoingEdgeId": "ilvu55d6cmembesg0askzgzh"
"title": "1-5 years"
},
{
"id": "asi8dmhlwnysvm4tmvoipglz",
"type": 3,
"title": "5-10 years",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"outgoingEdgeId": "kvlz0ly8o4h99997ijiejwe8",
"pictureSrc": "https://images.unsplash.com/photo-1587300003388-59208cc962cb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw0MjU2MDR8MHwxfHNlYXJjaHwzfHxkb2d8ZW58MHwwfHx8MTY4MzIyNDEwNg&ixlib=rb-4.0.3&q=80&w=1080",
"outgoingEdgeId": "kvlz0ly8o4h99997ijiejwe8"
"title": "5-10 years"
},
{
"id": "w9eeiclycv7nm0ennaxbxo1d",
"type": 3,
"title": "Above 10 years",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"outgoingEdgeId": "y8v7vkh236e4o4f2latpb7mr",
"pictureSrc": "https://images.unsplash.com/photo-1553531009-7e4b807a0673?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw0MjU2MDR8MHwxfHNlYXJjaHw4fHxvbGQlMjBkb2d8ZW58MHwwfHx8MTY4MzIyNDQxNw&ixlib=rb-4.0.3&q=80&w=1080",
"outgoingEdgeId": "y8v7vkh236e4o4f2latpb7mr"
"title": "Above 10 years"
}
],
"groupId": "xgulc4hfxlmjmr288ghillwz",
"options": {
"buttonLabel": "Send",
"searchInputPlaceholder": "Filter the options..."
}
]
}
],
"graphCoordinates": { "x": 1846.4193745273237, "y": 168.05609327732364 }
]
},
{
"id": "s4cccw69brg5ipyakvsoaioo",
"title": "Spayed",
"graphCoordinates": { "x": 2535.586058093481, "y": 164.2060504876776 },
"blocks": [
{
"id": "zw0mfpqem8eib75qs5brnfnu",
@@ -369,8 +271,7 @@
"children": [{ "text": "Is {{Pronoun}} spayed or neutered" }]
}
]
},
"groupId": "s4cccw69brg5ipyakvsoaioo"
}
},
{
"id": "w8l8qekmkjwdct0f73f64yke",
@@ -378,33 +279,22 @@
"items": [
{
"id": "njc0kol8iicj5xo06gezhl52",
"type": 0,
"blockId": "w8l8qekmkjwdct0f73f64yke",
"content": "❌ No",
"outgoingEdgeId": "bindxs5p6lbkszkuw7rhpvh1"
"outgoingEdgeId": "bindxs5p6lbkszkuw7rhpvh1",
"content": "❌ No"
},
{
"id": "jp5k0mx1drijt7k1v4a2z6t8",
"type": 0,
"blockId": "w8l8qekmkjwdct0f73f64yke",
"content": "✅ Yes",
"outgoingEdgeId": "igwjs895n7q48h47xhpc90wc"
"outgoingEdgeId": "igwjs895n7q48h47xhpc90wc",
"content": "✅ Yes"
}
],
"groupId": "s4cccw69brg5ipyakvsoaioo",
"options": {
"buttonLabel": "Send",
"isSearchable": false,
"isMultipleChoice": false,
"searchInputPlaceholder": "Filter the options..."
}
]
}
],
"graphCoordinates": { "x": 2535.5860580934814, "y": 164.20605048767763 }
]
},
{
"id": "j19dlmdh2ojntwk1lzqemo7a",
"title": "Email",
"graphCoordinates": { "x": 2989.53096827949, "y": 367.6582890794456 },
"blocks": [
{
"id": "os3ecqb05r4todaekg0206t4",
@@ -416,8 +306,7 @@
"children": [{ "text": "Thank you for all this information." }]
}
]
},
"groupId": "j19dlmdh2ojntwk1lzqemo7a"
}
},
{
"id": "v5sxfs35u83hqfsh9970flj7",
@@ -433,8 +322,7 @@
]
}
]
},
"groupId": "j19dlmdh2ojntwk1lzqemo7a"
}
},
{
"id": "sutyhv073mi6p80115jyu8s4",
@@ -448,116 +336,102 @@
]
}
]
},
"groupId": "j19dlmdh2ojntwk1lzqemo7a"
}
},
{
"id": "ouu081yxvf9raf522k08vr6g",
"outgoingEdgeId": "bw2ddpla0a4qggv8b7et3m12",
"type": "email input",
"groupId": "j19dlmdh2ojntwk1lzqemo7a",
"options": {
"labels": { "button": "Send", "placeholder": "Type your email..." },
"variableId": "vzhkagzjqqa0amfc78jekl2gz",
"retryMessageContent": "This email doesn't seem to be valid. Can you type it again?"
},
"outgoingEdgeId": "bw2ddpla0a4qggv8b7et3m12"
"variableId": "vzhkagzjqqa0amfc78jekl2gz"
}
}
],
"graphCoordinates": { "x": 2989.53096827949, "y": 367.6582890794456 }
]
},
{
"id": "rly6ojrxf1oo4augnflhj0kj",
"title": "",
"graphCoordinates": { "x": 2186.904241629908, "y": 387.2160670995469 },
"blocks": [
{
"id": "cubvtqhhgvf6k9597von95bt",
"outgoingEdgeId": "wtbthu0nu61a6qijaranccfw",
"type": "Set variable",
"groupId": "rly6ojrxf1oo4augnflhj0kj",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "{{Estimated price}} + 5"
},
"outgoingEdgeId": "wtbthu0nu61a6qijaranccfw"
}
}
],
"graphCoordinates": { "x": 2186.904241629908, "y": 387.2160670995469 }
]
},
{
"id": "ggiqdlnnh0urjn8r5d0wip5u",
"title": "",
"graphCoordinates": { "x": 2892.884331508873, "y": 193.3583588107446 },
"blocks": [
{
"id": "ww4zmawu2jbvrykqwqq7fnh5",
"outgoingEdgeId": "kuh8vfaq0nazrtpkif9pzrpu",
"type": "Set variable",
"groupId": "ggiqdlnnh0urjn8r5d0wip5u",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "{{Estimated price}} + 20"
},
"outgoingEdgeId": "kuh8vfaq0nazrtpkif9pzrpu"
}
}
],
"graphCoordinates": { "x": 2892.8843315088734, "y": 193.35835881074462 }
]
},
{
"id": "trjrsr2xpg0idmldl9pwcqry",
"title": "",
"graphCoordinates": { "x": 2187.765700621067, "y": 522.8303147750385 },
"blocks": [
{
"id": "gdujudl5bf90oayj6z96ghv8",
"outgoingEdgeId": "dvaakgyx7rteqs23qxz8uqx8",
"type": "Set variable",
"groupId": "trjrsr2xpg0idmldl9pwcqry",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "{{Estimated price}} + 10"
},
"outgoingEdgeId": "dvaakgyx7rteqs23qxz8uqx8"
}
}
],
"graphCoordinates": { "x": 2187.7657006210675, "y": 522.8303147750385 }
]
},
{
"id": "ykjr48s18zp8a0tiwik18mum",
"title": "",
"graphCoordinates": { "x": 2187.927544552159, "y": 661.0263366270658 },
"blocks": [
{
"id": "sevhy7y6pkbss80rph5blunn",
"outgoingEdgeId": "opipj5xi262umvn98kkga4tx",
"type": "Set variable",
"groupId": "ykjr48s18zp8a0tiwik18mum",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "{{Estimated price}} + 25"
},
"outgoingEdgeId": "opipj5xi262umvn98kkga4tx"
}
}
],
"graphCoordinates": { "x": 2187.927544552159, "y": 661.0263366270658 }
]
},
{
"id": "c1x4umwx2g4j39peylr9rfor",
"title": "",
"graphCoordinates": { "x": 2189.67995427391, "y": 796.4435670811636 },
"blocks": [
{
"id": "bw9d73ypbvc83ltqme9kwwzc",
"outgoingEdgeId": "ozsoiu70hbqp5pqucstlnh3b",
"type": "Set variable",
"groupId": "c1x4umwx2g4j39peylr9rfor",
"options": {
"isCode": true,
"variableId": "vq61f8ykwadq1pj8389qf9h91",
"expressionToEvaluate": "{{Estimated price}} + 55"
},
"outgoingEdgeId": "ozsoiu70hbqp5pqucstlnh3b"
}
}
],
"graphCoordinates": { "x": 2189.6799542739104, "y": 796.4435670811636 }
]
},
{
"id": "lmrd5falh8nkdizqy9obpeqi",
"title": "Bye",
"graphCoordinates": { "x": 3340.474508360785, "y": 365.6627012838016 },
"blocks": [
{
"id": "ddpum0cjrd2bredvakte914k",
@@ -566,8 +440,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Perfect 👌" }] }
]
},
"groupId": "lmrd5falh8nkdizqy9obpeqi"
}
},
{
"id": "qabtk59h81p0fv14au584ay8",
@@ -583,11 +456,138 @@
]
}
]
},
"groupId": "lmrd5falh8nkdizqy9obpeqi"
}
}
],
"graphCoordinates": { "x": 3340.474508360785, "y": 365.6627012838016 }
]
}
],
"edges": [
{
"id": "u0009iy3sakdgh3k1x41i5yr",
"from": { "eventId": "f4ef28wxteh0wdjgubtojnkr" },
"to": { "groupId": "av0jzkh3qhgdyjrouvl2zywe" }
},
{
"id": "vl23l0ak8w2qxj9wrgxhznz3",
"from": {
"blockId": "dtvbio4qytr3iojc7tq2quvy",
"itemId": "m7l8u4y5vmwozvdtsmhq3q49"
},
"to": { "groupId": "dh3wz001jaclg8ifc1vhovlq" }
},
{
"id": "moj9ezfl6bvpr4aj76cztkiu",
"from": { "blockId": "f2902yy6o00fwe5h4xihrntj" },
"to": { "groupId": "ynt0ya95bvuqj8mf39e938k4" }
},
{
"id": "wciafstvwt3m4lhrejlgl0s0",
"from": {
"blockId": "zuza6om08ubafgqhbadwv60i",
"itemId": "mrca2ini7z81ik4k1o9g3a1s"
},
"to": { "groupId": "c59xwfc18i4xjpaeu9dzrjcu" }
},
{
"id": "f60ldz2g58kfkvsfmnf39fjb",
"from": {
"blockId": "zuza6om08ubafgqhbadwv60i",
"itemId": "ymxxgoxxbfcmnhudwmerfgbx"
},
"to": { "groupId": "qzge99trjqvp7vjmjo6rk56o" }
},
{
"id": "to4im28nzrg3yk0ama07l2oz",
"from": { "blockId": "kqbiaq87al2uq07vuno69syo" },
"to": { "groupId": "eq1tnkdfxxf8q08vxckl3md6" }
},
{
"id": "c6x6fubn2qu5vvgfc6d14krl",
"from": { "blockId": "f9qyzjo67x7zen5q4xih3xv2" },
"to": { "groupId": "eq1tnkdfxxf8q08vxckl3md6" }
},
{
"id": "g4do01p1scej1trqlbidbrw1",
"from": { "blockId": "kxzi32ioxwqpdy9yy0ktoavu" },
"to": { "groupId": "xgulc4hfxlmjmr288ghillwz" }
},
{
"id": "pehpu3fo38ofsgh6b9dli0i4",
"from": {
"blockId": "y2fcko12ha5n9zjxickaakxt",
"itemId": "vliolql8p4vo58pvsz7olf5w"
},
"to": { "groupId": "rly6ojrxf1oo4augnflhj0kj" }
},
{
"id": "ilvu55d6cmembesg0askzgzh",
"from": {
"blockId": "y2fcko12ha5n9zjxickaakxt",
"itemId": "b3ci3fpppgsu312gsl4hs6au"
},
"to": { "groupId": "trjrsr2xpg0idmldl9pwcqry" }
},
{
"id": "kvlz0ly8o4h99997ijiejwe8",
"from": {
"blockId": "y2fcko12ha5n9zjxickaakxt",
"itemId": "asi8dmhlwnysvm4tmvoipglz"
},
"to": { "groupId": "ykjr48s18zp8a0tiwik18mum" }
},
{
"id": "y8v7vkh236e4o4f2latpb7mr",
"from": {
"blockId": "y2fcko12ha5n9zjxickaakxt",
"itemId": "w9eeiclycv7nm0ennaxbxo1d"
},
"to": { "groupId": "c1x4umwx2g4j39peylr9rfor" }
},
{
"id": "wtbthu0nu61a6qijaranccfw",
"from": { "blockId": "cubvtqhhgvf6k9597von95bt" },
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" }
},
{
"id": "dvaakgyx7rteqs23qxz8uqx8",
"from": { "blockId": "gdujudl5bf90oayj6z96ghv8" },
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" }
},
{
"id": "opipj5xi262umvn98kkga4tx",
"from": { "blockId": "sevhy7y6pkbss80rph5blunn" },
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" }
},
{
"id": "ozsoiu70hbqp5pqucstlnh3b",
"from": { "blockId": "bw9d73ypbvc83ltqme9kwwzc" },
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" }
},
{
"id": "bindxs5p6lbkszkuw7rhpvh1",
"from": {
"blockId": "w8l8qekmkjwdct0f73f64yke",
"itemId": "njc0kol8iicj5xo06gezhl52"
},
"to": { "groupId": "ggiqdlnnh0urjn8r5d0wip5u" }
},
{
"id": "igwjs895n7q48h47xhpc90wc",
"from": {
"blockId": "w8l8qekmkjwdct0f73f64yke",
"itemId": "jp5k0mx1drijt7k1v4a2z6t8"
},
"to": { "groupId": "j19dlmdh2ojntwk1lzqemo7a" }
},
{
"id": "kuh8vfaq0nazrtpkif9pzrpu",
"from": { "blockId": "ww4zmawu2jbvrykqwqq7fnh5" },
"to": { "groupId": "j19dlmdh2ojntwk1lzqemo7a" }
},
{
"id": "bw2ddpla0a4qggv8b7et3m12",
"from": { "blockId": "ouu081yxvf9raf522k08vr6g" },
"to": { "groupId": "lmrd5falh8nkdizqy9obpeqi" }
}
],
"variables": [
@@ -596,213 +596,18 @@
{ "id": "vq61f8ykwadq1pj8389qf9h91", "name": "Estimated price" },
{ "id": "vzhkagzjqqa0amfc78jekl2gz", "name": "Email" }
],
"edges": [
{
"id": "u0009iy3sakdgh3k1x41i5yr",
"to": { "groupId": "av0jzkh3qhgdyjrouvl2zywe" },
"from": {
"blockId": "wj0uw1i63j4j4xe1q8xxmda0",
"groupId": "f4ef28wxteh0wdjgubtojnkr"
}
},
{
"id": "vl23l0ak8w2qxj9wrgxhznz3",
"to": { "groupId": "dh3wz001jaclg8ifc1vhovlq" },
"from": {
"itemId": "m7l8u4y5vmwozvdtsmhq3q49",
"blockId": "dtvbio4qytr3iojc7tq2quvy",
"groupId": "av0jzkh3qhgdyjrouvl2zywe"
}
},
{
"id": "moj9ezfl6bvpr4aj76cztkiu",
"to": { "groupId": "ynt0ya95bvuqj8mf39e938k4" },
"from": {
"blockId": "f2902yy6o00fwe5h4xihrntj",
"groupId": "dh3wz001jaclg8ifc1vhovlq"
}
},
{
"id": "wciafstvwt3m4lhrejlgl0s0",
"to": { "groupId": "c59xwfc18i4xjpaeu9dzrjcu" },
"from": {
"itemId": "mrca2ini7z81ik4k1o9g3a1s",
"blockId": "zuza6om08ubafgqhbadwv60i",
"groupId": "ynt0ya95bvuqj8mf39e938k4"
}
},
{
"id": "f60ldz2g58kfkvsfmnf39fjb",
"to": { "groupId": "qzge99trjqvp7vjmjo6rk56o" },
"from": {
"itemId": "ymxxgoxxbfcmnhudwmerfgbx",
"blockId": "zuza6om08ubafgqhbadwv60i",
"groupId": "ynt0ya95bvuqj8mf39e938k4"
}
},
{
"id": "to4im28nzrg3yk0ama07l2oz",
"to": { "groupId": "eq1tnkdfxxf8q08vxckl3md6" },
"from": {
"blockId": "kqbiaq87al2uq07vuno69syo",
"groupId": "c59xwfc18i4xjpaeu9dzrjcu"
}
},
{
"id": "c6x6fubn2qu5vvgfc6d14krl",
"to": { "groupId": "eq1tnkdfxxf8q08vxckl3md6" },
"from": {
"blockId": "f9qyzjo67x7zen5q4xih3xv2",
"groupId": "qzge99trjqvp7vjmjo6rk56o"
}
},
{
"id": "g4do01p1scej1trqlbidbrw1",
"to": { "groupId": "xgulc4hfxlmjmr288ghillwz" },
"from": {
"blockId": "kxzi32ioxwqpdy9yy0ktoavu",
"groupId": "eq1tnkdfxxf8q08vxckl3md6"
}
},
{
"id": "pehpu3fo38ofsgh6b9dli0i4",
"to": { "groupId": "rly6ojrxf1oo4augnflhj0kj" },
"from": {
"itemId": "vliolql8p4vo58pvsz7olf5w",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "ilvu55d6cmembesg0askzgzh",
"to": { "groupId": "trjrsr2xpg0idmldl9pwcqry" },
"from": {
"itemId": "b3ci3fpppgsu312gsl4hs6au",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "kvlz0ly8o4h99997ijiejwe8",
"to": { "groupId": "ykjr48s18zp8a0tiwik18mum" },
"from": {
"itemId": "asi8dmhlwnysvm4tmvoipglz",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "y8v7vkh236e4o4f2latpb7mr",
"to": { "groupId": "c1x4umwx2g4j39peylr9rfor" },
"from": {
"itemId": "w9eeiclycv7nm0ennaxbxo1d",
"blockId": "y2fcko12ha5n9zjxickaakxt",
"groupId": "xgulc4hfxlmjmr288ghillwz"
}
},
{
"id": "wtbthu0nu61a6qijaranccfw",
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" },
"from": {
"blockId": "cubvtqhhgvf6k9597von95bt",
"groupId": "rly6ojrxf1oo4augnflhj0kj"
}
},
{
"id": "dvaakgyx7rteqs23qxz8uqx8",
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" },
"from": {
"blockId": "gdujudl5bf90oayj6z96ghv8",
"groupId": "trjrsr2xpg0idmldl9pwcqry"
}
},
{
"id": "opipj5xi262umvn98kkga4tx",
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" },
"from": {
"blockId": "sevhy7y6pkbss80rph5blunn",
"groupId": "ykjr48s18zp8a0tiwik18mum"
}
},
{
"id": "ozsoiu70hbqp5pqucstlnh3b",
"to": { "groupId": "s4cccw69brg5ipyakvsoaioo" },
"from": {
"blockId": "bw9d73ypbvc83ltqme9kwwzc",
"groupId": "c1x4umwx2g4j39peylr9rfor"
}
},
{
"id": "bindxs5p6lbkszkuw7rhpvh1",
"to": { "groupId": "ggiqdlnnh0urjn8r5d0wip5u" },
"from": {
"itemId": "njc0kol8iicj5xo06gezhl52",
"blockId": "w8l8qekmkjwdct0f73f64yke",
"groupId": "s4cccw69brg5ipyakvsoaioo"
}
},
{
"id": "igwjs895n7q48h47xhpc90wc",
"to": { "groupId": "j19dlmdh2ojntwk1lzqemo7a" },
"from": {
"itemId": "jp5k0mx1drijt7k1v4a2z6t8",
"blockId": "w8l8qekmkjwdct0f73f64yke",
"groupId": "s4cccw69brg5ipyakvsoaioo"
}
},
{
"id": "kuh8vfaq0nazrtpkif9pzrpu",
"to": { "groupId": "j19dlmdh2ojntwk1lzqemo7a" },
"from": {
"blockId": "ww4zmawu2jbvrykqwqq7fnh5",
"groupId": "ggiqdlnnh0urjn8r5d0wip5u"
}
},
{
"id": "bw2ddpla0a4qggv8b7et3m12",
"to": { "groupId": "lmrd5falh8nkdizqy9obpeqi" },
"from": {
"blockId": "ouu081yxvf9raf522k08vr6g",
"groupId": "j19dlmdh2ojntwk1lzqemo7a"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {
"general": {
"isBrandingEnabled": true,
"isInputPrefillEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"settings": {},
"createdAt": "2023-11-07T07:16:16.866Z",
"updatedAt": "2023-11-07T07:16:16.866Z",
"icon": "🐶",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "freeWorkspace",
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

311
apps/builder/public/templates/faq.json
View File

@@ -1,34 +1,23 @@
{
"id": "cl96ns7zc000dky099ku4bmav",
"version": "4",
"createdAt": "2022-10-13T06:07:11.976Z",
"updatedAt": "2022-10-13T06:27:31.951Z",
"icon": "💬",
"version": "6",
"id": "cloo0iymj000b1aoraoto4iom",
"name": "FAQ",
"folderId": null,
"groups": [
"events": [
{
"id": "cl96ns7za000309kyewk56s22",
"title": "Start",
"blocks": [
{
"id": "cl96ns7za000409kydoui7mpu",
"type": "start",
"label": "Start",
"groupId": "cl96ns7za000309kyewk56s22",
"outgoingEdgeId": "cl96nv0ij00093b6id4t83dvu"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "cl96nv0ij00093b6id4t83dvu",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "cl96ns9qr00043b6ii07bo25o",
"graphCoordinates": { "x": 392, "y": 181 },
"title": "Menu",
"graphCoordinates": { "x": 385.68, "y": 86.92 },
"blocks": [
{
"id": "cl96ns9qr00053b6igebgtl5q",
"groupId": "cl96ns9qr00043b6ii07bo25o",
"type": "text",
"content": {
"richText": [
@@ -45,37 +34,27 @@
},
{
"id": "cl96nv877000b3b6i7p69ss2o",
"groupId": "cl96ns9qr00043b6ii07bo25o",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl96nv877000c3b6idyepv694",
"blockId": "cl96nv877000b3b6i7p69ss2o",
"type": 0,
"content": "What's Analyzr?",
"outgoingEdgeId": "cl96o2u6h000t3b6izmh4pguj"
"outgoingEdgeId": "cl96o2u6h000t3b6izmh4pguj",
"content": "What's Analyzr?"
},
{
"blockId": "cl96nv877000b3b6i7p69ss2o",
"type": 0,
"id": "cl96nvcwi000d3b6ipyfzcyaw",
"content": "Can I use your tool for free?",
"outgoingEdgeId": "cl96o6hxh00173b6ix83nn581"
"outgoingEdgeId": "cl96o6hxh00173b6ix83nn581",
"content": "Can I use your tool for free?"
},
{
"blockId": "cl96nv877000b3b6i7p69ss2o",
"type": 0,
"id": "cl96obwgy001k3b6ir1a8qk5w",
"content": "Tell me about the company",
"outgoingEdgeId": "cl96ofn4s001q3b6i482xx6jp"
"outgoingEdgeId": "cl96ofn4s001q3b6i482xx6jp",
"content": "Tell me about the company"
},
{
"blockId": "cl96nv877000b3b6i7p69ss2o",
"type": 0,
"id": "cl96nvstv000e3b6itm8cj1s5",
"content": "I have another question",
"outgoingEdgeId": "cl96ogaa0001x3b6izae2alxq"
"outgoingEdgeId": "cl96ogaa0001x3b6izae2alxq",
"content": "I have another question"
}
]
}
@@ -83,12 +62,11 @@
},
{
"id": "cl96nt9ob00063b6ii2pktlxq",
"graphCoordinates": { "x": 26.51592874499341, "y": 202.71976248331134 },
"title": "Welcom",
"graphCoordinates": { "x": 43.5, "y": 89.92 },
"blocks": [
{
"id": "cl96nt9ob00073b6ionlvakha",
"groupId": "cl96nt9ob00063b6ii2pktlxq",
"type": "text",
"content": {
"richText": [
@@ -98,7 +76,7 @@
},
{
"id": "cl96ntraa00083b6ij922v2qh",
"groupId": "cl96nt9ob00063b6ii2pktlxq",
"outgoingEdgeId": "cl96nv51s000a3b6i3wmlcmdt",
"type": "text",
"content": {
"richText": [
@@ -111,19 +89,17 @@
]
}
]
},
"outgoingEdgeId": "cl96nv51s000a3b6i3wmlcmdt"
}
}
]
},
{
"id": "cl96o2cgi000r3b6iljr1iwdl",
"graphCoordinates": { "x": 787, "y": -534 },
"title": "What's Analyzr",
"graphCoordinates": { "x": 774.53, "y": -513.14 },
"blocks": [
{
"id": "cl96o2cgi000s3b6ikdv6iogz",
"groupId": "cl96o2cgi000r3b6iljr1iwdl",
"type": "text",
"content": {
"richText": [
@@ -140,7 +116,6 @@
},
{
"id": "cl96o3260000u3b6i9czqm52g",
"groupId": "cl96o2cgi000r3b6iljr1iwdl",
"type": "text",
"content": {
"richText": [
@@ -156,29 +131,28 @@
},
{
"id": "cl96o55z3000x3b6ikq14g2tu",
"groupId": "cl96o2cgi000r3b6iljr1iwdl",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl96o55z3000y3b6idpn54byw",
"blockId": "cl96o55z3000x3b6ikq14g2tu",
"type": 0,
"content": "Sounds good!",
"outgoingEdgeId": "cl96o5k4n00103b6irh2dfp2r"
}
{ "id": "cl96o55z3000y3b6idpn54byw", "content": "Sounds good!" }
]
},
{
"id": "qrg1xtxxbmyo8a6mztma3dvr",
"type": "Jump",
"options": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o"
}
}
]
},
{
"id": "cl96o6a2700123b6ie4efb6bb",
"graphCoordinates": { "x": 803.5720553542924, "y": 7.420010744791735 },
"title": "Use for free",
"graphCoordinates": { "x": 775.05, "y": 7.42 },
"blocks": [
{
"id": "cl96o6a2700133b6ii5n027h2",
"groupId": "cl96o6a2700123b6ie4efb6bb",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "You can!" }] }]
@@ -186,7 +160,6 @@
},
{
"id": "cl96o6a2700143b6ija9jqhky",
"groupId": "cl96o6a2700123b6ie4efb6bb",
"type": "text",
"content": {
"richText": [
@@ -203,23 +176,17 @@
},
{
"id": "cl96o6a2700153b6il1wj2aev",
"groupId": "cl96o6a2700123b6ie4efb6bb",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl96o6a2700163b6i818ywnqv",
"blockId": "cl96o6a2700153b6il1wj2aev",
"type": 0,
"content": "Awesome!",
"outgoingEdgeId": "cl96oa6kn001g3b6iaormwu2j"
"outgoingEdgeId": "n4rgj2fmqrmnkvo9m9ebzak7",
"content": "Awesome!"
},
{
"blockId": "cl96o6a2700153b6il1wj2aev",
"type": 0,
"id": "cl96o83lo00183b6igen42ivq",
"content": "What's an event?",
"outgoingEdgeId": "cl96oa83f001h3b6i81wodnjx"
"outgoingEdgeId": "cl96oa83f001h3b6i81wodnjx",
"content": "What's an event?"
}
]
}
@@ -227,12 +194,11 @@
},
{
"id": "cl96o8eym001a3b6i3lxh7kw0",
"graphCoordinates": { "x": 1179.4933795363515, "y": 7.7432256889634 },
"title": "User event",
"graphCoordinates": { "x": 1158.01, "y": 322.44 },
"blocks": [
{
"id": "cl96o8eyn001b3b6icmbgg7lw",
"groupId": "cl96o8eym001a3b6i3lxh7kw0",
"type": "text",
"content": {
"richText": [
@@ -247,7 +213,6 @@
},
{
"id": "cl96o990s001c3b6ie2jjefhf",
"groupId": "cl96o8eym001a3b6i3lxh7kw0",
"type": "text",
"content": {
"richText": [
@@ -264,38 +229,28 @@
},
{
"id": "cl96o9xba001d3b6i9004l33e",
"groupId": "cl96o8eym001a3b6i3lxh7kw0",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl96o9xbd001e3b6i6ag5ooo7",
"blockId": "cl96o9xba001d3b6i9004l33e",
"type": 0,
"content": "Ok, got it!"
}
{ "id": "cl96o9xbd001e3b6i6ag5ooo7", "content": "Ok, got it!" }
]
},
{
"id": "cl96oaa8n001j3b6ieqe5r775",
"groupId": "cl96o8eym001a3b6i3lxh7kw0",
"type": "Typebot link",
"id": "bkmgmgxa96k5261su12hv58k",
"type": "Jump",
"options": {
"typebotId": "current",
"groupId": "cl96ns9qr00043b6ii07bo25o",
"mergeResults": false
"blockId": "cl96nv877000b3b6i7p69ss2o"
}
}
]
},
{
"id": "cl96oc274001m3b6ig3beli9v",
"graphCoordinates": { "x": 802.8616130197884, "y": 477.1611550243932 },
"title": "Company",
"graphCoordinates": { "x": 772.59, "y": 432 },
"blocks": [
{
"id": "cl96ods3i001o3b6iiyboljuf",
"groupId": "cl96oc274001m3b6ig3beli9v",
"type": "text",
"content": {
"richText": [
@@ -310,7 +265,6 @@
},
{
"id": "cl96oc277001n3b6if8wv6hzl",
"groupId": "cl96oc274001m3b6ig3beli9v",
"type": "text",
"content": {
"richText": [
@@ -323,7 +277,6 @@
},
{
"id": "cl96oenlh001p3b6iutaiw9wl",
"groupId": "cl96oc274001m3b6ig3beli9v",
"type": "text",
"content": {
"richText": [
@@ -340,29 +293,26 @@
},
{
"id": "cl96oftnv001r3b6ixen8g0bv",
"groupId": "cl96oc274001m3b6ig3beli9v",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl96oftnv001s3b6i7kjyq7me",
"blockId": "cl96oftnv001r3b6ixen8g0bv",
"type": 0,
"content": "Cool!",
"outgoingEdgeId": "cl96ofyy3001u3b6iro2dkp0w"
}
]
"items": [{ "id": "cl96oftnv001s3b6i7kjyq7me", "content": "Cool!" }]
},
{
"id": "js5pbqj76g67yvs6wz99rcbm",
"type": "Jump",
"options": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o"
}
}
]
},
{
"id": "cl96og2yr001v3b6ivhzb1x34",
"graphCoordinates": { "x": 798.1737080264639, "y": 1045.5696354649942 },
"title": "Question",
"graphCoordinates": { "x": 773.69, "y": 1020.26 },
"blocks": [
{
"id": "cl96og2yu001w3b6ijqgstubu",
"groupId": "cl96og2yr001v3b6ivhzb1x34",
"type": "text",
"content": {
"richText": [
@@ -372,27 +322,24 @@
},
{
"id": "cl96ogmjx001y3b6iwfosloet",
"groupId": "cl96og2yr001v3b6ivhzb1x34",
"outgoingEdgeId": "cl96ohn9900213b6ibex8g6my",
"type": "text input",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your question..."
}
},
"outgoingEdgeId": "cl96ohn9900213b6ibex8g6my"
},
"isLong": true
}
}
]
},
{
"id": "cl96oh3mn001z3b6i2b0no81w",
"graphCoordinates": { "x": 1174.378083740756, "y": 1049.0855642099898 },
"title": "Bye",
"graphCoordinates": { "x": 1174.378083740756, "y": 1049.08556420999 },
"blocks": [
{
"id": "cl96oh3mn00203b6iahw2x1ns",
"groupId": "cl96oh3mn001z3b6i2b0no81w",
"type": "text",
"content": {
"richText": [
@@ -408,143 +355,101 @@
}
}
]
},
{
"id": "pqldfrkh43ncm39lzyeartv3",
"title": "",
"graphCoordinates": { "x": 1151.09, "y": 194.39 },
"blocks": [
{
"id": "ifaxemnkm6ikjfv2ozzeg1o3",
"type": "Jump",
"options": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o"
}
}
]
}
],
"variables": [],
"edges": [
{
"from": {
"groupId": "cl96ns7za000309kyewk56s22",
"blockId": "cl96ns7za000409kydoui7mpu"
},
"to": { "groupId": "cl96nt9ob00063b6ii2pktlxq" },
"id": "cl96nv0ij00093b6id4t83dvu"
"id": "cl96nv0ij00093b6id4t83dvu",
"from": { "eventId": "cl96ns7za000309kyewk56s22" },
"to": { "groupId": "cl96nt9ob00063b6ii2pktlxq" }
},
{
"from": {
"groupId": "cl96nt9ob00063b6ii2pktlxq",
"blockId": "cl96ntraa00083b6ij922v2qh"
},
"to": { "groupId": "cl96ns9qr00043b6ii07bo25o" },
"id": "cl96nv51s000a3b6i3wmlcmdt"
"id": "cl96nv51s000a3b6i3wmlcmdt",
"from": { "blockId": "cl96ntraa00083b6ij922v2qh" },
"to": { "groupId": "cl96ns9qr00043b6ii07bo25o" }
},
{
"id": "cl96o2u6h000t3b6izmh4pguj",
"from": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o",
"itemId": "cl96nv877000c3b6idyepv694"
},
"to": { "groupId": "cl96o2cgi000r3b6iljr1iwdl" },
"id": "cl96o2u6h000t3b6izmh4pguj"
"to": { "groupId": "cl96o2cgi000r3b6iljr1iwdl" }
},
{
"id": "cl96o6hxh00173b6ix83nn581",
"from": {
"groupId": "cl96o2cgi000r3b6iljr1iwdl",
"blockId": "cl96o55z3000x3b6ikq14g2tu",
"itemId": "cl96o55z3000y3b6idpn54byw"
},
"to": { "groupId": "cl96ns9qr00043b6ii07bo25o" },
"id": "cl96o5k4n00103b6irh2dfp2r"
},
{
"from": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o",
"itemId": "cl96nvcwi000d3b6ipyfzcyaw"
},
"to": { "groupId": "cl96o6a2700123b6ie4efb6bb" },
"id": "cl96o6hxh00173b6ix83nn581"
"to": { "groupId": "cl96o6a2700123b6ie4efb6bb" }
},
{
"id": "cl96oa83f001h3b6i81wodnjx",
"from": {
"groupId": "cl96o6a2700123b6ie4efb6bb",
"blockId": "cl96o6a2700153b6il1wj2aev",
"itemId": "cl96o6a2700163b6i818ywnqv"
},
"to": { "groupId": "cl96ns9qr00043b6ii07bo25o" },
"id": "cl96oa6kn001g3b6iaormwu2j"
},
{
"from": {
"groupId": "cl96o6a2700123b6ie4efb6bb",
"blockId": "cl96o6a2700153b6il1wj2aev",
"itemId": "cl96o83lo00183b6igen42ivq"
},
"to": { "groupId": "cl96o8eym001a3b6i3lxh7kw0" },
"id": "cl96oa83f001h3b6i81wodnjx"
"to": { "groupId": "cl96o8eym001a3b6i3lxh7kw0" }
},
{
"id": "cl96ofn4s001q3b6i482xx6jp",
"from": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o",
"itemId": "cl96obwgy001k3b6ir1a8qk5w"
},
"to": { "groupId": "cl96oc274001m3b6ig3beli9v" },
"id": "cl96ofn4s001q3b6i482xx6jp"
"to": { "groupId": "cl96oc274001m3b6ig3beli9v" }
},
{
"id": "cl96ogaa0001x3b6izae2alxq",
"from": {
"groupId": "cl96oc274001m3b6ig3beli9v",
"blockId": "cl96oftnv001r3b6ixen8g0bv",
"itemId": "cl96oftnv001s3b6i7kjyq7me"
},
"to": { "groupId": "cl96ns9qr00043b6ii07bo25o" },
"id": "cl96ofyy3001u3b6iro2dkp0w"
},
{
"from": {
"groupId": "cl96ns9qr00043b6ii07bo25o",
"blockId": "cl96nv877000b3b6i7p69ss2o",
"itemId": "cl96nvstv000e3b6itm8cj1s5"
},
"to": { "groupId": "cl96og2yr001v3b6ivhzb1x34" },
"id": "cl96ogaa0001x3b6izae2alxq"
"to": { "groupId": "cl96og2yr001v3b6ivhzb1x34" }
},
{
"id": "cl96ohn9900213b6ibex8g6my",
"from": { "blockId": "cl96ogmjx001y3b6iwfosloet" },
"to": { "groupId": "cl96oh3mn001z3b6i2b0no81w" }
},
{
"id": "n4rgj2fmqrmnkvo9m9ebzak7",
"from": {
"groupId": "cl96og2yr001v3b6ivhzb1x34",
"blockId": "cl96ogmjx001y3b6iwfosloet"
"blockId": "cl96o6a2700153b6il1wj2aev",
"itemId": "cl96o6a2700163b6i818ywnqv"
},
"to": { "groupId": "cl96oh3mn001z3b6i2b0no81w" },
"id": "cl96ohn9900213b6ibex8g6my"
"to": { "groupId": "pqldfrkh43ncm39lzyeartv3" }
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"variables": [],
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:31:34.987Z",
"updatedAt": "2023-11-07T07:34:11.360Z",
"icon": "💬",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "cl35yesle00188gcpgqu70ia1",
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

374
apps/builder/public/templates/lead-gen-ai.json
View File

@@ -1,45 +1,34 @@
{
"id": "pjkxzxkujkbk2oml3d35w6zz",
"version": "4",
"createdAt": "2023-04-20T12:29:18.633Z",
"updatedAt": "2023-04-20T12:50:12.385Z",
"icon": "🦾",
"version": "6",
"id": "clon6cteb000i1avnrdaj92au",
"name": "Lead Gen with AI",
"folderId": null,
"groups": [
"events": [
{
"id": "i6xofskq0vdlnfyvf28hzcle",
"title": "Start",
"blocks": [
{
"id": "22HP69iipkLjJDTUcc1AWW",
"type": "start",
"label": "Start",
"groupId": "i6xofskq0vdlnfyvf28hzcle",
"outgoingEdgeId": "dkgy7qanybx0d9zl2ke2aa03"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "dkgy7qanybx0d9zl2ke2aa03",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "nmlij3lrk42cymsu1tj6b9nv",
"title": "Welcome",
"graphCoordinates": { "x": 1, "y": 148 },
"blocks": [
{
"id": "sc1y8VwDabNJgiVTBi4qtif",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hey 👋" }] }]
},
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "s7YqZTBeyCa4Hp3wN2j922c",
"type": "image",
"content": {
"url": "https://media0.giphy.com/media/2f7RQiiWMJc40/giphy.gif?cid=fe3852a34jqk83z51tbm8a1jxmqpuckxxwef79p5myafdlw5&rid=giphy.gif&ct=g"
},
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "z5tydv4qcam6xnh1ehm8hask",
@@ -55,8 +44,7 @@
]
}
]
},
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "ygo5cubnk50m5jt6ull3bn0i",
@@ -72,38 +60,27 @@
]
}
]
},
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "vw9s76hgwu749gw15bqk4vd3",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Ready?" }] }]
},
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "sbjZWLJGVkHAkDqS4JQeGow",
"outgoingEdgeId": "vgi4r3yjle17balwlhpas25t",
"type": "choice input",
"items": [
{
"id": "hQw2zbp7FDX7XYK9cFpbgC",
"type": 0,
"blockId": "sbjZWLJGVkHAkDqS4JQeGow",
"content": "Yes!"
}
],
"groupId": "nmlij3lrk42cymsu1tj6b9nv",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"outgoingEdgeId": "vgi4r3yjle17balwlhpas25t"
"items": [{ "id": "hQw2zbp7FDX7XYK9cFpbgC", "content": "Yes!" }]
}
],
"graphCoordinates": { "x": 1, "y": 148 }
]
},
{
"id": "vrv6xoriyl74wcz34gqlvc0q",
"title": "Email",
"graphCoordinates": { "x": 666.07421875, "y": 141 },
"blocks": [
{
"id": "scQ5kduafAtfP9T8SHUJnGi",
@@ -117,26 +94,22 @@
]
}
]
},
"groupId": "vrv6xoriyl74wcz34gqlvc0q"
}
},
{
"id": "snbsad18Bgry8yZ8DZCfdFD",
"outgoingEdgeId": "piew4sf9dpafiweghqvucmax",
"type": "email input",
"groupId": "vrv6xoriyl74wcz34gqlvc0q",
"options": {
"labels": { "button": "Send", "placeholder": "Type your email..." },
"variableId": "v3VFChNVSCXQ2rXv4DrJ8Ah",
"retryMessageContent": "This email doesn't seem to be valid. Can you type it again?"
},
"outgoingEdgeId": "piew4sf9dpafiweghqvucmax"
"variableId": "v3VFChNVSCXQ2rXv4DrJ8Ah"
}
}
],
"graphCoordinates": { "x": 666.07421875, "y": 141 }
]
},
{
"id": "wlcaalj5zej2sl1t9kkq55se",
"title": "Company",
"graphCoordinates": { "x": 325.22265625, "y": 144.37890625 },
"blocks": [
{
"id": "sgtE2Sy7cKykac9B223Kq9R",
@@ -148,29 +121,26 @@
"children": [{ "text": "What company do you work for?" }]
}
]
},
"groupId": "wlcaalj5zej2sl1t9kkq55se"
}
},
{
"id": "sqEsMo747LTDnY9FjQcEwUv",
"outgoingEdgeId": "wlzesf38jzeyf65i1aj6j517",
"type": "text input",
"groupId": "wlcaalj5zej2sl1t9kkq55se",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
"placeholder": "Type your answer...",
"button": "Send"
},
"variableId": "giiLFGw5xXBCHzvp1qAbdX"
},
"outgoingEdgeId": "wlzesf38jzeyf65i1aj6j517"
}
}
],
"graphCoordinates": { "x": 325.22265625, "y": 144.37890625 }
]
},
{
"id": "trcslng32mdxkjmrw8zxpnpj",
"title": "Services",
"graphCoordinates": { "x": 999.90625, "y": 143.7578125 },
"blocks": [
{
"id": "su7HceVXWyTCzi2vv3m4QbK",
@@ -182,52 +152,29 @@
"children": [{ "text": "What services are you interested in?" }]
}
]
},
"groupId": "trcslng32mdxkjmrw8zxpnpj"
}
},
{
"id": "s5VQGsVF4hQgziQsXVdwPDW",
"outgoingEdgeId": "wtw2lm86g46ehgvp43fcfks6",
"type": "choice input",
"items": [
{
"id": "fnLCBF4NdraSwcubnBhk8H",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Website dev"
},
{
"id": "a782h8ynMouY84QjH7XSnR",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Content Marketing"
},
{
"id": "jGvh94zBByvVFpSS3w97zY",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Social Media"
},
{
"id": "6PRLbKUezuFmwWtLVbvAQ7",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "UI / UX Design"
}
{ "id": "fnLCBF4NdraSwcubnBhk8H", "content": "Website dev" },
{ "id": "a782h8ynMouY84QjH7XSnR", "content": "Content Marketing" },
{ "id": "jGvh94zBByvVFpSS3w97zY", "content": "Social Media" },
{ "id": "6PRLbKUezuFmwWtLVbvAQ7", "content": "UI / UX Design" }
],
"groupId": "trcslng32mdxkjmrw8zxpnpj",
"options": {
"variableId": "vi0mmx9o2m4s8z9cccsjcvpj5",
"buttonLabel": "Send",
"isMultipleChoice": true
},
"outgoingEdgeId": "gcbys1rzwi0dscvjodyygfme"
}
}
],
"graphCoordinates": { "x": 999.90625, "y": 143.7578125 }
]
},
{
"id": "m4oxxhg9wfv3wc6n8rhzy6ga",
"title": "[AI] Additional information",
"graphCoordinates": { "x": 1340.59, "y": 41.79 },
"blocks": [
{
"id": "px8ciz2nu2frvdqjporqpg95",
@@ -235,28 +182,23 @@
"items": [
{
"id": "w1cg5txczy2qmn4kbh1eybkk",
"type": 1,
"blockId": "px8ciz2nu2frvdqjporqpg95",
"outgoingEdgeId": "tfixdvay6mxj4g7z7bfmjthc",
"content": {
"comparisons": [
{
"id": "r9ju98p1i6tevti45tt6jwk8",
"value": "3",
"variableId": "vpvkbogoj3rmogz0ssh5odmnn",
"comparisonOperator": "Greater than"
"variableId": "vi5ta5lktses2h6skf5ky2zs0",
"comparisonOperator": "Greater than",
"value": "5"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "tfixdvay6mxj4g7z7bfmjthc"
]
}
}
],
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga"
]
},
{
"id": "dc58mxvcstc2rdwnlg4yd2aa",
"type": "OpenAI",
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga",
"options": {
"task": "Create chat completion",
"model": "gpt-3.5-turbo",
@@ -288,21 +230,28 @@
},
{
"id": "j1pgsjm0snn3pz034h8y91vg",
"role": "Messages sequence ✨",
"content": {
"userMessagesVariableId": "vhp0ymgwq4id82l97g0kliglf",
"assistantMessagesVariableId": "vpvkbogoj3rmogz0ssh5odmnn"
}
"role": "Dialogue",
"dialogueVariableId": "vi5ta5lktses2h6skf5ky2zs0",
"startsBy": "assistant"
}
],
"credentialsId": "clgp3rhio00011a0b1ai2dfne",
"responseMapping": [
{
"id": "krixyhr7qw5ow52yf3i11y3a",
"variableId": "vpvkbogoj3rmogz0ssh5odmnn",
"valueToExtract": "Message content"
"valueToExtract": "Message content",
"variableId": "vpvkbogoj3rmogz0ssh5odmnn"
}
]
],
"credentialsId": "clocxtxlc00031an2uc59hdpb"
}
},
{
"id": "vssvfz99ain77sc5w07ci5a1",
"type": "Set variable",
"options": {
"variableId": "vi5ta5lktses2h6skf5ky2zs0",
"type": "Append value(s)",
"item": "{{AI reply}}"
}
},
{
@@ -310,39 +259,44 @@
"type": "text",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "{{AI replies}}" }] }
{ "type": "p", "children": [{ "text": "{{AI reply}}" }] }
]
},
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga"
}
},
{
"id": "sqFy2G3C1mh9p6s3QBdSS5x",
"type": "text input",
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga",
"options": {
"isLong": true,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
"placeholder": "Type your answer...",
"button": "Send"
},
"variableId": "vhp0ymgwq4id82l97g0kliglf"
},
"outgoingEdgeId": "tc9irw81xlw9ghv68fp8p8xl"
}
},
{
"id": "t8s54i11vfebpp5cbc7xukn5",
"outgoingEdgeId": "buwcxt81dfrh6prteij8cvo8",
"type": "Set variable",
"options": {
"variableId": "vi5ta5lktses2h6skf5ky2zs0",
"type": "Append value(s)",
"item": "{{Additional information}}"
}
}
],
"graphCoordinates": { "x": 1339.1953125, "y": 146.37890625 }
]
},
{
"id": "gjahzyusg4mlpvpaeov0awtm",
"title": "Bye",
"graphCoordinates": { "x": 1676.6171875, "y": 142.7109375 },
"blocks": [
{
"id": "seLegenCgUwMopRFeAefqZ7",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Perfect!" }] }]
},
"groupId": "gjahzyusg4mlpvpaeov0awtm"
}
},
{
"id": "s779Q1y51aVaDUJVrFb16vv",
@@ -354,15 +308,14 @@
"children": [{ "text": "We'll get back to you at {{Email}}" }]
}
]
},
"groupId": "gjahzyusg4mlpvpaeov0awtm"
}
}
],
"graphCoordinates": { "x": 1676.6171875, "y": 142.7109375 }
]
},
{
"id": "l0223zmqvndj1irhk68yh10v",
"title": "",
"graphCoordinates": { "x": 1342.76, "y": 692.3 },
"blocks": [
{
"id": "l7r996nrnqb937nzyrprcvs0",
@@ -378,8 +331,7 @@
]
}
]
},
"groupId": "l0223zmqvndj1irhk68yh10v"
}
},
{
"id": "jxrp7xdzmnqnfmzfvid2u4s1",
@@ -399,116 +351,74 @@
]
}
]
},
"groupId": "l0223zmqvndj1irhk68yh10v"
}
}
],
"graphCoordinates": { "x": 1342.1015625, "y": 627.70703125 }
]
}
],
"edges": [
{
"id": "dkgy7qanybx0d9zl2ke2aa03",
"from": { "eventId": "i6xofskq0vdlnfyvf28hzcle" },
"to": { "groupId": "nmlij3lrk42cymsu1tj6b9nv" }
},
{
"id": "vgi4r3yjle17balwlhpas25t",
"from": { "blockId": "sbjZWLJGVkHAkDqS4JQeGow" },
"to": { "groupId": "wlcaalj5zej2sl1t9kkq55se" }
},
{
"id": "wlzesf38jzeyf65i1aj6j517",
"from": { "blockId": "sqEsMo747LTDnY9FjQcEwUv" },
"to": { "groupId": "vrv6xoriyl74wcz34gqlvc0q" }
},
{
"id": "piew4sf9dpafiweghqvucmax",
"from": { "blockId": "snbsad18Bgry8yZ8DZCfdFD" },
"to": { "groupId": "trcslng32mdxkjmrw8zxpnpj" }
},
{
"id": "tfixdvay6mxj4g7z7bfmjthc",
"from": {
"blockId": "px8ciz2nu2frvdqjporqpg95",
"itemId": "w1cg5txczy2qmn4kbh1eybkk"
},
"to": { "groupId": "gjahzyusg4mlpvpaeov0awtm" }
},
{
"id": "buwcxt81dfrh6prteij8cvo8",
"from": { "blockId": "t8s54i11vfebpp5cbc7xukn5" },
"to": { "groupId": "m4oxxhg9wfv3wc6n8rhzy6ga" }
},
{
"from": {
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"groupId": "trcslng32mdxkjmrw8zxpnpj"
},
"to": { "groupId": "l0223zmqvndj1irhk68yh10v" },
"id": "wtw2lm86g46ehgvp43fcfks6"
}
],
"variables": [
{ "id": "giiLFGw5xXBCHzvp1qAbdX", "name": "Company" },
{ "id": "v3VFChNVSCXQ2rXv4DrJ8Ah", "name": "Email" },
{ "id": "vi0mmx9o2m4s8z9cccsjcvpj5", "name": "Services" },
{ "id": "vpvkbogoj3rmogz0ssh5odmnn", "name": "AI replies" },
{ "id": "vhp0ymgwq4id82l97g0kliglf", "name": "Additional informations" }
{ "id": "vpvkbogoj3rmogz0ssh5odmnn", "name": "AI reply" },
{ "id": "vhp0ymgwq4id82l97g0kliglf", "name": "Additional information" },
{ "id": "vi5ta5lktses2h6skf5ky2zs0", "name": "AI Dialogue" }
],
"edges": [
{
"id": "dkgy7qanybx0d9zl2ke2aa03",
"to": { "groupId": "nmlij3lrk42cymsu1tj6b9nv" },
"from": {
"blockId": "22HP69iipkLjJDTUcc1AWW",
"groupId": "i6xofskq0vdlnfyvf28hzcle"
}
},
{
"id": "vgi4r3yjle17balwlhpas25t",
"to": { "groupId": "wlcaalj5zej2sl1t9kkq55se" },
"from": {
"blockId": "sbjZWLJGVkHAkDqS4JQeGow",
"groupId": "nmlij3lrk42cymsu1tj6b9nv"
}
},
{
"id": "wlzesf38jzeyf65i1aj6j517",
"to": { "groupId": "vrv6xoriyl74wcz34gqlvc0q" },
"from": {
"blockId": "sqEsMo747LTDnY9FjQcEwUv",
"groupId": "wlcaalj5zej2sl1t9kkq55se"
}
},
{
"id": "piew4sf9dpafiweghqvucmax",
"to": { "groupId": "trcslng32mdxkjmrw8zxpnpj" },
"from": {
"blockId": "snbsad18Bgry8yZ8DZCfdFD",
"groupId": "vrv6xoriyl74wcz34gqlvc0q"
}
},
{
"id": "tfixdvay6mxj4g7z7bfmjthc",
"to": { "groupId": "gjahzyusg4mlpvpaeov0awtm" },
"from": {
"itemId": "w1cg5txczy2qmn4kbh1eybkk",
"blockId": "px8ciz2nu2frvdqjporqpg95",
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga"
}
},
{
"id": "tc9irw81xlw9ghv68fp8p8xl",
"to": { "groupId": "m4oxxhg9wfv3wc6n8rhzy6ga" },
"from": {
"blockId": "sqFy2G3C1mh9p6s3QBdSS5x",
"groupId": "m4oxxhg9wfv3wc6n8rhzy6ga"
}
},
{
"id": "gcbys1rzwi0dscvjodyygfme",
"to": { "groupId": "l0223zmqvndj1irhk68yh10v" },
"from": {
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"groupId": "trcslng32mdxkjmrw8zxpnpj"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"settings": {},
"createdAt": "2023-11-06T17:26:59.795Z",
"updatedAt": "2023-11-07T06:50:56.154Z",
"icon": "🦾",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

251
apps/builder/public/templates/lead-gen.json
View File

@@ -1,33 +1,24 @@
{
"id": "qgMiLSr4W1ftXocFncin1G",
"version": "4",
"createdAt": "2022-02-05T06:21:16.522Z",
"updatedAt": "2022-02-05T06:21:16.522Z",
"version": "6",
"id": "cloiafj9e00091aqj6o9nfrww",
"name": "Lead Generation",
"icon": "🤝",
"folderId": null,
"groups": [
"events": [
{
"id": "k6kY6gwRE6noPoYQNGzgUq",
"blocks": [
{
"id": "22HP69iipkLjJDTUcc1AWW",
"type": "start",
"label": "Start",
"groupId": "k6kY6gwRE6noPoYQNGzgUq",
"outgoingEdgeId": "oNvqaqNExdSH2kKEhKZHuE"
}
],
"title": "Start",
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "oNvqaqNExdSH2kKEhKZHuE",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "kinRXxYop2X4d7F9qt8WNB",
"title": "Welcome",
"graphCoordinates": { "x": 1, "y": 148 },
"blocks": [
{
"id": "sc1y8VwDabNJgiVTBi4qtif",
"type": "text",
"groupId": "kinRXxYop2X4d7F9qt8WNB",
"content": {
"richText": [
{
@@ -44,37 +35,31 @@
{
"id": "s7YqZTBeyCa4Hp3wN2j922c",
"type": "image",
"groupId": "kinRXxYop2X4d7F9qt8WNB",
"content": {
"url": "https://media2.giphy.com/media/XD9o33QG9BoMis7iM4/giphy.gif?cid=fe3852a3ihg8rvipzzky5lybmdyq38fhke2tkrnshwk52c7d&rid=giphy.gif&ct=g"
}
},
{
"id": "sbjZWLJGVkHAkDqS4JQeGow",
"outgoingEdgeId": "i51YhHpk1dtSyduFNf5Wim",
"type": "choice input",
"items": [
{
"id": "hQw2zbp7FDX7XYK9cFpbgC",
"type": 0,
"blockId": "sbjZWLJGVkHAkDqS4JQeGow",
"content": "Hi!"
}
],
"groupId": "kinRXxYop2X4d7F9qt8WNB",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"outgoingEdgeId": "i51YhHpk1dtSyduFNf5Wim"
]
}
],
"title": "Welcome",
"graphCoordinates": { "x": 1, "y": 148 }
]
},
{
"id": "o4SH1UtKANnW5N5D67oZUz",
"title": "Email",
"graphCoordinates": { "x": 669, "y": 141 },
"blocks": [
{
"id": "sxeYubYN6XzhAfG7m9Fivhc",
"type": "text",
"groupId": "o4SH1UtKANnW5N5D67oZUz",
"content": {
"richText": [
{
@@ -87,7 +72,6 @@
{
"id": "scQ5kduafAtfP9T8SHUJnGi",
"type": "text",
"groupId": "o4SH1UtKANnW5N5D67oZUz",
"content": {
"richText": [
{
@@ -101,26 +85,22 @@
},
{
"id": "snbsad18Bgry8yZ8DZCfdFD",
"outgoingEdgeId": "w3MiN1Ct38jT5NykVsgmb5",
"type": "email input",
"groupId": "o4SH1UtKANnW5N5D67oZUz",
"options": {
"labels": { "button": "Send", "placeholder": "Type your email..." },
"variableId": "v3VFChNVSCXQ2rXv4DrJ8Ah",
"retryMessageContent": "This email doesn't seem to be valid. Can you type it again?"
},
"outgoingEdgeId": "w3MiN1Ct38jT5NykVsgmb5"
"variableId": "v3VFChNVSCXQ2rXv4DrJ8Ah"
}
}
],
"title": "Email",
"graphCoordinates": { "x": 669, "y": 141 }
]
},
{
"id": "q5dAhqSTCaNdiGSJm9B9Rw",
"title": "Name",
"graphCoordinates": { "x": 340, "y": 143 },
"blocks": [
{
"id": "sgtE2Sy7cKykac9B223Kq9R",
"type": "text",
"groupId": "q5dAhqSTCaNdiGSJm9B9Rw",
"content": {
"richText": [
{ "type": "p", "children": [{ "text": "What's your name?" }] }
@@ -129,29 +109,22 @@
},
{
"id": "sqEsMo747LTDnY9FjQcEwUv",
"outgoingEdgeId": "4tYbERpi5Po4goVgt6rWXg",
"type": "text input",
"groupId": "q5dAhqSTCaNdiGSJm9B9Rw",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "giiLFGw5xXBCHzvp1qAbdX"
},
"outgoingEdgeId": "4tYbERpi5Po4goVgt6rWXg"
}
}
],
"title": "Name",
"graphCoordinates": { "x": 340, "y": 143 }
]
},
{
"id": "fKqRz7iswk7ULaj5PJocZL",
"title": "Services",
"graphCoordinates": { "x": 1002, "y": 144 },
"blocks": [
{
"id": "su7HceVXWyTCzi2vv3m4QbK",
"type": "text",
"groupId": "fKqRz7iswk7ULaj5PJocZL",
"content": {
"richText": [
{
@@ -163,48 +136,37 @@
},
{
"id": "s5VQGsVF4hQgziQsXVdwPDW",
"outgoingEdgeId": "ohTRakmcYJ7GdFWRZrWRjk",
"type": "choice input",
"items": [
{
"id": "fnLCBF4NdraSwcubnBhk8H",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Website dev"
},
{
"id": "a782h8ynMouY84QjH7XSnR",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Content Marketing"
},
{
"id": "jGvh94zBByvVFpSS3w97zY",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "Social Media"
},
{
"id": "6PRLbKUezuFmwWtLVbvAQ7",
"type": 0,
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"content": "UI / UX Design"
}
],
"groupId": "fKqRz7iswk7ULaj5PJocZL",
"options": { "buttonLabel": "Send", "isMultipleChoice": true },
"outgoingEdgeId": "ohTRakmcYJ7GdFWRZrWRjk"
]
}
],
"title": "Services",
"graphCoordinates": { "x": 1002, "y": 144 }
]
},
{
"id": "7qHBEyCMvKEJryBHzPmHjV",
"title": "Additional information",
"graphCoordinates": { "x": 1337, "y": 145 },
"blocks": [
{
"id": "sqR8Sz9gW21aUYKtUikq7qZ",
"type": "text",
"groupId": "7qHBEyCMvKEJryBHzPmHjV",
"content": {
"richText": [
{
@@ -218,25 +180,22 @@
},
{
"id": "sqFy2G3C1mh9p6s3QBdSS5x",
"outgoingEdgeId": "sH5nUssG2XQbm6ZidGv9BY",
"type": "text input",
"groupId": "7qHBEyCMvKEJryBHzPmHjV",
"options": {
"isLong": true,
"labels": { "button": "Send", "placeholder": "Type your answer..." }
},
"outgoingEdgeId": "sH5nUssG2XQbm6ZidGv9BY"
"isLong": true
}
}
],
"title": "Additional information",
"graphCoordinates": { "x": 1337, "y": 145 }
]
},
{
"id": "vF7AD7zSAj7SNvN3gr9N94",
"title": "Bye",
"graphCoordinates": { "x": 1668, "y": 143 },
"blocks": [
{
"id": "seLegenCgUwMopRFeAefqZ7",
"type": "text",
"groupId": "vF7AD7zSAj7SNvN3gr9N94",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Perfect!" }] }]
}
@@ -244,7 +203,6 @@
{
"id": "s779Q1y51aVaDUJVrFb16vv",
"type": "text",
"groupId": "vF7AD7zSAj7SNvN3gr9N94",
"content": {
"richText": [
{
@@ -254,96 +212,57 @@
]
}
}
],
"title": "Bye",
"graphCoordinates": { "x": 1668, "y": 143 }
]
}
],
"edges": [
{
"id": "oNvqaqNExdSH2kKEhKZHuE",
"from": { "eventId": "k6kY6gwRE6noPoYQNGzgUq" },
"to": { "groupId": "kinRXxYop2X4d7F9qt8WNB" }
},
{
"id": "i51YhHpk1dtSyduFNf5Wim",
"from": { "blockId": "sbjZWLJGVkHAkDqS4JQeGow" },
"to": { "groupId": "q5dAhqSTCaNdiGSJm9B9Rw" }
},
{
"id": "4tYbERpi5Po4goVgt6rWXg",
"from": { "blockId": "sqEsMo747LTDnY9FjQcEwUv" },
"to": { "groupId": "o4SH1UtKANnW5N5D67oZUz" }
},
{
"id": "w3MiN1Ct38jT5NykVsgmb5",
"from": { "blockId": "snbsad18Bgry8yZ8DZCfdFD" },
"to": { "groupId": "fKqRz7iswk7ULaj5PJocZL" }
},
{
"id": "ohTRakmcYJ7GdFWRZrWRjk",
"from": { "blockId": "s5VQGsVF4hQgziQsXVdwPDW" },
"to": { "groupId": "7qHBEyCMvKEJryBHzPmHjV" }
},
{
"id": "sH5nUssG2XQbm6ZidGv9BY",
"from": { "blockId": "sqFy2G3C1mh9p6s3QBdSS5x" },
"to": { "groupId": "vF7AD7zSAj7SNvN3gr9N94" }
}
],
"variables": [
{ "id": "giiLFGw5xXBCHzvp1qAbdX", "name": "Name" },
{ "id": "v3VFChNVSCXQ2rXv4DrJ8Ah", "name": "Email" }
],
"edges": [
{
"id": "oNvqaqNExdSH2kKEhKZHuE",
"to": { "groupId": "kinRXxYop2X4d7F9qt8WNB" },
"from": {
"blockId": "22HP69iipkLjJDTUcc1AWW",
"groupId": "k6kY6gwRE6noPoYQNGzgUq"
}
},
{
"id": "i51YhHpk1dtSyduFNf5Wim",
"to": { "groupId": "q5dAhqSTCaNdiGSJm9B9Rw" },
"from": {
"blockId": "sbjZWLJGVkHAkDqS4JQeGow",
"groupId": "kinRXxYop2X4d7F9qt8WNB"
}
},
{
"id": "4tYbERpi5Po4goVgt6rWXg",
"to": { "groupId": "o4SH1UtKANnW5N5D67oZUz" },
"from": {
"blockId": "sqEsMo747LTDnY9FjQcEwUv",
"groupId": "q5dAhqSTCaNdiGSJm9B9Rw"
}
},
{
"id": "w3MiN1Ct38jT5NykVsgmb5",
"to": { "groupId": "fKqRz7iswk7ULaj5PJocZL" },
"from": {
"blockId": "snbsad18Bgry8yZ8DZCfdFD",
"groupId": "o4SH1UtKANnW5N5D67oZUz"
}
},
{
"id": "ohTRakmcYJ7GdFWRZrWRjk",
"to": { "groupId": "7qHBEyCMvKEJryBHzPmHjV" },
"from": {
"blockId": "s5VQGsVF4hQgziQsXVdwPDW",
"groupId": "fKqRz7iswk7ULaj5PJocZL"
}
},
{
"id": "sH5nUssG2XQbm6ZidGv9BY",
"to": { "groupId": "vF7AD7zSAj7SNvN3gr9N94" },
"from": {
"blockId": "sqFy2G3C1mh9p6s3QBdSS5x",
"groupId": "7qHBEyCMvKEJryBHzPmHjV"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-03T07:22:14.210Z",
"updatedAt": "2023-11-03T07:22:14.210Z",
"icon": "🤝",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false,
"whatsAppCredentialsId": null
}

431
apps/builder/public/templates/lead-magnet.json
View File

@@ -1,29 +1,20 @@
{
"id": "clg69gafk00011ar14aryt8ej",
"version": "4",
"createdAt": "2023-04-07T08:03:57.008Z",
"updatedAt": "2023-04-07T08:22:10.285Z",
"icon": "🧲",
"version": "6",
"id": "clon5n2yo00091avnmbju5698",
"name": "Lead magnet",
"folderId": null,
"groups": [
"events": [
{
"id": "emejg92oa3743x6z556xi1ig",
"title": "Start",
"blocks": [
{
"id": "fp82tc3nolkjpw38j60xxemb",
"type": "start",
"label": "Start",
"groupId": "emejg92oa3743x6z556xi1ig",
"outgoingEdgeId": "hfugjlwxkt5eqvxe5poimt6w"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "hfugjlwxkt5eqvxe5poimt6w",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "gr9wedxcqxie11ki9yss1h5o",
"title": "Intro",
"graphCoordinates": { "x": 209.12109375, "y": 176.5703125 },
"blocks": [
{
"id": "uaks8b01ec3fln8g5iq9gnv7",
@@ -32,8 +23,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Hi there! 👋" }] }
]
},
"groupId": "gr9wedxcqxie11ki9yss1h5o"
}
},
{
"id": "iy9brewiabfhv7ctsvdd5fg6",
@@ -51,8 +41,7 @@
]
}
]
},
"groupId": "gr9wedxcqxie11ki9yss1h5o"
}
},
{
"id": "immlrmjc0tnvc0rd1552c0ey",
@@ -68,8 +57,7 @@
]
}
]
},
"groupId": "gr9wedxcqxie11ki9yss1h5o"
}
},
{
"id": "i1pv6t8sj9wdzoheplwj1cnr",
@@ -78,26 +66,23 @@
"richText": [
{ "type": "p", "children": [{ "text": "What's your name?" }] }
]
},
"groupId": "gr9wedxcqxie11ki9yss1h5o"
}
},
{
"id": "uocaxxtg26btl2zytwy09jh9",
"outgoingEdgeId": "rczh7k3r065okzax6za00lvh",
"type": "text input",
"groupId": "gr9wedxcqxie11ki9yss1h5o",
"options": {
"isLong": false,
"labels": { "button": "Send", "placeholder": "Your first name" },
"labels": { "placeholder": "Your first name" },
"variableId": "vyu4paeim4jcjgmxr26bdk286"
},
"outgoingEdgeId": "rczh7k3r065okzax6za00lvh"
}
}
],
"graphCoordinates": { "x": 209.12109375, "y": 176.5703125 }
]
},
{
"id": "xaloto3qrrbtcdcrob013xcx",
"title": "Email",
"graphCoordinates": { "x": 563.2421875, "y": 177.484375 },
"blocks": [
{
"id": "pcx0bo7egsq3il16707mkuzc",
@@ -113,26 +98,21 @@
]
}
]
},
"groupId": "xaloto3qrrbtcdcrob013xcx"
}
},
{
"id": "fu17h0e24vpplfnrhla0t5id",
"type": "text input",
"id": "nu9ibw4r4q9piwl3b308bezp",
"groupId": "xaloto3qrrbtcdcrob013xcx",
"options": {
"isLong": false,
"labels": { "button": "Send", "placeholder": "Your email address" },
"variableId": "vrhd0bug6b6dzgijevfoonvo2"
},
"outgoingEdgeId": "x9hmtjizy3cl3kzyagf0ucnp"
"type": "email input",
"options": { "variableId": "vrhd0bug6b6dzgijevfoonvo2" },
"outgoingEdgeId": "dxj0x2miwwkxsesp4chyjqek"
}
],
"graphCoordinates": { "x": 563.2421875, "y": 177.484375 }
]
},
{
"id": "tp9r95ay5vm9zlgzw8twtxn3",
"title": "Goal",
"graphCoordinates": { "x": 1243.07421875, "y": 172.2421875 },
"blocks": [
{
"id": "o6helbp9c682dur5e8bt9yov",
@@ -144,52 +124,31 @@
"children": [{ "text": "What's your goal with the community?" }]
}
]
},
"groupId": "tp9r95ay5vm9zlgzw8twtxn3"
}
},
{
"id": "wq7yofni4bqr9rt5qrzk6928",
"outgoingEdgeId": "on3al6xuczmckpu3roboo9te",
"type": "choice input",
"items": [
{
"id": "ux0ly8ocxfm8i8ivdbwjnmnt",
"type": 0,
"blockId": "wq7yofni4bqr9rt5qrzk6928",
"content": "Win loyal fans"
},
{ "id": "ux0ly8ocxfm8i8ivdbwjnmnt", "content": "Win loyal fans" },
{
"id": "izz0nwo2iy2kmlif5fav2oc5",
"type": 0,
"blockId": "wq7yofni4bqr9rt5qrzk6928",
"content": "Competitive advantage"
},
{
"id": "jtkx9v5uqjw84hapq3umqlb5",
"type": 0,
"blockId": "wq7yofni4bqr9rt5qrzk6928",
"content": "Better product"
},
{
"id": "k7a7rkpoigrtrulilap7q6fw",
"type": 0,
"blockId": "wq7yofni4bqr9rt5qrzk6928",
"content": "Support"
}
{ "id": "jtkx9v5uqjw84hapq3umqlb5", "content": "Better product" },
{ "id": "k7a7rkpoigrtrulilap7q6fw", "content": "Support" }
],
"groupId": "tp9r95ay5vm9zlgzw8twtxn3",
"options": {
"variableId": "vf49immob0ih3kxn5b0nraqkq",
"buttonLabel": "Send",
"isMultipleChoice": false
},
"outgoingEdgeId": "on3al6xuczmckpu3roboo9te"
"variableId": "vf49immob0ih3kxn5b0nraqkq"
}
}
],
"graphCoordinates": { "x": 1243.07421875, "y": 172.2421875 }
]
},
{
"id": "cszciavjonb2qp0ga0pladoj",
"title": "Goal",
"graphCoordinates": { "x": 1590.85546875, "y": 164.02734375 },
"blocks": [
{
"id": "tfqqveo72xt7i7ii9imztcd4",
@@ -205,8 +164,7 @@
]
}
]
},
"groupId": "cszciavjonb2qp0ga0pladoj"
}
},
{
"id": "yxuk1bhfas07i4bxq64hi0vj",
@@ -214,102 +172,86 @@
"items": [
{
"id": "qn6w72jgckfz777e9ehb421v",
"type": 1,
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"outgoingEdgeId": "yml7f2btr9q4hptk06cqn2xv",
"content": {
"comparisons": [
{
"id": "nt0c7o7w0elbbrfde8nned76",
"value": "Win loyal fans",
"variableId": "vf49immob0ih3kxn5b0nraqkq",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Win loyal fans"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "yml7f2btr9q4hptk06cqn2xv"
]
}
},
{
"id": "vuun8mijpfzcu0o9qk0vtift",
"type": 1,
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"outgoingEdgeId": "qhpximatxzjmmm1njwoqzplw",
"content": {
"comparisons": [
{
"id": "yf6asq9i97ap9y2jxibmjylv",
"value": "Competitive advantage",
"variableId": "vf49immob0ih3kxn5b0nraqkq",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Competitive advantage"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "qhpximatxzjmmm1njwoqzplw"
]
}
},
{
"id": "dg28mo88efs00p8ech81qxmu",
"type": 1,
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"outgoingEdgeId": "xa5z7a7en5vfevqk5e5q05go",
"content": {
"comparisons": [
{
"id": "x7tbo8q47r1wdlg6w3c48mru",
"value": "Better product",
"variableId": "vf49immob0ih3kxn5b0nraqkq",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Better product"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "xa5z7a7en5vfevqk5e5q05go"
]
}
},
{
"id": "lrj50vf8c0cj46jrtxid5a60",
"type": 1,
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"outgoingEdgeId": "ogpmoxw3lrt12rgxnq0wajrj",
"content": {
"comparisons": [
{
"id": "hkb9qy6un3yrhhxtm0s6c8rg",
"value": "Support",
"variableId": "vf49immob0ih3kxn5b0nraqkq",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Support"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "ogpmoxw3lrt12rgxnq0wajrj"
]
}
}
],
"groupId": "cszciavjonb2qp0ga0pladoj"
]
}
],
"graphCoordinates": { "x": 1590.85546875, "y": 164.02734375 }
]
},
{
"id": "vvlecgglxadq0x2eg7ozr535",
"title": "Send bundle",
"graphCoordinates": { "x": 901.6953125, "y": 180.0546875 },
"blocks": [
{
"id": "w53cmmn4iowq753r8jmvk7o7",
"outgoingEdgeId": "qkrpdn1z0bv1xvsa3wrdyyn3",
"type": "Email",
"groupId": "vvlecgglxadq0x2eg7ozr535",
"options": {
"body": "Hey {{Name}},\n\nHere is a link to download the community bundle:\n\nhttps://typebot.io\n\nI hope it will help you create the right community for your project 🚀\n\nBest,\nTypebot team.",
"replyTo": "",
"subject": "Here is your community bundle ✨",
"recipients": ["{{Email}}"],
"isCustomBody": true,
"credentialsId": "default"
},
"outgoingEdgeId": "qkrpdn1z0bv1xvsa3wrdyyn3"
"recipients": ["{{Email}}"],
"subject": "Here is your community bundle ✨",
"body": "Hey {{Name}},\n\nHere is a link to download the community bundle:\n\nhttps://typebot.io\n\nI hope it will help you create the right community for your project 🚀\n\nBest,\nTypebot team."
}
}
],
"graphCoordinates": { "x": 901.6953125, "y": 180.0546875 }
]
},
{
"id": "k2sbuizycrpuyf44v9eebebr",
"title": "Win loyal fans video",
"graphCoordinates": { "x": 1969.18359375, "y": -205.76171875 },
"blocks": [
{
"id": "dzcw0vwo23vhp2nwyxl99va8",
@@ -321,8 +263,7 @@
"children": [{ "text": "Want to know how to win loyal fans?" }]
}
]
},
"groupId": "k2sbuizycrpuyf44v9eebebr"
}
},
{
"id": "yh8ueuio717ceybrcsqa1ekq",
@@ -331,25 +272,23 @@
"richText": [
{ "type": "p", "children": [{ "text": "Check out this video:" }] }
]
},
"groupId": "k2sbuizycrpuyf44v9eebebr"
}
},
{
"id": "z3ffqugex7gipsb4ke6ov874",
"type": "video",
"content": {
"id": "jp3ggg_42-M",
"url": "https://www.youtube.com/watch?v=jp3ggg_42-M&t=22s",
"id": "jp3ggg_42-M",
"type": "youtube"
},
"groupId": "k2sbuizycrpuyf44v9eebebr"
}
}
],
"graphCoordinates": { "x": 1969.18359375, "y": -205.76171875 }
]
},
{
"id": "v6s5yza7kgretdmbke7lg5u7",
"title": "Competitive advantage video",
"graphCoordinates": { "x": 1968.1484375, "y": 181.5703125 },
"blocks": [
{
"id": "anu87wo53n3ihq4xl8smprwg",
@@ -365,8 +304,7 @@
]
}
]
},
"groupId": "v6s5yza7kgretdmbke7lg5u7"
}
},
{
"id": "ku2scubf21eqnip3ig3rc7n9",
@@ -375,25 +313,23 @@
"richText": [
{ "type": "p", "children": [{ "text": "Check out this video:" }] }
]
},
"groupId": "v6s5yza7kgretdmbke7lg5u7"
}
},
{
"id": "rvdh4tk0ebg7t9tdga9aw8ao",
"type": "video",
"content": {
"id": "jp3ggg_42-M",
"url": "https://www.youtube.com/watch?v=jp3ggg_42-M&t=22s",
"id": "jp3ggg_42-M",
"type": "youtube"
},
"groupId": "v6s5yza7kgretdmbke7lg5u7"
}
}
],
"graphCoordinates": { "x": 1968.1484375, "y": 181.5703125 }
]
},
{
"id": "l3pc0992zp0hw8ea83b7aky3",
"title": "Better product",
"graphCoordinates": { "x": 1968.703125, "y": 600.07421875 },
"blocks": [
{
"id": "ysedrtj5q17usk5ezpa5g88e",
@@ -409,8 +345,7 @@
]
}
]
},
"groupId": "l3pc0992zp0hw8ea83b7aky3"
}
},
{
"id": "xy08sticb76u82sgcfaeqpe2",
@@ -419,25 +354,23 @@
"richText": [
{ "type": "p", "children": [{ "text": "Check out this video:" }] }
]
},
"groupId": "l3pc0992zp0hw8ea83b7aky3"
}
},
{
"id": "jiz2uvo89456jpy081hazkd4",
"type": "video",
"content": {
"id": "jp3ggg_42-M",
"url": "https://www.youtube.com/watch?v=jp3ggg_42-M&t=22s",
"id": "jp3ggg_42-M",
"type": "youtube"
},
"groupId": "l3pc0992zp0hw8ea83b7aky3"
}
}
],
"graphCoordinates": { "x": 1968.703125, "y": 600.07421875 }
]
},
{
"id": "f4hlh2oq8viwxrpl9ppq5d42",
"title": "Support",
"graphCoordinates": { "x": 1970.0234375, "y": 1025.99609375 },
"blocks": [
{
"id": "lu0bevnjfkor1ugbnbkev7t3",
@@ -451,8 +384,7 @@
]
}
]
},
"groupId": "f4hlh2oq8viwxrpl9ppq5d42"
}
},
{
"id": "jrhdfrdn4gdstpktq1q0gk1q",
@@ -461,21 +393,80 @@
"richText": [
{ "type": "p", "children": [{ "text": "Check out this video:" }] }
]
},
"groupId": "f4hlh2oq8viwxrpl9ppq5d42"
}
},
{
"id": "e3tlj1y4vyhtwcabzifv63q2",
"type": "video",
"content": {
"id": "jp3ggg_42-M",
"url": "https://www.youtube.com/watch?v=jp3ggg_42-M&t=22s",
"id": "jp3ggg_42-M",
"type": "youtube"
},
"groupId": "f4hlh2oq8viwxrpl9ppq5d42"
}
}
],
"graphCoordinates": { "x": 1970.0234375, "y": 1025.99609375 }
]
}
],
"edges": [
{
"id": "hfugjlwxkt5eqvxe5poimt6w",
"from": { "eventId": "emejg92oa3743x6z556xi1ig" },
"to": { "groupId": "gr9wedxcqxie11ki9yss1h5o" }
},
{
"id": "rczh7k3r065okzax6za00lvh",
"from": { "blockId": "uocaxxtg26btl2zytwy09jh9" },
"to": { "groupId": "xaloto3qrrbtcdcrob013xcx" }
},
{
"id": "on3al6xuczmckpu3roboo9te",
"from": { "blockId": "wq7yofni4bqr9rt5qrzk6928" },
"to": { "groupId": "cszciavjonb2qp0ga0pladoj" }
},
{
"id": "qkrpdn1z0bv1xvsa3wrdyyn3",
"from": { "blockId": "w53cmmn4iowq753r8jmvk7o7" },
"to": { "groupId": "tp9r95ay5vm9zlgzw8twtxn3" }
},
{
"id": "yml7f2btr9q4hptk06cqn2xv",
"from": {
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"itemId": "qn6w72jgckfz777e9ehb421v"
},
"to": { "groupId": "k2sbuizycrpuyf44v9eebebr" }
},
{
"id": "qhpximatxzjmmm1njwoqzplw",
"from": {
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"itemId": "vuun8mijpfzcu0o9qk0vtift"
},
"to": { "groupId": "v6s5yza7kgretdmbke7lg5u7" }
},
{
"id": "xa5z7a7en5vfevqk5e5q05go",
"from": {
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"itemId": "dg28mo88efs00p8ech81qxmu"
},
"to": { "groupId": "l3pc0992zp0hw8ea83b7aky3" }
},
{
"id": "ogpmoxw3lrt12rgxnq0wajrj",
"from": {
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"itemId": "lrj50vf8c0cj46jrtxid5a60"
},
"to": { "groupId": "f4hlh2oq8viwxrpl9ppq5d42" }
},
{
"from": {
"blockId": "nu9ibw4r4q9piwl3b308bezp",
"groupId": "xaloto3qrrbtcdcrob013xcx"
},
"to": { "groupId": "vvlecgglxadq0x2eg7ozr535" },
"id": "dxj0x2miwwkxsesp4chyjqek"
}
],
"variables": [
@@ -483,120 +474,18 @@
{ "id": "vf49immob0ih3kxn5b0nraqkq", "name": "Goal" },
{ "id": "vrhd0bug6b6dzgijevfoonvo2", "name": "Email" }
],
"edges": [
{
"id": "hfugjlwxkt5eqvxe5poimt6w",
"to": { "groupId": "gr9wedxcqxie11ki9yss1h5o" },
"from": {
"blockId": "fp82tc3nolkjpw38j60xxemb",
"groupId": "emejg92oa3743x6z556xi1ig"
}
},
{
"id": "rczh7k3r065okzax6za00lvh",
"to": { "groupId": "xaloto3qrrbtcdcrob013xcx" },
"from": {
"blockId": "uocaxxtg26btl2zytwy09jh9",
"groupId": "gr9wedxcqxie11ki9yss1h5o"
}
},
{
"id": "on3al6xuczmckpu3roboo9te",
"to": { "groupId": "cszciavjonb2qp0ga0pladoj" },
"from": {
"blockId": "wq7yofni4bqr9rt5qrzk6928",
"groupId": "tp9r95ay5vm9zlgzw8twtxn3"
}
},
{
"id": "x9hmtjizy3cl3kzyagf0ucnp",
"to": { "groupId": "vvlecgglxadq0x2eg7ozr535" },
"from": {
"blockId": "fu17h0e24vpplfnrhla0t5id",
"groupId": "xaloto3qrrbtcdcrob013xcx"
}
},
{
"id": "qkrpdn1z0bv1xvsa3wrdyyn3",
"to": { "groupId": "tp9r95ay5vm9zlgzw8twtxn3" },
"from": {
"blockId": "w53cmmn4iowq753r8jmvk7o7",
"groupId": "vvlecgglxadq0x2eg7ozr535"
}
},
{
"id": "yml7f2btr9q4hptk06cqn2xv",
"to": { "groupId": "k2sbuizycrpuyf44v9eebebr" },
"from": {
"itemId": "qn6w72jgckfz777e9ehb421v",
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"groupId": "cszciavjonb2qp0ga0pladoj"
}
},
{
"id": "qhpximatxzjmmm1njwoqzplw",
"to": { "groupId": "v6s5yza7kgretdmbke7lg5u7" },
"from": {
"itemId": "vuun8mijpfzcu0o9qk0vtift",
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"groupId": "cszciavjonb2qp0ga0pladoj"
}
},
{
"id": "xa5z7a7en5vfevqk5e5q05go",
"to": { "groupId": "l3pc0992zp0hw8ea83b7aky3" },
"from": {
"itemId": "dg28mo88efs00p8ech81qxmu",
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"groupId": "cszciavjonb2qp0ga0pladoj"
}
},
{
"id": "ogpmoxw3lrt12rgxnq0wajrj",
"to": { "groupId": "f4hlh2oq8viwxrpl9ppq5d42" },
"from": {
"itemId": "lrj50vf8c0cj46jrtxid5a60",
"blockId": "yxuk1bhfas07i4bxq64hi0vj",
"groupId": "cszciavjonb2qp0ga0pladoj"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"settings": {},
"createdAt": "2023-11-06T17:06:59.136Z",
"updatedAt": "2023-11-06T17:06:59.136Z",
"icon": "🧲",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "freeWorkspace",
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

559
apps/builder/public/templates/lead-scoring.json
View File

@@ -1,34 +1,23 @@
{
"id": "cl1seoz582103xk1at12y4ucb",
"version": "4",
"createdAt": "2022-04-09T22:06:01.196Z",
"updatedAt": "2022-04-09T22:35:22.449Z",
"icon": "🏆",
"version": "6",
"id": "clon58wkg00051avnkor66u6m",
"name": "Lead Scoring",
"folderId": null,
"groups": [
"events": [
{
"id": "cl1seoz560000xk1ags8s67b0",
"blocks": [
{
"id": "cl1seoz570001xk1ab0rd05k6",
"type": "start",
"label": "Start",
"groupId": "cl1seoz560000xk1ags8s67b0",
"outgoingEdgeId": "cl1seraz9001z2e6e85zrx08l"
}
],
"title": "Start",
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "cl1seraz9001z2e6e85zrx08l",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "cl1sep1c5001w2e6e77bb1uwb",
"graphCoordinates": { "x": 0, "y": 171 },
"title": "Welcome",
"graphCoordinates": { "x": 0, "y": 171 },
"blocks": [
{
"id": "cl1sep1cc001x2e6eikrwf9jy",
"groupId": "cl1sep1c5001w2e6e77bb1uwb",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hi! 👋" }] }]
@@ -36,7 +25,6 @@
},
{
"id": "cl1sep7jn001y2e6ez7ee7eiw",
"groupId": "cl1sep1c5001w2e6e77bb1uwb",
"type": "text",
"content": {
"richText": [
@@ -51,7 +39,6 @@
},
{
"id": "cl1seyazl00252e6e3zsbosvm",
"groupId": "cl1sep1c5001w2e6e77bb1uwb",
"type": "text",
"content": {
"richText": [
@@ -66,24 +53,22 @@
},
{
"id": "cl1sezuul002a2e6ex7nc444j",
"groupId": "cl1sep1c5001w2e6e77bb1uwb",
"outgoingEdgeId": "cl1sf8v96003k2e6e2rbcfjmz",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "0"
},
"outgoingEdgeId": "cl1sf8v96003k2e6e2rbcfjmz"
}
}
]
},
{
"id": "cl1sern8w00202e6ez69l190j",
"graphCoordinates": { "x": 377, "y": 166 },
"title": "Q1",
"graphCoordinates": { "x": 377, "y": 166 },
"blocks": [
{
"id": "cl1sern9200212e6esrid307i",
"groupId": "cl1sern8w00202e6ez69l190j",
"type": "text",
"content": {
"richText": [
@@ -96,23 +81,17 @@
},
{
"id": "cl1ses31000222e6ebrb4wxo0",
"groupId": "cl1sern8w00202e6ez69l190j",
"type": "choice input",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"items": [
{
"id": "cl1ses31100232e6eq3nnp2mm",
"blockId": "cl1ses31000222e6ebrb4wxo0",
"type": 0,
"content": "Yes",
"outgoingEdgeId": "cl1sezo4z00292e6ean8s487x"
"outgoingEdgeId": "cl1sezo4z00292e6ean8s487x",
"content": "Yes"
},
{
"blockId": "cl1ses31000222e6ebrb4wxo0",
"type": 0,
"id": "cl1ses3y400242e6e1qjwkhq4",
"content": "No",
"outgoingEdgeId": "cl1sfertf004i2e6epf68fwri"
"outgoingEdgeId": "cl1sfertf004i2e6epf68fwri",
"content": "No"
}
]
}
@@ -120,12 +99,11 @@
},
{
"id": "cl1sez6zd00262e6ebh59k1bs",
"graphCoordinates": { "x": 748, "y": 135 },
"title": "Company",
"graphCoordinates": { "x": 748, "y": 135 },
"blocks": [
{
"id": "cl1sf04yl002c2e6eaeu463cq",
"groupId": "cl1sez6zd00262e6ebh59k1bs",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
@@ -134,7 +112,6 @@
},
{
"id": "cl1sez6zt00272e6ecsefq05y",
"groupId": "cl1sez6zd00262e6ebh59k1bs",
"type": "text",
"content": {
"richText": [
@@ -144,28 +121,21 @@
},
{
"id": "cl1sezlw700282e6eozkzmed0",
"groupId": "cl1sez6zd00262e6ebh59k1bs",
"outgoingEdgeId": "cl1sf1mm0002h2e6eurv21l5n",
"type": "text input",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "vcl1sf93s2003l2e6eojomb66g"
},
"outgoingEdgeId": "cl1sf1mm0002h2e6eurv21l5n"
}
}
]
},
{
"id": "cl1sf0ogu002d2e6edyhcuu6f",
"graphCoordinates": { "x": 1096, "y": -62 },
"title": "Q2",
"graphCoordinates": { "x": 1096, "y": -62 },
"blocks": [
{
"id": "cl1sf0ohc002e2e6egrjoj10z",
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"type": "text",
"content": {
"richText": [
@@ -180,22 +150,18 @@
},
{
"id": "cl1sf1er7002f2e6eakhc25yy",
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"type": "number input",
"options": {
"labels": { "button": "Send", "placeholder": "Type a number..." },
"variableId": "vcl1sf1ko5002g2e6egjmyb16v"
}
},
{
"id": "cl1sf1vkf002j2e6e971somqx",
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"type": "Condition",
"items": [
{
"id": "cl1sf1vkg002k2e6ec54p0s4v",
"blockId": "cl1sf1vkf002j2e6e971somqx",
"type": 1,
"outgoingEdgeId": "cl1sf35fh002t2e6e8u68r9gz",
"content": {
"comparisons": [
{
@@ -204,22 +170,19 @@
"comparisonOperator": "Greater than",
"value": "30"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl1sf35fh002t2e6e8u68r9gz"
]
}
}
]
},
{
"id": "cl1sf2iix002n2e6egibs95yb",
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"outgoingEdgeId": "cl1sfen6a004f2e6estkfooss",
"type": "Condition",
"items": [
{
"id": "cl1sf2iix002o2e6eai567rnj",
"blockId": "cl1sf2iix002n2e6egibs95yb",
"type": 1,
"outgoingEdgeId": "cl1sf37rv002x2e6e7wz3lawd",
"content": {
"comparisons": [
{
@@ -227,58 +190,52 @@
"variableId": "vcl1sf1ko5002g2e6egjmyb16v",
"value": "10"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl1sf37rv002x2e6e7wz3lawd"
]
}
}
],
"outgoingEdgeId": "cl1sfen6a004f2e6estkfooss"
]
}
]
},
{
"id": "cl1sf2wnu002r2e6ehdp859qv",
"graphCoordinates": { "x": 1458, "y": -72 },
"title": "Add 20",
"graphCoordinates": { "x": 1458, "y": -72 },
"blocks": [
{
"id": "cl1sf2wom002s2e6e8cmcnhpn",
"groupId": "cl1sf2wnu002r2e6ehdp859qv",
"outgoingEdgeId": "cl1sfeq3f004h2e6eglhjyx2o",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "{{Lead Score}} + 20"
},
"outgoingEdgeId": "cl1sfeq3f004h2e6eglhjyx2o"
}
}
]
},
{
"id": "cl1sf36ia002u2e6e16ifow0z",
"graphCoordinates": { "x": 1458, "y": 88 },
"title": "Add 10",
"graphCoordinates": { "x": 1458, "y": 88 },
"blocks": [
{
"id": "cl1sf36ib002v2e6ejyyrrjnh",
"groupId": "cl1sf36ia002u2e6e16ifow0z",
"outgoingEdgeId": "cl1sfeog5004g2e6eiil842nb",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "{{Lead Score}} + 10"
},
"outgoingEdgeId": "cl1sfeog5004g2e6eiil842nb"
}
}
]
},
{
"id": "cl1sf4qk500332e6e8gs5mn3t",
"graphCoordinates": { "x": 2442.929831215626, "y": 391 },
"title": "Q4",
"graphCoordinates": { "x": 2442.929831215626, "y": 391 },
"blocks": [
{
"id": "cl1sf4ql500342e6ebj863aex",
"groupId": "cl1sf4qk500332e6e8gs5mn3t",
"type": "text",
"content": {
"richText": [
@@ -288,12 +245,9 @@
},
{
"id": "cl1sf4z8n00352e6ejypaeinl",
"groupId": "cl1sf4qk500332e6e8gs5mn3t",
"type": "text input",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your country..."
},
"variableId": "vcl1sf525q00362e6eoyosycte"
@@ -301,13 +255,12 @@
},
{
"id": "cl1sf738d003c2e6eswslikio",
"groupId": "cl1sf4qk500332e6e8gs5mn3t",
"outgoingEdgeId": "cl1sf9acz003n2e6ekwjq7209",
"type": "Condition",
"items": [
{
"id": "cl1sf738d003d2e6eqpzlxh8f",
"blockId": "cl1sf738d003c2e6eswslikio",
"type": 1,
"outgoingEdgeId": "cl1sf7qlx003h2e6e60635qrt",
"content": {
"comparisons": [
{
@@ -316,41 +269,36 @@
"comparisonOperator": "Equal to",
"value": "United States"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl1sf7qlx003h2e6e60635qrt"
]
}
}
],
"outgoingEdgeId": "cl1sf9acz003n2e6ekwjq7209"
]
}
]
},
{
"id": "cl1sf7jbi003f2e6euy48woy4",
"graphCoordinates": { "x": 2765.4297996080672, "y": 386.7142676528225 },
"title": "Add 10",
"graphCoordinates": { "x": 2765.429799608067, "y": 386.7142676528225 },
"blocks": [
{
"id": "cl1sf7jcx003g2e6ec1z9xh0w",
"groupId": "cl1sf7jbi003f2e6euy48woy4",
"outgoingEdgeId": "cl1sf99bb003m2e6eywy661ww",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "10"
},
"outgoingEdgeId": "cl1sf99bb003m2e6eywy661ww"
}
}
]
},
{
"id": "cl1sf85am003i2e6e1yq8eoa7",
"graphCoordinates": { "x": 2953.7865857513116, "y": 570.3154133255522 },
"title": "Filtering",
"graphCoordinates": { "x": 2953.786585751312, "y": 570.3154133255522 },
"blocks": [
{
"id": "cl1sf85bm003j2e6e04d210vs",
"groupId": "cl1sf85am003i2e6e1yq8eoa7",
"type": "text",
"content": {
"richText": [
@@ -365,13 +313,12 @@
},
{
"id": "cl1sfat0h003p2e6e7j0hpilh",
"groupId": "cl1sf85am003i2e6e1yq8eoa7",
"outgoingEdgeId": "cl1sfgtau004n2e6ev68sikcr",
"type": "Condition",
"items": [
{
"id": "cl1sfat0h003q2e6eyx6vxe0f",
"blockId": "cl1sfat0h003p2e6e7j0hpilh",
"type": 1,
"outgoingEdgeId": "cl1sfg9fc004k2e6egywpim9v",
"content": {
"comparisons": [
{
@@ -380,24 +327,20 @@
"comparisonOperator": "Greater than",
"value": "20"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "cl1sfg9fc004k2e6egywpim9v"
]
}
}
],
"outgoingEdgeId": "cl1sfgtau004n2e6ev68sikcr"
]
}
]
},
{
"id": "cl1sfbbv0003s2e6eheyhv7ke",
"graphCoordinates": { "x": 1632.8573866868949, "y": 465.7855110942534 },
"title": "Q3",
"graphCoordinates": { "x": 1632.857386686895, "y": 465.7855110942534 },
"blocks": [
{
"id": "cl1sfcqjw003z2e6ebmyzey4o",
"groupId": "cl1sfbbv0003s2e6eheyhv7ke",
"type": "text",
"content": {
"richText": [
@@ -407,86 +350,64 @@
},
{
"id": "cl1sfbbw3003t2e6e16ec9w29",
"groupId": "cl1sfbbv0003s2e6eheyhv7ke",
"outgoingEdgeId": "cl1sfek9r004e2e6elkh3h7a2",
"type": "choice input",
"options": {
"buttonLabel": "Send",
"isMultipleChoice": false
},
"items": [
{ "id": "cl1sfbbw3003u2e6e7luhj0n1", "content": "UI/UX Designer" },
{ "id": "cl1sfbq6z003v2e6egnctk2n2", "content": "Product Owner" },
{
"id": "cl1sfbbw3003u2e6e7luhj0n1",
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"type": 0,
"content": "UI/UX Designer"
},
{
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"type": 0,
"id": "cl1sfbq6z003v2e6egnctk2n2",
"content": "Product Owner"
},
{
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"type": 0,
"id": "cl1sfbtz8003w2e6eodbt4ogs",
"content": "Marketing Officer",
"outgoingEdgeId": "cl1sfebs9004a2e6ere0zokyo"
"outgoingEdgeId": "cl1sfebs9004a2e6ere0zokyo",
"content": "Marketing Officer"
},
{
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"type": 0,
"id": "cl1sfc545003x2e6e833juo6m",
"content": "Developer",
"outgoingEdgeId": "cl1sfedcd004b2e6eerh8hz33"
"outgoingEdgeId": "cl1sfedcd004b2e6eerh8hz33",
"content": "Developer"
}
],
"outgoingEdgeId": "cl1sfek9r004e2e6elkh3h7a2"
]
}
]
},
{
"id": "cl1sfdroa00452e6e5o458z9h",
"graphCoordinates": { "x": 1983.1431822491943, "y": 82.85612238447435 },
"title": "Add 20",
"graphCoordinates": { "x": 1983.143182249194, "y": 82.85612238447435 },
"blocks": [
{
"id": "cl1sfdrpi00462e6emfd9sj14",
"groupId": "cl1sfdroa00452e6e5o458z9h",
"outgoingEdgeId": "cl1sfeg2k004c2e6eu9rjnski",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "{{Lead Score}} + 20"
},
"outgoingEdgeId": "cl1sfeg2k004c2e6eu9rjnski"
}
}
]
},
{
"id": "cl1sfe2kn00472e6ead4qs2d9",
"graphCoordinates": { "x": 1984.2856059169358, "y": 240.8562488147158 },
"title": "Add 10",
"graphCoordinates": { "x": 1984.285605916936, "y": 240.8562488147158 },
"blocks": [
{
"id": "cl1sfe2kn00482e6eukp8r9bj",
"groupId": "cl1sfe2kn00472e6ead4qs2d9",
"outgoingEdgeId": "cl1sfeik5004d2e6ejj03f1gn",
"type": "Set variable",
"options": {
"variableId": "vcl1sezzln002b2e6e6ssxh9bf",
"expressionToEvaluate": "{{Lead Score}} + 20"
},
"outgoingEdgeId": "cl1sfeik5004d2e6ejj03f1gn"
}
}
]
},
{
"id": "cl1sffxet004j2e6ec6gfbffh",
"graphCoordinates": { "x": 3350.0874940277185, "y": 509.77356639445065 },
"title": "Conclusion - Qualified",
"graphCoordinates": { "x": 3350.087494027719, "y": 509.7735663944507 },
"blocks": [
{
"id": "cl1sfgwox004o2e6evzi0n7hk",
"groupId": "cl1sffxet004j2e6ec6gfbffh",
"type": "text",
"content": {
"richText": [
@@ -503,7 +424,6 @@
},
{
"id": "cl1sfhz4f004p2e6esidqktmr",
"groupId": "cl1sffxet004j2e6ec6gfbffh",
"type": "text",
"content": {
"richText": [
@@ -518,12 +438,11 @@
},
{
"id": "cl1sfgjlr004l2e6erykli1ud",
"graphCoordinates": { "x": 3352.8943392345736, "y": 786.5865419115444 },
"title": "Conclusion - Not qualified",
"graphCoordinates": { "x": 3352.894339234574, "y": 786.5865419115444 },
"blocks": [
{
"id": "cl1sfgjnr004m2e6e63sqh0dh",
"groupId": "cl1sfgjlr004l2e6erykli1ud",
"type": "text",
"content": {
"richText": [
@@ -538,7 +457,6 @@
},
{
"id": "cl1sfikh5004q2e6elyvzgd0s",
"groupId": "cl1sfgjlr004l2e6erykli1ud",
"type": "text",
"content": {
"richText": [
@@ -553,7 +471,6 @@
},
{
"id": "cl1sfitz4004r2e6e3ge4x7uy",
"groupId": "cl1sfgjlr004l2e6erykli1ud",
"type": "text",
"content": {
"richText": [
@@ -564,214 +481,150 @@
]
}
],
"edges": [
{
"id": "cl1seraz9001z2e6e85zrx08l",
"from": { "eventId": "cl1seoz560000xk1ags8s67b0" },
"to": { "groupId": "cl1sep1c5001w2e6e77bb1uwb" }
},
{
"id": "cl1sezo4z00292e6ean8s487x",
"from": {
"blockId": "cl1ses31000222e6ebrb4wxo0",
"itemId": "cl1ses31100232e6eq3nnp2mm"
},
"to": { "groupId": "cl1sez6zd00262e6ebh59k1bs" }
},
{
"id": "cl1sf1mm0002h2e6eurv21l5n",
"from": { "blockId": "cl1sezlw700282e6eozkzmed0" },
"to": { "groupId": "cl1sf0ogu002d2e6edyhcuu6f" }
},
{
"id": "cl1sf35fh002t2e6e8u68r9gz",
"from": {
"blockId": "cl1sf1vkf002j2e6e971somqx",
"itemId": "cl1sf1vkg002k2e6ec54p0s4v"
},
"to": { "groupId": "cl1sf2wnu002r2e6ehdp859qv" }
},
{
"id": "cl1sf37rv002x2e6e7wz3lawd",
"from": {
"blockId": "cl1sf2iix002n2e6egibs95yb",
"itemId": "cl1sf2iix002o2e6eai567rnj"
},
"to": { "groupId": "cl1sf36ia002u2e6e16ifow0z" }
},
{
"id": "cl1sf7qlx003h2e6e60635qrt",
"from": {
"blockId": "cl1sf738d003c2e6eswslikio",
"itemId": "cl1sf738d003d2e6eqpzlxh8f"
},
"to": { "groupId": "cl1sf7jbi003f2e6euy48woy4" }
},
{
"id": "cl1sf8v96003k2e6e2rbcfjmz",
"from": { "blockId": "cl1sezuul002a2e6ex7nc444j" },
"to": { "groupId": "cl1sern8w00202e6ez69l190j" }
},
{
"id": "cl1sf99bb003m2e6eywy661ww",
"from": { "blockId": "cl1sf7jcx003g2e6ec1z9xh0w" },
"to": { "groupId": "cl1sf85am003i2e6e1yq8eoa7" }
},
{
"id": "cl1sf9acz003n2e6ekwjq7209",
"from": { "blockId": "cl1sf738d003c2e6eswslikio" },
"to": { "groupId": "cl1sf85am003i2e6e1yq8eoa7" }
},
{
"id": "cl1sfebs9004a2e6ere0zokyo",
"from": {
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"itemId": "cl1sfbtz8003w2e6eodbt4ogs"
},
"to": { "groupId": "cl1sfdroa00452e6e5o458z9h" }
},
{
"id": "cl1sfedcd004b2e6eerh8hz33",
"from": {
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"itemId": "cl1sfc545003x2e6e833juo6m"
},
"to": { "groupId": "cl1sfe2kn00472e6ead4qs2d9" }
},
{
"id": "cl1sfeg2k004c2e6eu9rjnski",
"from": { "blockId": "cl1sfdrpi00462e6emfd9sj14" },
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" }
},
{
"id": "cl1sfeik5004d2e6ejj03f1gn",
"from": { "blockId": "cl1sfe2kn00482e6eukp8r9bj" },
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" }
},
{
"id": "cl1sfek9r004e2e6elkh3h7a2",
"from": { "blockId": "cl1sfbbw3003t2e6e16ec9w29" },
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" }
},
{
"id": "cl1sfen6a004f2e6estkfooss",
"from": { "blockId": "cl1sf2iix002n2e6egibs95yb" },
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" }
},
{
"id": "cl1sfeog5004g2e6eiil842nb",
"from": { "blockId": "cl1sf36ib002v2e6ejyyrrjnh" },
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" }
},
{
"id": "cl1sfeq3f004h2e6eglhjyx2o",
"from": { "blockId": "cl1sf2wom002s2e6e8cmcnhpn" },
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" }
},
{
"id": "cl1sfertf004i2e6epf68fwri",
"from": {
"blockId": "cl1ses31000222e6ebrb4wxo0",
"itemId": "cl1ses3y400242e6e1qjwkhq4"
},
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" }
},
{
"id": "cl1sfg9fc004k2e6egywpim9v",
"from": {
"blockId": "cl1sfat0h003p2e6e7j0hpilh",
"itemId": "cl1sfat0h003q2e6eyx6vxe0f"
},
"to": { "groupId": "cl1sffxet004j2e6ec6gfbffh" }
},
{
"id": "cl1sfgtau004n2e6ev68sikcr",
"from": { "blockId": "cl1sfat0h003p2e6e7j0hpilh" },
"to": { "groupId": "cl1sfgjlr004l2e6erykli1ud" }
}
],
"variables": [
{ "id": "vcl1sezzln002b2e6e6ssxh9bf", "name": "Lead Score" },
{ "id": "vcl1sf1ko5002g2e6egjmyb16v", "name": "Team size" },
{ "id": "vcl1sf525q00362e6eoyosycte", "name": "Country" },
{ "id": "vcl1sf93s2003l2e6eojomb66g", "name": "Company" }
],
"edges": [
{
"from": {
"groupId": "cl1seoz560000xk1ags8s67b0",
"blockId": "cl1seoz570001xk1ab0rd05k6"
},
"to": { "groupId": "cl1sep1c5001w2e6e77bb1uwb" },
"id": "cl1seraz9001z2e6e85zrx08l"
},
{
"from": {
"groupId": "cl1sern8w00202e6ez69l190j",
"blockId": "cl1ses31000222e6ebrb4wxo0",
"itemId": "cl1ses31100232e6eq3nnp2mm"
},
"to": { "groupId": "cl1sez6zd00262e6ebh59k1bs" },
"id": "cl1sezo4z00292e6ean8s487x"
},
{
"from": {
"groupId": "cl1sez6zd00262e6ebh59k1bs",
"blockId": "cl1sezlw700282e6eozkzmed0"
},
"to": { "groupId": "cl1sf0ogu002d2e6edyhcuu6f" },
"id": "cl1sf1mm0002h2e6eurv21l5n"
},
{
"from": {
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"blockId": "cl1sf1vkf002j2e6e971somqx",
"itemId": "cl1sf1vkg002k2e6ec54p0s4v"
},
"to": { "groupId": "cl1sf2wnu002r2e6ehdp859qv" },
"id": "cl1sf35fh002t2e6e8u68r9gz"
},
{
"from": {
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"blockId": "cl1sf2iix002n2e6egibs95yb",
"itemId": "cl1sf2iix002o2e6eai567rnj"
},
"to": { "groupId": "cl1sf36ia002u2e6e16ifow0z" },
"id": "cl1sf37rv002x2e6e7wz3lawd"
},
{
"from": {
"groupId": "cl1sf4qk500332e6e8gs5mn3t",
"blockId": "cl1sf738d003c2e6eswslikio",
"itemId": "cl1sf738d003d2e6eqpzlxh8f"
},
"to": { "groupId": "cl1sf7jbi003f2e6euy48woy4" },
"id": "cl1sf7qlx003h2e6e60635qrt"
},
{
"from": {
"groupId": "cl1sep1c5001w2e6e77bb1uwb",
"blockId": "cl1sezuul002a2e6ex7nc444j"
},
"to": { "groupId": "cl1sern8w00202e6ez69l190j" },
"id": "cl1sf8v96003k2e6e2rbcfjmz"
},
{
"from": {
"groupId": "cl1sf7jbi003f2e6euy48woy4",
"blockId": "cl1sf7jcx003g2e6ec1z9xh0w"
},
"to": { "groupId": "cl1sf85am003i2e6e1yq8eoa7" },
"id": "cl1sf99bb003m2e6eywy661ww"
},
{
"from": {
"groupId": "cl1sf4qk500332e6e8gs5mn3t",
"blockId": "cl1sf738d003c2e6eswslikio"
},
"to": { "groupId": "cl1sf85am003i2e6e1yq8eoa7" },
"id": "cl1sf9acz003n2e6ekwjq7209"
},
{
"from": {
"groupId": "cl1sfbbv0003s2e6eheyhv7ke",
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"itemId": "cl1sfbtz8003w2e6eodbt4ogs"
},
"to": { "groupId": "cl1sfdroa00452e6e5o458z9h" },
"id": "cl1sfebs9004a2e6ere0zokyo"
},
{
"from": {
"groupId": "cl1sfbbv0003s2e6eheyhv7ke",
"blockId": "cl1sfbbw3003t2e6e16ec9w29",
"itemId": "cl1sfc545003x2e6e833juo6m"
},
"to": { "groupId": "cl1sfe2kn00472e6ead4qs2d9" },
"id": "cl1sfedcd004b2e6eerh8hz33"
},
{
"from": {
"groupId": "cl1sfdroa00452e6e5o458z9h",
"blockId": "cl1sfdrpi00462e6emfd9sj14"
},
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" },
"id": "cl1sfeg2k004c2e6eu9rjnski"
},
{
"from": {
"groupId": "cl1sfe2kn00472e6ead4qs2d9",
"blockId": "cl1sfe2kn00482e6eukp8r9bj"
},
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" },
"id": "cl1sfeik5004d2e6ejj03f1gn"
},
{
"from": {
"groupId": "cl1sfbbv0003s2e6eheyhv7ke",
"blockId": "cl1sfbbw3003t2e6e16ec9w29"
},
"to": { "groupId": "cl1sf4qk500332e6e8gs5mn3t" },
"id": "cl1sfek9r004e2e6elkh3h7a2"
},
{
"from": {
"groupId": "cl1sf0ogu002d2e6edyhcuu6f",
"blockId": "cl1sf2iix002n2e6egibs95yb"
},
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" },
"id": "cl1sfen6a004f2e6estkfooss"
},
{
"from": {
"groupId": "cl1sf36ia002u2e6e16ifow0z",
"blockId": "cl1sf36ib002v2e6ejyyrrjnh"
},
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" },
"id": "cl1sfeog5004g2e6eiil842nb"
},
{
"from": {
"groupId": "cl1sf2wnu002r2e6ehdp859qv",
"blockId": "cl1sf2wom002s2e6e8cmcnhpn"
},
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" },
"id": "cl1sfeq3f004h2e6eglhjyx2o"
},
{
"from": {
"groupId": "cl1sern8w00202e6ez69l190j",
"blockId": "cl1ses31000222e6ebrb4wxo0",
"itemId": "cl1ses3y400242e6e1qjwkhq4"
},
"to": { "groupId": "cl1sfbbv0003s2e6eheyhv7ke" },
"id": "cl1sfertf004i2e6epf68fwri"
},
{
"from": {
"groupId": "cl1sf85am003i2e6e1yq8eoa7",
"blockId": "cl1sfat0h003p2e6e7j0hpilh",
"itemId": "cl1sfat0h003q2e6eyx6vxe0f"
},
"to": { "groupId": "cl1sffxet004j2e6ec6gfbffh" },
"id": "cl1sfg9fc004k2e6egywpim9v"
},
{
"from": {
"groupId": "cl1sf85am003i2e6e1yq8eoa7",
"blockId": "cl1sfat0h003p2e6e7j0hpilh"
},
"to": { "groupId": "cl1sfgjlr004l2e6erykli1ud" },
"id": "cl1sfgtau004n2e6ev68sikcr"
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-06T16:55:57.664Z",
"updatedAt": "2023-11-06T16:55:57.664Z",
"icon": "🏆",
"folderId": null,
"publicId": null,
"customDomain": null
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false,
"whatsAppCredentialsId": null
}

605
apps/builder/public/templates/movie-recommendation.json
View File

@@ -1,34 +1,24 @@
{
"id": "d8z3y5ats5r0lyptw938re79",
"version": "4",
"createdAt": "2023-08-06T05:56:35.727Z",
"updatedAt": "2023-08-06T06:39:16.019Z",
"icon": "🍿",
"version": "6",
"id": "cloo0wet7000h1aor38uwjxjw",
"name": "Movie recommendation",
"folderId": null,
"groups": [
"events": [
{
"id": "u6lpjibfjhyoqij5wjf9kvnl",
"title": "Start",
"blocks": [
{
"id": "rha69fygov33vym1hf6z837p",
"type": "start",
"label": "Start",
"groupId": "u6lpjibfjhyoqij5wjf9kvnl",
"outgoingEdgeId": "wfec8f4e1jtden2wqna6nrso"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "wfec8f4e1jtden2wqna6nrso",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "mjnkukpkpvf4ha2g4n5m804v",
"title": "Menu",
"graphCoordinates": { "x": 243.1, "y": 12.32 },
"blocks": [
{
"id": "kjlf184vxf0uorniwje28iqb",
"type": "Set variable",
"groupId": "mjnkukpkpvf4ha2g4n5m804v",
"options": {
"variableId": "vh5bxx07kl3016wr1undh2yb3",
"expressionToEvaluate": "2f584d1ffe2b7fb082dd4e05038e9bd7"
@@ -46,16 +36,14 @@
]
}
]
},
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "c7swi84rmdvrul0wz5kxtplm",
"type": "image",
"content": {
"url": "https://media3.giphy.com/media/BElb9DVpHezcZufOhl/giphy-downsized.gif?cid=fe3852a3uwhsp1sc3j6avr625v5e94h1v8o3wfb1ii3xwswk&rid=giphy-downsized.gif&ct=g"
},
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "nlihfc4ptxnxoktqblh6mcql",
@@ -67,16 +55,14 @@
"children": [{ "text": "It is powered by The Movie DB API 🚀" }]
}
]
},
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "vr73urm54d9mq2oqg7ey1xh8",
"type": "image",
"content": {
"url": "https://www.themoviedb.org/assets/2/v4/logos/v2/blue_square_1-5bdc75aaebeb75dc7ae79426ddd9be3b2be1e342510f8202baf6bffa71d7f5c4.svg"
},
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "g5yyuh9g75x7xa7fgqhhi1zz",
@@ -85,8 +71,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "How can I we help?" }] }
]
},
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "tzf45bvd8iquoxz7qgta8v94",
@@ -94,76 +79,65 @@
"items": [
{
"id": "kaimvzg9igdtktgou5m3s1bw",
"type": 0,
"blockId": "sodsq9mcigwvogmwx0t4jvil",
"content": "Select a genre 💅",
"outgoingEdgeId": "t8qyjpigrz7cdl8gxl1wxlwj"
"outgoingEdgeId": "t8qyjpigrz7cdl8gxl1wxlwj",
"content": "Select a genre 💅"
},
{
"id": "i8ls2f8inq2ovuijj6l7rbcq",
"type": 0,
"blockId": "sodsq9mcigwvogmwx0t4jvil",
"content": "See what's trending 🔝",
"outgoingEdgeId": "tjn2ljosqyd4aj9dk8mnifsu"
"outgoingEdgeId": "tjn2ljosqyd4aj9dk8mnifsu",
"content": "See what's trending 🔝"
}
],
"groupId": "mjnkukpkpvf4ha2g4n5m804v",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 255.25, "y": 172.89 }
]
},
{
"id": "kq1g5z6pz4buot7sawqdrr3s",
"title": "Genre",
"graphCoordinates": { "x": 607.85, "y": 295.32 },
"blocks": [
{
"id": "ecwz96cghzp4ji3lyx7taxt1",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Sure!" }] }]
},
"groupId": "kq1g5z6pz4buot7sawqdrr3s"
}
},
{
"id": "gd4lt2pcljer6zaf7v9hkr1k",
"type": "Webhook",
"groupId": "kq1g5z6pz4buot7sawqdrr3s",
"options": {
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"variableId": "vh5bxx07kl3016wr1undh2yb3",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7"
}
],
"responseVariableMapping": [
{
"id": "bm186wvb4e2aqj1myx5gc251",
"variableId": "vx0bbqzug4vk3zpc31ly8k7al",
"bodyPath": "data.genres.flatMap(item => item.name)"
},
{
"id": "xsrhvxf3hv74e2hkokmdflbc",
"variableId": "vwc00rydyp035vtb0nlaqyzwr",
"bodyPath": "data.genres.flatMap(item => item.id)"
}
],
"isAdvancedConfig": true,
"webhook": {
"id": "t4pht3ndfc8tu9geovi7czqm",
"url": "https://api.themoviedb.org/3/genre/movie/list",
"method": "GET",
"headers": [],
"queryParams": [
{
"id": "gq6m7x2k20qzrj752qi2zpmu",
"key": "api_key",
"value": "{{API Key}}"
}
]
},
"isCustomBody": false,
"isAdvancedConfig": true,
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7",
"variableId": "vh5bxx07kl3016wr1undh2yb3"
}
],
"responseVariableMapping": [
{
"id": "bm186wvb4e2aqj1myx5gc251",
"bodyPath": "data.genres.flatMap(item => item.name)",
"variableId": "vx0bbqzug4vk3zpc31ly8k7al"
},
{
"id": "xsrhvxf3hv74e2hkokmdflbc",
"bodyPath": "data.genres.flatMap(item => item.id)",
"variableId": "vwc00rydyp035vtb0nlaqyzwr"
}
]
],
"method": "GET",
"url": "https://api.themoviedb.org/3/genre/movie/list"
}
}
},
{
@@ -176,99 +150,82 @@
"children": [{ "text": "Select your desired genre 👇" }]
}
]
},
"groupId": "kq1g5z6pz4buot7sawqdrr3s"
}
},
{
"id": "nwuk2clo78hmnh4d0g31u9xg",
"type": "choice input",
"items": [
{
"id": "ri3avm9p0i96p8gx4028b6ye",
"type": 0,
"blockId": "eqm19tzeh7kullwld8auoqy4",
"content": "Click to edit"
}
{ "id": "ri3avm9p0i96p8gx4028b6ye", "content": "Click to edit" }
],
"groupId": "kq1g5z6pz4buot7sawqdrr3s",
"options": {
"variableId": "vkmbb3rb2hcfd2io1fhf7rz5x",
"buttonLabel": "Send",
"isMultipleChoice": false,
"dynamicVariableId": "vx0bbqzug4vk3zpc31ly8k7al"
}
},
{
"id": "j7pm34um4piuyabwlobjc356",
"outgoingEdgeId": "tfuuwjnpn7mftd5s65mbhytd",
"type": "Set variable",
"groupId": "kq1g5z6pz4buot7sawqdrr3s",
"options": {
"type": "Map item with same index",
"isCode": true,
"variableId": "vwewa4yugqch2sswdpneszk3i",
"type": "Map item with same index",
"mapListItemParams": {
"baseItemVariableId": "vkmbb3rb2hcfd2io1fhf7rz5x",
"baseListVariableId": "vx0bbqzug4vk3zpc31ly8k7al",
"targetListVariableId": "vwc00rydyp035vtb0nlaqyzwr"
},
"expressionToEvaluate": "{{Genre IDs}}.at({{Genres}}.indexOf({{Selected genre}}))"
},
"outgoingEdgeId": "tfuuwjnpn7mftd5s65mbhytd"
}
}
}
],
"graphCoordinates": { "x": 630.85, "y": 333.68 }
]
},
{
"id": "d6v9lh83c7zuwrhf2mmo6nxo",
"title": "Trending",
"graphCoordinates": { "x": 599.83, "y": 880.98 },
"blocks": [
{
"id": "edokvbp15ubqeuydw9n7wf4w",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Sure!" }] }]
},
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo"
}
},
{
"id": "pwxb57b8nc2bp764vcdstois",
"type": "Webhook",
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo",
"options": {
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"variableId": "vh5bxx07kl3016wr1undh2yb3",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7"
}
],
"responseVariableMapping": [
{
"id": "g5ga79m1dzgp28chaxlj2i72",
"variableId": "vkzk96oh1pmdjv2bt5ps60qc0",
"bodyPath": "data.results.flatMap(item => item.title)"
},
{
"id": "albmykstahw37np5gjuafxie",
"variableId": "vcmybxcoaytd2geo5sqx7v8hw",
"bodyPath": "data.results.flatMap(item => item.id)"
}
],
"isAdvancedConfig": true,
"webhook": {
"id": "a5oaijpqxo5a0mqrnjqg3tyt",
"url": "https://api.themoviedb.org/3/trending/movie/week",
"method": "GET",
"headers": [],
"queryParams": [
{
"id": "x9nxr63itm2lvbe8dmi53mi7",
"key": "api_key",
"value": "{{API Key}}"
}
]
},
"isCustomBody": false,
"isAdvancedConfig": true,
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7",
"variableId": "vh5bxx07kl3016wr1undh2yb3"
}
],
"responseVariableMapping": [
{
"id": "g5ga79m1dzgp28chaxlj2i72",
"bodyPath": "data.results.flatMap(item => item.title)",
"variableId": "vkzk96oh1pmdjv2bt5ps60qc0"
},
{
"id": "albmykstahw37np5gjuafxie",
"bodyPath": "data.results.flatMap(item => item.id)",
"variableId": "vcmybxcoaytd2geo5sqx7v8hw"
}
]
],
"method": "GET",
"url": "https://api.themoviedb.org/3/trending/movie/week"
}
}
},
{
@@ -281,51 +238,39 @@
"children": [{ "text": "Here are popular movies this week 👇" }]
}
]
},
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo"
}
},
{
"id": "krcvvncnqtn99v0qe1dzudrk",
"type": "choice input",
"items": [
{
"id": "dicb6lnv5kapkq0tygnx1abh",
"type": 0,
"blockId": "stlcncbupmsjxjipi86s45hy",
"content": "Click to edit"
}
{ "id": "dicb6lnv5kapkq0tygnx1abh", "content": "Click to edit" }
],
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo",
"options": {
"variableId": "vulnb1om2fk8mvkcesl8s15cr",
"buttonLabel": "Send",
"isMultipleChoice": false,
"dynamicVariableId": "vkzk96oh1pmdjv2bt5ps60qc0"
}
},
{
"id": "mgn6uuw2yebmengsukjramjx",
"outgoingEdgeId": "ual6xszx6tfcxqrnihc6zrvx",
"type": "Set variable",
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo",
"options": {
"type": "Map item with same index",
"isCode": true,
"variableId": "vzslfw8oyo1f08uo5rpkegn0x",
"type": "Map item with same index",
"mapListItemParams": {
"baseItemVariableId": "vulnb1om2fk8mvkcesl8s15cr",
"baseListVariableId": "vkzk96oh1pmdjv2bt5ps60qc0",
"targetListVariableId": "vcmybxcoaytd2geo5sqx7v8hw"
},
"expressionToEvaluate": "{{Trending IDs}}.at({{Trending Movies}}.indexOf({{Selected Trending Movie}}))"
},
"outgoingEdgeId": "ual6xszx6tfcxqrnihc6zrvx"
}
}
}
],
"graphCoordinates": { "x": 628.03, "y": 965.53 }
]
},
{
"id": "v35sky44jzz9fkwwul2qxufl",
"title": "Movies by genre",
"graphCoordinates": { "x": 952.84, "y": 294.85 },
"blocks": [
{
"id": "g2pgwx5yr1ou9vkoy6gdwuor",
@@ -341,19 +286,38 @@
]
}
]
},
"groupId": "v35sky44jzz9fkwwul2qxufl"
}
},
{
"id": "a2datk3pv8o6xgitwjsq61m2",
"type": "Webhook",
"groupId": "v35sky44jzz9fkwwul2qxufl",
"options": {
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"variableId": "vh5bxx07kl3016wr1undh2yb3",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7"
},
{
"id": "rofxlzwrcv1ksy8aub8cfi6p",
"variableId": "vwewa4yugqch2sswdpneszk3i",
"value": "16"
}
],
"responseVariableMapping": [
{
"id": "w8k1bxjsfkjxt64eev1ib96w",
"variableId": "vad8vq3jfyybxo4la57hfd529",
"bodyPath": "data.results.flatMap(item => item.title)"
},
{
"id": "zysikjyevakboax3czzec7nt",
"variableId": "vhc2pc1sv4xc778r9od2ctooz",
"bodyPath": "data.results.flatMap(item => item.id)"
}
],
"isAdvancedConfig": true,
"webhook": {
"id": "em7huyvp98pd6hr25md0l6hb",
"url": "https://api.themoviedb.org/3/discover/movie",
"method": "GET",
"headers": [],
"queryParams": [
{
"id": "mgwlp399a056o9jo93tjqp02",
@@ -365,78 +329,43 @@
"key": "with_genres",
"value": "{{Selected genre ID}}"
}
]
},
"isCustomBody": false,
"isAdvancedConfig": true,
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7",
"variableId": "vh5bxx07kl3016wr1undh2yb3"
},
{
"id": "rofxlzwrcv1ksy8aub8cfi6p",
"value": "16",
"variableId": "vwewa4yugqch2sswdpneszk3i"
}
],
"responseVariableMapping": [
{
"id": "w8k1bxjsfkjxt64eev1ib96w",
"bodyPath": "data.results.flatMap(item => item.title)",
"variableId": "vad8vq3jfyybxo4la57hfd529"
},
{
"id": "zysikjyevakboax3czzec7nt",
"bodyPath": "data.results.flatMap(item => item.id)",
"variableId": "vhc2pc1sv4xc778r9od2ctooz"
}
]
],
"method": "GET",
"url": "https://api.themoviedb.org/3/discover/movie"
}
}
},
{
"id": "tr5y76tx9ca336f8ob9odfa6",
"type": "choice input",
"items": [
{
"id": "uy2xwxoqhqol852cqsq17r9l",
"type": 0,
"blockId": "dxp0gakw90f3ckahjuphx5ir",
"content": "Click to edit"
}
{ "id": "uy2xwxoqhqol852cqsq17r9l", "content": "Click to edit" }
],
"groupId": "v35sky44jzz9fkwwul2qxufl",
"options": {
"variableId": "vyyr3j2pu76uzvf88laai8snl",
"buttonLabel": "Send",
"isMultipleChoice": false,
"dynamicVariableId": "vad8vq3jfyybxo4la57hfd529"
}
},
{
"id": "vudr8jrv2k3x0ubemt39tv7a",
"outgoingEdgeId": "r4wyd2185zhen98r5pmx53g9",
"type": "Set variable",
"groupId": "v35sky44jzz9fkwwul2qxufl",
"options": {
"type": "Map item with same index",
"isCode": true,
"variableId": "vzslfw8oyo1f08uo5rpkegn0x",
"type": "Map item with same index",
"mapListItemParams": {
"baseItemVariableId": "vyyr3j2pu76uzvf88laai8snl",
"baseListVariableId": "vad8vq3jfyybxo4la57hfd529",
"targetListVariableId": "vhc2pc1sv4xc778r9od2ctooz"
},
"expressionToEvaluate": "const movieIndex = {{Movies}}.indexOf({{Selected Movie}})\n\nreturn {{Movie IDs}}.at(movieIndex)"
},
"outgoingEdgeId": "r4wyd2185zhen98r5pmx53g9"
}
}
}
],
"graphCoordinates": { "x": 977.48, "y": 330.85 }
]
},
{
"id": "uozlg88loeb8xegu6y4le6k8",
"title": "Movie details",
"graphCoordinates": { "x": 1151.05, "y": 913.34 },
"blocks": [
{
"id": "ve9m7fromxw4tbm8558n8520",
@@ -445,66 +374,59 @@
"richText": [
{ "type": "p", "children": [{ "text": "Excellent choice 🔥" }] }
]
},
"groupId": "uozlg88loeb8xegu6y4le6k8"
}
},
{
"id": "xag9d5i5td40kdt3poyq5g4b",
"type": "Webhook",
"groupId": "uozlg88loeb8xegu6y4le6k8",
"options": {
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"variableId": "vh5bxx07kl3016wr1undh2yb3",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7"
},
{
"id": "ja5qwkznouhm00x8zvlghuk4",
"variableId": "vzslfw8oyo1f08uo5rpkegn0x",
"value": "965839"
}
],
"responseVariableMapping": [
{
"id": "dsfek7nejs1a7qqs4v61z709",
"variableId": "vdvjx1w1sorma4zq0qtsdqrdi",
"bodyPath": "data.imdb_id"
},
{
"id": "dtd0rrmz04m5gsi1gq855v1d",
"variableId": "vzns0wpumgo8vxjdty2w5t54a",
"bodyPath": "data.overview"
},
{
"id": "y53g06r3xml0f3jmpctlsgm1",
"variableId": "vzf5ryexokpr4dihiur2spm8z",
"bodyPath": "data.poster_path"
}
],
"isAdvancedConfig": true,
"webhook": {
"id": "ewrjdmbrm2yksvjrbp0z9duy",
"url": "https://api.themoviedb.org/3/movie/{{Selected Movie ID}}",
"method": "GET",
"headers": [],
"queryParams": [
{
"id": "f33u3unbezibfdv54kbkien3",
"key": "api_key",
"value": "{{API Key}}"
}
]
},
"isCustomBody": false,
"isAdvancedConfig": true,
"variablesForTest": [
{
"id": "oqbhwya4cewto5pfjmftjmpn",
"value": "2f584d1ffe2b7fb082dd4e05038e9bd7",
"variableId": "vh5bxx07kl3016wr1undh2yb3"
},
{
"id": "ja5qwkznouhm00x8zvlghuk4",
"value": "965839",
"variableId": "vzslfw8oyo1f08uo5rpkegn0x"
}
],
"responseVariableMapping": [
{
"id": "dsfek7nejs1a7qqs4v61z709",
"bodyPath": "data.imdb_id",
"variableId": "vdvjx1w1sorma4zq0qtsdqrdi"
},
{
"id": "dtd0rrmz04m5gsi1gq855v1d",
"bodyPath": "data.overview",
"variableId": "vzns0wpumgo8vxjdty2w5t54a"
},
{
"id": "y53g06r3xml0f3jmpctlsgm1",
"bodyPath": "data.poster_path",
"variableId": "vzf5ryexokpr4dihiur2spm8z"
}
]
],
"method": "GET",
"url": "https://api.themoviedb.org/3/movie/{{Selected Movie ID}}"
}
}
},
{
"id": "d0rsus9shxj8iowczbcaw53i",
"type": "Set variable",
"groupId": "uozlg88loeb8xegu6y4le6k8",
"options": {
"isCode": false,
"variableId": "vwitf3um5uweynypc0hxxwm14",
"expressionToEvaluate": "https://image.tmdb.org/t/p/w185{{Poster path}}"
}
@@ -512,8 +434,7 @@
{
"id": "nqnry4c1z3wwcni8rwpduuhe",
"type": "image",
"content": { "url": "{{Poster URL}}" },
"groupId": "uozlg88loeb8xegu6y4le6k8"
"content": { "url": "{{Poster URL}}" }
},
{
"id": "lhljw54rdykyqtjiuh6jsl5c",
@@ -522,8 +443,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "{{Movie Overview}}" }] }
]
},
"groupId": "uozlg88loeb8xegu6y4le6k8"
}
},
{
"id": "yifjhiamifo1y4ay7vols0mm",
@@ -531,56 +451,100 @@
"items": [
{
"id": "n4818dnrb4arw1xh5v0ot8vz",
"type": 0,
"blockId": "nahhsfc6hsok5sufxcknopxr",
"content": "Watch the movie",
"outgoingEdgeId": "fteu5frsbj8wejfhhwzuv8t1"
"outgoingEdgeId": "fteu5frsbj8wejfhhwzuv8t1",
"content": "Watch the movie"
},
{
"id": "j9d1pf2tndax0itezys7t73c",
"type": 0,
"blockId": "nahhsfc6hsok5sufxcknopxr",
"outgoingEdgeId": "zb79atxs2itliks4d00e35uy",
"content": "Find something else"
}
],
"groupId": "uozlg88loeb8xegu6y4le6k8",
"options": { "buttonLabel": "Send", "isMultipleChoice": false },
"outgoingEdgeId": "ntef5v9bt7vn4wg8s3dfm8yl"
]
}
],
"graphCoordinates": { "x": 1151.05, "y": 913.34 }
]
},
{
"id": "x4d8cdsyzoqz6vzsurnb8twc",
"title": "Redirect to IMDB",
"graphCoordinates": { "x": 1523.21, "y": 1433.33 },
"blocks": [
{
"id": "mw0e0bzwiokhndkkncp9niu2",
"type": "Redirect",
"groupId": "x4d8cdsyzoqz6vzsurnb8twc",
"options": {
"url": "https://m.imdb.com/title/{{IMDB ID}}",
"isNewTab": false
"url": "https://m.imdb.com/title/{{IMDB ID}}"
}
}
],
"graphCoordinates": { "x": 1616.55, "y": 1411.44 }
]
},
{
"id": "x9610wtdv125hg56wicm2qmv",
"title": "Return to menu",
"title": "",
"graphCoordinates": { "x": 1523.2, "y": 1620.1 },
"blocks": [
{
"id": "efto9jivvcvomj3kltf57hbb",
"type": "Jump",
"groupId": "x9610wtdv125hg56wicm2qmv",
"options": {
"blockId": "sodsq9mcigwvogmwx0t4jvil",
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
"groupId": "mjnkukpkpvf4ha2g4n5m804v",
"blockId": "tzf45bvd8iquoxz7qgta8v94"
}
}
],
"graphCoordinates": { "x": 1619.34, "y": 1586.5 }
]
}
],
"edges": [
{
"id": "wfec8f4e1jtden2wqna6nrso",
"from": { "eventId": "u6lpjibfjhyoqij5wjf9kvnl" },
"to": { "groupId": "mjnkukpkpvf4ha2g4n5m804v" }
},
{
"id": "t8qyjpigrz7cdl8gxl1wxlwj",
"from": {
"blockId": "tzf45bvd8iquoxz7qgta8v94",
"itemId": "kaimvzg9igdtktgou5m3s1bw"
},
"to": { "groupId": "kq1g5z6pz4buot7sawqdrr3s" }
},
{
"id": "tfuuwjnpn7mftd5s65mbhytd",
"from": { "blockId": "j7pm34um4piuyabwlobjc356" },
"to": { "groupId": "v35sky44jzz9fkwwul2qxufl" }
},
{
"id": "r4wyd2185zhen98r5pmx53g9",
"from": { "blockId": "vudr8jrv2k3x0ubemt39tv7a" },
"to": { "groupId": "uozlg88loeb8xegu6y4le6k8" }
},
{
"id": "fteu5frsbj8wejfhhwzuv8t1",
"from": {
"blockId": "yifjhiamifo1y4ay7vols0mm",
"itemId": "n4818dnrb4arw1xh5v0ot8vz"
},
"to": { "groupId": "x4d8cdsyzoqz6vzsurnb8twc" }
},
{
"id": "tjn2ljosqyd4aj9dk8mnifsu",
"from": {
"blockId": "tzf45bvd8iquoxz7qgta8v94",
"itemId": "i8ls2f8inq2ovuijj6l7rbcq"
},
"to": { "groupId": "d6v9lh83c7zuwrhf2mmo6nxo" }
},
{
"id": "ual6xszx6tfcxqrnihc6zrvx",
"from": { "blockId": "mgn6uuw2yebmengsukjramjx" },
"to": { "groupId": "uozlg88loeb8xegu6y4le6k8" }
},
{
"id": "zb79atxs2itliks4d00e35uy",
"from": {
"blockId": "yifjhiamifo1y4ay7vols0mm",
"itemId": "j9d1pf2tndax0itezys7t73c"
},
"to": { "groupId": "x9610wtdv125hg56wicm2qmv" }
}
],
"variables": [
@@ -601,109 +565,18 @@
{ "id": "vcmybxcoaytd2geo5sqx7v8hw", "name": "Trending IDs" },
{ "id": "vulnb1om2fk8mvkcesl8s15cr", "name": "Selected Trending Movie" }
],
"edges": [
{
"id": "wfec8f4e1jtden2wqna6nrso",
"to": { "groupId": "mjnkukpkpvf4ha2g4n5m804v" },
"from": {
"blockId": "rha69fygov33vym1hf6z837p",
"groupId": "u6lpjibfjhyoqij5wjf9kvnl"
}
},
{
"id": "t8qyjpigrz7cdl8gxl1wxlwj",
"to": { "groupId": "kq1g5z6pz4buot7sawqdrr3s" },
"from": {
"itemId": "kaimvzg9igdtktgou5m3s1bw",
"blockId": "tzf45bvd8iquoxz7qgta8v94",
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "tfuuwjnpn7mftd5s65mbhytd",
"to": { "groupId": "v35sky44jzz9fkwwul2qxufl" },
"from": {
"blockId": "j7pm34um4piuyabwlobjc356",
"groupId": "kq1g5z6pz4buot7sawqdrr3s"
}
},
{
"id": "r4wyd2185zhen98r5pmx53g9",
"to": { "groupId": "uozlg88loeb8xegu6y4le6k8" },
"from": {
"blockId": "vudr8jrv2k3x0ubemt39tv7a",
"groupId": "v35sky44jzz9fkwwul2qxufl"
}
},
{
"id": "fteu5frsbj8wejfhhwzuv8t1",
"to": { "groupId": "x4d8cdsyzoqz6vzsurnb8twc" },
"from": {
"itemId": "n4818dnrb4arw1xh5v0ot8vz",
"blockId": "yifjhiamifo1y4ay7vols0mm",
"groupId": "uozlg88loeb8xegu6y4le6k8"
}
},
{
"id": "tjn2ljosqyd4aj9dk8mnifsu",
"to": { "groupId": "d6v9lh83c7zuwrhf2mmo6nxo" },
"from": {
"itemId": "i8ls2f8inq2ovuijj6l7rbcq",
"blockId": "tzf45bvd8iquoxz7qgta8v94",
"groupId": "mjnkukpkpvf4ha2g4n5m804v"
}
},
{
"id": "ntef5v9bt7vn4wg8s3dfm8yl",
"to": { "groupId": "x9610wtdv125hg56wicm2qmv" },
"from": {
"blockId": "yifjhiamifo1y4ay7vols0mm",
"groupId": "uozlg88loeb8xegu6y4le6k8"
}
},
{
"id": "ual6xszx6tfcxqrnihc6zrvx",
"to": { "groupId": "uozlg88loeb8xegu6y4le6k8" },
"from": {
"blockId": "mgn6uuw2yebmengsukjramjx",
"groupId": "d6v9lh83c7zuwrhf2mmo6nxo"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0d253f" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#01b4e4" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:42:02.490Z",
"updatedAt": "2023-11-07T07:55:03.222Z",
"icon": "🍿",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

560
apps/builder/public/templates/nps.json
View File

@@ -1,37 +1,27 @@
{
"id": "clesntjqu00011a4xkgffc3p0",
"version": "4",
"createdAt": "2023-03-03T14:57:41.430Z",
"updatedAt": "2023-03-03T16:14:29.268Z",
"icon": "⭐",
"version": "6",
"id": "cloo0bge500071aorb4dadsju",
"name": "NPS Survey",
"folderId": null,
"groups": [
"events": [
{
"id": "yu8qfeteutmum1ghb0wqshu9",
"title": "Start",
"blocks": [
{
"id": "up8jk4o8xvbfqtzyd63hsrm5",
"type": "start",
"label": "Start",
"groupId": "yu8qfeteutmum1ghb0wqshu9",
"outgoingEdgeId": "qtd5p5sya9w8yoknvbhy493i"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "qtd5p5sya9w8yoknvbhy493i",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "g7l1tc86ty1r6x0yn0r2g1xo",
"title": "Intro",
"graphCoordinates": { "x": 10.99, "y": 85.96 },
"blocks": [
{
"id": "vep990mmfbe64nqczp66xebw",
"type": "text",
"content": {
"richText": [{ "type": "p", "children": [{ "text": "Hey! 👋" }] }]
},
"groupId": "g7l1tc86ty1r6x0yn0r2g1xo"
}
},
{
"id": "u1oeokc5j8bzwi4lwqyf7c8q",
@@ -49,8 +39,7 @@
]
}
]
},
"groupId": "g7l1tc86ty1r6x0yn0r2g1xo"
}
},
{
"id": "d3asw3zs2gahpxs3usun6lm5",
@@ -58,21 +47,17 @@
"items": [
{
"id": "wvjhc2vrkqy8512y0wvmciex",
"type": 0,
"blockId": "d3asw3zs2gahpxs3usun6lm5",
"content": "Sure!",
"outgoingEdgeId": "sjeyoptun1yu805ry37je1ni"
"outgoingEdgeId": "sjeyoptun1yu805ry37je1ni",
"content": "Sure!"
}
],
"groupId": "g7l1tc86ty1r6x0yn0r2g1xo",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 8.6484375, "y": 168.64453125 }
]
},
{
"id": "xgqei015z6d58gefpviz8053",
"title": "Recommendation",
"graphCoordinates": { "x": 360.5, "y": 86.64 },
"blocks": [
{
"id": "jcp3qhpb4wf95g0ylrp4e8zb",
@@ -88,74 +73,61 @@
]
}
]
},
"groupId": "xgqei015z6d58gefpviz8053"
}
},
{
"id": "bfvv74k8oz57kaqeqek3uen7",
"type": "rating input",
"groupId": "xgqei015z6d58gefpviz8053",
"options": {
"variableId": "vwqc8tzl0380h30vxh07fekmm",
"labels": {
"left": "Very unlikely",
"right": "Very likely",
"button": "Send"
"right": "Very likely"
},
"length": 10,
"buttonType": "Numbers",
"customIcon": { "isEnabled": false },
"variableId": "vwqc8tzl0380h30vxh07fekmm",
"isOneClickSubmitEnabled": true
}
},
{
"id": "z76m5qjuy15sa6b0p1re0nkp",
"outgoingEdgeId": "niec249stbfa2obm9mkd1pgw",
"type": "Condition",
"items": [
{
"id": "xy6ni2aj5dxys27itzbtvdzw",
"type": 1,
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"outgoingEdgeId": "zug5c4jy98sywgp1amtms6oc",
"content": {
"comparisons": [
{
"id": "r7s1l7ljsv7ugnbaz4u3gy5a",
"value": "8",
"variableId": "vwqc8tzl0380h30vxh07fekmm",
"comparisonOperator": "Greater than"
"comparisonOperator": "Greater than",
"value": "8"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "zug5c4jy98sywgp1amtms6oc"
]
}
},
{
"id": "vrhf4u4dt6u146eywqybgrk2",
"type": 1,
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"outgoingEdgeId": "qb38wjfqzksaujoppzrrto25",
"content": {
"comparisons": [
{
"id": "chowr4hsu9butjlwo0ul874g",
"value": "6",
"variableId": "vwqc8tzl0380h30vxh07fekmm",
"comparisonOperator": "Greater than"
"comparisonOperator": "Greater than",
"value": "6"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "qb38wjfqzksaujoppzrrto25"
]
}
}
],
"groupId": "xgqei015z6d58gefpviz8053",
"outgoingEdgeId": "niec249stbfa2obm9mkd1pgw"
]
}
],
"graphCoordinates": { "x": 368.4088194304369, "y": 168.5078125 }
]
},
{
"id": "rp2r31gn1w5t1aeej96bhjj3",
"title": "Good",
"graphCoordinates": { "x": 1078.85, "y": 292.9 },
"blocks": [
{
"id": "izehojk23xug74tylpm0wbib",
@@ -167,11 +139,11 @@
"children": [{ "text": "I'm glad to hear that 😍" }]
}
]
},
"groupId": "rp2r31gn1w5t1aeej96bhjj3"
}
},
{
"id": "qj3e1cxwjub800r6g3lfa4ei",
"outgoingEdgeId": "hycn6wx0j9ug4wf5vzz9aytx",
"type": "text",
"content": {
"richText": [
@@ -180,36 +152,33 @@
"children": [{ "text": "Could you tell us why?" }]
}
]
},
"groupId": "rp2r31gn1w5t1aeej96bhjj3",
"outgoingEdgeId": "hycn6wx0j9ug4wf5vzz9aytx"
}
}
],
"graphCoordinates": { "x": 1089.022509866445, "y": 366.18359375 }
]
},
{
"id": "sk1n3wpfit3uvfrh42fgcykm",
"title": "Why?",
"graphCoordinates": { "x": 1425.22, "y": 445.48 },
"blocks": [
{
"id": "ro6a6dt7j3x99unduh5jm6an",
"outgoingEdgeId": "y6gsa6pjrfeu8zi6evtzirs1",
"type": "text input",
"groupId": "sk1n3wpfit3uvfrh42fgcykm",
"options": {
"isLong": true,
"labels": { "button": "Send", "placeholder": "Type your answer..." }
},
"outgoingEdgeId": "y6gsa6pjrfeu8zi6evtzirs1"
"isLong": true
}
}
],
"graphCoordinates": { "x": 1448.80078125, "y": 435.79296875 }
]
},
{
"id": "qj9qgsbfv6u1f5oe1bjnwnu9",
"title": "Bad",
"graphCoordinates": { "x": 1067.22, "y": 575.86 },
"blocks": [
{
"id": "ou7airondk1mxm4inzzyyr1x",
"outgoingEdgeId": "glj5ishgke8i6s6eyjnmbel1",
"type": "text",
"content": {
"richText": [
@@ -218,67 +187,62 @@
"children": [{ "text": "Could you tell us what went wrong?" }]
}
]
},
"groupId": "qj9qgsbfv6u1f5oe1bjnwnu9",
"outgoingEdgeId": "glj5ishgke8i6s6eyjnmbel1"
}
}
],
"graphCoordinates": { "x": 1089.9140625, "y": 574.9296875 }
]
},
{
"id": "tavt0nuh54ck1hvq74kt74vf",
"title": "Set type",
"graphCoordinates": { "x": 726.83, "y": 234.02 },
"blocks": [
{
"id": "vdythdfi91vr47ipbfalddc6",
"outgoingEdgeId": "r74zv3gamsln3dbmp1gvxpa2",
"type": "Set variable",
"groupId": "tavt0nuh54ck1hvq74kt74vf",
"options": {
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"expressionToEvaluate": "Promoter"
},
"outgoingEdgeId": "r74zv3gamsln3dbmp1gvxpa2"
}
}
],
"graphCoordinates": { "x": 740.34375, "y": 319.4375 }
]
},
{
"id": "e887eoxfamv45hj8bz47jize",
"title": "Set type",
"graphCoordinates": { "x": 722.39, "y": 399.91 },
"blocks": [
{
"id": "w40rjuv0avoetpdj6l5nbiz6",
"outgoingEdgeId": "x62wj4inzidyj03ktiyu0g81",
"type": "Set variable",
"groupId": "e887eoxfamv45hj8bz47jize",
"options": {
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"expressionToEvaluate": "Neutral"
},
"outgoingEdgeId": "x62wj4inzidyj03ktiyu0g81"
}
}
],
"graphCoordinates": { "x": 738.046875, "y": 480.91015625 }
]
},
{
"id": "z4qtvedlz3mzcj4jdnfet2dc",
"title": "Set type",
"graphCoordinates": { "x": 722.56, "y": 566.11 },
"blocks": [
{
"id": "melr0p8nxssxe1qyat748uyy",
"outgoingEdgeId": "q5xllqzy4x1q3tdvpr1piwgi",
"type": "Set variable",
"groupId": "z4qtvedlz3mzcj4jdnfet2dc",
"options": {
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"expressionToEvaluate": "Detractor"
},
"outgoingEdgeId": "q5xllqzy4x1q3tdvpr1piwgi"
}
}
],
"graphCoordinates": { "x": 738.5078125, "y": 635.96484375 }
]
},
{
"id": "l7fupza0yi6os0ix6heyd7jz",
"title": "Final segmentation",
"graphCoordinates": { "x": 1777.5859375, "y": 396.8453917968819 },
"blocks": [
{
"id": "z4gsshsckqdu6m1umartgxgb",
@@ -286,64 +250,54 @@
"items": [
{
"id": "vd6ls562brvt5kld746ao63x",
"type": 1,
"blockId": "z4gsshsckqdu6m1umartgxgb",
"outgoingEdgeId": "fcels3dp2kabntjscmirxtl7",
"content": {
"comparisons": [
{
"id": "gclfcip3hr0p4vzk5o8n60ru",
"value": "Promoter",
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Promoter"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "fcels3dp2kabntjscmirxtl7"
]
}
},
{
"id": "vey2i7kouphj3dgzz1rtwuxb",
"type": 1,
"blockId": "z4gsshsckqdu6m1umartgxgb",
"outgoingEdgeId": "jyen1rcq5cxek118gkio0u6d",
"content": {
"comparisons": [
{
"id": "p7shnc0g3b377oip57r7xneq",
"value": "Neutral",
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Neutral"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "jyen1rcq5cxek118gkio0u6d"
]
}
},
{
"id": "cdi4c43wbyi3ajdns5klfg1g",
"type": 1,
"blockId": "z4gsshsckqdu6m1umartgxgb",
"outgoingEdgeId": "jjymvdpeyfqu2qpo6hh2zxeo",
"content": {
"comparisons": [
{
"id": "iy13qo2guletobbkauklye7a",
"value": "Detractor",
"variableId": "vcgkjbh8intf2cql1oteyj4mu",
"comparisonOperator": "Equal to"
"comparisonOperator": "Equal to",
"value": "Detractor"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "jjymvdpeyfqu2qpo6hh2zxeo"
]
}
}
],
"groupId": "l7fupza0yi6os0ix6heyd7jz"
]
}
],
"graphCoordinates": { "x": 1777.5859375, "y": 396.8453917968819 }
]
},
{
"id": "pp1ncsdaki07pfq5pjl53v6r",
"title": "Capterra?",
"graphCoordinates": { "x": 2160.71875, "y": 69.58984375 },
"blocks": [
{
"id": "eixinwxcgsng6v8blw6jdgwy",
@@ -352,8 +306,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Thank you! 🙏" }] }
]
},
"groupId": "pp1ncsdaki07pfq5pjl53v6r"
}
},
{
"id": "cjqu4wje2zr8i5ehivxv5567",
@@ -367,8 +320,7 @@
]
}
]
},
"groupId": "pp1ncsdaki07pfq5pjl53v6r"
}
},
{
"id": "v9pf4n5kcwon4g0yvwwc6vk3",
@@ -376,28 +328,22 @@
"items": [
{
"id": "y34d4iij8y9qrt28y240x7vm",
"type": 0,
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"content": "Sure!",
"outgoingEdgeId": "lw33kviri91z1mvxb87kaew0"
"outgoingEdgeId": "lw33kviri91z1mvxb87kaew0",
"content": "Sure!"
},
{
"id": "l7txnq6jtm0niynklcpzb21u",
"type": 0,
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"content": "Maybe later",
"outgoingEdgeId": "wjcvbnj1drs6if1p21a8yokf"
"outgoingEdgeId": "wjcvbnj1drs6if1p21a8yokf",
"content": "Maybe later"
}
],
"groupId": "pp1ncsdaki07pfq5pjl53v6r",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
}
],
"graphCoordinates": { "x": 2160.71875, "y": 69.58984375 }
]
},
{
"id": "znljx8q0q2ggih0ipu28ryby",
"title": "Bye cheerful",
"graphCoordinates": { "x": 2167.570274174784, "y": 543.712381679639 },
"blocks": [
{
"id": "m1my2b6gqq2hgfecw1vs2vcm",
@@ -411,8 +357,7 @@
]
}
]
},
"groupId": "znljx8q0q2ggih0ipu28ryby"
}
},
{
"id": "fyl3k7qc6jdmc8t38b9wkcrh",
@@ -421,23 +366,21 @@
"richText": [
{ "type": "p", "children": [{ "text": "Have a beautiful day!" }] }
]
},
"groupId": "znljx8q0q2ggih0ipu28ryby"
}
},
{
"id": "qobvos2ihgxb8e729ur8b2rv",
"type": "image",
"content": {
"url": "https://media3.giphy.com/media/qC2REWsp3fQ1v2mm74/giphy.gif?cid=fe3852a38k350b15tly68dp7plh5iskmlonklrofvce975cq&rid=giphy.gif&ct=g"
},
"groupId": "znljx8q0q2ggih0ipu28ryby"
}
}
],
"graphCoordinates": { "x": 2167.5702741747837, "y": 543.712381679639 }
]
},
{
"id": "vvbtgh5ptk49shyjn3zn6d71",
"title": "Bye sad",
"graphCoordinates": { "x": 2173.366603864535, "y": 949.7063235658585 },
"blocks": [
{
"id": "dfisk4xq8csn0t2aute6hbsd",
@@ -453,8 +396,7 @@
]
}
]
},
"groupId": "vvbtgh5ptk49shyjn3zn6d71"
}
},
{
"id": "u6vs0akagfjg63zq8z1rcc14",
@@ -471,23 +413,21 @@
]
}
]
},
"groupId": "vvbtgh5ptk49shyjn3zn6d71"
}
},
{
"id": "lfk1wt96u8yrtfkof6lrianc",
"type": "image",
"content": {
"url": "https://media1.giphy.com/media/kaBU6pgv0OsPHz2yxy/giphy-downsized.gif?cid=fe3852a30aonhd3he63idx7116fsc1sydsan2ggr9uq4hs9j&rid=giphy-downsized.gif&ct=g"
},
"groupId": "vvbtgh5ptk49shyjn3zn6d71"
}
}
],
"graphCoordinates": { "x": 2173.3666038645347, "y": 949.7063235658585 }
]
},
{
"id": "mwfu8ot0z37zfq2fbo5rcyrl",
"title": "Redirect Capterra",
"graphCoordinates": { "x": 2531.28515625, "y": 300.828125 },
"blocks": [
{
"id": "cd8ftyg6tkjggncxuo242u3j",
@@ -496,8 +436,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Amazing 🤩" }] }
]
},
"groupId": "mwfu8ot0z37zfq2fbo5rcyrl"
}
},
{
"id": "nigypz7fhnt07440o0829o81",
@@ -509,209 +448,148 @@
"children": [{ "text": "Let me take you there..." }]
}
]
},
"groupId": "mwfu8ot0z37zfq2fbo5rcyrl"
}
},
{
"id": "xr1or6dcptogabyvv6zepmw8",
"type": "Wait",
"groupId": "mwfu8ot0z37zfq2fbo5rcyrl",
"options": { "secondsToWaitFor": "1" }
},
{
"id": "bfyw1eabougkp2aqlrcrf6lz",
"type": "Redirect",
"groupId": "mwfu8ot0z37zfq2fbo5rcyrl",
"options": {
"url": "https://www.capterra.com/p/233968/Typebot/",
"isNewTab": false
"url": "https://www.capterra.com/p/233968/Typebot/"
}
}
],
"graphCoordinates": { "x": 2531.28515625, "y": 300.828125 }
]
}
],
"edges": [
{
"id": "qtd5p5sya9w8yoknvbhy493i",
"from": { "eventId": "yu8qfeteutmum1ghb0wqshu9" },
"to": { "groupId": "g7l1tc86ty1r6x0yn0r2g1xo" }
},
{
"id": "glj5ishgke8i6s6eyjnmbel1",
"from": { "blockId": "ou7airondk1mxm4inzzyyr1x" },
"to": { "groupId": "sk1n3wpfit3uvfrh42fgcykm" }
},
{
"id": "hycn6wx0j9ug4wf5vzz9aytx",
"from": { "blockId": "qj3e1cxwjub800r6g3lfa4ei" },
"to": { "groupId": "sk1n3wpfit3uvfrh42fgcykm" }
},
{
"id": "zug5c4jy98sywgp1amtms6oc",
"from": {
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"itemId": "xy6ni2aj5dxys27itzbtvdzw"
},
"to": { "groupId": "tavt0nuh54ck1hvq74kt74vf" }
},
{
"id": "niec249stbfa2obm9mkd1pgw",
"from": { "blockId": "z76m5qjuy15sa6b0p1re0nkp" },
"to": { "groupId": "z4qtvedlz3mzcj4jdnfet2dc" }
},
{
"id": "qb38wjfqzksaujoppzrrto25",
"from": {
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"itemId": "vrhf4u4dt6u146eywqybgrk2"
},
"to": { "groupId": "e887eoxfamv45hj8bz47jize" }
},
{
"id": "r74zv3gamsln3dbmp1gvxpa2",
"from": { "blockId": "vdythdfi91vr47ipbfalddc6" },
"to": { "groupId": "rp2r31gn1w5t1aeej96bhjj3" }
},
{
"id": "x62wj4inzidyj03ktiyu0g81",
"from": { "blockId": "w40rjuv0avoetpdj6l5nbiz6" },
"to": {
"groupId": "rp2r31gn1w5t1aeej96bhjj3",
"blockId": "qj3e1cxwjub800r6g3lfa4ei"
}
},
{
"id": "q5xllqzy4x1q3tdvpr1piwgi",
"from": { "blockId": "melr0p8nxssxe1qyat748uyy" },
"to": { "groupId": "qj9qgsbfv6u1f5oe1bjnwnu9" }
},
{
"id": "y6gsa6pjrfeu8zi6evtzirs1",
"from": { "blockId": "ro6a6dt7j3x99unduh5jm6an" },
"to": { "groupId": "l7fupza0yi6os0ix6heyd7jz" }
},
{
"id": "jjymvdpeyfqu2qpo6hh2zxeo",
"from": {
"blockId": "z4gsshsckqdu6m1umartgxgb",
"itemId": "cdi4c43wbyi3ajdns5klfg1g"
},
"to": { "groupId": "vvbtgh5ptk49shyjn3zn6d71" }
},
{
"id": "jyen1rcq5cxek118gkio0u6d",
"from": {
"blockId": "z4gsshsckqdu6m1umartgxgb",
"itemId": "vey2i7kouphj3dgzz1rtwuxb"
},
"to": { "groupId": "znljx8q0q2ggih0ipu28ryby" }
},
{
"id": "wjcvbnj1drs6if1p21a8yokf",
"from": {
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"itemId": "l7txnq6jtm0niynklcpzb21u"
},
"to": { "groupId": "znljx8q0q2ggih0ipu28ryby" }
},
{
"id": "lw33kviri91z1mvxb87kaew0",
"from": {
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"itemId": "y34d4iij8y9qrt28y240x7vm"
},
"to": { "groupId": "mwfu8ot0z37zfq2fbo5rcyrl" }
},
{
"id": "sjeyoptun1yu805ry37je1ni",
"from": {
"blockId": "d3asw3zs2gahpxs3usun6lm5",
"itemId": "wvjhc2vrkqy8512y0wvmciex"
},
"to": { "groupId": "xgqei015z6d58gefpviz8053" }
},
{
"id": "fcels3dp2kabntjscmirxtl7",
"from": {
"blockId": "z4gsshsckqdu6m1umartgxgb",
"itemId": "vd6ls562brvt5kld746ao63x"
},
"to": { "groupId": "pp1ncsdaki07pfq5pjl53v6r" }
}
],
"variables": [
{ "id": "vwqc8tzl0380h30vxh07fekmm", "name": "Recommend rate" },
{ "id": "vcgkjbh8intf2cql1oteyj4mu", "name": "Type" }
],
"edges": [
{
"id": "qtd5p5sya9w8yoknvbhy493i",
"to": { "groupId": "g7l1tc86ty1r6x0yn0r2g1xo" },
"from": {
"blockId": "up8jk4o8xvbfqtzyd63hsrm5",
"groupId": "yu8qfeteutmum1ghb0wqshu9"
}
},
{
"id": "glj5ishgke8i6s6eyjnmbel1",
"to": { "groupId": "sk1n3wpfit3uvfrh42fgcykm" },
"from": {
"blockId": "ou7airondk1mxm4inzzyyr1x",
"groupId": "qj9qgsbfv6u1f5oe1bjnwnu9"
}
},
{
"id": "hycn6wx0j9ug4wf5vzz9aytx",
"to": { "groupId": "sk1n3wpfit3uvfrh42fgcykm" },
"from": {
"blockId": "qj3e1cxwjub800r6g3lfa4ei",
"groupId": "rp2r31gn1w5t1aeej96bhjj3"
}
},
{
"id": "zug5c4jy98sywgp1amtms6oc",
"to": { "groupId": "tavt0nuh54ck1hvq74kt74vf" },
"from": {
"itemId": "xy6ni2aj5dxys27itzbtvdzw",
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"groupId": "xgqei015z6d58gefpviz8053"
}
},
{
"id": "niec249stbfa2obm9mkd1pgw",
"to": { "groupId": "z4qtvedlz3mzcj4jdnfet2dc" },
"from": {
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"groupId": "xgqei015z6d58gefpviz8053"
}
},
{
"id": "qb38wjfqzksaujoppzrrto25",
"to": { "groupId": "e887eoxfamv45hj8bz47jize" },
"from": {
"itemId": "vrhf4u4dt6u146eywqybgrk2",
"blockId": "z76m5qjuy15sa6b0p1re0nkp",
"groupId": "xgqei015z6d58gefpviz8053"
}
},
{
"id": "r74zv3gamsln3dbmp1gvxpa2",
"to": { "groupId": "rp2r31gn1w5t1aeej96bhjj3" },
"from": {
"blockId": "vdythdfi91vr47ipbfalddc6",
"groupId": "tavt0nuh54ck1hvq74kt74vf"
}
},
{
"id": "x62wj4inzidyj03ktiyu0g81",
"to": {
"blockId": "qj3e1cxwjub800r6g3lfa4ei",
"groupId": "rp2r31gn1w5t1aeej96bhjj3"
},
"from": {
"blockId": "w40rjuv0avoetpdj6l5nbiz6",
"groupId": "e887eoxfamv45hj8bz47jize"
}
},
{
"id": "q5xllqzy4x1q3tdvpr1piwgi",
"to": { "groupId": "qj9qgsbfv6u1f5oe1bjnwnu9" },
"from": {
"blockId": "melr0p8nxssxe1qyat748uyy",
"groupId": "z4qtvedlz3mzcj4jdnfet2dc"
}
},
{
"id": "y6gsa6pjrfeu8zi6evtzirs1",
"to": { "groupId": "l7fupza0yi6os0ix6heyd7jz" },
"from": {
"blockId": "ro6a6dt7j3x99unduh5jm6an",
"groupId": "sk1n3wpfit3uvfrh42fgcykm"
}
},
{
"id": "jjymvdpeyfqu2qpo6hh2zxeo",
"to": { "groupId": "vvbtgh5ptk49shyjn3zn6d71" },
"from": {
"itemId": "cdi4c43wbyi3ajdns5klfg1g",
"blockId": "z4gsshsckqdu6m1umartgxgb",
"groupId": "l7fupza0yi6os0ix6heyd7jz"
}
},
{
"id": "jyen1rcq5cxek118gkio0u6d",
"to": { "groupId": "znljx8q0q2ggih0ipu28ryby" },
"from": {
"itemId": "vey2i7kouphj3dgzz1rtwuxb",
"blockId": "z4gsshsckqdu6m1umartgxgb",
"groupId": "l7fupza0yi6os0ix6heyd7jz"
}
},
{
"id": "wjcvbnj1drs6if1p21a8yokf",
"to": { "groupId": "znljx8q0q2ggih0ipu28ryby" },
"from": {
"itemId": "l7txnq6jtm0niynklcpzb21u",
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"groupId": "pp1ncsdaki07pfq5pjl53v6r"
}
},
{
"id": "lw33kviri91z1mvxb87kaew0",
"to": { "groupId": "mwfu8ot0z37zfq2fbo5rcyrl" },
"from": {
"itemId": "y34d4iij8y9qrt28y240x7vm",
"blockId": "v9pf4n5kcwon4g0yvwwc6vk3",
"groupId": "pp1ncsdaki07pfq5pjl53v6r"
}
},
{
"id": "sjeyoptun1yu805ry37je1ni",
"to": { "groupId": "xgqei015z6d58gefpviz8053" },
"from": {
"itemId": "wvjhc2vrkqy8512y0wvmciex",
"blockId": "d3asw3zs2gahpxs3usun6lm5",
"groupId": "g7l1tc86ty1r6x0yn0r2g1xo"
}
},
{
"id": "fcels3dp2kabntjscmirxtl7",
"to": { "groupId": "pp1ncsdaki07pfq5pjl53v6r" },
"from": {
"itemId": "vd6ls562brvt5kld746ao63x",
"blockId": "z4gsshsckqdu6m1umartgxgb",
"groupId": "l7fupza0yi6os0ix6heyd7jz"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:25:44.765Z",
"updatedAt": "2023-11-07T07:26:12.044Z",
"icon": "⭐",
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

326
apps/builder/public/templates/onboarding.json
View File

@@ -1,29 +1,20 @@
{
"id": "qkvenb8ur2y0ahlbckmx7law",
"version": "4",
"createdAt": "2023-02-22T14:26:28.592Z",
"updatedAt": "2023-02-22T14:28:05.063Z",
"icon": null,
"version": "6",
"id": "cloo0gjvx00091aoryw72ns37",
"name": "Onboarding copy",
"folderId": null,
"groups": [
"events": [
{
"id": "yp9qsayuwzhihxc7gzt68osm",
"title": "Start",
"blocks": [
{
"id": "cl1265zct0001mb1afel460do",
"type": "start",
"label": "Start",
"groupId": "yp9qsayuwzhihxc7gzt68osm",
"outgoingEdgeId": "qehono05saho85xk59apfvtr"
}
],
"graphCoordinates": { "x": 0, "y": 0 }
},
"outgoingEdgeId": "qehono05saho85xk59apfvtr",
"graphCoordinates": { "x": 0, "y": 0 },
"type": "start"
}
],
"groups": [
{
"id": "az9nafw4tu9b6dyh3cvutlek",
"title": "Name",
"graphCoordinates": { "x": 247.01, "y": 1.45 },
"blocks": [
{
"id": "cl1267q2c000e2e6dynjeg83n",
@@ -32,8 +23,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Welcome 👋" }] }
]
},
"groupId": "az9nafw4tu9b6dyh3cvutlek"
}
},
{
"id": "cl1267y1u000f2e6d4rlglv6g",
@@ -42,29 +32,22 @@
"richText": [
{ "type": "p", "children": [{ "text": "What's your name?" }] }
]
},
"groupId": "az9nafw4tu9b6dyh3cvutlek"
}
},
{
"id": "cl126820m000g2e6dfleq78bt",
"outgoingEdgeId": "j6x356fbxo32zd9ezje77t4j",
"type": "text input",
"groupId": "az9nafw4tu9b6dyh3cvutlek",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type your answer..."
},
"variableId": "cl126f4hf000i2e6d8zvzc3t1"
},
"outgoingEdgeId": "j6x356fbxo32zd9ezje77t4j"
}
}
],
"graphCoordinates": { "x": 329.13877189828236, "y": 5.648473810990222 }
]
},
{
"id": "s3hgjtmb1bzq6ip2bm9w1r53",
"title": "Company",
"graphCoordinates": { "x": 603.62, "y": 1.09 },
"blocks": [
{
"id": "cl1266v6f000a2e6db7wj3ux7",
@@ -73,8 +56,7 @@
"richText": [
{ "type": "p", "children": [{ "text": "Welcome {{Name}} 👋" }] }
]
},
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "cl126hb9m000l2e6d5qk3mohn",
@@ -90,8 +72,7 @@
]
}
]
},
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "cl126hpw1000m2e6dneousygl",
@@ -107,8 +88,7 @@
]
}
]
},
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "cl126guhd000k2e6d6ypkex9z",
@@ -122,8 +102,7 @@
]
}
]
},
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "cl126ixp9000q2e6dslh0zypi",
@@ -135,50 +114,37 @@
"children": [{ "text": "Do you work for a specific company?" }]
}
]
},
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "cl126jb2q000r2e6dgqlnxnt8",
"type": "choice input",
"items": [
{
"id": "cl126jb2q000s2e6dm60yq5p2",
"type": 0,
"blockId": "cl126jb2q000r2e6dgqlnxnt8",
"content": "Yes"
},
{ "id": "cl126jb2q000s2e6dm60yq5p2", "content": "Yes" },
{
"id": "cl126jc5a000t2e6dqv91w7j6",
"type": 0,
"blockId": "cl126jb2q000r2e6dgqlnxnt8",
"content": "No",
"outgoingEdgeId": "dhva247te6v1cwfbte78bx4v"
"outgoingEdgeId": "dhva247te6v1cwfbte78bx4v",
"content": "No"
}
],
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53",
"options": { "buttonLabel": "Send", "isMultipleChoice": false }
]
},
{
"id": "cl126jioz000v2e6dwrk1f2cb",
"outgoingEdgeId": "c5qdoivxsbhu1mkxkmw9yxft",
"type": "text input",
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53",
"options": {
"isLong": false,
"labels": {
"button": "Send",
"placeholder": "Type the company name..."
},
"variableId": "cl126jqww000w2e6dq9yv4ifq"
},
"outgoingEdgeId": "c5qdoivxsbhu1mkxkmw9yxft"
}
}
],
"graphCoordinates": { "x": 679.828061917379, "y": 3.351428911218571 }
]
},
{
"id": "m8k3pv1rjckh3arxgitwo43i",
"title": "Bot category",
"graphCoordinates": { "x": 972.94, "y": -0.07 },
"blocks": [
{
"id": "cl126krck00112e6d1m6ctxpn",
@@ -194,8 +160,7 @@
]
}
]
},
"groupId": "m8k3pv1rjckh3arxgitwo43i"
}
},
{
"id": "cl126lb8v00142e6duv5qe08l",
@@ -203,91 +168,57 @@
"items": [
{
"id": "cl126onz9001g2e6dk0nbjeu6",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Lead qualification"
},
{
"id": "cl126lm6c00172e6d1pfvdiju",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Customer support"
},
{
"id": "cl126orr2001h2e6d0fqs7737",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Customer research"
},
{
"id": "cl126oudu001i2e6dktwi7qwv",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "User onboarding"
},
{
"id": "cl126luv500192e6dl317ssyr",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Quizzes"
},
{ "id": "cl126oudu001i2e6dktwi7qwv", "content": "User onboarding" },
{ "id": "cl126luv500192e6dl317ssyr", "content": "Quizzes" },
{
"id": "cl126lz8q001a2e6d8b9lb3b5",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Content distribution"
},
{
"id": "cl126nf7k001d2e6dg2zczjgz",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "FAQ"
},
{
"id": "cl126ngy8001e2e6ddfo5s9fm",
"type": 0,
"blockId": "cl126lb8v00142e6duv5qe08l",
"content": "Other"
}
{ "id": "cl126nf7k001d2e6dg2zczjgz", "content": "FAQ" },
{ "id": "cl126ngy8001e2e6ddfo5s9fm", "content": "Other" }
],
"groupId": "m8k3pv1rjckh3arxgitwo43i",
"options": {
"variableId": "cl126mo3t001b2e6dvyi16bkd",
"buttonLabel": "Send",
"isMultipleChoice": true
}
},
{
"id": "cl1278gyk002w2e6d744eb87n",
"outgoingEdgeId": "zvr4qou4drmkvyyikya9y6ku",
"type": "Condition",
"items": [
{
"id": "cl1278gyk002x2e6dwmpzs3nf",
"type": 1,
"blockId": "cl1278gyk002w2e6d744eb87n",
"outgoingEdgeId": "mgsnzw7w104odi0mz9qjg8hf",
"content": {
"comparisons": [
{
"id": "cl1278irq002y2e6dv4965diw",
"value": "Other",
"variableId": "cl126mo3t001b2e6dvyi16bkd",
"comparisonOperator": "Contains"
"comparisonOperator": "Contains",
"value": "Other"
}
],
"logicalOperator": "AND"
},
"outgoingEdgeId": "mgsnzw7w104odi0mz9qjg8hf"
]
}
}
],
"groupId": "m8k3pv1rjckh3arxgitwo43i",
"outgoingEdgeId": "zvr4qou4drmkvyyikya9y6ku"
]
}
],
"graphCoordinates": { "x": 1030.2081982319628, "y": -0.2818258211374715 }
]
},
{
"id": "cnf2ljrlt875d005783ju7hc",
"title": "Bye",
"graphCoordinates": { "x": 1522.31, "y": 220.27 },
"blocks": [
{
"id": "cl126p76d001k2e6dbhnf2ysq",
@@ -301,20 +232,17 @@
]
}
]
},
"groupId": "cnf2ljrlt875d005783ju7hc"
}
},
{
"id": "cl126rfy6001t2e6d21gcb6b0",
"type": "image",
"content": {
"url": "https://media4.giphy.com/media/l0amJzVHIAfl7jMDos/giphy.gif?cid=fe3852a3i4c33635xdtj3nesr9uq4zteujaab6b0jr42gpxx&rid=giphy.gif&ct=g"
},
"groupId": "cnf2ljrlt875d005783ju7hc"
}
},
{
"id": "agi2i9xxed4jvv40rnrkf23r",
"groupId": "cnf2ljrlt875d005783ju7hc",
"type": "text",
"content": {
"richText": [
@@ -322,12 +250,12 @@
]
}
}
],
"graphCoordinates": { "x": 1585.6402200792238, "y": 219.28927860860924 }
]
},
{
"id": "hduy797g246pj8qnhsxy5kt5",
"title": "Other category",
"graphCoordinates": { "x": 1310.68, "y": -6.8 },
"blocks": [
{
"id": "cl127yxym000b2e6d9hksxo6h",
@@ -336,22 +264,60 @@
"richText": [
{ "type": "p", "children": [{ "text": "What else?" }] }
]
},
"groupId": "hduy797g246pj8qnhsxy5kt5"
}
},
{
"id": "cl126pv7n001o2e6dajltc4qz",
"outgoingEdgeId": "vk0mgizwhw761s9eo9lx88yv",
"type": "text input",
"groupId": "hduy797g246pj8qnhsxy5kt5",
"options": {
"isLong": false,
"labels": { "button": "Send", "placeholder": "Type your answer" },
"variableId": "cl126q38p001q2e6d0hj23f6b"
},
"outgoingEdgeId": "vk0mgizwhw761s9eo9lx88yv"
}
}
],
"graphCoordinates": { "x": 1369.6844213687823, "y": -7.90789096298402 }
]
}
],
"edges": [
{
"id": "qehono05saho85xk59apfvtr",
"from": { "eventId": "yp9qsayuwzhihxc7gzt68osm" },
"to": { "groupId": "az9nafw4tu9b6dyh3cvutlek" }
},
{
"id": "dhva247te6v1cwfbte78bx4v",
"from": {
"blockId": "cl126jb2q000r2e6dgqlnxnt8",
"itemId": "cl126jc5a000t2e6dqv91w7j6"
},
"to": { "groupId": "m8k3pv1rjckh3arxgitwo43i" }
},
{
"id": "mgsnzw7w104odi0mz9qjg8hf",
"from": {
"blockId": "cl1278gyk002w2e6d744eb87n",
"itemId": "cl1278gyk002x2e6dwmpzs3nf"
},
"to": { "groupId": "hduy797g246pj8qnhsxy5kt5" }
},
{
"id": "zvr4qou4drmkvyyikya9y6ku",
"from": { "blockId": "cl1278gyk002w2e6d744eb87n" },
"to": { "groupId": "cnf2ljrlt875d005783ju7hc" }
},
{
"id": "c5qdoivxsbhu1mkxkmw9yxft",
"from": { "blockId": "cl126jioz000v2e6dwrk1f2cb" },
"to": { "groupId": "m8k3pv1rjckh3arxgitwo43i" }
},
{
"id": "j6x356fbxo32zd9ezje77t4j",
"from": { "blockId": "cl126820m000g2e6dfleq78bt" },
"to": { "groupId": "s3hgjtmb1bzq6ip2bm9w1r53" }
},
{
"id": "vk0mgizwhw761s9eo9lx88yv",
"from": { "blockId": "cl126pv7n001o2e6dajltc4qz" },
"to": { "groupId": "cnf2ljrlt875d005783ju7hc" }
}
],
"variables": [
@@ -360,102 +326,18 @@
{ "id": "cl126mo3t001b2e6dvyi16bkd", "name": "Categories" },
{ "id": "cl126q38p001q2e6d0hj23f6b", "name": "Other categories" }
],
"edges": [
{
"id": "dhva247te6v1cwfbte78bx4v",
"to": { "groupId": "m8k3pv1rjckh3arxgitwo43i" },
"from": {
"itemId": "cl126jc5a000t2e6dqv91w7j6",
"blockId": "cl126jb2q000r2e6dgqlnxnt8",
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "mgsnzw7w104odi0mz9qjg8hf",
"to": { "groupId": "hduy797g246pj8qnhsxy5kt5" },
"from": {
"itemId": "cl1278gyk002x2e6dwmpzs3nf",
"blockId": "cl1278gyk002w2e6d744eb87n",
"groupId": "m8k3pv1rjckh3arxgitwo43i"
}
},
{
"id": "zvr4qou4drmkvyyikya9y6ku",
"to": { "groupId": "cnf2ljrlt875d005783ju7hc" },
"from": {
"blockId": "cl1278gyk002w2e6d744eb87n",
"groupId": "m8k3pv1rjckh3arxgitwo43i"
}
},
{
"id": "c5qdoivxsbhu1mkxkmw9yxft",
"to": { "groupId": "m8k3pv1rjckh3arxgitwo43i" },
"from": {
"blockId": "cl126jioz000v2e6dwrk1f2cb",
"groupId": "s3hgjtmb1bzq6ip2bm9w1r53"
}
},
{
"id": "j6x356fbxo32zd9ezje77t4j",
"to": { "groupId": "s3hgjtmb1bzq6ip2bm9w1r53" },
"from": {
"blockId": "cl126820m000g2e6dfleq78bt",
"groupId": "az9nafw4tu9b6dyh3cvutlek"
}
},
{
"id": "qehono05saho85xk59apfvtr",
"to": { "groupId": "az9nafw4tu9b6dyh3cvutlek" },
"from": {
"blockId": "cl1265zct0001mb1afel460do",
"groupId": "yp9qsayuwzhihxc7gzt68osm"
}
},
{
"id": "vk0mgizwhw761s9eo9lx88yv",
"to": { "groupId": "cnf2ljrlt875d005783ju7hc" },
"from": {
"blockId": "cl126pv7n001o2e6dajltc4qz",
"groupId": "hduy797g246pj8qnhsxy5kt5"
}
}
],
"theme": {
"chat": {
"inputs": {
"color": "#303235",
"backgroundColor": "#FFFFFF",
"placeholderColor": "#9095A0"
},
"buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
"hostAvatar": {
"isEnabled": true
},
"hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
"guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
},
"general": {
"font": "Open Sans",
"background": { "type": "Color", "content": "#ffffff" }
}
},
"settings": {
"general": {
"isBrandingEnabled": false,
"isInputPrefillEnabled": true,
"isResultSavingEnabled": true,
"isHideQueryParamsEnabled": true,
"isNewResultOnRefreshEnabled": true
},
"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 }
},
"theme": {},
"selectedThemeTemplateId": null,
"settings": {},
"createdAt": "2023-11-07T07:29:42.573Z",
"updatedAt": "2023-11-07T07:30:16.347Z",
"icon": null,
"folderId": null,
"publicId": null,
"customDomain": null,
"workspaceId": "freeWorkspace",
"workspaceId": "proWorkspace",
"resultsTablePreferences": null,
"isArchived": false,
"isClosed": false
"isClosed": false,
"whatsAppCredentialsId": null
}

1155
apps/builder/public/templates/product-recommendation.json
View File

File diff suppressed because it is too large Load Diff

527
apps/builder/public/templates/quiz.json
View File

File diff suppressed because it is too large Load Diff

7
apps/builder/src/assets/styles/plate.css
View File

@@ -1,3 +1,10 @@
.slate-inline-code {
background-color: #805ad5;
color: white;
padding: 0.125rem 0.25rem;
border-radius: 0.35rem;
}
.slate-variable {
background-color: #ff8b1a;
color: #ffffff;

6
apps/builder/src/components/DropdownList.tsx
View File

@@ -10,7 +10,7 @@ import {
Stack,
} from '@chakra-ui/react'
import { ChevronLeftIcon } from '@/components/icons'
import React, { ReactNode } from 'react'
import React from 'react'
// eslint-disable-next-line @typescript-eslint/no-explicit-any
type Props<T extends readonly any[]> = {
@@ -42,7 +42,7 @@ export const DropdownList = <T extends readonly any[]>({
{...props}
>
<chakra.span noOfLines={1} display="block">
{(currentItem ?? placeholder) as unknown as ReactNode}
{currentItem ?? placeholder}
</chakra.span>
</MenuButton>
<Portal>
@@ -57,7 +57,7 @@ export const DropdownList = <T extends readonly any[]>({
textOverflow="ellipsis"
onClick={handleMenuItemClick(item)}
>
{item as unknown as ReactNode}
{item}
</MenuItem>
))}
</Stack>

15
apps/builder/src/components/TableList.tsx
View File

@@ -11,6 +11,10 @@ import { TrashIcon, PlusIcon } from '@/components/icons'
import { createId } from '@paralleldrive/cuid2'
import React, { useEffect, useState } from 'react'
const defaultItem = {
id: createId(),
}
type ItemWithId<T> = T & { id: string }
export type TableListItemProps<T> = {
@@ -19,10 +23,11 @@ export type TableListItemProps<T> = {
}
type Props<T> = {
initialItems: ItemWithId<T>[]
initialItems?: ItemWithId<T>[]
isOrdered?: boolean
addLabel?: string
newItemDefaultProps?: Partial<T>
hasDefaultItem?: boolean
Item: (props: TableListItemProps<T>) => JSX.Element
ComponentBetweenItems?: (props: unknown) => JSX.Element
onItemsChange: (items: ItemWithId<T>[]) => void
@@ -33,15 +38,19 @@ export const TableList = <T,>({
isOrdered,
addLabel = 'Add',
newItemDefaultProps,
hasDefaultItem,
Item,
ComponentBetweenItems,
onItemsChange,
}: Props<T>) => {
const [items, setItems] = useState(initialItems)
const [items, setItems] = useState(
initialItems ?? hasDefaultItem ? ([defaultItem] as ItemWithId<T>[]) : []
)
const [showDeleteIndex, setShowDeleteIndex] = useState<number | null>(null)
useEffect(() => {
if (items.length && initialItems.length === 0) setItems(initialItems)
if (items.length && initialItems && initialItems?.length === 0)
setItems(initialItems)
}, [initialItems, items.length])
const createItem = () => {

15
apps/builder/src/components/inputs/AutocompleteInput.tsx
View File

@@ -9,9 +9,8 @@ import {
Input,
HStack,
FormControl,
FormLabel,
} from '@chakra-ui/react'
import { useState, useRef, useEffect, ReactNode } from 'react'
import { useState, useRef, useEffect } from 'react'
import { useDebouncedCallback } from 'use-debounce'
import { isDefined } from '@typebot.io/lib'
import { useOutsideClick } from '@/hooks/useOutsideClick'
@@ -20,7 +19,6 @@ import { VariablesButton } from '@/features/variables/components/VariablesButton
import { Variable } from '@typebot.io/schemas'
import { injectVariableInText } from '@/features/variables/helpers/injectVariableInTextInput'
import { focusInput } from '@/helpers/focusInput'
import { MoreInfoTooltip } from '../MoreInfoTooltip'
import { env } from '@typebot.io/env'
type Props = {
@@ -30,7 +28,6 @@ type Props = {
debounceTimeout?: number
placeholder?: string
withVariableButton?: boolean
label?: ReactNode
moreInfoTooltip?: string
isRequired?: boolean
onChange: (value: string) => void
@@ -44,8 +41,6 @@ export const AutocompleteInput = ({
withVariableButton = true,
value,
defaultValue,
label,
moreInfoTooltip,
isRequired,
}: Props) => {
const bg = useColorModeValue('gray.200', 'gray.700')
@@ -161,14 +156,6 @@ export const AutocompleteInput = ({
return (
<FormControl isRequired={isRequired}>
{label && (
<FormLabel>
{label}{' '}
{moreInfoTooltip && (
<MoreInfoTooltip>{moreInfoTooltip}</MoreInfoTooltip>
)}
</FormLabel>
)}
<HStack ref={dropdownRef} spacing={0} w="full">
<Popover
isOpen={isOpen}

2
apps/builder/src/components/inputs/Select.tsx
View File

@@ -168,7 +168,7 @@ export const Select = <T extends Item>({
pr={selectedItem ? 16 : 8}
w="full"
>
{!isTouched && (
{!isTouched && items && (
<Text noOfLines={1} data-testid="selected-item-label">
{inputValue}
</Text>

8
apps/builder/src/features/account/UserProvider.tsx
View File

@@ -19,12 +19,8 @@ export const userContext = createContext<{
updateUser: (newUser: Partial<User>) => void
}>({
isLoading: false,
logOut: () => {
console.log('logOut not implemented')
},
updateUser: () => {
console.log('updateUser not implemented')
},
logOut: () => {},
updateUser: () => {},
})
const debounceTimeout = 1000

26
apps/builder/src/features/analytics/api/getTotalAnswersInBlocks.ts → apps/builder/src/features/analytics/api/getTotalAnswers.ts
View File

@@ -1,12 +1,13 @@
import prisma from '@typebot.io/lib/prisma'
import { authenticatedProcedure } from '@/helpers/server/trpc'
import { TRPCError } from '@trpc/server'
import { PublicTypebot } from '@typebot.io/schemas'
import { z } from 'zod'
import { canReadTypebots } from '@/helpers/databaseRules'
import { totalAnswersInBlock } from '@typebot.io/schemas/features/analytics'
import { totalAnswersSchema } from '@typebot.io/schemas/features/analytics'
import { parseGroups } from '@typebot.io/schemas'
import { isInputBlock } from '@typebot.io/lib'
export const getTotalAnswersInBlocks = authenticatedProcedure
export const getTotalAnswers = authenticatedProcedure
.meta({
openapi: {
method: 'GET',
@@ -21,7 +22,7 @@ export const getTotalAnswersInBlocks = authenticatedProcedure
typebotId: z.string(),
})
)
.output(z.object({ totalAnswersInBlocks: z.array(totalAnswersInBlock) }))
.output(z.object({ totalAnswers: z.array(totalAnswersSchema) }))
.query(async ({ input: { typebotId }, ctx: { user } }) => {
const typebot = await prisma.typebot.findFirst({
where: canReadTypebots(typebotId, user),
@@ -33,17 +34,17 @@ export const getTotalAnswersInBlocks = authenticatedProcedure
message: 'Published typebot not found',
})
const publishedTypebot = typebot.publishedTypebot as PublicTypebot
const totalAnswersPerBlock = await prisma.answer.groupBy({
by: ['itemId', 'blockId'],
by: ['blockId'],
where: {
result: {
typebotId: typebot.publishedTypebot.typebotId,
},
blockId: {
in: publishedTypebot.groups.flatMap((group) =>
group.blocks.map((block) => block.id)
in: parseGroups(typebot.publishedTypebot.groups, {
typebotVersion: typebot.publishedTypebot.version,
}).flatMap((group) =>
group.blocks.filter(isInputBlock).map((block) => block.id)
),
},
},
@@ -51,10 +52,9 @@ export const getTotalAnswersInBlocks = authenticatedProcedure
})
return {
totalAnswersInBlocks: totalAnswersPerBlock.map((answer) => ({
blockId: answer.blockId,
itemId: answer.itemId ?? undefined,
total: answer._count._all,
totalAnswers: totalAnswersPerBlock.map((a) => ({
blockId: a.blockId,
total: a._count._all,
})),
}
})

55
apps/builder/src/features/analytics/api/getTotalVisitedEdges.ts Normal file
View File

@@ -0,0 +1,55 @@
import prisma from '@typebot.io/lib/prisma'
import { authenticatedProcedure } from '@/helpers/server/trpc'
import { TRPCError } from '@trpc/server'
import { z } from 'zod'
import { canReadTypebots } from '@/helpers/databaseRules'
import { totalVisitedEdgesSchema } from '@typebot.io/schemas'
export const getTotalVisitedEdges = authenticatedProcedure
.meta({
openapi: {
method: 'GET',
path: '/typebots/{typebotId}/analytics/totalVisitedEdges',
protect: true,
summary: 'List total edges used in results',
tags: ['Analytics'],
},
})
.input(
z.object({
typebotId: z.string(),
})
)
.output(
z.object({
totalVisitedEdges: z.array(totalVisitedEdgesSchema),
})
)
.query(async ({ input: { typebotId }, ctx: { user } }) => {
const typebot = await prisma.typebot.findFirst({
where: canReadTypebots(typebotId, user),
select: { id: true },
})
if (!typebot?.id)
throw new TRPCError({
code: 'NOT_FOUND',
message: 'Published typebot not found',
})
const edges = await prisma.visitedEdge.groupBy({
by: ['edgeId'],
where: {
result: {
typebotId: typebot.id,
},
},
_count: { resultId: true },
})
return {
totalVisitedEdges: edges.map((e) => ({
edgeId: e.edgeId,
total: e._count.resultId,
})),
}
})

6
apps/builder/src/features/analytics/api/router.ts
View File

@@ -1,6 +1,8 @@
import { router } from '@/helpers/server/trpc'
import { getTotalAnswersInBlocks } from './getTotalAnswersInBlocks'
import { getTotalAnswers } from './getTotalAnswers'
import { getTotalVisitedEdges } from './getTotalVisitedEdges'
export const analyticsRouter = router({
getTotalAnswersInBlocks,
getTotalAnswers,
getTotalVisitedEdges,
})

43
apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx
View File

@@ -15,20 +15,25 @@ import { GroupsCoordinatesProvider } from '@/features/graph/providers/GroupsCoor
import { useTranslate } from '@tolgee/react'
import { trpc } from '@/lib/trpc'
import { isDefined } from '@typebot.io/lib'
import { EventsCoordinatesProvider } from '@/features/graph/providers/EventsCoordinateProvider'
export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
const { t } = useTranslate()
const { isOpen, onOpen, onClose } = useDisclosure()
const { typebot, publishedTypebot } = useTypebot()
const { data } = trpc.analytics.getTotalAnswersInBlocks.useQuery(
const { data } = trpc.analytics.getTotalAnswers.useQuery(
{
typebotId: typebot?.id as string,
},
{ enabled: isDefined(publishedTypebot) }
)
const { data: edgesData } = trpc.analytics.getTotalVisitedEdges.useQuery(
{
typebotId: typebot?.id as string,
},
{ enabled: isDefined(publishedTypebot) }
)
const startBlockId = publishedTypebot?.groups
.find((group) => group.blocks.at(0)?.type === 'start')
?.blocks.at(0)?.id
return (
<Flex
@@ -44,28 +49,18 @@ export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
h="full"
justifyContent="center"
>
{publishedTypebot &&
data?.totalAnswersInBlocks &&
stats &&
startBlockId ? (
{publishedTypebot && stats ? (
<GraphProvider isReadOnly>
<GroupsCoordinatesProvider groups={publishedTypebot?.groups}>
<Graph
flex="1"
typebot={publishedTypebot}
onUnlockProPlanClick={onOpen}
totalAnswersInBlocks={
startBlockId
? [
{
blockId: startBlockId,
total: stats.totalViews,
},
...data.totalAnswersInBlocks,
]
: []
}
/>
<EventsCoordinatesProvider events={publishedTypebot?.events}>
<Graph
flex="1"
typebot={publishedTypebot}
onUnlockProPlanClick={onOpen}
totalAnswers={data?.totalAnswers}
totalVisitedEdges={edgesData?.totalVisitedEdges}
/>
</EventsCoordinatesProvider>
</GroupsCoordinatesProvider>
</GraphProvider>
) : (

96
apps/builder/src/features/analytics/helpers/computePreviousTotalAnswers.ts
View File

@@ -1,96 +0,0 @@
import { isInputBlock } from '@typebot.io/lib'
import { PublicTypebot } from '@typebot.io/schemas'
import { TotalAnswersInBlock } from '@typebot.io/schemas/features/analytics'
export const computePreviousTotalAnswers = (
publishedTypebot: PublicTypebot,
currentBlockId: string,
totalAnswersInBlocks: TotalAnswersInBlock[],
visitedBlocks: string[] = []
): number => {
let totalAnswers = 0
const allBlocks = publishedTypebot.groups.flatMap((group) => group.blocks)
const currentGroup = publishedTypebot.groups.find((group) =>
group.blocks.find((block) => block.id === currentBlockId)
)
if (!currentGroup) return 0
const currentBlockIndex = currentGroup.blocks.findIndex(
(block) => block.id === currentBlockId
)
const previousBlocks = currentGroup.blocks.slice(0, currentBlockIndex + 1)
for (const block of previousBlocks.reverse()) {
if (visitedBlocks.includes(block.id)) continue
if (
currentBlockId !== block.id &&
(isInputBlock(block) || block.type === 'start')
) {
visitedBlocks.push(block.id)
return (
totalAnswersInBlocks.find(
(totalAnswersInBlock) =>
totalAnswersInBlock.blockId === block.id &&
totalAnswersInBlock.itemId === undefined
)?.total ?? 0
)
}
const connectedEdges = publishedTypebot.edges.filter(
(edge) => edge.to.blockId === block.id
)
if (connectedEdges.length) {
for (const connectedEdge of connectedEdges) {
const connectedBlock = allBlocks.find(
(block) => block.id === connectedEdge.from.blockId
)
if (connectedBlock && !visitedBlocks.includes(connectedBlock.id)) {
if (isInputBlock(connectedBlock) || connectedBlock.type === 'start') {
visitedBlocks.push(connectedBlock.id)
totalAnswers +=
totalAnswersInBlocks.find(
(totalAnswersInBlock) =>
totalAnswersInBlock.blockId === connectedEdge.from.blockId &&
totalAnswersInBlock.itemId === connectedEdge.from.itemId
)?.total ?? 0
} else {
totalAnswers += computePreviousTotalAnswers(
publishedTypebot,
connectedBlock.id,
totalAnswersInBlocks,
visitedBlocks
)
}
}
}
}
}
const edgesConnectedToGroup = publishedTypebot.edges.filter(
(edge) => edge.to.groupId === currentGroup.id
)
if (edgesConnectedToGroup.length) {
for (const connectedEdge of edgesConnectedToGroup) {
const connectedBlock = allBlocks.find(
(block) => block.id === connectedEdge.from.blockId
)
if (connectedBlock && !visitedBlocks.includes(connectedBlock.id)) {
if (isInputBlock(connectedBlock) || connectedBlock.type === 'start') {
visitedBlocks.push(connectedBlock.id)
totalAnswers +=
totalAnswersInBlocks.find(
(totalAnswersInBlock) =>
totalAnswersInBlock.blockId === connectedEdge.from.blockId &&
totalAnswersInBlock.itemId === connectedEdge.from.itemId
)?.total ?? 0
} else {
totalAnswers += computePreviousTotalAnswers(
publishedTypebot,
connectedBlock.id,
totalAnswersInBlocks,
visitedBlocks
)
}
}
}
}
return totalAnswers
}

60
apps/builder/src/features/analytics/helpers/computeTotalUsersAtBlock.ts Normal file
View File

@@ -0,0 +1,60 @@
import { isInputBlock, isNotDefined } from '@typebot.io/lib'
import { PublicTypebotV6 } from '@typebot.io/schemas'
import {
TotalAnswers,
TotalVisitedEdges,
} from '@typebot.io/schemas/features/analytics'
export const computeTotalUsersAtBlock = (
currentBlockId: string,
{
publishedTypebot,
totalVisitedEdges,
totalAnswers,
}: {
publishedTypebot: PublicTypebotV6
totalVisitedEdges: TotalVisitedEdges[]
totalAnswers: TotalAnswers[]
}
): number => {
let totalUsers = 0
const currentGroup = publishedTypebot.groups.find((group) =>
group.blocks.find((block) => block.id === currentBlockId)
)
if (!currentGroup) return 0
const currentBlockIndex = currentGroup.blocks.findIndex(
(block) => block.id === currentBlockId
)
const previousBlocks = currentGroup.blocks.slice(0, currentBlockIndex + 1)
for (const block of previousBlocks.reverse()) {
if (currentBlockId !== block.id && isInputBlock(block))
return totalAnswers.find((t) => t.blockId === block.id)?.total ?? 0
const incomingEdges = publishedTypebot.edges.filter(
(edge) => edge.to.blockId === block.id
)
if (!incomingEdges.length) continue
totalUsers += incomingEdges.reduce(
(acc, incomingEdge) =>
acc +
(totalVisitedEdges.find(
(totalEdge) => totalEdge.edgeId === incomingEdge.id
)?.total ?? 0),
0
)
}
const edgesConnectedToGroup = publishedTypebot.edges.filter(
(edge) =>
edge.to.groupId === currentGroup.id && isNotDefined(edge.to.blockId)
)
totalUsers += edgesConnectedToGroup.reduce(
(acc, connectedEdge) =>
acc +
(totalVisitedEdges.find(
(totalEdge) => totalEdge.edgeId === connectedEdge.id
)?.total ?? 0),
0
)
return totalUsers
}

20
apps/builder/src/features/analytics/helpers/getTotalAnswersAtBlock.ts Normal file
View File

@@ -0,0 +1,20 @@
import { byId } from '@typebot.io/lib'
import { PublicTypebotV6 } from '@typebot.io/schemas'
import { TotalAnswers } from '@typebot.io/schemas/features/analytics'
export const getTotalAnswersAtBlock = (
currentBlockId: string,
{
publishedTypebot,
totalAnswers,
}: {
publishedTypebot: PublicTypebotV6
totalAnswers: TotalAnswers[]
}
): number => {
const block = publishedTypebot.groups
.flatMap((g) => g.blocks)
.find(byId(currentBlockId))
if (!block) throw new Error(`Block ${currentBlockId} not found`)
return totalAnswers.find((t) => t.blockId === block.id)?.total ?? 0
}

3
apps/builder/src/features/blocks/bubbles/audio/audio.spec.ts
View File

@@ -1,10 +1,10 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { BubbleBlockType, defaultAudioBubbleContent } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { getTestAsset } from '@/test/utils/playwright'
import { proWorkspaceId } from '@typebot.io/lib/playwright/databaseSetup'
import { BubbleBlockType } from '@typebot.io/schemas/features/blocks/bubbles/constants'
const audioSampleUrl =
'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3'
@@ -16,7 +16,6 @@ test('should work as expected', async ({ page }) => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.AUDIO,
content: defaultAudioBubbleContent,
}),
},
])

14
apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleForm.tsx
View File

@@ -1,16 +1,17 @@
import { Button, Flex, HStack, Stack, Text } from '@chakra-ui/react'
import { AudioBubbleContent } from '@typebot.io/schemas'
import { TextInput } from '@/components/inputs'
import { useState } from 'react'
import { UploadButton } from '@/components/ImageUploadContent/UploadButton'
import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
import { useTranslate } from '@tolgee/react'
import { FilePathUploadProps } from '@/features/upload/api/generateUploadUrl'
import { AudioBubbleBlock } from '@typebot.io/schemas'
import { defaultAudioBubbleContent } from '@typebot.io/schemas/features/blocks/bubbles/audio/constants'
type Props = {
uploadFileProps: FilePathUploadProps
content: AudioBubbleContent
onContentChange: (content: AudioBubbleContent) => void
content: AudioBubbleBlock['content']
onContentChange: (content: AudioBubbleBlock['content']) => void
}
export const AudioBubbleForm = ({
@@ -64,7 +65,7 @@ export const AudioBubbleForm = ({
placeholder={t(
'editor.blocks.bubbles.audio.settings.worksWith.placeholder'
)}
defaultValue={content.url ?? ''}
defaultValue={content?.url ?? ''}
onChange={updateUrl}
/>
<Text fontSize="sm" color="gray.400" textAlign="center">
@@ -75,7 +76,10 @@ export const AudioBubbleForm = ({
</Stack>
<SwitchWithLabel
label={t('editor.blocks.bubbles.audio.settings.autoplay.label')}
initialValue={content.isAutoplayEnabled ?? true}
initialValue={
content?.isAutoplayEnabled ??
defaultAudioBubbleContent.isAutoplayEnabled
}
onCheckChange={updateAutoPlay}
/>
</Stack>

4
apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx
View File

@@ -1,10 +1,10 @@
import { Text } from '@chakra-ui/react'
import { AudioBubbleContent } from '@typebot.io/schemas'
import { isDefined } from '@typebot.io/lib'
import { useTranslate } from '@tolgee/react'
import { AudioBubbleBlock } from '@typebot.io/schemas'
type Props = {
url: AudioBubbleContent['url']
url: NonNullable<AudioBubbleBlock['content']>['url']
}
export const AudioBubbleNode = ({ url }: Props) => {

14
apps/builder/src/features/blocks/bubbles/embed/components/EmbedUploadContent.tsx
View File

@@ -1,12 +1,13 @@
import { TextInput, NumberInput } from '@/components/inputs'
import { Stack, Text } from '@chakra-ui/react'
import { EmbedBubbleContent } from '@typebot.io/schemas'
import { EmbedBubbleBlock } from '@typebot.io/schemas'
import { sanitizeUrl } from '@typebot.io/lib'
import { useTranslate } from '@tolgee/react'
import { defaultEmbedBubbleContent } from '@typebot.io/schemas/features/blocks/bubbles/embed/constants'
type Props = {
content: EmbedBubbleContent
onSubmit: (content: EmbedBubbleContent) => void
content: EmbedBubbleBlock['content']
onSubmit: (content: EmbedBubbleBlock['content']) => void
}
export const EmbedUploadContent = ({ content, onSubmit }: Props) => {
@@ -18,8 +19,9 @@ export const EmbedUploadContent = ({ content, onSubmit }: Props) => {
onSubmit({ ...content, url: iframeUrl })
}
const handleHeightChange = (height?: EmbedBubbleContent['height']) =>
height && onSubmit({ ...content, height })
const handleHeightChange = (
height?: NonNullable<EmbedBubbleBlock['content']>['height']
) => height && onSubmit({ ...content, height })
return (
<Stack p="2" spacing={6}>
@@ -38,7 +40,7 @@ export const EmbedUploadContent = ({ content, onSubmit }: Props) => {
<NumberInput
label="Height:"
defaultValue={content?.height}
defaultValue={content?.height ?? defaultEmbedBubbleContent.height}
onValueChange={handleHeightChange}
suffix={t('editor.blocks.bubbles.embed.settings.numberInput.unit')}
width="150px"

3
apps/builder/src/features/blocks/bubbles/embed/embed.spec.ts
View File

@@ -1,8 +1,8 @@
import test, { expect } from '@playwright/test'
import { BubbleBlockType, defaultEmbedBubbleContent } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { BubbleBlockType } from '@typebot.io/schemas/features/blocks/bubbles/constants'
const pdfSrc = 'https://www.orimi.com/pdf-test.pdf'
const siteSrc = 'https://app.cal.com/baptistearno/15min'
@@ -16,7 +16,6 @@ test.describe.parallel('Embed bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.EMBED,
content: defaultEmbedBubbleContent,
}),
},
])

17
apps/builder/src/features/blocks/bubbles/image/components/ImageBubbleSettings.tsx
View File

@@ -7,6 +7,7 @@ import { Stack } from '@chakra-ui/react'
import { isDefined, isNotEmpty } from '@typebot.io/lib'
import { ImageBubbleBlock } from '@typebot.io/schemas'
import React, { useState } from 'react'
import { defaultImageBubbleContent } from '@typebot.io/schemas/features/blocks/bubbles/image/constants'
type Props = {
uploadFileProps: FilePathUploadProps
@@ -21,7 +22,7 @@ export const ImageBubbleSettings = ({
}: Props) => {
const { t } = useTranslate()
const [showClickLinkInput, setShowClickLinkInput] = useState(
isNotEmpty(block.content.clickLink?.url)
isNotEmpty(block.content?.clickLink?.url)
)
const updateImage = (url: string) => {
@@ -31,19 +32,19 @@ export const ImageBubbleSettings = ({
const updateClickLinkUrl = (url: string) => {
onContentChange({
...block.content,
clickLink: { ...block.content.clickLink, url },
clickLink: { ...block.content?.clickLink, url },
})
}
const updateClickLinkAltText = (alt: string) => {
onContentChange({
...block.content,
clickLink: { ...block.content.clickLink, alt },
clickLink: { ...block.content?.clickLink, alt },
})
}
const toggleClickLink = () => {
if (isDefined(block.content.clickLink) && showClickLinkInput) {
if (isDefined(block.content?.clickLink) && showClickLinkInput) {
onContentChange({ ...block.content, clickLink: undefined })
}
setShowClickLinkInput(!showClickLinkInput)
@@ -55,6 +56,7 @@ export const ImageBubbleSettings = ({
uploadFileProps={uploadFileProps}
defaultUrl={block.content?.url}
onSubmit={updateImage}
excludedTabs={['emoji']}
/>
<Stack>
<SwitchWithLabel
@@ -68,14 +70,17 @@ export const ImageBubbleSettings = ({
autoFocus
placeholder="https://example.com"
onChange={updateClickLinkUrl}
defaultValue={block.content.clickLink?.url}
defaultValue={block.content?.clickLink?.url}
/>
<TextInput
placeholder={t(
'editor.blocks.bubbles.image.switchWithLabel.onClick.placeholder'
)}
onChange={updateClickLinkAltText}
defaultValue={block.content.clickLink?.alt}
defaultValue={
block.content?.clickLink?.alt ??
defaultImageBubbleContent.clickLink.alt
}
/>
</>
)}

5
apps/builder/src/features/blocks/bubbles/image/image.spec.ts
View File

@@ -1,10 +1,10 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { BubbleBlockType, defaultImageBubbleContent } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { getTestAsset } from '@/test/utils/playwright'
import { proWorkspaceId } from '@typebot.io/lib/playwright/databaseSetup'
import { BubbleBlockType } from '@typebot.io/schemas/features/blocks/bubbles/constants'
const unsplashImageSrc =
'https://images.unsplash.com/photo-1504297050568-910d24c426d3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'
@@ -18,7 +18,6 @@ test.describe.parallel('Image bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.IMAGE,
content: defaultImageBubbleContent,
}),
},
])
@@ -44,7 +43,6 @@ test.describe.parallel('Image bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.IMAGE,
content: defaultImageBubbleContent,
}),
},
])
@@ -66,7 +64,6 @@ test.describe.parallel('Image bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.IMAGE,
content: defaultImageBubbleContent,
}),
},
])

4
apps/builder/src/features/blocks/bubbles/textBubble/components/TextBubbleContent.tsx
View File

@@ -8,7 +8,7 @@ type Props = {
}
export const TextBubbleContent = ({ block }: Props) => {
const isEmpty = block.content.richText.length === 0
const isEmpty = (block.content?.richText?.length ?? 0) === 0
return (
<Flex
w="90%"
@@ -17,7 +17,7 @@ export const TextBubbleContent = ({ block }: Props) => {
className="slate-html-container"
color={isEmpty ? 'gray.500' : 'inherit'}
>
{block.content.richText.map((element, idx) => (
{block.content?.richText?.map((element, idx) => (
<PlateBlock key={idx} element={element} />
))}
</Flex>

30
apps/builder/src/features/blocks/bubbles/textBubble/components/plate/PlateText.tsx
View File

@@ -26,22 +26,32 @@ export const PlateText = ({
const PlateTextContent = ({ text }: { text: string }) => {
const { typebot } = useTypebot()
return (
<>
{text.split(/\{\{(.*?\}\})/g).map((str, idx) => {
if (str.endsWith('}}')) {
const variableName = str.trim().slice(0, -2)
const matchingVariable = typebot?.variables.find(
(variable) => variable.name === variableName
)
if (!matchingVariable) return '{{' + str
{text.split(/\{\{=(.*?=\}\})/g).map((str, idx) => {
if (str.endsWith('=}}')) {
return (
<span className="slate-variable" key={idx}>
{str.trim().slice(0, -2)}
<span className="slate-inline-code" key={idx}>
{str.trim().slice(0, -3)}
</span>
)
}
return str
return str.split(/\{\{(.*?\}\})/g).map((str, idx) => {
if (str.endsWith('}}')) {
const variableName = str.trim().slice(0, -2)
const matchingVariable = typebot?.variables.find(
(variable) => variable.name === variableName
)
if (!matchingVariable) return '{{' + str
return (
<span className="slate-variable" key={idx}>
{str.trim().slice(0, -2)}
</span>
)
}
return str
})
})}
</>
)

3
apps/builder/src/features/blocks/bubbles/textBubble/textBubble.spec.ts
View File

@@ -1,8 +1,8 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { BubbleBlockType, defaultTextBubbleContent } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { BubbleBlockType } from '@typebot.io/schemas/features/blocks/bubbles/constants'
test.describe('Text bubble block', () => {
test('rich text features should work', async ({ page }) => {
@@ -12,7 +12,6 @@ test.describe('Text bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.TEXT,
content: defaultTextBubbleContent,
}),
},
])

3
apps/builder/src/features/blocks/bubbles/video/components/VideoBubbleContent.tsx
View File

@@ -1,6 +1,7 @@
import { useTranslate } from '@tolgee/react'
import { Box, Text, Image } from '@chakra-ui/react'
import { VideoBubbleBlock, VideoBubbleContentType } from '@typebot.io/schemas'
import { VideoBubbleBlock } from '@typebot.io/schemas'
import { VideoBubbleContentType } from '@typebot.io/schemas/features/blocks/bubbles/video/constants'
type Props = {
block: VideoBubbleBlock

16
apps/builder/src/features/blocks/bubbles/video/components/VideoUploadContent.tsx
View File

@@ -1,16 +1,16 @@
import { Stack, Text } from '@chakra-ui/react'
import {
VariableString,
VideoBubbleContent,
VideoBubbleContentType,
} from '@typebot.io/schemas'
import { VariableString, VideoBubbleBlock } from '@typebot.io/schemas'
import { NumberInput, TextInput } from '@/components/inputs'
import { useTranslate } from '@tolgee/react'
import { parseVideoUrl } from '@typebot.io/lib/parseVideoUrl'
import {
VideoBubbleContentType,
defaultVideoBubbleContent,
} from '@typebot.io/schemas/features/blocks/bubbles/video/constants'
type Props = {
content?: VideoBubbleContent
onSubmit: (content: VideoBubbleContent) => void
content?: VideoBubbleBlock['content']
onSubmit: (content: VideoBubbleBlock['content']) => void
}
export const VideoUploadContent = ({ content, onSubmit }: Props) => {
@@ -47,7 +47,7 @@ export const VideoUploadContent = ({ content, onSubmit }: Props) => {
{content?.type !== VideoBubbleContentType.URL && (
<NumberInput
label="Height:"
defaultValue={content?.height ?? 400}
defaultValue={content?.height ?? defaultVideoBubbleContent.height}
onValueChange={updateHeight}
suffix={t('editor.blocks.bubbles.video.settings.numberInput.unit')}
width="150px"

8
apps/builder/src/features/blocks/bubbles/video/video.spec.ts
View File

@@ -1,12 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import {
BubbleBlockType,
defaultVideoBubbleContent,
VideoBubbleContentType,
} from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { BubbleBlockType } from '@typebot.io/schemas/features/blocks/bubbles/constants'
import { VideoBubbleContentType } from '@typebot.io/schemas/features/blocks/bubbles/video/constants'
const videoSrc =
'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4'
@@ -22,7 +19,6 @@ test.describe.parallel('Video bubble block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: BubbleBlockType.VIDEO,
content: defaultVideoBubbleContent,
}),
},
])

9
apps/builder/src/features/blocks/inputs/buttons/buttons.spec.ts
View File

@@ -4,13 +4,9 @@ import {
importTypebotInDatabase,
} from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import {
defaultChoiceInputOptions,
InputBlockType,
ItemType,
} from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { getTestAsset } from '@/test/utils/playwright'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
test.describe.parallel('Buttons input block', () => {
test('can edit button items', async ({ page }) => {
@@ -23,11 +19,8 @@ test.describe.parallel('Buttons input block', () => {
items: [
{
id: 'choice1',
blockId: 'block1',
type: ItemType.BUTTON,
},
],
options: { ...defaultChoiceInputOptions },
}),
},
])

6
apps/builder/src/features/blocks/inputs/buttons/components/ButtonsBlockNode.tsx
View File

@@ -13,12 +13,12 @@ type Props = {
export const ButtonsBlockNode = ({ block, indices }: Props) => {
const { typebot } = useTypebot()
const dynamicVariableName = typebot?.variables.find(
(variable) => variable.id === block.options.dynamicVariableId
(variable) => variable.id === block.options?.dynamicVariableId
)?.name
return (
<Stack w="full">
{block.options.dynamicVariableId ? (
{block.options?.dynamicVariableId ? (
<Wrap spacing={1}>
<Text>Display</Text>
<Tag bg="orange.400" color="white">
@@ -29,7 +29,7 @@ export const ButtonsBlockNode = ({ block, indices }: Props) => {
) : (
<ItemNodesList block={block} indices={indices} />
)}
{block.options.variableId ? (
{block.options?.variableId ? (
<SetVariableLabel
variableId={block.options.variableId}
variables={typebot?.variables}

36
apps/builder/src/features/blocks/inputs/buttons/components/ButtonsBlockSettings.tsx
View File

@@ -2,49 +2,53 @@ import { TextInput } from '@/components/inputs'
import { MoreInfoTooltip } from '@/components/MoreInfoTooltip'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormControl, FormLabel, Stack } from '@chakra-ui/react'
import {
ChoiceInputOptions,
Variable,
defaultChoiceInputOptions,
} from '@typebot.io/schemas'
import { ChoiceInputBlock, Variable } from '@typebot.io/schemas'
import React from 'react'
import { SwitchWithRelatedSettings } from '@/components/SwitchWithRelatedSettings'
import { defaultChoiceInputOptions } from '@typebot.io/schemas/features/blocks/inputs/choice/constants'
type Props = {
options?: ChoiceInputOptions
onOptionsChange: (options: ChoiceInputOptions) => void
options?: ChoiceInputBlock['options']
onOptionsChange: (options: ChoiceInputBlock['options']) => void
}
export const ButtonsBlockSettings = ({ options, onOptionsChange }: Props) => {
const updateIsMultiple = (isMultipleChoice: boolean) =>
options && onOptionsChange({ ...options, isMultipleChoice })
onOptionsChange({ ...options, isMultipleChoice })
const updateIsSearchable = (isSearchable: boolean) =>
options && onOptionsChange({ ...options, isSearchable })
onOptionsChange({ ...options, isSearchable })
const updateButtonLabel = (buttonLabel: string) =>
options && onOptionsChange({ ...options, buttonLabel })
onOptionsChange({ ...options, buttonLabel })
const updateSearchInputPlaceholder = (searchInputPlaceholder: string) =>
options && onOptionsChange({ ...options, searchInputPlaceholder })
onOptionsChange({ ...options, searchInputPlaceholder })
const updateSaveVariable = (variable?: Variable) =>
options && onOptionsChange({ ...options, variableId: variable?.id })
onOptionsChange({ ...options, variableId: variable?.id })
const updateDynamicDataVariable = (variable?: Variable) =>
options && onOptionsChange({ ...options, dynamicVariableId: variable?.id })
onOptionsChange({ ...options, dynamicVariableId: variable?.id })
return (
<Stack spacing={4}>
<SwitchWithRelatedSettings
label="Multiple choice?"
initialValue={options?.isMultipleChoice ?? false}
initialValue={
options?.isMultipleChoice ??
defaultChoiceInputOptions.isMultipleChoice
}
onCheckChange={updateIsMultiple}
>
<TextInput
label="Submit button label:"
defaultValue={options?.buttonLabel ?? 'Send'}
defaultValue={
options?.buttonLabel ?? defaultChoiceInputOptions.buttonLabel
}
onChange={updateButtonLabel}
/>
</SwitchWithRelatedSettings>
<SwitchWithRelatedSettings
label="Is searchable?"
initialValue={options?.isSearchable ?? false}
initialValue={
options?.isSearchable ?? defaultChoiceInputOptions.isSearchable
}
onCheckChange={updateIsSearchable}
>
<TextInput

4
apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx
View File

@@ -16,7 +16,7 @@ import {
} from '@chakra-ui/react'
import { PlusIcon, SettingsIcon } from '@/components/icons'
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
import { ButtonItem, Item, ItemIndices, ItemType } from '@typebot.io/schemas'
import { ButtonItem, Item, ItemIndices } from '@typebot.io/schemas'
import React, { useRef, useState } from 'react'
import { isNotDefined } from '@typebot.io/lib'
import { useGraph } from '@/features/graph/providers/GraphProvider'
@@ -54,7 +54,7 @@ export const ButtonsItemNode = ({ item, indices, isMouseOver }: Props) => {
const handlePlusClick = () => {
const itemIndex = indices.itemIndex + 1
createItem({ type: ItemType.BUTTON }, { ...indices, itemIndex })
createItem({}, { ...indices, itemIndex })
}
const updateItemSettings = (settings: Omit<ButtonItem, 'content'>) => {

3
apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemSettings.tsx
View File

@@ -2,7 +2,8 @@ import React from 'react'
import { Stack } from '@chakra-ui/react'
import { SwitchWithRelatedSettings } from '@/components/SwitchWithRelatedSettings'
import { ConditionForm } from '@/features/blocks/logic/condition/components/ConditionForm'
import { ButtonItem, Condition, LogicalOperator } from '@typebot.io/schemas'
import { ButtonItem, Condition } from '@typebot.io/schemas'
import { LogicalOperator } from '@typebot.io/schemas/features/blocks/logic/condition/constants'
type Props = {
item: ButtonItem

42
apps/builder/src/features/blocks/inputs/date/components/DateInputSettings.tsx
View File

@@ -3,12 +3,13 @@ import { TextInput } from '@/components/inputs'
import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { DateInputOptions, Variable } from '@typebot.io/schemas'
import { DateInputBlock, Variable } from '@typebot.io/schemas'
import React from 'react'
import { defaultDateInputOptions } from '@typebot.io/schemas/features/blocks/inputs/date/constants'
type Props = {
options: DateInputOptions
onOptionsChange: (options: DateInputOptions) => void
options: DateInputBlock['options']
onOptionsChange: (options: DateInputBlock['options']) => void
}
export const DateInputSettings = ({ options, onOptionsChange }: Props) => {
@@ -41,47 +42,56 @@ export const DateInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<SwitchWithRelatedSettings
label="Is range?"
initialValue={options.isRange}
initialValue={options?.isRange ?? defaultDateInputOptions.isRange}
onCheckChange={updateIsRange}
>
<TextInput
label="From label:"
defaultValue={options.labels.from}
defaultValue={options?.labels?.from}
onChange={updateFromLabel}
/>
<TextInput
label="To label:"
defaultValue={options.labels.to}
defaultValue={
options?.labels?.to ?? defaultDateInputOptions.labels.to
}
onChange={updateToLabel}
/>
</SwitchWithRelatedSettings>
<SwitchWithLabel
label="With time?"
initialValue={options.hasTime}
initialValue={options?.hasTime ?? defaultDateInputOptions.hasTime}
onCheckChange={updateHasTime}
/>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultDateInputOptions.labels.button
}
onChange={updateButtonLabel}
/>
<TextInput
label="Min:"
defaultValue={options.min}
placeholder={options.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
defaultValue={options?.min}
placeholder={options?.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
onChange={updateMin}
/>
<TextInput
label="Max:"
defaultValue={options.max}
placeholder={options.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
defaultValue={options?.max}
placeholder={options?.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
onChange={updateMax}
/>
<TextInput
label="Format:"
defaultValue={options.format}
moreInfoTooltip="Popular formats: dd/MM/yyyy, MM/dd/yy, yyyy-MM-dd"
placeholder={options.hasTime ? 'dd/MM/yyyy HH:mm' : 'dd/MM/yyyy'}
defaultValue={
options?.format ??
(options?.hasTime
? defaultDateInputOptions.formatWithTime
: defaultDateInputOptions.format)
}
moreInfoTooltip="i.e dd/MM/yyyy, MM/dd/yy, yyyy-MM-dd"
placeholder={options?.hasTime ? 'dd/MM/yyyy HH:mm' : 'dd/MM/yyyy'}
onChange={updateFormat}
/>
<Stack>
@@ -89,7 +99,7 @@ export const DateInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={updateVariable}
/>
</Stack>

3
apps/builder/src/features/blocks/inputs/date/date.spec.ts
View File

@@ -1,8 +1,8 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultDateInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
test.describe('Date input block', () => {
test('options should work', async ({ page }) => {
@@ -12,7 +12,6 @@ test.describe('Date input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.DATE,
options: defaultDateInputOptions,
}),
},
])

12
apps/builder/src/features/blocks/inputs/emailInput/components/EmailInputNodeContent.tsx
View File

@@ -2,15 +2,19 @@ import React from 'react'
import { Text } from '@chakra-ui/react'
import { EmailInputBlock } from '@typebot.io/schemas'
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { defaultEmailInputOptions } from '@typebot.io/schemas/features/blocks/inputs/email/constants'
type Props = {
variableId?: string
placeholder: EmailInputBlock['options']['labels']['placeholder']
options: EmailInputBlock['options']
}
export const EmailInputNodeContent = ({ variableId, placeholder }: Props) =>
export const EmailInputNodeContent = ({
options: { variableId, labels } = {},
}: Props) =>
variableId ? (
<WithVariableContent variableId={variableId} />
) : (
<Text color={'gray.500'}>{placeholder}</Text>
<Text color={'gray.500'}>
{labels?.placeholder ?? defaultEmailInputOptions.labels.placeholder}
</Text>
)

29
apps/builder/src/features/blocks/inputs/emailInput/components/EmailInputSettings.tsx
View File

@@ -1,23 +1,20 @@
import { TextInput } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import {
EmailInputOptions,
Variable,
invalidEmailDefaultRetryMessage,
} from '@typebot.io/schemas'
import { EmailInputBlock, Variable } from '@typebot.io/schemas'
import { defaultEmailInputOptions } from '@typebot.io/schemas/features/blocks/inputs/email/constants'
import React from 'react'
type Props = {
options: EmailInputOptions
onOptionsChange: (options: EmailInputOptions) => void
options: EmailInputBlock['options']
onOptionsChange: (options: EmailInputBlock['options']) => void
}
export const EmailInputSettings = ({ options, onOptionsChange }: Props) => {
const handlePlaceholderChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleVariableChange = (variable?: Variable) =>
onOptionsChange({ ...options, variableId: variable?.id })
const handleRetryMessageChange = (retryMessageContent: string) =>
@@ -27,18 +24,24 @@ export const EmailInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<TextInput
label="Placeholder:"
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultEmailInputOptions.labels.placeholder
}
onChange={handlePlaceholderChange}
/>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultEmailInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
<TextInput
label="Retry message:"
defaultValue={
options.retryMessageContent ?? invalidEmailDefaultRetryMessage
options?.retryMessageContent ??
defaultEmailInputOptions.retryMessageContent
}
onChange={handleRetryMessageChange}
/>
@@ -47,7 +50,7 @@ export const EmailInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

10
apps/builder/src/features/blocks/inputs/emailInput/emailInput.spec.ts
View File

@@ -1,12 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import {
defaultEmailInputOptions,
InputBlockType,
invalidEmailDefaultRetryMessage,
} from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
import { defaultEmailInputOptions } from '@typebot.io/schemas/features/blocks/inputs/email/constants'
test.describe('Email input block', () => {
test('options should work', async ({ page }) => {
@@ -16,7 +13,6 @@ test.describe('Email input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.EMAIL,
options: defaultEmailInputOptions,
}),
},
])
@@ -39,7 +35,7 @@ test.describe('Email input block', () => {
await expect(page.locator('text=Your email...')).toBeVisible()
await page.getByLabel('Button label:').fill('Go')
await page.fill(
`input[value="${invalidEmailDefaultRetryMessage}"]`,
`input[value="${defaultEmailInputOptions.retryMessageContent}"]`,
'Try again bro'
)

14
apps/builder/src/features/blocks/inputs/fileUpload/components/FileInputContent.tsx
View File

@@ -1,18 +1,16 @@
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { Text } from '@chakra-ui/react'
import { FileInputOptions } from '@typebot.io/schemas'
import { FileInputBlock } from '@typebot.io/schemas'
type Props = {
options: FileInputOptions
options: FileInputBlock['options']
}
export const FileInputContent = ({
options: { isMultipleAllowed, variableId },
}: Props) =>
variableId ? (
<WithVariableContent variableId={variableId} />
export const FileInputContent = ({ options }: Props) =>
options?.variableId ? (
<WithVariableContent variableId={options.variableId} />
) : (
<Text noOfLines={1} pr="6">
Collect {isMultipleAllowed ? 'files' : 'file'}
Collect {options?.isMultipleAllowed ? 'files' : 'file'}
</Text>
)

43
apps/builder/src/features/blocks/inputs/fileUpload/components/FileInputSettings.tsx
View File

@@ -1,22 +1,23 @@
import { FormLabel, Stack } from '@chakra-ui/react'
import { CodeEditor } from '@/components/inputs/CodeEditor'
import { FileInputOptions, Variable } from '@typebot.io/schemas'
import { FileInputBlock, Variable } from '@typebot.io/schemas'
import React from 'react'
import { TextInput } from '@/components/inputs'
import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { defaultFileInputOptions } from '@typebot.io/schemas/features/blocks/inputs/file/constants'
type Props = {
options: FileInputOptions
onOptionsChange: (options: FileInputOptions) => void
options: FileInputBlock['options']
onOptionsChange: (options: FileInputBlock['options']) => void
}
export const FileInputSettings = ({ options, onOptionsChange }: Props) => {
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handlePlaceholderLabelChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleMultipleFilesChange = (isMultipleAllowed: boolean) =>
onOptionsChange({ ...options, isMultipleAllowed })
@@ -28,21 +29,24 @@ export const FileInputSettings = ({ options, onOptionsChange }: Props) => {
onOptionsChange({ ...options, isRequired })
const updateClearButtonLabel = (clear: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, clear } })
onOptionsChange({ ...options, labels: { ...options?.labels, clear } })
const updateSkipButtonLabel = (skip: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, skip } })
onOptionsChange({ ...options, labels: { ...options?.labels, skip } })
return (
<Stack spacing={4}>
<SwitchWithLabel
label="Required?"
initialValue={options.isRequired ?? true}
initialValue={options?.isRequired ?? defaultFileInputOptions.isRequired}
onCheckChange={handleRequiredChange}
/>
<SwitchWithLabel
label="Allow multiple files?"
initialValue={options.isMultipleAllowed}
initialValue={
options?.isMultipleAllowed ??
defaultFileInputOptions.isMultipleAllowed
}
onCheckChange={handleMultipleFilesChange}
/>
<Stack>
@@ -50,35 +54,44 @@ export const FileInputSettings = ({ options, onOptionsChange }: Props) => {
<CodeEditor
lang="html"
onChange={handlePlaceholderLabelChange}
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultFileInputOptions.labels.placeholder
}
height={'100px'}
withVariableButton={false}
/>
</Stack>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultFileInputOptions.labels.button
}
onChange={handleButtonLabelChange}
withVariableButton={false}
/>
<TextInput
label="Clear button label:"
defaultValue={options.labels.clear ?? ''}
defaultValue={
options?.labels?.clear ?? defaultFileInputOptions.labels.clear
}
onChange={updateClearButtonLabel}
withVariableButton={false}
/>
<TextInput
label="Skip button label:"
defaultValue={options.labels.skip ?? ''}
defaultValue={
options?.labels?.skip ?? defaultFileInputOptions.labels.skip
}
onChange={updateSkipButtonLabel}
withVariableButton={false}
/>
<Stack>
<FormLabel mb="0" htmlFor="variable">
Save upload URL{options.isMultipleAllowed ? 's' : ''} in a variable:
Save upload URL{options?.isMultipleAllowed ? 's' : ''} in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

5
apps/builder/src/features/blocks/inputs/fileUpload/fileUpload.spec.ts
View File

@@ -1,10 +1,10 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultFileInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { freeWorkspaceId } from '@typebot.io/lib/playwright/databaseSetup'
import { getTestAsset } from '@/test/utils/playwright'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
test.describe.configure({ mode: 'parallel' })
@@ -15,7 +15,6 @@ test('options should work', async ({ page }) => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.FILE,
options: defaultFileInputOptions,
}),
},
])
@@ -59,8 +58,8 @@ test.describe('Free workspace', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.FILE,
options: defaultFileInputOptions,
}),
version: '6',
workspaceId: freeWorkspaceId,
},
])

43
apps/builder/src/features/blocks/inputs/number/components/NumberInputSettings.tsx
View File

@@ -1,25 +1,29 @@
import { TextInput, NumberInput } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { NumberInputOptions, Variable } from '@typebot.io/schemas'
import { NumberInputBlock, Variable } from '@typebot.io/schemas'
import { defaultNumberInputOptions } from '@typebot.io/schemas/features/blocks/inputs/number/constants'
import React from 'react'
type Props = {
options: NumberInputOptions
onOptionsChange: (options: NumberInputOptions) => void
options: NumberInputBlock['options']
onOptionsChange: (options: NumberInputBlock['options']) => void
}
export const NumberInputSettings = ({ options, onOptionsChange }: Props) => {
const handlePlaceholderChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
const handleMinChange = (min?: NumberInputOptions['min']) =>
onOptionsChange({ ...options, min })
const handleMaxChange = (max?: NumberInputOptions['max']) =>
onOptionsChange({ ...options, max })
const handleStepChange = (step?: NumberInputOptions['step']) =>
onOptionsChange({ ...options, step })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleMinChange = (
min?: NonNullable<NumberInputBlock['options']>['min']
) => onOptionsChange({ ...options, min })
const handleMaxChange = (
max?: NonNullable<NumberInputBlock['options']>['max']
) => onOptionsChange({ ...options, max })
const handleStepChange = (
step?: NonNullable<NumberInputBlock['options']>['step']
) => onOptionsChange({ ...options, step })
const handleVariableChange = (variable?: Variable) => {
onOptionsChange({ ...options, variableId: variable?.id })
}
@@ -28,27 +32,32 @@ export const NumberInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<TextInput
label="Placeholder:"
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultNumberInputOptions.labels.placeholder
}
onChange={handlePlaceholderChange}
/>
<TextInput
label="Button label:"
defaultValue={options?.labels?.button ?? 'Send'}
defaultValue={
options?.labels?.button ?? defaultNumberInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
<NumberInput
label="Min:"
defaultValue={options.min}
defaultValue={options?.min}
onValueChange={handleMinChange}
/>
<NumberInput
label="Max:"
defaultValue={options.max}
defaultValue={options?.max}
onValueChange={handleMaxChange}
/>
<NumberInput
label="Step:"
defaultValue={options.step}
defaultValue={options?.step}
onValueChange={handleStepChange}
/>
<Stack>
@@ -56,7 +65,7 @@ export const NumberInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

12
apps/builder/src/features/blocks/inputs/number/components/NumberNodeContent.tsx
View File

@@ -2,15 +2,19 @@ import React from 'react'
import { Text } from '@chakra-ui/react'
import { NumberInputBlock } from '@typebot.io/schemas'
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { defaultNumberInputOptions } from '@typebot.io/schemas/features/blocks/inputs/number/constants'
type Props = {
variableId?: string
placeholder: NumberInputBlock['options']['labels']['placeholder']
options: NumberInputBlock['options']
}
export const NumberNodeContent = ({ variableId, placeholder }: Props) =>
export const NumberNodeContent = ({
options: { variableId, labels } = {},
}: Props) =>
variableId ? (
<WithVariableContent variableId={variableId} />
) : (
<Text color={'gray.500'}>{placeholder}</Text>
<Text color={'gray.500'}>
{labels?.placeholder ?? defaultNumberInputOptions.labels.placeholder}
</Text>
)

4
apps/builder/src/features/blocks/inputs/number/number.spec.ts
View File

@@ -1,8 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultNumberInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
import { defaultNumberInputOptions } from '@typebot.io/schemas/features/blocks/inputs/number/constants'
test.describe('Number input block', () => {
test('options should work', async ({ page }) => {
@@ -12,7 +13,6 @@ test.describe('Number input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.NUMBER,
options: defaultNumberInputOptions,
}),
},
])

2
apps/builder/src/features/blocks/inputs/payment/components/PaymentInputContent.tsx
View File

@@ -7,7 +7,7 @@ type Props = {
export const PaymentInputContent = ({ block }: Props) => {
if (
!block.options.amount ||
!block.options?.amount ||
!block.options.credentialsId ||
!block.options.currency
)

56
apps/builder/src/features/blocks/inputs/payment/components/PaymentSettings.tsx
View File

@@ -11,11 +11,7 @@ import {
AccordionPanel,
} from '@chakra-ui/react'
import { DropdownList } from '@/components/DropdownList'
import {
PaymentAddress,
PaymentInputOptions,
PaymentProvider,
} from '@typebot.io/schemas'
import { PaymentAddress, PaymentInputBlock } from '@typebot.io/schemas'
import React, { ChangeEvent } from 'react'
import { currencies } from '../currencies'
import { StripeConfigModal } from './StripeConfigModal'
@@ -23,10 +19,14 @@ import { CredentialsDropdown } from '@/features/credentials/components/Credentia
import { TextInput } from '@/components/inputs'
import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
import { PaymentAddressSettings } from './PaymentAddressSettings'
import {
PaymentProvider,
defaultPaymentInputOptions,
} from '@typebot.io/schemas/features/blocks/inputs/payment/constants'
type Props = {
options: PaymentInputOptions
onOptionsChange: (options: PaymentInputOptions) => void
options: PaymentInputBlock['options']
onOptionsChange: (options: PaymentInputBlock['options']) => void
}
export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
@@ -62,43 +62,43 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
const updateName = (name: string) =>
onOptionsChange({
...options,
additionalInformation: { ...options.additionalInformation, name },
additionalInformation: { ...options?.additionalInformation, name },
})
const updateEmail = (email: string) =>
onOptionsChange({
...options,
additionalInformation: { ...options.additionalInformation, email },
additionalInformation: { ...options?.additionalInformation, email },
})
const updatePhoneNumber = (phoneNumber: string) =>
onOptionsChange({
...options,
additionalInformation: { ...options.additionalInformation, phoneNumber },
additionalInformation: { ...options?.additionalInformation, phoneNumber },
})
const updateButtonLabel = (button: string) =>
onOptionsChange({
...options,
labels: { ...options.labels, button },
labels: { ...options?.labels, button },
})
const updateSuccessLabel = (success: string) =>
onOptionsChange({
...options,
labels: { ...options.labels, success },
labels: { ...options?.labels, success },
})
const updateDescription = (description: string) =>
onOptionsChange({
...options,
additionalInformation: { ...options.additionalInformation, description },
additionalInformation: { ...options?.additionalInformation, description },
})
const updateAddress = (address: PaymentAddress) =>
onOptionsChange({
...options,
additionalInformation: { ...options.additionalInformation, address },
additionalInformation: { ...options?.additionalInformation, address },
})
return (
@@ -108,7 +108,7 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
<DropdownList
onItemSelect={updateProvider}
items={Object.values(PaymentProvider)}
currentItem={options.provider}
currentItem={options?.provider ?? defaultPaymentInputOptions.provider}
/>
</Stack>
<Stack>
@@ -117,7 +117,7 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
<CredentialsDropdown
type="stripe"
workspaceId={workspace.id}
currentCredentialsId={options.credentialsId}
currentCredentialsId={options?.credentialsId}
onCredentialsSelect={updateCredentials}
onCreateNewClick={onOpen}
credentialsName="Stripe account"
@@ -128,14 +128,14 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
<TextInput
label="Price amount:"
onChange={updateAmount}
defaultValue={options.amount ?? ''}
defaultValue={options?.amount}
placeholder="30.00"
/>
<Stack>
<Text>Currency:</Text>
<Select
placeholder="Select option"
value={options.currency}
value={options?.currency ?? defaultPaymentInputOptions.currency}
onChange={updateCurrency}
>
{currencies.map((currency) => (
@@ -149,14 +149,16 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
<TextInput
label="Button label:"
onChange={updateButtonLabel}
defaultValue={options.labels.button}
placeholder="Pay"
defaultValue={
options?.labels?.button ?? defaultPaymentInputOptions.labels.button
}
/>
<TextInput
label="Success message:"
onChange={updateSuccessLabel}
defaultValue={options.labels.success ?? 'Success'}
placeholder="Success"
defaultValue={
options?.labels?.success ?? defaultPaymentInputOptions.labels.success
}
/>
<Accordion allowToggle>
<AccordionItem>
@@ -167,30 +169,30 @@ export const PaymentSettings = ({ options, onOptionsChange }: Props) => {
<AccordionPanel py={4} as={Stack} spacing="6">
<TextInput
label="Description:"
defaultValue={options.additionalInformation?.description ?? ''}
defaultValue={options?.additionalInformation?.description}
onChange={updateDescription}
placeholder="A digital product"
/>
<TextInput
label="Name:"
defaultValue={options.additionalInformation?.name ?? ''}
defaultValue={options?.additionalInformation?.name}
onChange={updateName}
placeholder="John Smith"
/>
<TextInput
label="Email:"
defaultValue={options.additionalInformation?.email ?? ''}
defaultValue={options?.additionalInformation?.email}
onChange={updateEmail}
placeholder="john@gmail.com"
/>
<TextInput
label="Phone number:"
defaultValue={options.additionalInformation?.phoneNumber ?? ''}
defaultValue={options?.additionalInformation?.phoneNumber}
onChange={updatePhoneNumber}
placeholder="+33XXXXXXXXX"
/>
<PaymentAddressSettings
address={options.additionalInformation?.address}
address={options?.additionalInformation?.address}
onAddressChange={updateAddress}
/>
</AccordionPanel>

3
apps/builder/src/features/blocks/inputs/payment/payment.spec.ts
View File

@@ -1,10 +1,10 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultPaymentInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { stripePaymentForm } from '@/test/utils/selectorUtils'
import { env } from '@typebot.io/env'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
test.describe('Payment input block', () => {
test('Can configure Stripe account', async ({ page }) => {
@@ -14,7 +14,6 @@ test.describe('Payment input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.PAYMENT,
options: defaultPaymentInputOptions,
}),
},
])

29
apps/builder/src/features/blocks/inputs/phone/components/PhoneInputSettings.tsx
View File

@@ -1,20 +1,21 @@
import { TextInput } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { PhoneNumberInputOptions, Variable } from '@typebot.io/schemas'
import { PhoneNumberInputBlock, Variable } from '@typebot.io/schemas'
import React from 'react'
import { CountryCodeSelect } from './CountryCodeSelect'
import { defaultPhoneInputOptions } from '@typebot.io/schemas/features/blocks/inputs/phone/constants'
type Props = {
options: PhoneNumberInputOptions
onOptionsChange: (options: PhoneNumberInputOptions) => void
options: PhoneNumberInputBlock['options']
onOptionsChange: (options: PhoneNumberInputBlock['options']) => void
}
export const PhoneInputSettings = ({ options, onOptionsChange }: Props) => {
const handlePlaceholderChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleVariableChange = (variable?: Variable) =>
onOptionsChange({ ...options, variableId: variable?.id })
const handleRetryMessageChange = (retryMessageContent: string) =>
@@ -26,12 +27,17 @@ export const PhoneInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<TextInput
label="Placeholder:"
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultPhoneInputOptions.labels.placeholder
}
onChange={handlePlaceholderChange}
/>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultPhoneInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
<Stack>
@@ -40,12 +46,15 @@ export const PhoneInputSettings = ({ options, onOptionsChange }: Props) => {
</FormLabel>
<CountryCodeSelect
onSelect={handleDefaultCountryChange}
countryCode={options.defaultCountryCode}
countryCode={options?.defaultCountryCode}
/>
</Stack>
<TextInput
label="Retry message:"
defaultValue={options.retryMessageContent}
defaultValue={
options?.retryMessageContent ??
defaultPhoneInputOptions.retryMessageContent
}
onChange={handleRetryMessageChange}
/>
<Stack>
@@ -53,7 +62,7 @@ export const PhoneInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

14
apps/builder/src/features/blocks/inputs/phone/components/PhoneNodeContent.tsx
View File

@@ -1,16 +1,20 @@
import React from 'react'
import { Text } from '@chakra-ui/react'
import { PhoneNumberInputOptions } from '@typebot.io/schemas'
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { PhoneNumberInputBlock } from '@typebot.io/schemas'
import { defaultPhoneInputOptions } from '@typebot.io/schemas/features/blocks/inputs/phone/constants'
type Props = {
variableId?: string
placeholder: PhoneNumberInputOptions['labels']['placeholder']
options: PhoneNumberInputBlock['options']
}
export const PhoneNodeContent = ({ variableId, placeholder }: Props) =>
export const PhoneNodeContent = ({
options: { variableId, labels } = {},
}: Props) =>
variableId ? (
<WithVariableContent variableId={variableId} />
) : (
<Text color={'gray.500'}>{placeholder}</Text>
<Text color={'gray.500'}>
{labels?.placeholder ?? defaultPhoneInputOptions.labels.placeholder}
</Text>
)

4
apps/builder/src/features/blocks/inputs/phone/phone.spec.ts
View File

@@ -1,8 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultPhoneInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
import { defaultPhoneInputOptions } from '@typebot.io/schemas/features/blocks/inputs/phone/constants'
test.describe('Phone input block', () => {
test('options should work', async ({ page }) => {
@@ -12,7 +13,6 @@ test.describe('Phone input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.PHONE,
options: defaultPhoneInputOptions,
}),
},
])

4
apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemNode.tsx
View File

@@ -14,7 +14,7 @@ import {
} from '@chakra-ui/react'
import { ImageIcon, PlusIcon } from '@/components/icons'
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
import { ItemIndices, ItemType } from '@typebot.io/schemas'
import { ItemIndices } from '@typebot.io/schemas'
import React, { useRef } from 'react'
import { PictureChoiceItem } from '@typebot.io/schemas/features/blocks/inputs/pictureChoice'
import { useGraph } from '@/features/graph/providers/GraphProvider'
@@ -40,7 +40,7 @@ export const PictureChoiceItemNode = ({
const handlePlusClick = (e: React.MouseEvent) => {
e.stopPropagation()
const itemIndex = indices.itemIndex + 1
createItem({ type: ItemType.PICTURE_CHOICE }, { ...indices, itemIndex })
createItem({}, { ...indices, itemIndex })
}
const handleMouseDown = (e: React.MouseEvent) => e.stopPropagation()

3
apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemSettings.tsx
View File

@@ -13,7 +13,8 @@ import {
import { ImageUploadContent } from '@/components/ImageUploadContent'
import { SwitchWithRelatedSettings } from '@/components/SwitchWithRelatedSettings'
import { ConditionForm } from '@/features/blocks/logic/condition/components/ConditionForm'
import { Condition, LogicalOperator } from '@typebot.io/schemas'
import { Condition } from '@typebot.io/schemas'
import { LogicalOperator } from '@typebot.io/schemas/features/blocks/logic/condition/constants'
type Props = {
workspaceId: string

6
apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceNode.tsx
View File

@@ -15,12 +15,12 @@ export const PictureChoiceNode = ({ block, indices }: Props) => {
const { typebot } = useTypebot()
const dynamicVariableName = typebot?.variables.find(
(variable) =>
variable.id === block.options.dynamicItems?.pictureSrcsVariableId
variable.id === block.options?.dynamicItems?.pictureSrcsVariableId
)?.name
return (
<Stack w="full">
{block.options.dynamicItems?.isEnabled && dynamicVariableName ? (
{block.options?.dynamicItems?.isEnabled && dynamicVariableName ? (
<Wrap spacing={1}>
<Text>Display</Text>
<Tag bg="orange.400" color="white">
@@ -31,7 +31,7 @@ export const PictureChoiceNode = ({ block, indices }: Props) => {
) : (
<ItemNodesList block={block} indices={indices} />
)}
{block.options.variableId ? (
{block.options?.variableId ? (
<SetVariableLabel
variableId={block.options.variableId}
variables={typebot?.variables}

46
apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceSettings.tsx
View File

@@ -3,11 +3,9 @@ import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { Variable } from '@typebot.io/schemas'
import React from 'react'
import {
PictureChoiceBlock,
defaultPictureChoiceOptions,
} from '@typebot.io/schemas/features/blocks/inputs/pictureChoice'
import { PictureChoiceBlock } from '@typebot.io/schemas/features/blocks/inputs/pictureChoice'
import { SwitchWithRelatedSettings } from '@/components/SwitchWithRelatedSettings'
import { defaultPictureChoiceOptions } from '@typebot.io/schemas/features/blocks/inputs/pictureChoice/constants'
type Props = {
options?: PictureChoiceBlock['options']
@@ -16,52 +14,48 @@ type Props = {
export const PictureChoiceSettings = ({ options, onOptionsChange }: Props) => {
const updateIsMultiple = (isMultipleChoice: boolean) =>
options && onOptionsChange({ ...options, isMultipleChoice })
onOptionsChange({ ...options, isMultipleChoice })
const updateButtonLabel = (buttonLabel: string) =>
options && onOptionsChange({ ...options, buttonLabel })
onOptionsChange({ ...options, buttonLabel })
const updateSaveVariable = (variable?: Variable) =>
options && onOptionsChange({ ...options, variableId: variable?.id })
onOptionsChange({ ...options, variableId: variable?.id })
const updateSearchInputPlaceholder = (searchInputPlaceholder: string) =>
options && onOptionsChange({ ...options, searchInputPlaceholder })
onOptionsChange({ ...options, searchInputPlaceholder })
const updateIsSearchable = (isSearchable: boolean) =>
options && onOptionsChange({ ...options, isSearchable })
onOptionsChange({ ...options, isSearchable })
const updateIsDynamicItemsEnabled = (isEnabled: boolean) =>
options &&
onOptionsChange({
...options,
dynamicItems: {
...options.dynamicItems,
...options?.dynamicItems,
isEnabled,
},
})
const updateDynamicItemsPictureSrcsVariable = (variable?: Variable) =>
options &&
onOptionsChange({
...options,
dynamicItems: {
...options.dynamicItems,
...options?.dynamicItems,
pictureSrcsVariableId: variable?.id,
},
})
const updateDynamicItemsTitlesVariable = (variable?: Variable) =>
options &&
onOptionsChange({
...options,
dynamicItems: {
...options.dynamicItems,
...options?.dynamicItems,
titlesVariableId: variable?.id,
},
})
const updateDynamicItemsDescriptionsVariable = (variable?: Variable) =>
options &&
onOptionsChange({
...options,
dynamicItems: {
...options.dynamicItems,
...options?.dynamicItems,
descriptionsVariableId: variable?.id,
},
})
@@ -70,7 +64,9 @@ export const PictureChoiceSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<SwitchWithRelatedSettings
label="Is searchable?"
initialValue={options?.isSearchable ?? false}
initialValue={
options?.isSearchable ?? defaultPictureChoiceOptions.isSearchable
}
onCheckChange={updateIsSearchable}
>
<TextInput
@@ -84,19 +80,27 @@ export const PictureChoiceSettings = ({ options, onOptionsChange }: Props) => {
</SwitchWithRelatedSettings>
<SwitchWithRelatedSettings
label="Multiple choice?"
initialValue={options?.isMultipleChoice ?? false}
initialValue={
options?.isMultipleChoice ??
defaultPictureChoiceOptions.isMultipleChoice
}
onCheckChange={updateIsMultiple}
>
<TextInput
label="Submit button label:"
defaultValue={options?.buttonLabel ?? 'Send'}
defaultValue={
options?.buttonLabel ?? defaultPictureChoiceOptions.buttonLabel
}
onChange={updateButtonLabel}
/>
</SwitchWithRelatedSettings>
<SwitchWithRelatedSettings
label="Dynamic items?"
initialValue={options?.dynamicItems?.isEnabled ?? false}
initialValue={
options?.dynamicItems?.isEnabled ??
defaultPictureChoiceOptions.dynamicItems.isEnabled
}
onCheckChange={updateIsDynamicItemsEnabled}
>
<Stack>

5
apps/builder/src/features/blocks/inputs/pictureChoice/pictureChoice.spec.ts
View File

@@ -1,9 +1,8 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { InputBlockType, ItemType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { defaultPictureChoiceOptions } from '@typebot.io/schemas/features/blocks/inputs/pictureChoice'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
const firstImageSrc =
'https://images.unsplash.com/flagged/photo-1575517111839-3a3843ee7f5d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80'
@@ -25,10 +24,8 @@ test.describe.parallel('Picture choice input block', () => {
items: [
{
id: 'choice1',
type: ItemType.PICTURE_CHOICE,
},
],
options: { ...defaultPictureChoiceOptions },
}),
},
])

5
apps/builder/src/features/blocks/inputs/rating/components/RatingInputContent.tsx
View File

@@ -1,6 +1,7 @@
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { Text } from '@chakra-ui/react'
import { RatingInputBlock } from '@typebot.io/schemas'
import { defaultRatingInputOptions } from '@typebot.io/schemas/features/blocks/inputs/rating/constants'
type Props = {
variableId?: string
@@ -12,7 +13,7 @@ export const RatingInputContent = ({ variableId, block }: Props) =>
<WithVariableContent variableId={variableId} />
) : (
<Text noOfLines={1} pr="6">
Rate from {block.options.buttonType === 'Icons' ? 1 : 0} to{' '}
{block.options.length}
Rate from {block.options?.buttonType === 'Icons' ? 1 : 0} to{' '}
{block.options?.length ?? defaultRatingInputOptions.length}
</Text>
)

55
apps/builder/src/features/blocks/inputs/rating/components/RatingInputSettings.tsx
View File

@@ -1,14 +1,15 @@
import { FormLabel, Stack } from '@chakra-ui/react'
import { DropdownList } from '@/components/DropdownList'
import { RatingInputOptions, Variable } from '@typebot.io/schemas'
import { RatingInputBlock, Variable } from '@typebot.io/schemas'
import React from 'react'
import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
import { TextInput } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { defaultRatingInputOptions } from '@typebot.io/schemas/features/blocks/inputs/rating/constants'
type Props = {
options: RatingInputOptions
onOptionsChange: (options: RatingInputOptions) => void
options: RatingInputBlock['options']
onOptionsChange: (options: RatingInputBlock['options']) => void
}
export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
@@ -21,20 +22,20 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
const handleCustomIconCheck = (isEnabled: boolean) =>
onOptionsChange({
...options,
customIcon: { ...options.customIcon, isEnabled },
customIcon: { ...options?.customIcon, isEnabled },
})
const handleIconSvgChange = (svg: string) =>
onOptionsChange({ ...options, customIcon: { ...options.customIcon, svg } })
onOptionsChange({ ...options, customIcon: { ...options?.customIcon, svg } })
const handleLeftLabelChange = (left: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, left } })
onOptionsChange({ ...options, labels: { ...options?.labels, left } })
const handleRightLabelChange = (right: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, right } })
onOptionsChange({ ...options, labels: { ...options?.labels, right } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleVariableChange = (variable?: Variable) =>
onOptionsChange({ ...options, variableId: variable?.id })
@@ -42,6 +43,11 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
const handleOneClickSubmitChange = (isOneClickSubmitEnabled: boolean) =>
onOptionsChange({ ...options, isOneClickSubmitEnabled })
const length = options?.length ?? defaultRatingInputOptions.length
const isOneClickSubmitEnabled =
options?.isOneClickSubmitEnabled ??
defaultRatingInputOptions.isOneClickSubmitEnabled
return (
<Stack spacing={4}>
<Stack>
@@ -51,7 +57,7 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
<DropdownList
onItemSelect={handleLengthChange}
items={[3, 4, 5, 6, 7, 8, 9, 10]}
currentItem={options.length}
currentItem={length}
/>
</Stack>
@@ -62,18 +68,23 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
<DropdownList
onItemSelect={handleTypeChange}
items={['Icons', 'Numbers'] as const}
currentItem={options.buttonType}
currentItem={
options?.buttonType ?? defaultRatingInputOptions.buttonType
}
/>
</Stack>
{options.buttonType === 'Icons' && (
{options?.buttonType === 'Icons' && (
<SwitchWithLabel
label="Custom icon?"
initialValue={options.customIcon.isEnabled}
initialValue={
options?.customIcon?.isEnabled ??
defaultRatingInputOptions.customIcon.isEnabled
}
onCheckChange={handleCustomIconCheck}
/>
)}
{options.buttonType === 'Icons' && options.customIcon.isEnabled && (
{options?.buttonType === 'Icons' && options.customIcon?.isEnabled && (
<TextInput
label="Icon SVG:"
defaultValue={options.customIcon.svg}
@@ -82,27 +93,29 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
/>
)}
<TextInput
label={`${options.buttonType === 'Icons' ? '1' : '0'} label:`}
defaultValue={options.labels.left}
label={`${options?.buttonType === 'Icons' ? '1' : '0'} label:`}
defaultValue={options?.labels?.left}
onChange={handleLeftLabelChange}
placeholder="Not likely at all"
/>
<TextInput
label={`${options.length} label:`}
defaultValue={options.labels.right}
label={`${length} label:`}
defaultValue={options?.labels?.right}
onChange={handleRightLabelChange}
placeholder="Extremely likely"
/>
<SwitchWithLabel
label="One click submit"
moreInfoContent='If enabled, the answer will be submitted as soon as the user clicks on a rating instead of showing the "Send" button.'
initialValue={options.isOneClickSubmitEnabled ?? false}
initialValue={isOneClickSubmitEnabled}
onCheckChange={handleOneClickSubmitChange}
/>
{!options.isOneClickSubmitEnabled && (
{!isOneClickSubmitEnabled && (
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultRatingInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
)}
@@ -111,7 +124,7 @@ export const RatingInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

3
apps/builder/src/features/blocks/inputs/rating/rating.spec.ts
View File

@@ -1,8 +1,8 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultRatingInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
const boxSvg = `<svg
xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +24,6 @@ test('options should work', async ({ page }) => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.RATING,
options: defaultRatingInputOptions,
}),
},
])

24
apps/builder/src/features/blocks/inputs/textInput/components/TextInputNodeContent.tsx
View File

@@ -1,29 +1,25 @@
import React from 'react'
import { Text } from '@chakra-ui/react'
import { TextInputOptions } from '@typebot.io/schemas'
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { TextInputBlock } from '@typebot.io/schemas'
import { defaultTextInputOptions } from '@typebot.io/schemas/features/blocks/inputs/text/constants'
type Props = {
placeholder: TextInputOptions['labels']['placeholder']
isLong: TextInputOptions['isLong']
variableId?: string
options: TextInputBlock['options']
}
export const TextInputNodeContent = ({
placeholder,
isLong,
variableId,
}: Props) => {
if (variableId)
export const TextInputNodeContent = ({ options }: Props) => {
if (options?.variableId)
return (
<WithVariableContent
variableId={variableId}
h={isLong ? '100px' : 'auto'}
variableId={options?.variableId}
h={options.isLong ? '100px' : 'auto'}
/>
)
return (
<Text color={'gray.500'} h={isLong ? '100px' : 'auto'}>
{placeholder}
<Text color={'gray.500'} h={options?.isLong ? '100px' : 'auto'}>
{options?.labels?.placeholder ??
defaultTextInputOptions.labels.placeholder}
</Text>
)
}

24
apps/builder/src/features/blocks/inputs/textInput/components/TextInputSettings.tsx
View File

@@ -2,19 +2,20 @@ import { TextInput } from '@/components/inputs'
import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { TextInputOptions, Variable } from '@typebot.io/schemas'
import { TextInputBlock, Variable } from '@typebot.io/schemas'
import { defaultTextInputOptions } from '@typebot.io/schemas/features/blocks/inputs/text/constants'
import React from 'react'
type Props = {
options: TextInputOptions
onOptionsChange: (options: TextInputOptions) => void
options: TextInputBlock['options']
onOptionsChange: (options: TextInputBlock['options']) => void
}
export const TextInputSettings = ({ options, onOptionsChange }: Props) => {
const handlePlaceholderChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleLongChange = (isLong: boolean) =>
onOptionsChange({ ...options, isLong })
const handleVariableChange = (variable?: Variable) =>
@@ -24,17 +25,22 @@ export const TextInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<SwitchWithLabel
label="Long text?"
initialValue={options?.isLong ?? false}
initialValue={options?.isLong ?? defaultTextInputOptions.isLong}
onCheckChange={handleLongChange}
/>
<TextInput
label="Placeholder:"
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultTextInputOptions.labels.placeholder
}
onChange={handlePlaceholderChange}
/>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultTextInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
<Stack>
@@ -42,7 +48,7 @@ export const TextInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

4
apps/builder/src/features/blocks/inputs/textInput/textInput.spec.ts
View File

@@ -1,8 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultTextInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
import { defaultTextInputOptions } from '@typebot.io/schemas/features/blocks/inputs/text/constants'
test.describe.parallel('Text input block', () => {
test('options should work', async ({ page }) => {
@@ -12,7 +13,6 @@ test.describe.parallel('Text input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.TEXT,
options: defaultTextInputOptions,
}),
},
])

27
apps/builder/src/features/blocks/inputs/url/components/UrlInputSettings.tsx
View File

@@ -1,19 +1,20 @@
import { TextInput } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { FormLabel, Stack } from '@chakra-ui/react'
import { UrlInputOptions, Variable } from '@typebot.io/schemas'
import { UrlInputBlock, Variable } from '@typebot.io/schemas'
import { defaultUrlInputOptions } from '@typebot.io/schemas/features/blocks/inputs/url/constants'
import React from 'react'
type Props = {
options: UrlInputOptions
onOptionsChange: (options: UrlInputOptions) => void
options: UrlInputBlock['options']
onOptionsChange: (options: UrlInputBlock['options']) => void
}
export const UrlInputSettings = ({ options, onOptionsChange }: Props) => {
const handlePlaceholderChange = (placeholder: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
onOptionsChange({ ...options, labels: { ...options?.labels, placeholder } })
const handleButtonLabelChange = (button: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, button } })
onOptionsChange({ ...options, labels: { ...options?.labels, button } })
const handleVariableChange = (variable?: Variable) =>
onOptionsChange({ ...options, variableId: variable?.id })
const handleRetryMessageChange = (retryMessageContent: string) =>
@@ -23,17 +24,25 @@ export const UrlInputSettings = ({ options, onOptionsChange }: Props) => {
<Stack spacing={4}>
<TextInput
label="Placeholder:"
defaultValue={options.labels.placeholder}
defaultValue={
options?.labels?.placeholder ??
defaultUrlInputOptions.labels.placeholder
}
onChange={handlePlaceholderChange}
/>
<TextInput
label="Button label:"
defaultValue={options.labels.button}
defaultValue={
options?.labels?.button ?? defaultUrlInputOptions.labels.button
}
onChange={handleButtonLabelChange}
/>
<TextInput
label="Retry message:"
defaultValue={options.retryMessageContent}
defaultValue={
options?.retryMessageContent ??
defaultUrlInputOptions.retryMessageContent
}
onChange={handleRetryMessageChange}
/>
<Stack>
@@ -41,7 +50,7 @@ export const UrlInputSettings = ({ options, onOptionsChange }: Props) => {
Save answer in a variable:
</FormLabel>
<VariableSearchInput
initialVariableId={options.variableId}
initialVariableId={options?.variableId}
onSelectVariable={handleVariableChange}
/>
</Stack>

15
apps/builder/src/features/blocks/inputs/url/components/UrlNodeContent.tsx
View File

@@ -1,18 +1,19 @@
import React from 'react'
import { Text } from '@chakra-ui/react'
import { UrlInputOptions } from '@typebot.io/schemas'
import { WithVariableContent } from '@/features/graph/components/nodes/block/WithVariableContent'
import { UrlInputBlock } from '@typebot.io/schemas'
import { defaultUrlInputOptions } from '@typebot.io/schemas/features/blocks/inputs/url/constants'
type Props = {
variableId?: string
placeholder: UrlInputOptions['labels']['placeholder']
options: UrlInputBlock['options']
}
export const UrlNodeContent = ({ placeholder, variableId }: Props) =>
variableId ? (
<WithVariableContent variableId={variableId} />
export const UrlNodeContent = ({ options }: Props) =>
options?.variableId ? (
<WithVariableContent variableId={options.variableId} />
) : (
<Text color={'gray.500'} w="90%">
{placeholder}
{options?.labels?.placeholder ??
defaultUrlInputOptions.labels.placeholder}
</Text>
)

4
apps/builder/src/features/blocks/inputs/url/url.spec.ts
View File

@@ -1,8 +1,9 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultUrlInputOptions, InputBlockType } from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
import { defaultUrlInputOptions } from '@typebot.io/schemas/features/blocks/inputs/url/constants'
test.describe('Url input block', () => {
test('options should work', async ({ page }) => {
@@ -12,7 +13,6 @@ test.describe('Url input block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: InputBlockType.URL,
options: defaultUrlInputOptions,
}),
},
])

7
apps/builder/src/features/blocks/integrations/chatwoot/chatwoot.spec.ts
View File

@@ -2,10 +2,8 @@ import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { createId } from '@paralleldrive/cuid2'
import {
defaultChatwootOptions,
IntegrationBlockType,
} from '@typebot.io/schemas'
import { IntegrationBlockType } from '@typebot.io/schemas/features/blocks/integrations/constants'
import { defaultChatwootOptions } from '@typebot.io/schemas/features/blocks/integrations/chatwoot/constants'
const typebotId = createId()
@@ -18,7 +16,6 @@ test.describe('Chatwoot block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: IntegrationBlockType.CHATWOOT,
options: defaultChatwootOptions,
}),
},
])

4
apps/builder/src/features/blocks/integrations/chatwoot/components/ChatwootNodeBody.tsx
View File

@@ -6,9 +6,9 @@ type Props = {
}
export const ChatwootNodeBody = ({ block }: Props) =>
block.options.task === 'Close widget' ? (
block.options?.task === 'Close widget' ? (
<Text>Close Chatwoot</Text>
) : block.options.websiteToken.length === 0 ? (
) : (block.options?.websiteToken?.length ?? 0) === 0 ? (
<Text color="gray.500">Configure...</Text>
) : (
<Text>Open Chatwoot</Text>

179
apps/builder/src/features/blocks/integrations/chatwoot/components/ChatwootSettings.tsx
View File

@@ -8,12 +8,16 @@ import {
AccordionPanel,
Stack,
} from '@chakra-ui/react'
import { ChatwootOptions, chatwootTasks } from '@typebot.io/schemas'
import { ChatwootBlock } from '@typebot.io/schemas'
import {
chatwootTasks,
defaultChatwootOptions,
} from '@typebot.io/schemas/features/blocks/integrations/chatwoot/constants'
import React from 'react'
type Props = {
options: ChatwootOptions
onOptionsChange: (options: ChatwootOptions) => void
options: ChatwootBlock['options']
onOptionsChange: (options: ChatwootBlock['options']) => void
}
export const ChatwootSettings = ({ options, onOptionsChange }: Props) => {
@@ -21,96 +25,97 @@ export const ChatwootSettings = ({ options, onOptionsChange }: Props) => {
onOptionsChange({ ...options, task })
}
const task = options?.task ?? defaultChatwootOptions.task
return (
<Stack spacing={4}>
<DropdownList
currentItem={options.task ?? 'Show widget'}
currentItem={options?.task ?? defaultChatwootOptions.task}
onItemSelect={updateTask}
items={chatwootTasks}
/>
{!options.task ||
(options.task === 'Show widget' && (
<>
<TextInput
isRequired
label="Base URL"
defaultValue={options.baseUrl}
onChange={(baseUrl: string) => {
onOptionsChange({ ...options, baseUrl })
}}
withVariableButton={false}
/>
<TextInput
isRequired
label="Website token"
defaultValue={options.websiteToken}
onChange={(websiteToken) =>
onOptionsChange({ ...options, websiteToken })
}
moreInfoTooltip="Can be found in Chatwoot under Settings > Inboxes > Settings > Configuration, in the code snippet."
/>
<Accordion allowMultiple>
<AccordionItem>
<AccordionButton justifyContent="space-between">
Set user details
<AccordionIcon />
</AccordionButton>
<AccordionPanel pb={4} as={Stack} spacing="4">
<TextInput
label="ID"
defaultValue={options.user?.id}
onChange={(id: string) => {
onOptionsChange({
...options,
user: { ...options.user, id },
})
}}
/>
<TextInput
label="Name"
defaultValue={options.user?.name}
onChange={(name: string) => {
onOptionsChange({
...options,
user: { ...options.user, name },
})
}}
/>
<TextInput
label="Email"
defaultValue={options.user?.email}
onChange={(email: string) => {
onOptionsChange({
...options,
user: { ...options.user, email },
})
}}
/>
<TextInput
label="Avatar URL"
defaultValue={options.user?.avatarUrl}
onChange={(avatarUrl: string) => {
onOptionsChange({
...options,
user: { ...options.user, avatarUrl },
})
}}
/>
<TextInput
label="Phone number"
defaultValue={options.user?.phoneNumber}
onChange={(phoneNumber: string) => {
onOptionsChange({
...options,
user: { ...options.user, phoneNumber },
})
}}
/>
</AccordionPanel>
</AccordionItem>
</Accordion>
</>
))}
{task === 'Show widget' && (
<>
<TextInput
isRequired
label="Base URL"
defaultValue={options?.baseUrl ?? defaultChatwootOptions.baseUrl}
onChange={(baseUrl: string) => {
onOptionsChange({ ...options, baseUrl })
}}
withVariableButton={false}
/>
<TextInput
isRequired
label="Website token"
defaultValue={options?.websiteToken}
onChange={(websiteToken) =>
onOptionsChange({ ...options, websiteToken })
}
moreInfoTooltip="Can be found in Chatwoot under Settings > Inboxes > Settings > Configuration, in the code snippet."
/>
<Accordion allowMultiple>
<AccordionItem>
<AccordionButton justifyContent="space-between">
Set user details
<AccordionIcon />
</AccordionButton>
<AccordionPanel pb={4} as={Stack} spacing="4">
<TextInput
label="ID"
defaultValue={options?.user?.id}
onChange={(id: string) => {
onOptionsChange({
...options,
user: { ...options?.user, id },
})
}}
/>
<TextInput
label="Name"
defaultValue={options?.user?.name}
onChange={(name: string) => {
onOptionsChange({
...options,
user: { ...options?.user, name },
})
}}
/>
<TextInput
label="Email"
defaultValue={options?.user?.email}
onChange={(email: string) => {
onOptionsChange({
...options,
user: { ...options?.user, email },
})
}}
/>
<TextInput
label="Avatar URL"
defaultValue={options?.user?.avatarUrl}
onChange={(avatarUrl: string) => {
onOptionsChange({
...options,
user: { ...options?.user, avatarUrl },
})
}}
/>
<TextInput
label="Phone number"
defaultValue={options?.user?.phoneNumber}
onChange={(phoneNumber: string) => {
onOptionsChange({
...options,
user: { ...options?.user, phoneNumber },
})
}}
/>
</AccordionPanel>
</AccordionItem>
</Accordion>
</>
)}
</Stack>
)
}

4
apps/builder/src/features/blocks/integrations/googleAnalytics/components/GoogleAnalyticsNodeBody.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react'
import { Text } from '@chakra-ui/react'
import { GoogleAnalyticsOptions } from '@typebot.io/schemas'
import { GoogleAnalyticsBlock } from '@typebot.io/schemas'
type Props = {
action: GoogleAnalyticsOptions['action']
action: NonNullable<GoogleAnalyticsBlock['options']>['action']
}
export const GoogleAnalyticsNodeBody = ({ action }: Props) => (

16
apps/builder/src/features/blocks/integrations/googleAnalytics/components/GoogleAnalyticsSettings.tsx
View File

@@ -8,12 +8,12 @@ import {
Box,
Stack,
} from '@chakra-ui/react'
import { GoogleAnalyticsOptions } from '@typebot.io/schemas'
import { GoogleAnalyticsBlock } from '@typebot.io/schemas'
import React from 'react'
type Props = {
options?: GoogleAnalyticsOptions
onOptionsChange: (options: GoogleAnalyticsOptions) => void
options?: GoogleAnalyticsBlock['options']
onOptionsChange: (options: GoogleAnalyticsBlock['options']) => void
}
export const GoogleAnalyticsSettings = ({
@@ -48,13 +48,13 @@ export const GoogleAnalyticsSettings = ({
<TextInput
label="Measurement ID:"
moreInfoTooltip="Can be found by clicking on your data stream in Google Analytics dashboard"
defaultValue={options?.trackingId ?? ''}
defaultValue={options?.trackingId}
placeholder="G-123456..."
onChange={updateTrackingId}
/>
<TextInput
label="Event action:"
defaultValue={options?.action ?? ''}
defaultValue={options?.action}
placeholder="Example: conversion"
onChange={updateAction}
/>
@@ -71,13 +71,13 @@ export const GoogleAnalyticsSettings = ({
<AccordionPanel pb={4} as={Stack} spacing="6">
<TextInput
label="Event category:"
defaultValue={options?.category ?? ''}
defaultValue={options?.category}
placeholder="Example: Typebot"
onChange={updateCategory}
/>
<TextInput
label="Event label:"
defaultValue={options?.label ?? ''}
defaultValue={options?.label}
placeholder="Example: Campaign Z"
onChange={updateLabel}
/>
@@ -91,7 +91,7 @@ export const GoogleAnalyticsSettings = ({
<TextInput
label="Send to:"
moreInfoTooltip="Useful to send a conversion event to Google Ads"
defaultValue={options?.sendTo?.toString() ?? ''}
defaultValue={options?.sendTo?.toString()}
placeholder="Example: AW-123456789"
onChange={updateSendTo}
/>

6
apps/builder/src/features/blocks/integrations/googleAnalytics/googleAnalytics.spec.ts
View File

@@ -1,11 +1,8 @@
import test from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import {
defaultGoogleAnalyticsOptions,
IntegrationBlockType,
} from '@typebot.io/schemas'
import { createId } from '@paralleldrive/cuid2'
import { IntegrationBlockType } from '@typebot.io/schemas/features/blocks/integrations/constants'
test.describe('Google Analytics block', () => {
test('its configuration should work', async ({ page }) => {
@@ -15,7 +12,6 @@ test.describe('Google Analytics block', () => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: IntegrationBlockType.GOOGLE_ANALYTICS,
options: defaultGoogleAnalyticsOptions,
}),
},
])

7
apps/builder/src/features/blocks/integrations/googleSheets/components/GoogleSheetsNodeContent.tsx
View File

@@ -1,11 +1,12 @@
import React from 'react'
import { Stack, Text } from '@chakra-ui/react'
import { GoogleSheetsAction, GoogleSheetsOptions } from '@typebot.io/schemas'
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
import { SetVariableLabel } from '@/components/SetVariableLabel'
import { GoogleSheetsBlock } from '@typebot.io/schemas'
import { GoogleSheetsAction } from '@typebot.io/schemas/features/blocks/integrations/googleSheets/constants'
type Props = {
options?: GoogleSheetsOptions
options?: GoogleSheetsBlock['options']
}
export const GoogleSheetsNodeContent = ({ options }: Props) => {
@@ -18,7 +19,7 @@ export const GoogleSheetsNodeContent = ({ options }: Props) => {
{typebot &&
options?.action === GoogleSheetsAction.GET &&
options?.cellsToExtract
.map((mapping) => mapping.variableId)
?.map((mapping) => mapping.variableId)
.map((variableId, idx) =>
variableId ? (
<SetVariableLabel

188
apps/builder/src/features/blocks/integrations/googleSheets/components/GoogleSheetsSettings.tsx
View File

@@ -12,16 +12,12 @@ import { DropdownList } from '@/components/DropdownList'
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
import {
Cell,
defaultGoogleSheetsGetOptions,
defaultGoogleSheetsInsertOptions,
defaultGoogleSheetsUpdateOptions,
ExtractingCell,
GoogleSheetsAction,
GoogleSheetsBlock,
GoogleSheetsGetOptions,
GoogleSheetsGetOptionsV6,
GoogleSheetsInsertRowOptions,
GoogleSheetsOptions,
GoogleSheetsUpdateRowOptions,
totalRowsToExtractOptions,
GoogleSheetsUpdateRowOptionsV6,
} from '@typebot.io/schemas'
import React, { useMemo } from 'react'
import { isDefined } from '@typebot.io/lib'
@@ -33,14 +29,18 @@ import { GoogleSheetConnectModal } from './GoogleSheetsConnectModal'
import { TableListItemProps, TableList } from '@/components/TableList'
import { CredentialsDropdown } from '@/features/credentials/components/CredentialsDropdown'
import { RowsFilterTableList } from './RowsFilterTableList'
import { createId } from '@paralleldrive/cuid2'
import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
import { useSheets } from '../hooks/useSheets'
import { Sheet } from '../types'
import {
GoogleSheetsAction,
defaultGoogleSheetsOptions,
totalRowsToExtractOptions,
} from '@typebot.io/schemas/features/blocks/integrations/googleSheets/constants'
type Props = {
options: GoogleSheetsOptions
onOptionsChange: (options: GoogleSheetsOptions) => void
options: GoogleSheetsBlock['options']
onOptionsChange: (options: GoogleSheetsBlock['options']) => void
blockId: string
}
@@ -70,36 +70,13 @@ export const GoogleSheetsSettings = ({
const handleSheetIdChange = (sheetId: string | undefined) =>
onOptionsChange({ ...options, sheetId })
const handleActionChange = (action: GoogleSheetsAction) => {
const baseOptions = {
credentialsId: options.credentialsId,
spreadsheetId: options.spreadsheetId,
sheetId: options.sheetId,
}
switch (action) {
case GoogleSheetsAction.GET: {
const newOptions: GoogleSheetsGetOptions = {
...baseOptions,
...defaultGoogleSheetsGetOptions(createId),
}
return onOptionsChange({ ...newOptions })
}
case GoogleSheetsAction.INSERT_ROW: {
const newOptions: GoogleSheetsInsertRowOptions = {
...baseOptions,
...defaultGoogleSheetsInsertOptions(createId),
}
return onOptionsChange({ ...newOptions })
}
case GoogleSheetsAction.UPDATE_ROW: {
const newOptions: GoogleSheetsUpdateRowOptions = {
...baseOptions,
...defaultGoogleSheetsUpdateOptions(createId),
}
return onOptionsChange({ ...newOptions })
}
}
}
const handleActionChange = (action: GoogleSheetsAction) =>
onOptionsChange({
credentialsId: options?.credentialsId,
spreadsheetId: options?.spreadsheetId,
sheetId: options?.sheetId,
action,
})
const handleCreateNewClick = async () => {
await save()
@@ -148,7 +125,7 @@ export const GoogleSheetsSettings = ({
placeholder="Select an operation"
/>
)}
{options.action && (
{options?.action && (
<ActionOptions
options={options}
sheet={sheet}
@@ -165,31 +142,40 @@ const ActionOptions = ({
onOptionsChange,
}: {
options:
| GoogleSheetsGetOptions
| GoogleSheetsGetOptionsV6
| GoogleSheetsInsertRowOptions
| GoogleSheetsUpdateRowOptions
| GoogleSheetsUpdateRowOptionsV6
sheet?: Sheet
onOptionsChange: (options: GoogleSheetsOptions) => void
onOptionsChange: (options: GoogleSheetsBlock['options']) => void
}) => {
const handleInsertColumnsChange = (cellsToInsert: Cell[]) =>
onOptionsChange({ ...options, cellsToInsert } as GoogleSheetsOptions)
onOptionsChange({
...options,
cellsToInsert,
} as GoogleSheetsBlock['options'])
const handleUpsertColumnsChange = (cellsToUpsert: Cell[]) =>
onOptionsChange({ ...options, cellsToUpsert } as GoogleSheetsOptions)
const handleReferenceCellChange = (referenceCell: Cell) =>
onOptionsChange({ ...options, referenceCell } as GoogleSheetsOptions)
onOptionsChange({
...options,
cellsToUpsert,
} as GoogleSheetsBlock['options'])
const handleExtractingCellsChange = (cellsToExtract: ExtractingCell[]) =>
onOptionsChange({ ...options, cellsToExtract } as GoogleSheetsOptions)
onOptionsChange({
...options,
cellsToExtract,
} as GoogleSheetsBlock['options'])
const handleFilterChange = (filter: GoogleSheetsGetOptions['filter']) =>
onOptionsChange({ ...options, filter } as GoogleSheetsOptions)
onOptionsChange({ ...options, filter } as GoogleSheetsBlock['options'])
const updateTotalRowsToExtract = (
totalRowsToExtract: GoogleSheetsGetOptions['totalRowsToExtract']
) =>
onOptionsChange({ ...options, totalRowsToExtract } as GoogleSheetsOptions)
onOptionsChange({
...options,
totalRowsToExtract,
} as GoogleSheetsBlock['options'])
const UpdatingCellItem = useMemo(
() =>
@@ -222,42 +208,22 @@ const ActionOptions = ({
case GoogleSheetsAction.UPDATE_ROW:
return (
<Accordion allowMultiple>
{options.referenceCell && (
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
Row to update
</Text>
<AccordionIcon />
</AccordionButton>
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
Row(s) to update
</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel pt="4">
<CellWithValueStack
columns={sheet?.columns ?? []}
item={options.referenceCell ?? { id: 'reference' }}
onItemChange={handleReferenceCellChange}
/>
</AccordionPanel>
</AccordionItem>
)}
{!options.referenceCell && (
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
Row(s) to update
</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel pt="4">
<RowsFilterTableList
columns={sheet?.columns ?? []}
filter={options.filter}
onFilterChange={handleFilterChange}
/>
</AccordionPanel>
</AccordionItem>
)}
<AccordionPanel pt="4">
<RowsFilterTableList
columns={sheet?.columns ?? []}
filter={options.filter}
onFilterChange={handleFilterChange}
/>
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
@@ -281,49 +247,32 @@ const ActionOptions = ({
return (
<Accordion allowMultiple>
<Stack>
{options.referenceCell && (
<>
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
Rows to select
Select row(s)
</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel pt="4">
<CellWithValueStack
<AccordionPanel pt="4" as={Stack}>
<DropdownList
items={totalRowsToExtractOptions}
currentItem={
options.totalRowsToExtract ??
defaultGoogleSheetsOptions.totalRowsToExtract
}
onItemSelect={updateTotalRowsToExtract}
/>
<RowsFilterTableList
columns={sheet?.columns ?? []}
item={options.referenceCell ?? { id: 'reference' }}
onItemChange={handleReferenceCellChange}
filter={options.filter}
onFilterChange={handleFilterChange}
/>
</AccordionPanel>
</AccordionItem>
)}
{!options.referenceCell && (
<>
<AccordionItem>
<AccordionButton>
<Text w="full" textAlign="left">
Select row(s)
</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel pt="4" as={Stack}>
<DropdownList
items={totalRowsToExtractOptions}
currentItem={options.totalRowsToExtract ?? 'All'}
onItemSelect={updateTotalRowsToExtract}
/>
<RowsFilterTableList
columns={sheet?.columns ?? []}
filter={options.filter}
onFilterChange={handleFilterChange}
/>
</AccordionPanel>
</AccordionItem>
</>
)}
</>
<AccordionItem>
<AccordionButton>
@@ -339,6 +288,7 @@ const ActionOptions = ({
onItemsChange={handleExtractingCellsChange}
Item={ExtractingCellItem}
addLabel="Add a value"
hasDefaultItem
/>
</AccordionPanel>
</AccordionItem>

3
apps/builder/src/features/blocks/integrations/googleSheets/components/RowsFilterComparisonItem.tsx
View File

@@ -2,7 +2,8 @@ import { DropdownList } from '@/components/DropdownList'
import { TextInput } from '@/components/inputs'
import { TableListItemProps } from '@/components/TableList'
import { Stack } from '@chakra-ui/react'
import { ComparisonOperators, RowsFilterComparison } from '@typebot.io/schemas'
import { RowsFilterComparison } from '@typebot.io/schemas'
import { ComparisonOperators } from '@typebot.io/schemas/features/blocks/logic/condition/constants'
import React from 'react'
export const RowsFilterComparisonItem = ({

2
apps/builder/src/features/blocks/integrations/googleSheets/components/RowsFilterTableList.tsx
View File

@@ -3,11 +3,11 @@ import { TableList, TableListItemProps } from '@/components/TableList'
import { Flex } from '@chakra-ui/react'
import {
GoogleSheetsGetOptions,
LogicalOperator,
RowsFilterComparison,
} from '@typebot.io/schemas'
import React, { useCallback } from 'react'
import { RowsFilterComparisonItem } from './RowsFilterComparisonItem'
import { LogicalOperator } from '@typebot.io/schemas/features/blocks/logic/condition/constants'
type Props = {
filter: GoogleSheetsGetOptions['filter']

2
apps/builder/src/features/blocks/integrations/makeCom/components/MakeComContent.tsx
View File

@@ -7,7 +7,7 @@ type Props = {
}
export const MakeComContent = ({ block }: Props) => {
const webhook = block.options.webhook
const webhook = block.options?.webhook
if (isNotDefined(webhook?.body))
return <Text color="gray.500">Configure...</Text>

23
apps/builder/src/features/blocks/integrations/makeCom/components/MakeComSettings.tsx
View File

@@ -1,12 +1,12 @@
import { Alert, AlertIcon, Button, Link, Stack, Text } from '@chakra-ui/react'
import { ExternalLinkIcon } from '@/components/icons'
import { MakeComBlock, Webhook, WebhookOptions } from '@typebot.io/schemas'
import { MakeComBlock, Webhook } from '@typebot.io/schemas'
import React from 'react'
import { WebhookAdvancedConfigForm } from '../../webhook/components/WebhookAdvancedConfigForm'
type Props = {
block: MakeComBlock
onOptionsChange: (options: WebhookOptions) => void
onOptionsChange: (options: MakeComBlock['options']) => void
}
export const MakeComSettings = ({
@@ -14,14 +14,13 @@ export const MakeComSettings = ({
onOptionsChange,
}: Props) => {
const setLocalWebhook = async (newLocalWebhook: Webhook) => {
if (!options.webhook) return
onOptionsChange({
...options,
webhook: newLocalWebhook,
})
}
const url = options.webhook?.url
const url = options?.webhook?.url
return (
<Stack spacing={4}>
@@ -43,15 +42,13 @@ export const MakeComSettings = ({
</Stack>
)}
</Alert>
{options.webhook && (
<WebhookAdvancedConfigForm
blockId={blockId}
webhook={options.webhook as Webhook}
options={options}
onWebhookChange={setLocalWebhook}
onOptionsChange={onOptionsChange}
/>
)}
<WebhookAdvancedConfigForm
blockId={blockId}
webhook={options?.webhook}
options={options}
onWebhookChange={setLocalWebhook}
onOptionsChange={onOptionsChange}
/>
</Stack>
)
}

10
apps/builder/src/features/blocks/integrations/openai/api/listModels.ts
View File

@@ -4,12 +4,10 @@ import { TRPCError } from '@trpc/server'
import { z } from 'zod'
import { isReadWorkspaceFobidden } from '@/features/workspace/helpers/isReadWorkspaceFobidden'
import { decrypt } from '@typebot.io/lib/api/encryption/decrypt'
import {
OpenAICredentials,
defaultBaseUrl,
} from '@typebot.io/schemas/features/blocks/integrations/openai'
import { OpenAICredentials } from '@typebot.io/schemas/features/blocks/integrations/openai'
import { isNotEmpty } from '@typebot.io/lib/utils'
import { OpenAI, ClientOptions } from 'openai'
import { defaultOpenAIOptions } from '@typebot.io/schemas/features/blocks/integrations/openai/constants'
export const listModels = authenticatedProcedure
.meta({
@@ -25,7 +23,7 @@ export const listModels = authenticatedProcedure
z.object({
credentialsId: z.string(),
workspaceId: z.string(),
baseUrl: z.string().default(defaultBaseUrl),
baseUrl: z.string(),
apiVersion: z.string().optional(),
})
)
@@ -81,7 +79,7 @@ export const listModels = authenticatedProcedure
const config = {
apiKey: data.apiKey,
baseURL: baseUrl,
baseURL: baseUrl ?? defaultOpenAIOptions.baseUrl,
defaultHeaders: {
'api-key': data.apiKey,
},

4
apps/builder/src/features/blocks/integrations/openai/components/OpenAINodeBody.tsx
View File

@@ -8,7 +8,7 @@ import {
} from '@typebot.io/schemas/features/blocks/integrations/openai'
type Props = {
task: OpenAIBlock['options']['task']
task: NonNullable<OpenAIBlock['options']>['task']
responseMapping:
| ChatCompletionOpenAIOptions['responseMapping']
| CreateImageOpenAIOptions['responseMapping']
@@ -24,7 +24,7 @@ export const OpenAINodeBody = ({ task, responseMapping }: Props) => {
</Text>
{typebot &&
responseMapping
.map((mapping) => mapping.variableId)
?.map((mapping) => mapping.variableId)
.map((variableId, idx) =>
variableId ? (
<SetVariableLabel

18
apps/builder/src/features/blocks/integrations/openai/components/OpenAISettings.tsx
View File

@@ -13,17 +13,17 @@ import { CredentialsDropdown } from '@/features/credentials/components/Credentia
import {
ChatCompletionOpenAIOptions,
CreateImageOpenAIOptions,
defaultBaseUrl,
defaultChatCompletionOptions,
OpenAIBlock,
openAITasks,
} from '@typebot.io/schemas/features/blocks/integrations/openai'
import { OpenAICredentialsModal } from './OpenAICredentialsModal'
import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
import { DropdownList } from '@/components/DropdownList'
import { OpenAIChatCompletionSettings } from './createChatCompletion/OpenAIChatCompletionSettings'
import { createId } from '@paralleldrive/cuid2'
import { TextInput } from '@/components/inputs'
import {
defaultOpenAIOptions,
openAITasks,
} from '@typebot.io/schemas/features/blocks/integrations/openai/constants'
type OpenAITask = (typeof openAITasks)[number]
@@ -51,7 +51,7 @@ export const OpenAISettings = ({
case 'Create chat completion': {
onOptionsChange({
credentialsId: options?.credentialsId,
...defaultChatCompletionOptions(createId),
task,
})
break
}
@@ -72,6 +72,8 @@ export const OpenAISettings = ({
})
}
const baseUrl = options?.baseUrl ?? defaultOpenAIOptions.baseUrl
return (
<Stack>
{workspace && (
@@ -91,7 +93,7 @@ export const OpenAISettings = ({
/>
</>
)}
{options.credentialsId && (
{options?.credentialsId && (
<>
<Accordion allowToggle>
<AccordionItem>
@@ -104,10 +106,10 @@ export const OpenAISettings = ({
<AccordionPanel as={Stack} spacing={4}>
<TextInput
label="Base URL"
defaultValue={options.baseUrl}
defaultValue={baseUrl}
onChange={updateBaseUrl}
/>
{options.baseUrl !== defaultBaseUrl && (
{baseUrl !== defaultOpenAIOptions.baseUrl && (
<TextInput
label="API version"
defaultValue={options.apiVersion}

132
apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/ChatCompletionMessageItem.tsx
View File

@@ -1,16 +1,19 @@
import { DropdownList } from '@/components/DropdownList'
import { Textarea, TextInput } from '@/components/inputs'
import { Textarea } from '@/components/inputs'
import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { TableListItemProps } from '@/components/TableList'
import { Stack } from '@chakra-ui/react'
import { HStack, Stack, Text } from '@chakra-ui/react'
import { Variable } from '@typebot.io/schemas'
import { ChatCompletionOpenAIOptions } from '@typebot.io/schemas/features/blocks/integrations/openai'
import {
chatCompletionMessageCustomRoles,
chatCompletionMessageRoles,
ChatCompletionOpenAIOptions,
} from '@typebot.io/schemas/features/blocks/integrations/openai'
deprecatedRoles,
} from '@typebot.io/schemas/features/blocks/integrations/openai/constants'
type Props = TableListItemProps<ChatCompletionOpenAIOptions['messages'][number]>
type Props = TableListItemProps<
NonNullable<ChatCompletionOpenAIOptions['messages']>[number]
>
const roles = [
...chatCompletionMessageCustomRoles,
@@ -27,75 +30,88 @@ export const ChatCompletionMessageItem = ({ item, onItemChange }: Props) => {
}
const changeSingleMessageContent = (content: string) => {
if (item.role === 'Messages sequence ✨') return
if (item.role === 'Messages sequence ✨' || item.role === 'Dialogue') return
onItemChange({ ...item, content })
}
const changeAssistantVariableId = (
const updateDialogueVariableId = (
variable: Pick<Variable, 'id'> | undefined
) => {
if (item.role !== 'Messages sequence ✨') return
onItemChange({
...item,
content: {
...item.content,
assistantMessagesVariableId: variable?.id,
},
})
if (item.role !== 'Dialogue') return
onItemChange({ ...item, dialogueVariableId: variable?.id })
}
const changeUserVariableId = (variable: Pick<Variable, 'id'> | undefined) => {
if (item.role !== 'Messages sequence ✨') return
onItemChange({
...item,
content: {
...item.content,
userMessagesVariableId: variable?.id,
},
})
}
const updateName = (name: string) => {
if (item.role === 'Messages sequence ✨') return
onItemChange({ ...item, name })
const updateStartsBy = (startsBy: 'user' | 'assistant') => {
if (item.role !== 'Dialogue') return
onItemChange({ ...item, startsBy })
}
return (
<Stack p="4" rounded="md" flex="1" borderWidth="1px">
<DropdownList
currentItem={item.role}
items={roles}
items={roles.filter(
(role) =>
!deprecatedRoles.includes(role as (typeof deprecatedRoles)[number])
)}
onItemSelect={changeRole}
placeholder="Select type"
/>
{item.role === 'Messages sequence ✨' ? (
<>
<VariableSearchInput
initialVariableId={item.content?.userMessagesVariableId}
onSelectVariable={changeUserVariableId}
placeholder="User messages variable"
/>
<VariableSearchInput
initialVariableId={item.content?.assistantMessagesVariableId}
onSelectVariable={changeAssistantVariableId}
placeholder="Assistant messages variable"
/>
</>
) : (
<>
<Textarea
defaultValue={item.content}
onChange={changeSingleMessageContent}
placeholder="Content"
minH="150px"
/>
<TextInput
defaultValue={item.name}
onChange={updateName}
placeholder="Name (Optional)"
/>
</>
)}
<ChatCompletionMessageItemContent
item={item}
onChangeSingleMessageContent={changeSingleMessageContent}
onChangeDialogueVariableId={updateDialogueVariableId}
onStartsByChange={updateStartsBy}
/>
</Stack>
)
}
const ChatCompletionMessageItemContent = ({
onChangeSingleMessageContent,
onChangeDialogueVariableId,
onStartsByChange,
item,
}: {
onChangeSingleMessageContent: (content: string) => void
onChangeDialogueVariableId: (
variable: Pick<Variable, 'id'> | undefined
) => void
onStartsByChange: (startsBy: 'user' | 'assistant') => void
item: NonNullable<ChatCompletionOpenAIOptions['messages']>[number]
}) => {
switch (item.role) {
case 'assistant':
case 'user':
case 'system':
return (
<Textarea
defaultValue={item.content}
onChange={onChangeSingleMessageContent}
placeholder="Content"
minH="150px"
/>
)
case 'Dialogue':
return (
<Stack alignItems="flex-end">
<VariableSearchInput
initialVariableId={item.dialogueVariableId}
onSelectVariable={onChangeDialogueVariableId}
placeholder="Dialogue variable"
/>
<HStack>
<Text>starts by</Text>
<DropdownList
size="sm"
currentItem={item.startsBy ?? 'user'}
onItemSelect={onStartsByChange}
items={['user', 'assistant'] as const}
/>
</HStack>
</Stack>
)
case 'Messages sequence ✨':
return null
}
}

11
apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/ChatCompletionResponseItem.tsx
View File

@@ -3,13 +3,14 @@ import { VariableSearchInput } from '@/components/inputs/VariableSearchInput'
import { TableListItemProps } from '@/components/TableList'
import { Stack } from '@chakra-ui/react'
import { Variable } from '@typebot.io/schemas'
import { ChatCompletionOpenAIOptions } from '@typebot.io/schemas/features/blocks/integrations/openai'
import {
ChatCompletionOpenAIOptions,
chatCompletionResponseValues,
} from '@typebot.io/schemas/features/blocks/integrations/openai'
defaultOpenAIResponseMappingItem,
} from '@typebot.io/schemas/features/blocks/integrations/openai/constants'
type Props = TableListItemProps<
ChatCompletionOpenAIOptions['responseMapping'][number]
NonNullable<ChatCompletionOpenAIOptions['responseMapping']>[number]
>
export const ChatCompletionResponseItem = ({ item, onItemChange }: Props) => {
@@ -26,7 +27,9 @@ export const ChatCompletionResponseItem = ({ item, onItemChange }: Props) => {
return (
<Stack p="4" rounded="md" flex="1" borderWidth="1px">
<DropdownList
currentItem={item.valueToExtract ?? 'Message content'}
currentItem={
item.valueToExtract ?? defaultOpenAIResponseMappingItem.valueToExtract
}
items={chatCompletionResponseValues}
onItemSelect={changeValueToExtract}
/>

7
apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/ModelsDropdown.tsx
View File

@@ -2,12 +2,13 @@ import { Select } from '@/components/inputs/Select'
import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
import { useToast } from '@/hooks/useToast'
import { trpc } from '@/lib/trpc'
import { defaultOpenAIOptions } from '@typebot.io/schemas/features/blocks/integrations/openai/constants'
type Props = {
baseUrl: string
baseUrl?: string
apiVersion?: string
credentialsId: string
defaultValue: string
defaultValue?: string
onChange: (model: string | undefined) => void
}
@@ -24,7 +25,7 @@ export const ModelsDropdown = ({
const { data } = trpc.openAI.listModels.useQuery(
{
credentialsId,
baseUrl,
baseUrl: baseUrl ?? defaultOpenAIOptions.baseUrl,
workspaceId: workspace?.id as string,
apiVersion,
},

2
apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/OpenAIChatCompletionSettings.tsx
View File

@@ -96,6 +96,7 @@ export const OpenAIChatCompletionSettings = ({
Item={ChatCompletionMessageItem}
onItemsChange={updateMessages}
isOrdered
hasDefaultItem
addLabel="Add message"
/>
</AccordionPanel>
@@ -132,6 +133,7 @@ export const OpenAIChatCompletionSettings = ({
Item={ChatCompletionResponseItem}
onItemsChange={updateResponseMapping}
newItemDefaultProps={{ valueToExtract: 'Message content' }}
hasDefaultItem
/>
</AccordionPanel>
</AccordionItem>

6
apps/builder/src/features/blocks/integrations/openai/openai.spec.ts
View File

@@ -1,9 +1,8 @@
import test, { expect } from '@playwright/test'
import { createTypebots } from '@typebot.io/lib/playwright/databaseActions'
import { createId } from '@paralleldrive/cuid2'
import { IntegrationBlockType } from '@typebot.io/schemas'
import { parseDefaultGroupWithBlock } from '@typebot.io/lib/playwright/databaseHelpers'
import { defaultBaseUrl } from '@typebot.io/schemas/features/blocks/integrations/openai'
import { IntegrationBlockType } from '@typebot.io/schemas/features/blocks/integrations/constants'
const typebotId = createId()
@@ -13,9 +12,6 @@ test('should be configurable', async ({ page }) => {
id: typebotId,
...parseDefaultGroupWithBlock({
type: IntegrationBlockType.OPEN_AI,
options: {
baseUrl: defaultBaseUrl,
},
}),
},
])

2
apps/builder/src/features/blocks/integrations/pabbly/components/PabblyConnectContent.tsx
View File

@@ -7,7 +7,7 @@ type Props = {
}
export const PabblyConnectContent = ({ block }: Props) => {
const webhook = block.options.webhook
const webhook = block.options?.webhook
if (isNotDefined(webhook?.body))
return <Text color="gray.500">Configure...</Text>

Some files were not shown because too many files have changed in this diff Show More