mina_mmp

[ionic wolf]

👋 We can only provide English support in this channel. Feel free to switch to English, or contact support at https://support.stripe.com/contact if you need help in another language

[sterile sierra]

I use stripe-react-native to integrate the app. When I use a card that requires 3DS verification, the sdk will automatically pop up the 3ds page. How can I monitor this behavior in my page?

[ionic wolf]

Thanks for sharing the information. Are you using Payment Sheet or Card Element only?

[sterile sierra]

I just use the CardField component

[ionic wolf]

I'm afraid it's not possible to get the 3DS event via callback in React Native. However, payment_intent.requires_action event can be sent to your Webhook if additional action such as 3DS is required

[sterile sierra]

Can't I know this is a 3DS card before the page jumps?

[still thistle]

👋 taking over here. And no I don't think you can know this is a 3DS card or not

[sterile sierra]

Only the webhook at the backEnd knows that this is a 3DS card, right?

[still thistle]

Yep!

[sterile sierra]

Before the user clicks to pay, can I pass the card information to the backend and ask him to tell me whether it is a 3DS card?

[still thistle]

No you can't. You don't have the access to the card information at all (it's to protect you from being exposed to PCI DSS), and Stripe only collect the information once user click the pay button.

What do you want to achieve in the end? If you just want to monitor, you can rely on the webhook event comes later on backend

[sterile sierra]

My logic is like this. When the user clicks the payment button, I will display a loading component, and then start calling the confirmPayment function. When confirmPayment returns error, the display of the loading component will be canceled after paymentIntent. I am currently encountering a problem. When encountering a 3DS card, the loading component will be triggered, and then automatically jump to the verification page, but when the verification page is being verified, my loading component is still running. When the user completes the verification and returns, the loading is still going on, then this time may cause the page to freeze

[still thistle]

I see

Looking at the example here https://stripe.com/docs/payments/card-element I think it also has the similar function loading(true) and loading(false)