PostalCode is not sent with cardDetails

[Brotakuu]

I'm following the example in SetupFuturePaymentScreen, but I have enabled postalCodeEnabled={true} for better compliance.

<CardField
	postalCodeEnabled={true}
	onCardChange={(cardDetails) => {
	  console.log('card details', cardDetails);
	}}
	style={styles.cardField}
/>

In the example, postalCodeEnabled is false so the postalCode is set manually. But I have enabled user input for postalCode, yet the postalCode does not get sent along with the card details.

// 2. Gather customer billing information (ex. email)
const billingDetails: PaymentMethodCreateParams.BillingDetails = {
    phone: '+48888000888',
    addressCity: 'Houston',
    addressCountry: 'US',
    addressLine1: '1459  Circle Drive',
    addressLine2: 'Texas',
    // addressPostalCode: '77063', // REMOVED POSTAL CODE
}; // mocked data for tests

// 3. Confirm setup intent
const { error, setupIntent: setupIntentResult } = await confirmSetupIntent(
    clientSecret,
    {
        type: 'Card',
        billingDetails,
    }
);

The postalCode that the user inputted did not get sent to stripe. Do I need to do this manually by setting the state of the zipcode during input?

<CardField
	postalCodeEnabled={true}
	onCardChange={(cardDetails) => {
	  console.log('card details', cardDetails);
	  setPostalCode(cardDetails.postalCode)
	}}
	style={styles.cardField}
/>

[tt0mmy]

I believe you'll need to structure your data differently. the data arg should have a shape like this:

const data: ConfirmSetupIntent.Params = {
      type: 'Card',
      billingDetails,
    }

billingDetails should look like this: https://stripe.dev/stripe-react-native/api-reference/interfaces/paymentmethods.billingdetails.html

address should look like this: https://stripe.dev/stripe-react-native/api-reference/interfaces/paymentmethods.address.html
postalCode is in the address object.

[Brotakuu]

@tantommy There no issue with the structure. But how can I retrieve the postalCode that the user entered when confirming the setupIntent?