rooban_3ds-reactnative | Stripe Developers | Page 1

gloomy fulcrumBOT Oct 29, 2024, 3:58 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1300851231366971442

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

#

slim flame Oct 29, 2024, 3:58 PM

#

rooban_3ds-reactnative

#

@restive adder To be clear you are trying to collect card details first before you create a PaymentIntent and then you are trying to confirm the PaymentIntent server-side?

Asking because this is a really important decision. There are dozens of ways to integrate our products and APIs

bold canyon Oct 29, 2024, 4:14 PM

#

@slim flame initially payment method is created and then it's passed to backend to charge at that time if there is no 3d secure its working fine.
In case stripe action required payment intent is created and shared to react native end to handle that. At that time Rooban facing issue

slim flame Oct 29, 2024, 4:15 PM

#

Follow those docs: https://docs.stripe.com/payments/accept-a-payment-deferred?platform=react-native

bold canyon Oct 29, 2024, 4:18 PM

#

FYI Initial payment method is generated based on stripe card element

slim flame Oct 29, 2024, 4:19 PM

#

Switch to this. I highly recommend following that doc end to end to have the best integration which will work well for 3DS

restive adder Oct 29, 2024, 4:34 PM

#

Here's the complete code of my Payment.tsx. Firstly, I have created a custom card form for stripe inputs. Once the user pressed the Complete pay button, I just calling stripe.createPaymentMethod to get the payment method id and share the id to the backend. In return the backend will send me the payment intent id and client secret in response for the 3d secure cards.

My question is, how to handle these hiccups in the custom fields and to handle the payment for 3d secured cards

📎 message.txt

slim flame Oct 29, 2024, 4:39 PM

#

sounds good let me have a look

#

Okay you need to call https://stripe.dev/stripe-react-native/api-reference/index.html#handleNextAction afterwards to handle 3DS client-side

#

https://docs.stripe.com/payments/accept-a-payment-synchronously?platform=react-native#react-native-handle-next-actions is a good example on how to do that end to end

gloomy fulcrumBOT Oct 29, 2024, 5:14 PM

#

restive adder Oct 29, 2024, 5:24 PM

#

As you can see, I have implemented the handleNextAction on AddBooking function. But, it is not getting triggered

cunning pivot Oct 29, 2024, 5:28 PM

#

Hello! I'm taking over and catching up...

#rooban_3ds-reactnative