ERROR: Android response coming as the id itself.

[MSBarbieri]

Hi guys, i know this probably it isn't the best channel to talk with developers from whatsapp flows, but i'm a developer and don't have easily the channel of support to talk with you.

Description

i'm integrating the whatsapp flows in the company i work, and i have found a bug which makes the flow unavailable to be released for our users.

the response of our flow in the android devices, are coming back as the id of the fields, instead of the values.

not only that. on android doesn't matter if the field is required or not, after we open the flow, we can send the response at exact same time event without respond any of the fields, i believe one bug is related to the other, but i can't confirm.

images

Android

IOS

Extra data

flow_id: kXFn8bbguMYzaMB9t5dOIivcE5Je0pgJ

schema

{
  "version": "3.1",
  "screens": [
    {
      "id": "LFuXtu",
      "terminal": true,
      "refresh_on_back": false,
      "title": "${data.sO4Dr7}",
      "layout": {
        "type": "SingleColumnLayout",
        "children": [
          {
            "type": "Form",
            "name": "${data.sO4Dr7}",
            "children": [
              {
                "type": "TextHeading",
                "visible": "${data.r9zwvx}",
                "text": "${data.qWEn9H}"
              },
              {
                "name": "fYNiHM",
                "type": "TextInput",
                "visible": "${data.ObE39k}",
                "label": "${data.bF6iuV}",
                "required": "${data.TsJeMR}",
                "input-type": "text",
                "min-chars": "${data.aQAjVe}",
                "max-chars": "${data.Sbegku}",
                "helper-text": "${data.UMttV0}"
              },
              {
                "name": "JkH0Ca",
                "type": "DatePicker",
                "visible": "${data.tLGzRH}",
                "label": "${data.wLCCbL}",
                "required": "${data.BYgftz}",
                "min-date": "${data.t2FJ2i}",
                "max-date": "${data.Hkff9b}",
                "unavailable-dates": "${data.NPmRJg}"
              }
            ]
          },
          {
            "type": "Footer",
            "label": "${data.baXwun}",
            "on-click-action": {
              "name": "complete",
              "payload": {
                "fYNiHM": "${form.fYNiHM}",
                "JkH0Ca": "${form.JkH0Ca}"
              }
            }
          }
        ]
      },
      "data": {
        "sO4Dr7": {
          "type": "string",
          "__example__": "aoeuaoeuaoeu"
        },
        "baXwun": {
          "type": "string",
          "__example__": "Continue"
        },
        "r9zwvx": {
          "type": "boolean",
          "__example__": true
        },
        "qWEn9H": {
          "type": "string",
          "__example__": "aoeu2"
        },
        "ObE39k": {
          "type": "boolean",
          "__example__": true
        },
        "bF6iuV": {
          "type": "string",
          "__example__": "aoeuaoeu"
        },
        "TsJeMR": {
          "type": "boolean",
          "__example__": true
        },
        "aQAjVe": {
          "type": "number",
          "__example__": 1
        },
        "Sbegku": {
          "type": "number",
          "__example__": 100
        },
        "UMttV0": {
          "type": "string",
          "__example__": ""
        },
        "tLGzRH": {
          "type": "boolean",
          "__example__": true
        },
        "wLCCbL": {
          "type": "string",
          "__example__": "aoeu"
        },
        "BYgftz": {
          "type": "boolean",
          "__example__": true
        },
        "t2FJ2i": {
          "type": "string",
          "__example__": "-3000000000000"
        },
        "Hkff9b": {
          "type": "string",
          "__example__": "7261790400000"
        },
        "NPmRJg": {
          "type": "array",
          "__example__": [],
          "items": {
            "type": "string"
          }
        }
      }
    }
  ]
}

Action data sended to meta:

{
...
"action": {
      "name": "flow",
      "parameters": {
        "flow_token": "test_bd175a9b-d219-4c70-9102-1359584b2aeb",
        "flow_id": "432924985933515",
        "flow_cta": "Abrir",
        "flow_action": "navigate",
        "flow_message_version": "3",
        "mode": "draft",
        "flow_action_payload": {
          "screen": "LFuXtu",
          "data": {
            "r9zwvx": true,
            "qWEn9H": "aoeu2",
            "ObE39k": true,
            "Sbegku": 100,
            "bF6iuV": "aoeuaoeu",
            "UMttV0": "",
            "TsJeMR": true,
            "aQAjVe": 1,
            "t2FJ2i": "-3000067200000",
            "tLGzRH": true,
            "NPmRJg": [],
            "Hkff9b": "7261747200000",
            "wLCCbL": "aoeu",
            "Ifzvbc": "",
            "BYgftz": true,
            "baXwun": "Continue",
            "sO4Dr7": "aoeuaoeuaoeu"
          }
        }
      }
    }
}

why our payload is sended this way

we let the users in our platform configure the message body the way they wan,t for a specfic user, so the title of the page can be: Hello $Someone and all the other stuffs.

[MSBarbieri]

if you have some channel were i can talk to the developers more easily, i go to there without any problem.

[Gaafar]

I believe this is because the Footer component is not defined inside the Form children list. Can you please move it inside the children array and try again?

[MSBarbieri]

it worked!