Žiga | Stripe Developers | Page 1

forest lichenBOT Feb 22, 2023, 12:45 PM

#

violet crater Feb 22, 2023, 12:47 PM

#

Hi! Let me help you with this.

#

How do you create the SetupIntent?

wintry cloak Feb 22, 2023, 12:49 PM

#

curl https://api.stripe.com/v1/payment_intents
-u token
-d "amount"=1099
-d "currency"="eur"
I tried like this
but also like this

curl https://api.stripe.com/v1/setup_intents
-u token
-d "customer"="customer id"

#

for CardField I use confirmSetupIntent and create setupintent like so
curl https://api.stripe.com/v1/setup_intents
-u token
-d "customer"="customer id"

#

now i'm trying to do something similar for apple pay

violet crater Feb 22, 2023, 12:56 PM

#

So do you need to use a PaymentIntent or a SetupIntent?

wintry cloak Feb 22, 2023, 12:56 PM

#

i just want to get card details for future off session payments

#

for just credit card info i'm using confirmSetupIntent
and now i need same thing but for apple pay

#

I hope that makes sense

violet crater Feb 22, 2023, 1:08 PM

#

Is it not working if you use the same request?

wintry cloak Feb 22, 2023, 1:08 PM

#

no

#

after 20 seconds it says apple pay not completed

violet crater Feb 22, 2023, 1:10 PM

#

Could you share some relevant frontend code, please?

wintry cloak Feb 22, 2023, 1:11 PM

#

sure

#

const { setupIntent, error } = await confirmPlatformPaySetupIntent(
          'client ssecret',
          {
            applePay: {
              merchantCountryCode: userStore.userServiceCountry.code,
              currencyCode: userStore.userServiceCountry.currencyIsoCode,
              cartItems: items,
              shippingType: 'servicePickup',
            },
          },
        );

        console.log('setupIntent', setupIntent);
        console.log('error', error);

#

I call this when user click on apple pay button

#

client secret is created like this

#

curl https://api.stripe.com/v1/setup_intents
-u token
-d "customer"="customer id"

violet crater Feb 22, 2023, 1:19 PM

#

What is the error you are getting?

wintry cloak Feb 22, 2023, 1:19 PM

#

no error

#

sorry

#

after 20 seconds i get a native popup saying apple pay not completed

#

after i dismiss this popup i just get "The payment has been canceled"

#

{
    "code": "Canceled",
    "localizedMessage": "The payment has been canceled",
    "message": "The payment has been canceled",
    "declineCode": null,
    "type": null,
    "stripeErrorCode": null
}

violet crater Feb 22, 2023, 1:35 PM

#

I'm still looking, please give me a few minutes. Thanks!

wintry cloak Feb 22, 2023, 1:35 PM

#

ok thanks

violet crater Feb 22, 2023, 1:36 PM

#

Are you taking this function from stripe.js? confirmPlatformPaySetupIntent

wintry cloak Feb 22, 2023, 1:37 PM

#

i'm using react native

#

im importing it from @stripe/stripe-react-native

violet crater Feb 22, 2023, 1:42 PM

#

Could you please share a SetupIntent ID that's failing?

wintry cloak Feb 22, 2023, 1:48 PM

#

what is a setupintent id?

violet crater Feb 22, 2023, 1:49 PM

#

When you send this request - curl https://api.stripe.com/v1/setup_intents ... - you create a SetupIntent, this object has an ID. It usually looks like seti_xxx

#

Please share it with me and I will be able to help you more efficiently

hardy blade Feb 22, 2023, 2:01 PM

#

Hello 👋
Taking over and catching up

#

Let me know if you have a follow up qs thanks

wintry cloak Feb 22, 2023, 2:10 PM

#

give me 15 min and i'll send you the intent

wintry cloak Feb 22, 2023, 2:31 PM

#

hi

#

sorry for waiting

#

should I send you a setupintent before or after i try to use it?

#

or does it not matter

hardy blade Feb 22, 2023, 2:37 PM

#

Doesn't matter. Try it out

wintry cloak Feb 22, 2023, 2:38 PM

#

ok

#

id right?

#

seti_1MeJSpBaqoRVG089zML5Vmqe

hardy blade Feb 22, 2023, 2:40 PM

#

Try confirming it

wintry cloak Feb 22, 2023, 2:40 PM

#

what do you mean confirming it?

hardy blade Feb 22, 2023, 2:44 PM

#

Try using the setup intent in your code by calling confirmPlatformPaySetupIntent

wintry cloak Feb 22, 2023, 2:44 PM

#

that's what I'm calling already

#

const { setupIntent, error } = await confirmPlatformPaySetupIntent(
          'client ssecret',
          {
            applePay: {
              merchantCountryCode: userStore.userServiceCountry.code,
              currencyCode: userStore.userServiceCountry.currencyIsoCode,
              cartItems: items,
              shippingType: 'servicePickup',
            },
          },
        );

        console.log('setupIntent', setupIntent);
        console.log('error', error);

hardy blade Feb 22, 2023, 2:45 PM

#

I don't see a confirmation request come in for this SetupIntent
Can you share the whole text of the error you're seeing in the logs?

#

also try to print out these values

              currencyCode: userStore.userServiceCountry.currencyIsoCode,
              cartItems: items,```

wintry cloak Feb 22, 2023, 2:48 PM

#

quick question

#

Im testing this on test account but i'm using my actuall card?

#

i'll switch to a simulator and try again

#

give me a few minutes please

hardy blade Feb 22, 2023, 2:51 PM

#

oh wait, are you passing the actual clientSecret to confirmPlatformPaySetupIntent function? or just the string 'client ssecret' ??

wintry cloak Feb 22, 2023, 2:52 PM

#

actual thing 😄

#

I just removed it now

#

im sending client_secret

#

that's the right one, right?

#

code is GB
currency is GBP
items is [{
"label": "Laundryheap Limited",
"amount": "0",
"paymentType": "Immediate",
"isPending": true
}]

#

seti_1MeJhwBaqoRVG0898wHJ3oLN

{
"code": "Canceled",
"localizedMessage": "The payment has been canceled",
"message": "The payment has been canceled",
"declineCode": null,
"type": null,
"stripeErrorCode": null
}

That's what i get after 20 seconds

hardy blade Feb 22, 2023, 2:57 PM

#

So client-secret looks something like seti_xxxx_secret_yyyyy

#

That's what you should be returning from your server-side once you create a SetupIntent

#

https://stripe.com/docs/api/setup_intents/object#setup_intent_object-client_secret

wintry cloak Feb 22, 2023, 2:59 PM

#

aha but both id and client_secret start with seti

#

also I am sending client_secret whitch starts with seti and includes secret

#

but to you I send the id which also starts with seti but doesn't include secret

hardy blade Feb 22, 2023, 3:03 PM

#

Ah okay..
can you try setting currency to eur ?

#

just want to check if that changes anything

wintry cloak Feb 22, 2023, 3:05 PM

#

ok

#

so GB and EUR?

hardy blade Feb 22, 2023, 3:06 PM

#

yup

wintry cloak Feb 22, 2023, 3:07 PM

#

no difference

#

Can you share with me the docs for this please?

#

i wasn't able to find anytninng for my case

#

the only think I found was still using the deprecated presentApplePay

#

but nothing current

hardy blade Feb 22, 2023, 3:09 PM

#

Yeah unfortunately we're still in the middle of updating the canonical docs for this flow so not sure if there's anything I can share.
As far as I know, it should work pretty much the same as it does with presentApplePay

#

Do you mind sharing your full code for the component?

wintry cloak Feb 22, 2023, 3:10 PM

#

but presentApplePay doesn't take client secret

#

just the apple pay object

hardy blade Feb 22, 2023, 3:16 PM

#

huh interesting
okay looks like we've updated this doc with PlatformPay but its for PaymentIntents
https://stripe.com/docs/apple-pay?platform=react-native

#

The only difference here with SetupIntents would be in Step 6 and Step 7
Step 6/ Create a Setupintent

Step 7/ Confirm it client-side with confirmPlatformPaySetupIntent

wintry cloak Feb 22, 2023, 3:19 PM

#

but here the client secret looks like this
pi_...secret...

#

is this correct?

hardy blade Feb 22, 2023, 3:20 PM

#

Yeah the doc is for accepting a payment (with PaymentIntents API) and not saving the PaymentMethod (with SetupIntents API)

#

Can you share your complete code for the component?

wintry cloak Feb 22, 2023, 3:22 PM

#

hm this now works

#

but i think 2 weeks ago i tried this and one of my cards didn't work

#

the did

hardy blade Feb 22, 2023, 3:23 PM

#

ah what did you change?

wintry cloak Feb 22, 2023, 3:23 PM

#

thanks for now. I'll try this way now a few times and check that all cards I have work

#

switch to confirmPlatformPayPayment
and I get client secret with the amount and currency

hardy blade Feb 22, 2023, 3:25 PM

#

confirmPlatformPayPayment shouldn't work with a SetupIntent seti_xxx_secret_yyyy
Were you working with a PaymentIntent all along?

wintry cloak Feb 22, 2023, 3:27 PM

#

no before i had confirmPlatformPaySetupIntent
and used

  -u pub_key \
  -d "customer"="customer_id"

now i use confirmPlatformPayPayment
and get client secret like so

  -u  \
  -d "amount"=100 \
  -d "currency"="gbp"

hardy blade Feb 22, 2023, 3:28 PM

#

Gotcha. could it be because you have "paymentType": "Immediate", ?

#

PaymentType shouldn't be Immediate for SetupIntents

wintry cloak Feb 22, 2023, 3:30 PM

#

what should they be?

#

Deferred
Immediate
Recurring

hardy blade Feb 22, 2023, 3:30 PM

#

deferred

wintry cloak Feb 22, 2023, 3:32 PM

#

using confirmPlatformPaySetupIntent with payment type deffered still doesn't work
I'll try the confirmPlatformPayPayment now and see if it works

#

but I have one more question
when adding credit card I use confirmSetupIntent
shouldn't I then for apple pay use confirmPlatformPaySetupIntent

from what I understand both should allow me to add card for future payment and do this without chargin the card when authorizing it

hardy blade Feb 22, 2023, 3:35 PM

#

confirmSetupIntent is for web right?

wintry cloak Feb 22, 2023, 3:35 PM

#

no. for mobile

#

both are from react native

#

@stripe/stripe-react-native

hardy blade Feb 22, 2023, 3:39 PM

#

Is there a specific doc you're following for this? If so, can you share a link?
I don't think we recommend using confirmSetupIntent with ReactNative.

wintry cloak Feb 22, 2023, 3:40 PM

#

for adding card I followed this.
https://stripe.com/docs/payments/save-and-reuse-cards-only
but this doesn't support apple pay

Set up future card payments

Learn how to save card details and charge your customers later.

hardy blade Feb 22, 2023, 3:42 PM

#

Ah interesting. Is there a reason you're using this flow instead of the canonical flow we recommend with PaymentSheet?
https://stripe.com/docs/payments/save-and-reuse?platform=react-native&ui=payment-sheet

It supports ApplePay out of the box

wintry cloak Feb 22, 2023, 3:44 PM

#

We have some custom logic which unfortunately wouldn't work with that
but it says that if you can't use that, then use this one
https://stripe.com/docs/payments/save-and-reuse-cards-only

hardy blade Feb 22, 2023, 3:45 PM

#

Ah I see. fwiw, we also have an option to extend the PaymentSheet flow to complete the payment in your own UI as shown here if that helps with custom logic that you currently have.
https://stripe.com/docs/payments/save-and-reuse?platform=react-native&ui=payment-sheet#react-native-flowcontroller

wintry cloak Feb 22, 2023, 3:46 PM

#

i'll try it out. But this is for future payments right? I just want to collect payment method for later

hardy blade Feb 22, 2023, 3:47 PM

#

i'll try it out. But this is for future payments right? I just want to collect payment method for later
One and the same thing 🙂 It allows you to store the PaymentMethod for later use (future payments)

wintry cloak Feb 22, 2023, 3:47 PM

#

but I don't want to charge them

#

just collect payment method

hardy blade Feb 22, 2023, 3:48 PM

#

Yeah that flow will not charge the customers.

#

Ah looks like the docs here in step 1 are incorrectly referencing a PaymentIntent
https://stripe.com/docs/payments/save-and-reuse?platform=react-native&ui=payment-sheet#react-native-flowcontroller:~:text=Update your UI-,with these details.,-const { initPaymentSheet

You should be able to change it to setupIntentClientSecret instead

#

I'll flag it internally so that we can get it updated

wintry cloak Feb 22, 2023, 3:51 PM

#

ok thanks for your all help
i'll try using the payment sheet

hardy blade Feb 22, 2023, 3:51 PM

#

NP! 🙂 Happy to help
Good luck

wintry cloak Feb 22, 2023, 3:51 PM

#

thanks

#

have a nice day

#Žiga