Unable to get two dimensional array

Hi!

I get something like this webhook request:

<LoanPrograms>
    <LoanProgram>
        <Offers>
            <Offer>
                <InterestRate>5.25</InterestRate>
                <APR>5.362</APR>
            </Offer>
            <Offer>
                <InterestRate>5.499</InterestRate>
                <APR>5.521</APR>
            </Offer>
            <Offer>
                <InterestRate>5.7</InterestRate>
                <APR>5.521</APR>
            </Offer>
        </Offers>
    </LoanProgram>
    <LoanProgram>
        <Offers>
            <Offer>
                <InterestRate>3.75</InterestRate>
                <APR>5.362</APR>
            </Offer>
            <Offer>
                <InterestRate>3.75</InterestRate>
                <APR>5.521</APR>
            </Offer>
        </Offers>
    </LoanProgram>
</LoanPrograms>

Each LoanProgram object can contain a different number of Offer objects.
My task is to get the Offer fields so that it is clear which LoanProgram they belong to.

When I map the fields in the Zapier interface, it looks exactly like I want it to - in the form of a two-dimensional array.
 

BUT when I send this data to my endpoint, I lose all the square brackets and get the data just separated by commas.
 

Is there any way to get this data exactly as it is displayed in the UI?
I tried to create a code step and so on, but I still got corrupted data at the entrance to it.

Thank you!