Raghav.elements-billing | Stripe Developers | Page 1

sage oyster Nov 10, 2021, 12:46 PM

#

Hey there! Which Elements are you using? The answer is generally no, unless you're using the Payment Element and the selected payment method requires address info

wide flare Nov 10, 2021, 12:55 PM

#

i am using the payment element @sage oyster to collect my customer's card details using the setupIntent

sage oyster Nov 10, 2021, 12:57 PM

#

So you can't require the billing fields, only set them to be automatically determined by the selected payment method: https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-fields

Stripe JavaScript SDK reference – Create a Payment Element

Complete reference documentation for the Stripe JavaScript SDK.

#

If you need to capture billing address, then you'll need to do that separately

wide flare Nov 10, 2021, 12:59 PM

#

then what is the use of useElements() hook

stark trellis Nov 10, 2021, 1:11 PM

#

That hook is used to pass the payment details collect by the payment element to the confirmPayment function.

wide flare Nov 10, 2021, 1:12 PM

#

so do you guys have any example code that uses stripe-react ShippingAddressElement @stark trellis

stark trellis Nov 10, 2021, 1:15 PM

#

I'm not sure off the top of my head, let me see what I can find.

wide flare Nov 10, 2021, 1:16 PM

#

Alright let me also do some quick googling from my side

#

Also if i directly use the component i am getting the following err

Uncaught IntegrationError: A valid Element name must be provided. Valid Elements are:
  card, cardNumber, cardExpiry, cardCvc, postalCode, paymentRequestButton, iban, idealBank, p24Bank, auBankAccount, fpxBank, afterpayClearpayMessage; you passed: shippingAddress.

stark trellis Nov 10, 2021, 1:23 PM

#

I'm pretty sure shippingAddress is more of an object than an element

wide flare Nov 10, 2021, 1:29 PM

#

But it's naming conventions suggests that it's an element

stark trellis Nov 10, 2021, 1:44 PM

#

Apologies for the confusion, it seems that element is still in the works and isn't ready for consumption yet.

wide flare Nov 10, 2021, 1:44 PM

#

well, what is the alternative that I can use? @stark trellis

stark trellis Nov 10, 2021, 1:59 PM

#

Apologies, there may not be a way, but I'm still working on double checking that.

#

Thank you for your patience while I confirmed things.

So there isn't a way to force the Payment Element to collect billing information. It will collect these details if they are necessary for the payment method selected, but otherwise it won't. You will need to collect these details elsewhere in your flow.

#Raghav.elements-billing