#sdt

1 messages ยท Page 1 of 1 (latest)

exotic dockBOT
remote meteor
#

Just to confirm, the payments do work, it's just the styling and behaviour isn't what I'd expect

remote grail
#

Give me a moment to catch up and I'll respond as soon as I can ๐Ÿ™‚

remote meteor
#

๐Ÿ‘

remote grail
#

thanks for your patience.

However, the authentication behaviour associated with the test card (OOB, OTP, checkbox etc) doesn't apply
can you clarify what is the expected behavior here?

#

Additionally, the configuration to take 3dsecure2 styling from the app theme didn't seem to work.

I've been looking at this for days and I think I've tried all the various ways the Stripe SDK allow you to confirm a payment intent.
What docs have you referred for this? and can you share examples of what you've tried?

remote meteor
#

I followed the online web page guides (using paymentlauncher). When that didn't work, I consulted the YouTube video here: https://www.youtube.com/watch?v=NOceh42ZNEY (which made no difference)

Learn how to take advantage of the improved user experience for payment authentication with 3D Secure version 2 in your native Android and iOS mobile apps.

Table of contents

00:35 - Introductions
02:00 - 3DS2 & SCA

04:30 - ### Android (Kotlin)
07:10 - Demo with the credit card widget
17:00 - Handling the authentication result
25:25 - 3D Sec...

โ–ถ Play video
remote meteor
#

When I go through 3d secure, I always get this. The colour of the toolbar doesn't match the app even though I constructed the appropriate PaymentAuthConfig object. Also the page is always the same regardless of 3d secure test card.

drowsy pier
#

Gotcha, thanks for the clarification. I am reaching out to my colleagues who may know more on this and I will get back to you

wind heath
#

Regarding the toolbar colour, what is the config you're using to try to set that?

remote meteor
#

The useAppTheme(this) method

#

Might have the wrong naming

#

I've had to step away from the computer to look after my kids

wind heath
#

Can you share a snippet of code showing the configuration you use for us to try reproducing?

remote meteor
#

OK, 2s

#

override fun onCreate(savedInstanceState: Bundle?) {

...

     stripe = Stripe(this, BuildConfig.STRIPE_PUBLISHABLE_KEY)

     PaymentAuthConfig.init(
         PaymentAuthConfig.Builder()
             .set3ds2Config(
                 PaymentAuthConfig.Stripe3ds2Config.Builder()
                     .setUiCustomization(PaymentAuthConfig.Stripe3ds2UiCustomization.Builder.createWithAppTheme(this).build())
                     .build()
             )
             .build()
     )

...
}

     stripe?.confirmPayment(this, confirmParams)
#

Sorry, don't know how to format on Discord

#

I'm on the test environment

#

Clearly

wind heath
#

That's ok, thanks! You can use triple back ticks around snippets to format:

Multiline
code
here
remote meteor
#

I tried that ๐Ÿ˜€

#
Yay
wind heath
#

Ok. so this styling is derived from a theme, and is not something set explicitly. Where in the theme is that header colour controlled then?

remote meteor
#

It should come from the standard app theme (I.e accent colour)

#

I also tried setting it manually and it didn't work

#

(I only realised later that I could use the app theme which seems way more robust)

#

... if it worked

#

Sorry, I'm used to slack which will format code for you inline as you edit. I tried triple backticks but since it didn't format in the textbox I assumed incorrect syntax

wind heath
#

No problem ๐Ÿ™‚

#

I think this is going to take some time to try to reproduce/test and understand the expected behaviour. I'm giving it a shot right now to see if I can reproduce, but it might be necessary to write in to support to get this addressed if so

#

Can you share the theme snippet thats setting the header bar colour else in your app (and, i assume that part is working for you)

#

I'd like to put it in a theme config in our example app to try

#

(fixed link)

remote meteor
#

OK, I'll try the example app and see if I get different behaviour

#

That's probably a good shout

#
 //                        .setUiCustomization(PaymentAuthConfig.Stripe3ds2UiCustomization.Builder.createWithAppTheme(this).build())
                         .setUiCustomization(PaymentAuthConfig.Stripe3ds2UiCustomization.Builder().setToolbarCustomization(PaymentAuthConfig.Stripe3ds2ToolbarCustomization.Builder().setBackgroundColor("#a83277").build()).build())

OK I thought I'd try and reassert that the hardcoded config doesn't work either (it doesn't)

#

So the whole app theme is a red herring, and for some reason stripe sdk is ignoring payment auth config