WEIRDLEMON - Afterpay payment sheet | Stripe Developers | Page 1

sturdy mirage Apr 8, 2022, 8:27 PM

#

Have you already been following this guide or a guide like it? https://stripe.com/docs/payments/accept-a-payment

thick plaza Apr 8, 2022, 8:30 PM

#

O just have to add afterpay in the payment methods?

sturdy mirage Apr 8, 2022, 8:31 PM

#

Exactly what I was about to say

#

Or you can exclude the payment_method_types if you have activated Afterpay on your account and want to use automatic payment method selection.

thick plaza Apr 8, 2022, 8:32 PM

#

what is the key for after pay

#

const paymentIntent = await stripe.paymentIntents.create({
          description,
          shipping: {
            name: userName,
            address: userAddress,
          },
          customer: customerId,
          amount: parseInt(totalAmt * 100),
          currency: "usd",
          payment_method_types: ["card"],
          // setup_future_usage: true,
        });

#

this is my payment intent object currently

#

I couldn't find the key

sturdy mirage Apr 8, 2022, 8:33 PM

#

afterpay_clearpay

thick plaza Apr 8, 2022, 8:34 PM

#

is it visible in simulator ios?

sturdy mirage Apr 8, 2022, 8:35 PM

#

It should be. Are you using the simulator and it is not showing up?

thick plaza Apr 8, 2022, 9:05 PM

#

yeah

#

it's not showing up

#

for some reason

#

@sturdy mirage

hushed wagon Apr 8, 2022, 9:06 PM

#

Can you give an exact Session id that we can look at?

#

thick plaza Apr 8, 2022, 9:07 PM

#

how do I get that?

hushed wagon Apr 8, 2022, 9:08 PM

#

You create the Checkout Session with your code so usually you would already be debugging and having the id

#

otherwise you can find it in the Dashboard or in your logs https://dashboard.stripe.com/test/logs

#

it's also in the URL

thick plaza Apr 8, 2022, 9:13 PM

#

let me get back to you

hushed wagon Apr 8, 2022, 9:14 PM

#

sure!

thick plaza Apr 8, 2022, 9:19 PM

#

Is it because I'm using expo?

#

sdk 44

#

"@stripe/stripe-react-native": "0.2.3",

hushed wagon Apr 8, 2022, 9:21 PM

#

not really no

#

I really just need an example Session id

thick plaza Apr 8, 2022, 9:21 PM

#

okay

hushed wagon Apr 8, 2022, 9:23 PM

#

I'm quite confused, your code is creating a PaymentIntent

#

I think maybe I misunderstood the ask entirely my bad. You're not using Checkout right? You're purely using PaymentIntent and the react-native SDK?

#

Can you share the code you use client-side to show the UI in your screenshot? And can you share a PaymentIntent id pi_1234567?

thick plaza Apr 8, 2022, 9:37 PM

#

I guess I figured it out

#

Just changing a few things

#

I did something fundamentally wrong

hushed wagon Apr 8, 2022, 9:38 PM

#

ah nice

thick plaza Apr 8, 2022, 9:39 PM

#

Ah It still doesn't work

#

I thought I resolved it

#

client side code===>

#

const { error } = await stripe.initPaymentSheet({
          paymentIntentClientSecret: paymentIntent,
          merchantDisplayName: "Spotlight Shops Inc.",
          merchantIdentifier: "merchant.spotlightshops.app",
          applePay: true,
          googlePay: true,
          merchantCountryCode: "US",
          allowsDelayedPaymentMethods: true,
          customerEphemeralKeySecret: ephemeralKey,
          customerId: customer,
          publishableKey: publishableKey,
          defaultBillingDetails: billingDetails,
        });

#

#

pi_3KmPYFIroE9a6cxW2C5i1jcE

hushed wagon Apr 8, 2022, 9:41 PM

#

looking

thick plaza Apr 8, 2022, 9:41 PM

#

server side code:

const paymentIntent = await stripe.paymentIntents.create({
          description,
          shipping: {
            name: userName,
            address: userAddress,
          },
          customer: customerId,
          amount: parseInt(totalAmt * 100),
          currency: "usd",
          payment_method_types: ["card", "afterpay_clearpay", "klarna"],
          // setup_future_usage: true,
        });

hushed wagon Apr 8, 2022, 9:45 PM

#

Okay, so the Payment Sheet implementation does not handle Afterpay

#

So you need to follow the public docs instead, we cover this in details: https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment?platform=react-native#collect-payment-method-details

thick plaza Apr 8, 2022, 9:48 PM

#

What about klarna and paypal?

hushed wagon Apr 8, 2022, 9:48 PM

#

https://stripe.com/docs/payments/accept-a-payment#react-native-add-server-endpoint we cover what is supported here

The mobile Payment Element supports Bancontact, credit cards, iDEAL, Klarna, SEPA Direct Debit, and Sofort.
We don't support Paypal so that one is not relevant

thick plaza Apr 8, 2022, 9:50 PM

#

Klarna?

thick plaza Apr 8, 2022, 9:50 PM

#

thick plaza server side code: ``` const paymentIntent = await stripe.paymentIntents.create({...

I've added it here

hushed wagon Apr 8, 2022, 9:50 PM

#

Klarna is in the doc I mentioned above

thick plaza Apr 8, 2022, 9:51 PM

#

hushed wagon So you need to follow the public docs instead, we cover this in details: <https:...

this one?

hushed wagon Apr 8, 2022, 9:51 PM

#

so yeah the payment sheet supports Klarna. For Afterpay you have to write your own code/UI presentation layer

#

also you're on 0.2.3 which is quite old

thick plaza Apr 8, 2022, 9:52 PM

#

But klarna is on 0.2.3?

#

#

I saw it here

#

https://github.com/stripe/stripe-react-native/issues/829

hushed wagon Apr 8, 2022, 9:54 PM

#

I'm not saying it's not there, I'm just explaining you're on a really old version

#

sorry looks like you already had found most of that information

thick plaza Apr 8, 2022, 9:55 PM

#

I just still can't get klarna on the payment sheet UI

#

😅

#

If it should show up, then why isn't is showing up?

#

🙁

thick plaza Apr 8, 2022, 9:56 PM

#

thick plaza server side code: ``` const paymentIntent = await stripe.paymentIntents.create({...

this is my server side code

thick plaza Apr 8, 2022, 9:57 PM

#

hushed wagon so yeah the payment sheet supports Klarna. For Afterpay you have to write your o...

are you sure?

hushed wagon Apr 8, 2022, 9:58 PM

#

I don't know for your version no

thick plaza Apr 8, 2022, 9:58 PM

#

https://stripe.com/docs/payments/klarna/accept-a-payment

this has no mention of payment sheet

hushed wagon Apr 8, 2022, 9:58 PM

#

you found that comment, I believe it shipped in 0.6.0 personally

thick plaza Apr 8, 2022, 9:58 PM

#

what version can I upgrade to for expo sdk 44?

hushed wagon Apr 8, 2022, 9:59 PM

#

Expo is on an older version unfortunately

thick plaza Apr 8, 2022, 9:59 PM

#

Is there going to be an update with expo anytime soon?

hushed wagon Apr 8, 2022, 9:59 PM

#

Not soon no

thick plaza Apr 8, 2022, 9:59 PM

#

That's really sad

#

lol

#

okay so basically, I need to implement both Klarna and Afterpay on my own

#

?

hushed wagon Apr 8, 2022, 10:00 PM

#

That would be my recommendation for now yes

thick plaza Apr 8, 2022, 10:01 PM

#

Alright @hushed wagon!
you were of a great help man! thanks a lot!!
have a great day!

hushed wagon Apr 8, 2022, 10:02 PM

#

sure sorry that you didnt get the answers you were hoping for. We're flagging internally

#WEIRDLEMON - Afterpay payment sheet