Solution: Incoming webhook where keys contain [ and ] characters

Hi, I was bashing my head against a problem and, after solving it, I figured I share it here in case someone else was having the same problem. I've already reported this to the support and I hope they can fix it soon. In the meantime, let me leave you with this.

1. First, the problem. Iugu - the app I'm trying to integrate - sends triggers formatted as the following (application/x-www-form-urlencoded):

event: subscription.suspended

data[id]: 1757E1D7FD5E410A9C563024250015BF

data[account_id]: 70CA234077134ED0BF2E0E46B0EDC36F

2. Flow recognizes that triggers as:

event: "subscription.suspended"

"data[id]": "1757E1D7FD5E410A9C563024250015BF"

"data[account_id]": "70CA234077134ED0BF2E0E46B0EDC36F"

I'm doing this off top of my head so the colors might not be exactly the same. However, the important is that it seems that Flow doesn't like "weird" characters. In the above case it colors the event key as if it were saying: "yep, got it. This is a key-value pair."

3. Later in the flow, when I want to use variable, Flows gives me the proper options. However, when I try to use those variables and click on them, it pastes the variable with a "typo".

It pastes:

${webhookTrigger.payload.data__account_id]}

where it should actually be:

${webhookTrigger.payload.data__account_id__}

Here is a video walking through it: https://www.useloom.com/share/7a542b1feb314d4db7aab21512bb5cf6

Kind regards,

Rico

https://reabra.com.br