stewartmcgown-react-SDK | Stripe Developers | Page 1

tight oak May 9, 2022, 3:50 PM

#

Hi there! That depends on what you mean by collect and tokenize. You can create a card token using stripe.js which can be then used to charge for things. I'd recommend looking at this for tokenizing cards: https://stripe.com/docs/js/tokens_sources/create_token?type=cardElement

And this for handling Apple/Google pay: https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-wallets

Stripe JS Reference

chrome token May 9, 2022, 3:51 PM

#

we're using react native 🙂

tight oak May 9, 2022, 3:53 PM

#

Ah! Apologies for the oversight. Let me dig a bit

chrome token May 9, 2022, 3:54 PM

#

this is our current setup w/ Tipsi

#

basically imperative calls to 1) open up apple pay setup 2) open apple pay sheet 3) complete the apple pay context when we get the token

then offscreen, call my backend and syncronously confirm the paymentintent using the provided token as payment

#

Okay - think i'm partly there with Apple Pay. Tipsi had an imperative method to open a card details collection screen that I could use to collect card payment methods via the Stripe in-ubilt PCI compliant tokenisation - not sure if that is something support by this SDK

#

little verge May 9, 2022, 4:04 PM

#

I believe it's technically possible but a little obscure, since that whole "tokenize on the frontend and post to a backend to process the payment" flow is considered deprecated by us today.

Just to clarify one thing, do you only care about Apple Pay? Like what does your app do today if the device doesn't support it or has active cards? Sounds like you just don't let them pay?

chrome token May 9, 2022, 4:04 PM

#

^^

little verge May 9, 2022, 4:04 PM

#

oh tipsi has this withCardForm thing I suppose

chrome token May 9, 2022, 4:05 PM

#

i will migrate to ur new flow when I can but fuck i'm losing customers left and right since tipsi no longer works

#

Ya, they have the paymentRequestWithCardForm that gives me a token

#

if it's gone then i may have to chomp down hard on the bullet and do things your way :p

little verge May 9, 2022, 4:08 PM

#

honestly if it was me I would do the migration to https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet now , it's much easier in the long run.

If you're stuck with the old approach then you can at least use CardForm https://stripe.dev/stripe-react-native/api-reference/index.html#CardForm and createToken : https://stripe.dev/stripe-react-native/api-reference/index.html#createToken

I haven't tried that in that configuration but it's one option that might work.

#

that doesn't support Apple Pay and I need to have a look if there are any options but I don't think there are, we explicitly simplified the Apple Pay integration last year so it relies on a PaymentIntent instead of giving you raw tokens.

#

ultimately if you're using the legacy approach you also have the problem of not supporting 3D Secure and SCA card authentication which is now fully rolled out in EU+UK so you really should try to use the current integration.

chrome token May 9, 2022, 4:14 PM

#

i support sca just fine with my own callbacks

#

dw about that bit

little verge May 9, 2022, 4:15 PM

#

you can possibly use the presentApplePay component, but I honestly don't think it works here, since I have helped other people in the past with it and the way it's set up requires you to confirm a Payment/Setup Intent to close the native Apple Pay popup properly.
https://stripe.com/docs/apple-pay?platform=react-native#present-payment-sheet

chrome token May 9, 2022, 4:15 PM

#

ahhhh

little verge May 9, 2022, 4:15 PM

#

I really don't think there's any solution here that is not moving to PaymentIntents.

chrome token May 9, 2022, 4:15 PM

#

so i must use a payment intent

#

bollocks

#

i need to confirm them on the server rn

#

i guess time to move away from sync

little verge May 9, 2022, 4:16 PM

#

fair! they have been the default integration since 2019 though, but yeah, at some point you will have to migrate

chrome token May 9, 2022, 4:16 PM

#

well i chose it for a reason, not for fun

#

my issue is in food delivery, we frequently must cancel payments soon after placing

#

because restaurant cant prepare food etc

little verge May 9, 2022, 4:17 PM

#

you could auth-and-capture then and refund the auth(no Stripe fee for that, and reversals like that usually are fast to appear back on the customer's balance)?

chrome token May 9, 2022, 4:17 PM

#

as long as i can still do the auth-capture with new async

#

then all good

#

ya

little verge May 9, 2022, 4:18 PM

#

you can yes, it's not related at all. It's just passing capture_method to the PaymentIntent when you create it on the backend https://stripe.com/docs/payments/capture-later

chrome token May 9, 2022, 4:18 PM

#

how does this work then with my increase payment after the payment has been authorised flow, for tipping drivers after delivery? am I still able to do that without prompting additional payment verification?

little verge May 9, 2022, 4:18 PM

#

well how do you do that today?

chrome token May 9, 2022, 4:18 PM

#

Currently, because it's sync, my server can just call the paymentintent create API and confirm it without the user having to do anything

#

I assume I will need to essentially re-implement the checkout flow for adding a tip after delivery now?

little verge May 9, 2022, 4:19 PM

#

I don't see why you would no, it would be the same

#

you'd have your app accept the card details and charge them, saving them during that payment

chrome token May 9, 2022, 4:19 PM

#

little verge May 9, 2022, 4:20 PM

#

your backend can later do a new off-session paymentintent for the tip to attempt to charge the customer's card

#

(https://stripe.com/docs/payments/save-during-payment-cards-only?platform=web#web-create-payment-intent-off-session)

chrome token May 9, 2022, 4:20 PM

#

I would probably need to ensure I charge their card first before i cancel their old, authorised intent

little verge May 9, 2022, 4:24 PM

#

bit hard for me to say without deep diving into your current integration but most flows should be possible.
But overall the recommended approaches are to have the backend return a PaymentIntent to the frontend and have the frontend complete the payment information collection and processing the payment(using our PaymentSheet component which supports Apple Pay/cards/other payment methods). You can capture the payment later on the backend, or charge the saved card if you saved it during that initial payment.

chrome token May 9, 2022, 4:27 PM

#

migration time it is

#stewartmcgown-react-SDK