I am trying to create the below mentioned whatsapp flow using json from dashboard.
{
"version": "3.1",
"screens": [
{
"id": "",
"title": "Address",
"data": {},
"terminal": true,
"layout": {
"type": "SingleColumnLayout",
"children": [
{
"type": "Form",
"name": "flow_path",
"children": [
{
"type": "TextInput",
"name": "TextInput_23f9a3",
"label": "Enter House Address",
"required": true,
"input-type": "text",
"helper-text": "Please enter your house number, floor number and building number."
},
{
"type": "TextBody",
"text": "${data.area}",
"visible": true
},
{
"type": "TextBody",
"text": "${data.pincode}",
"visible": true
},
{
"type": "Footer",
"label": "Save Address",
"on-click-action": {
"name": "complete",
"payload": {
"screen_0_TextInput_0": "${form.TextInput_23f9a3}"
}
}
}
]
}
]
}
}
]
}
Error:
Missing dynamic data "${data.area}" in the data model for screen: screen_adtrrz, TextBody property: text.
Looks like you are trying to render area and pincode using TextBody
component.
In-order use data payload you need to declare dynamic data schema that fills the components field in the Flow JSON. Try adding schema for area and pincode with data type and example.
for more information visit Flow JSON Documentation