dcx86-future-usage | Stripe Developers | Page 1

hybrid warren Jan 10, 2022, 2:38 PM

#

Hi 👋 can you elaborate on what you mean by the following?

...I see that is no longer possible to have that as a single step and is included during the purchase flow

mint pendant Jan 10, 2022, 2:51 PM

#

Sure. To add a payment method in our react native app we follow the next steps:

We collect card information using stripe CardField component
We make a request to our server to get the client secret
Then we call Stripe.confirmSetupIntent and we pass to it the client secret and user email
From the setup intent that we get back we send to our server the paymentMethodId
From our server we get back the card response object that we use to show to our users what cards they have added in our app

I expected that to see these card that the user add inside the stripe payment sheet.

Could it be that our approach to save user cards is wrong?

Is there another way to add payment methods and remove payment methods without making a purchase?

hybrid warren Jan 10, 2022, 3:14 PM

#

Sorry about the delay! Those steps look like the right way to add payment methods without making a purchase.

long hill Jan 10, 2022, 3:47 PM

#

@mint pendant You can setup and attach or detach payment methods without payments, yes. That sounds like you're already doing that so I'm not sure what you're looking for.

#

As for the payment sheet showed the customer payment methods, can you share which platform you're testing on and a specific customer ID you're testing with?

mint pendant Jan 10, 2022, 4:15 PM

#

Thank you for your asnwers @hybrid warren and @long hill .

Im using react-native and testing on iOS device at the moment. What I noticed was that payment methods that I add using the steps described above don't show up in the stripe payment sheet `useStripe().presetPaymentSheet().

I'm not sure why, could it be that I missed something? how can I make them appear in the strip payment sheet too?

long hill Jan 10, 2022, 4:22 PM

#

On iOS the saved cards feature require you to configure a return URL, which is possible to miss when setting up via React Native:
https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-set-up-return-url

Accept a payment

Securely accept payments online.

mint pendant Jan 10, 2022, 4:31 PM

#

I can't quite see how this will fix my problem. It seems to be a feature to return back to the app after 3D Secure. But I can give it a try anyway, since this is a good thing to have.

Why is this iOS only? does Android automatically handles this?

long hill Jan 10, 2022, 4:35 PM

#

This is a technical requirement of the platform to support the saved cards, and yes for Android this is handled by the underlying SDK automatically

mint pendant Jan 10, 2022, 4:39 PM

#

Thats great. Good to know, thanks.

#dcx86-future-usage