Multistep Forms in Bravo

Hello,

I am trying to build a multi-step form in Bravo and I am quite stuck in the process.

My scenario is this. I have a single table in Airtable that holds my records. In Figma, I have created a list page and two pages to capture user info (page1 captures name, email and page2 captures street address, city, pincode). I would like to organize it this way instead of scrolling (this is a UX requirement).

I get the user 'id' field from the LIST API call and subsequently use that 'id' to do a DETAIL GET using that 'id' for a user. I bind the GET variables from the DETAIL API call to form fields on the page1, however, when navigating to page2 (using figma prototype links), the GET on page2 re-fetches the page1's variables overwriting any edits that might have happened to those variables on page1.

An ideal behavior might be to instruct Bravo (through tags) to carry over page1's variables (with the edits) to page2 and during the final submit (in page2), Bravo uses those variables and ignores the variables that were feteched when page2 loaded.

Alternately, I also tried to fully "submit" the first page (POST or PATCH) and move on to the second page however after submission the "id" field gets erased (from the previous list request) and it is not clear to me how to pass it through the "submit" of page1 to page2 (so that I can get page2 variables from airtable).

I see that there was a live streaming session that describes how to do multi-step forms (https://community.bravostudio.app/c/announcements/live-streaming-multi-step-forms-and-office-hours), but I don't see this session has been recorded. Can someone kindly shed some light on how to achieve this in Bravo?

Really stuck with this issue and would greatly appreciate any help in solving it.