[Code Quality + Security] capture-app-iframe. Unify iframe postMessage format

[sync-by-unito]

Based on ChatGPT suggestion
some places use kebab-case some places use camleCase.
For capture-app-iframe

• find all postMessage.data and make sure all are kebab-case

QA verified method: iframe back button ( Top left corner )
QA summarised the testing cases about it. https://miro.com/app/board/o9J_knEiIYo=/?moveToWidget=3458764546039920899&cot=14
Testing case A : fixed on android, iOS not yet. → Also happened on live version fixed in the future.
Testing case B: fixed
Testing case C:

1. If v230209-iframe deploy and v230209-ionic haven’t been public -> the back button can’t work in data & terms.
2. Before iframe-v230209 deploy, the back button can work normally in data & terms.
3. v230131-iframe & ionic should not influence the back button.

Testing case D: known issue ✓ [issue] back button will back to wrong page (should in the explore tab not my capture tab)
At least fixed B & C, A & D could be fixed in the future sprint.

┆Issue is synchronized with this Asana task by Unito
┆Created By: Sam

[sync-by-unito]

➤ Sam commented:

Ethan Wu, for this task I checked only

• data_policy ( https://bubble.io/page?type=page&name=data_policy&version=v230116-ethan&id=captureappiframe&tab=tabs-1 )
• terms_of_use ( https://bubble.io/page?type=page&name=terms_of_use&version=v230116-ethan&id=captureappiframe&tab=tabs-2 )

uses iframeBackButtonClicked post message event.

Can you please change Run javascript workflow from
window.parent.postMessage('iframeBackButtonClicked', '*');

to

window.parent.postMessage('iframe-back-button-clicked', '*');

Thank you 🙏

[sync-by-unito]

➤ Ethan Wu commented:

done

[sync-by-unito]

➤ Ethan Wu commented:

for data policy and terms of use page

[sync-by-unito]

➤ Kenny Hung commented:

Ethan Wu How does qa verify this task?

[sync-by-unito]

➤ Ethan Wu commented:

The back button works as expected.

[sync-by-unito]

➤ Kenny Hung commented:

Ethan Wu For these steps as below, back button(top right corner) can't work.

1. enter prod page, and press "collect"
2. enter to checkout page, and press back button(top right corner)
3. back to prod page, when user press back button again, it doesn't work.

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung can you provide me a video of the above scenarios

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung these issues are not tied to postMessage.

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung pls check again

[sync-by-unito]

➤ Kenny Hung commented:

Yes, it also happens on live version.

[sync-by-unito]

➤ Kenny Hung commented:

I'll open a new card for it.

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung i have fixed it.

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung pls confirm if this is one is ok or if there are any other issues.