tarantino-47_best-practices | Stripe Developers | Page 1

crimson sunBOT Mar 27, 2024, 10:16 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1222489398398947439

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

hexed coyoteBOT Mar 27, 2024, 10:16 AM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

tarantino-47_api, 1 hour ago, 17 messages
tarantino-47_api, 13 hours ago, 21 messages

#

hushed drum Mar 27, 2024, 10:17 AM

#

👋 happy to help

#

you can look at the react native iOS guide https://docs.stripe.com/apple-pay?platform=react-native

Apple Pay

Allow customers to securely make payments using Apple Pay on their iPhone, iPad, or Apple Watch.

#

a better guide would be https://docs.stripe.com/payments/accept-a-payment?platform=react-native that covers how to integrate PaymentSheet that offers both Apple Pay and Google Pay

Accept a payment

Securely accept payments online.

severe raven Mar 27, 2024, 10:21 AM

#

ok, I have a question then

hushed drum Mar 27, 2024, 10:21 AM

#

yes sure

severe raven Mar 27, 2024, 10:33 AM

#

I may already asked similar question before, sorry about that

the thing is I need to retrieve billing address from apple pay or google pay card. I decided to create payment method using react native stripe sdk and then I get the address and use it in my checkout flow. Also before using the created payment method - I attach it to the stripe's account. And then pay.

The thing is I already have integrated apple pay using PaymentIntent. I don't like the integration as we have to use stripe webhooks in order to see if the payment went through. I want to refactor integration and use the approach above(create PM on the react native client). I'd like to know should I refactor or no, is this approach solid or no? is it better that using paymentintent or setupintent or no?

please let me know your thoughts

hushed drum Mar 27, 2024, 10:36 AM

#

it's not the right approach

#

why not save the PM during payment?

severe raven Mar 27, 2024, 10:38 AM

#

it's not the right approach
which one?

hushed drum Mar 27, 2024, 10:38 AM

#

to create PM then attach it then paying

#

but you can use this instead https://docs.stripe.com/payments/accept-a-payment-deferred

Collect payment details before creating an Intent

Build an integration where you can render the Payment Element prior to creating a PaymentIntent or SetupIntent.

severe raven Mar 27, 2024, 10:39 AM

#

I need to know the address attached to the apple pay card in order to reduce steps of my chekout form

hushed drum Mar 27, 2024, 10:41 AM

#

you can with this approach

severe raven Mar 27, 2024, 10:41 AM

#

but you can use this instead
I want to keep my custom form and only have apple or google button

hushed drum Mar 27, 2024, 10:42 AM

#

that's not available in react native

severe raven Mar 27, 2024, 10:44 AM

#

ok, let me think

#

it's not the right approach
what's your concerns regarding using this?

hushed drum Mar 27, 2024, 10:45 AM

#

how are you going to collect the PM?

severe raven Mar 27, 2024, 10:48 AM

#

import {
createPlatformPayPaymentMethod,
} from '@stripe/stripe-react-native';

createPlatformPayPaymentMethod(params)

#

https://docs.stripe.com/apple-pay?platform=react-native#create-payment-method

Apple Pay

Allow customers to securely make payments using Apple Pay on their iPhone, iPad, or Apple Watch.

hexed coyoteBOT Mar 27, 2024, 10:50 AM

#

fierce fiber Mar 27, 2024, 10:53 AM

#

that would work fine yes I think. But is there a reason you want to use PlatformPay directly rather than the overall PaymentSheet(which supports Apple Pay)?

severe raven Mar 27, 2024, 10:55 AM

#

yes, I want to keep my custom form and only have apple or google button
also I need to retrieve the address attached to the apple pay card in order to reduce steps of my chekout form

fierce fiber Mar 27, 2024, 10:55 AM

#

I don't really get what "I need to know the address attached to the apple pay card in order to reduce steps of my chekout form" means though. The right flow is always that the customer uses the Apple Pay button to actually checkout, it would be a bit weird to pop up the Apple Pay dialog and then have separate steps after that to actually make the payment https://developer.apple.com/design/human-interface-guidelines/apple-pay/#Streamlining-checkout

severe raven Mar 27, 2024, 10:58 AM

#

I agree, that's why I removed billing address form completely for apple pay. at the very end of my form, user clicks apple pay button -> I create PM -> attach it to the customer, retrieve billing address -> pass PM, billing address and other form info to the BE

#

let me know your thoughts

#

so basically after apple pay modal closes - I almost immediately set loading state and make a request to my BE

fierce fiber Mar 27, 2024, 11:00 AM

#

my main thought is why do you need to manually attach it to the customer? That will just happen automatically if you confirm a PaymentIntent that already has customer set on it and setup_future_usage. (https://docs.stripe.com/payments/save-during-payment?platform=react-native&mobile-ui=payment-element#react-native-add-server-endpoint)
But sure, it works either way.

severe raven Mar 27, 2024, 11:02 AM

#

That will just happen automatically if you confirm a PaymentIntent
you mean confirm on the back end, right?

#

cuz creating PM opens apple pay bottom modal and confirming payment intent also opens that modal

fierce fiber Mar 27, 2024, 11:03 AM

#

no, it happens if you confirm on frontend too.

#

if you create the PaymentIntent with a customer and setup_future_usage (creating the PaymentIntent is always done on the backend), and you confirm the PaymentIntent (anywhere), the PaymentMethod used for the payment gets attached to the customer.

#

creating PM opens apple pay bottom modal and confirming payment intent also opens that modal
I mean it shouldn't, unless you're doing something unusual. Hard to say without seeing all your code.

severe raven Mar 27, 2024, 11:05 AM

#

sometimes I have to use setup intent too

#

pls don't close this thread for now
I need to check one thing

severe raven Mar 27, 2024, 11:25 AM

#

after I confirmed a PaymentIntent i get this oject as a result:

id: "pi_blahblah"
status: "Succeeded"
description: "blahblah"
shipping: null
amount: 634
receiptEmail: null
livemode: false
clientSecret: "pi_blahblah"
captureMethod: "Automatic"
canceledAt: null
paymentMethodId: "pm_blahblah"
paymentMethod: null
created: "1711538446000"

can I somehow retrieve a billing address attached to the user's apple pay card knowing paymentMethodId?

fierce fiber Mar 27, 2024, 11:28 AM

#

on the backend you'd call https://docs.stripe.com/api/payment_methods/retrieve and look at billing_details https://docs.stripe.com/api/payment_methods/object#payment_method_object-billing_details

severe raven Mar 27, 2024, 11:29 AM

#

would it work for setup intent too?

fierce fiber Mar 27, 2024, 11:29 AM

#

yes

severe raven Mar 27, 2024, 11:33 AM

#

ok, thank you, for how long will you be available today? can we not close this thread?

fierce fiber Mar 27, 2024, 11:33 AM

#

it will be closed after ~15 minutes of inaction

severe raven Mar 27, 2024, 11:35 AM

#

would it work for setup intent too?
I heard somewhere that if there is no charge we can't retrieve billing address

fierce fiber Mar 27, 2024, 11:36 AM

#

not sure where you heard that

#

it's easy to test anyway and confirm for yourself

severe raven Mar 27, 2024, 11:37 AM

#

true, I'm gonna test it right now using setup intent

#

hope this thread won't close automatically

fierce fiber Mar 27, 2024, 11:39 AM

#

if it does and you're stuck with something you'd just ask your specific question in a new thread via #help

severe raven Mar 27, 2024, 11:50 AM

#

ok, looks like it works for setup intent as well

#

one last question lol
so using PlatformPay directly is also a way to go, but you/stripe recommend using PaymentSheet and payment/setup intent?

fierce fiber Mar 27, 2024, 11:54 AM

#

they both work. The advantage of using PaymentSheet is you get multiple payment methods supported, including just a normal 'type your card in' form. If you use PlatformPay and the customer doesn't have a wallet set up on their phone, and you haven't build another UI or payment method, they can't pay.

#tarantino-47_best-practices