Screen struck on before Bank OTP screen in Live Mode

[rajivtiwary-cm]

For a few bank cards, for example, SBI credit card, the stripe payment page is struck on the bank loader modal screen it's not navigating to the OTP screen once the card details are entered. For a few other bank cards its working fine for example (HDFC cards)

Did anyone face this issue?

Steps I followed

• Load stripe checkout webview
• Enter card details (SBI credit card or Bank of India debit card)
• Modal will open with loader
• Received the OTP to the registered mobile number
• BUT WEBVIEW NOT REDIRECTING TO THE BANK OTP SCREEN.

Here is my code

<StripeCheckout
stripePublicKey={STRIPE_PUBLIC_KEY}
checkoutSessionInput={{
sessionId: paymentDetail.external_reference_id,
}}
onSuccess={handleSuccessStripePayemnt}
onCancel={handleCancelStripePayemnt}
/>

The screen is getting struck on this screen in the APP(Not able to click on authenticate button). But on web, it's opening a new tab for authentication

[a-tokyo]

Thanks for bringing this up @rajivtiwary-cm!

I have not ran this test case scenario before, I think it might be related to the URL detection part of the code.

Do you have test values that allow me to replicate this exact situation and debug?

You can also help me debugging by checking out the repo locally and checking out the logs!

[rajivtiwary-cm]

@a-tokyo I have tested with real card details.

To reproduce the issue

Try with a card which requires redirection to the bank authentication page for OTP
verification (OTP screen is opening in a new window in the web but in the
the app, webview don't support the opening of a new window/tab)

[a-tokyo]

@rajivtiwary-cm After looking a bit more, I realized there's an open issue about this in react-native-webview react-native-webview/react-native-webview#2258

The issue states that the new window behavior is supported for android but not for iOS.

Can you please confirm that you're not facing this issue on android?

[rajivtiwary-cm]

@a-tokyo I'm facing the issue in Android as well