Vortixz | Stripe Developers | Page 1

trim socketBOT Dec 12, 2022, 8:54 PM

#

glad blaze Dec 12, 2022, 8:54 PM

#

hi!

azure lagoon Dec 12, 2022, 8:56 PM

#

What is going wrong specifically?

glad blaze Dec 12, 2022, 8:57 PM

#

I'm using the extension from firebase to use the Payment Sheet. Currently the payment sheet is not displaying the correct methods as selected in the Stripe dashboard. When I try to alter the object that I'm sending to Firestore I don't see any changes. Also when I try to change the price, it's inconsistly updating the PaymentSheet

#

And now it also crashes, perhaps because I'm altering the object that I'm sending to firestore like so?

Schermafbeelding_2022-12-12_om_21.58.16.png

azure lagoon Dec 12, 2022, 9:02 PM

#

Currently the payment sheet is not displaying the correct methods as selected in the Stripe dashboard.
What do you mean by this?

glad blaze Dec 12, 2022, 9:02 PM

#

I have selected iDeal in the dashboard, but the payment sheet only displays creditcard

azure lagoon Dec 12, 2022, 9:03 PM

#

You listed 3 different problems that seem entirely unrelated. Can you list each step explicitly along with API calls such that we might be able to reproduce the error?

glad blaze Dec 12, 2022, 9:05 PM

#

okay i'll start with the payment method then.

#

Are you familliar with the firebase extension?

#

I have it set up according to the documentation and created a webhook with a bunch of events. Besides that documentation I could implement most of the client side code from here: https://stripe.com/docs/payments/accept-a-payment
Now the payment sheet opens up but it only shows payment with creditcard. But i have selected iDeal to be accepted

Accept a payment

Securely accept payments online.

#

Schermafbeelding_2022-12-12_om_22.13.20.png

#

this is the most important code

Schermafbeelding_2022-12-12_om_22.20.12.png

#

I wrapped my rendered code in the StripeProvider with my publishable key

#

firebase checkout_session

Schermafbeelding_2022-12-12_om_22.22.33.png

slender hamlet Dec 12, 2022, 9:32 PM

#

Hey apologies for the delay, we are still looking in to this. Can you share your client side code for actually presenting the payment sheet here? As far as I can see, that should definitely display iDeal as an option. Strange that t is only showing card

glad blaze Dec 12, 2022, 9:34 PM

#

No problem! Thanks for your time. Apart from what I just sent, this is basically a button that triggers the presenPaymentSheet from useStripe()

Schermafbeelding_2022-12-12_om_22.33.18.png

slender hamlet Dec 12, 2022, 9:35 PM

#

Quick question: Have you debugged client side to make sure the payment intent client secret getting passed in to the payment sheet is the same one that your server is sending here?

glad blaze Dec 12, 2022, 9:35 PM

#

I do remember a payment method called Link or something showing up as well, but now it isn't after turning it off in the dashboard. So maybe it is kind of working?

slender hamlet Dec 12, 2022, 9:36 PM

#

Just want to rule out mixed up IDs as a possible cause of this

glad blaze Dec 12, 2022, 9:36 PM

#

Let me check quickly

#

if i save my code, which causes a rerender. I see a new document being created as expected. But in my initializePaymentSheet method when i console.log the intentclientsecret I get a different ID

#

But i reckon that when i log out, login and then check it would be correct. So i'll try that as well

slender hamlet Dec 12, 2022, 9:39 PM

#

Can you send me the other client secret that showed up?

#

If it is still around. I get that you may have just continued execution

#

Happy to take another one, just want to look at exactly what the sheet is looking at when it is being initialized

glad blaze Dec 12, 2022, 9:40 PM

#

so even after logging out and in, my console log remains: pi_3MEJ6aBikdVlWBRq0r4yh2Hu_secret_WdEc8DovM8xZYK0pnPhnNG3fN

#

and in the new document that's being created its: pi_3MEJikBikdVlWBRq1HUbkg7X_secret_uVn6EU32TP48OnUsR28D4fZkz

slender hamlet Dec 12, 2022, 9:41 PM

#

I may not be familiar enough with Firebase or RN here. What console is this?

#

I do see that both of those payment intents include ideal the first one actually has a couple accepted payment method types other than iDeal.

glad blaze Dec 12, 2022, 9:42 PM

#

its just a console.log, javascripts way of printing

#

yes that's good, then it's listening to the dashboard i'd say, theres a lot of default methods set up there

glad blaze Dec 12, 2022, 9:43 PM

#

glad blaze this is the most important code

but if you look here in the most upper method, i have payment_method_types which should disable every method selected in the dashboard and only listens this this array

glad blaze Dec 12, 2022, 9:44 PM

#

glad blaze yes that's good, then it's listening to the dashboard i'd say, theres a lot of d...

so that's not good

slender hamlet Dec 12, 2022, 9:46 PM

#

Oh I meant client side. In your RN code can you check the client secret just before the PaymentSheet is initialized?

#

Yeah, it looks like the second secret is the one from the top method. May want to double check your other Firebase code to see if it creates another PaymentIntent somewhere else

glad blaze Dec 12, 2022, 9:48 PM

#

I dont have any other Firebase code, it's the extension

#

that does the backend work

slender hamlet Dec 12, 2022, 9:51 PM

#

Gotcha, thinking of how else to look at this. As one more quick test while I am thinking, can you try actually making a test payment on that payment sheet with our 4242 test card number?

glad blaze Dec 12, 2022, 9:52 PM

#

yes, i have never tried 4242 before. do you have the MM / YY and CVC for me please?

#

otherwise ill google it

slender hamlet Dec 12, 2022, 9:52 PM

#

MM/YY can be any month in the future and CVC can be any three digit CVC

glad blaze Dec 12, 2022, 9:53 PM

#

thank you

slender hamlet Dec 12, 2022, 9:53 PM

#

And the actual card number is 4242 four times

glad blaze Dec 12, 2022, 9:54 PM

#

would you like client_secret?

#

there is also a payment id

slender hamlet Dec 12, 2022, 9:56 PM

#

I see the confirm request in your logs. Can look through there, thank you

glad blaze Dec 12, 2022, 9:56 PM

#

hmm the client_secret is the same as the code i sent before

#

right?

slender hamlet Dec 12, 2022, 10:02 PM

#

Yeah, looks like it is using that first payment intent that has options for multiple payment method types. Which is also surprising because that implies it should show all five of them.

    "card",
    "bancontact",
    "eps",
    "giropay",
    "ideal"
  ],```

#

It also shouldn't affect it, but can you uncomment the ephemeral key line that is commented out?

glad blaze Dec 12, 2022, 10:08 PM

#

i commented that out because i got an error that i was expired and I don't know how to renew it. But now i'm uncommenting it and I get "The operation couldn't be completed. Stripe.PaymentSheetError error 0

#

not sure if this error is related to the above, because there's a lot of crashes/things not working going on haha

#

I also feel like code changes either take really long to take effect or that I need to perform a certain action to see the changes. for example if i were to change the "amount" property, it would not show immediately, i don't know if this is time related or maybe it needs another secret key?

strong ginkgo Dec 12, 2022, 10:17 PM

#

👋 stepping in

#

Give me a sec to catch up

#

What version of React Native are you using?

glad blaze Dec 12, 2022, 10:18 PM

#

even after making a new account its not working properly. triggering the sheet causes an error that the sheet isnt initialized, when i force rerender by saving my code, the sheet opens and crashes the app. So i feel like if we were to fix all these problems it would take extremely long. Maybe it's best to ditch the firebase extension and create a node server or something

strong ginkgo Dec 12, 2022, 10:18 PM

#

Sorry, for the Stripe RN SDK specifically

glad blaze Dec 12, 2022, 10:18 PM

#

Hello! ill check

strong ginkgo Dec 12, 2022, 10:18 PM

#

Hmm your code started crashing from uncommenting the ephemeral key?

glad blaze Dec 12, 2022, 10:18 PM

#

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

#

this one?

strong ginkgo Dec 12, 2022, 10:19 PM

#

Yep thanks

glad blaze Dec 12, 2022, 10:19 PM

#

strong ginkgo Hmm your code started crashing from uncommenting the ephemeral key?

could be so many things causing the crash, really hard to tell. it hasnt been quite stable today. but yes after uncommenting

#

but if i would recomment it, nothing really changes so it might need some other action to properly load

#

excuse the lack of programming terms

strong ginkgo Dec 12, 2022, 10:20 PM

#

All good. Can you kill your app completely and rebuild it?

#

I assume you are on an emulator?

glad blaze Dec 12, 2022, 10:21 PM

#

im using expo so i'm in the expo go app as well as a ios emulator

#

ill stop the server and rerun it

#

on my physical phone it now crashes the expo go app, and the emulator throws the previous error again

#

Schermafbeelding_2022-12-12_om_23.23.04.png

Schermafbeelding_2022-12-12_om_23.23.13.png

strong ginkgo Dec 12, 2022, 10:23 PM

#

Hmm can you give me the PaymentIntent ID for that test (or one that triggers that error)?

#

Also booting up my own sample

#

In the meantime

glad blaze Dec 12, 2022, 10:24 PM

#

paymentIntentClientSecret?

#

pi_3MEKQVBikdVlWBRq1QhoBC7K_secret_UlEdqlXiMB8YjneZEnwuZIjU6

strong ginkgo Dec 12, 2022, 10:26 PM

#

That works

glad blaze Dec 12, 2022, 10:26 PM

#

so i get this ID from the firebase document that gets created on the first render (the initializePaymentSheet() in my useEffect)

strong ginkgo Dec 12, 2022, 10:28 PM

#

Do you have a return_url set on initPaymentSheet?

glad blaze Dec 12, 2022, 10:28 PM

#

i have not

strong ginkgo Dec 12, 2022, 10:28 PM

#

Ah okay I'm pretty sure that is going to be required for bank redirects

#

Checking

#

Yeah mine crashes without it

glad blaze Dec 12, 2022, 10:31 PM

#

ah! so that must be where the problem is

strong ginkgo Dec 12, 2022, 10:31 PM

#

Let's start there 🙂

glad blaze Dec 12, 2022, 10:32 PM

#

okay so that's gonna take a while for me to figure out how to set it up. Would you mind checking my code and see if this is future and production proof? im kind of unsure because for example when I finish a test payment, i get the sheet is not initialized error. and i would like to not get those errors

strong ginkgo Dec 12, 2022, 10:33 PM

#

You shouldn't need to set it up to test

#

Just use returnURL: 'https://www.example.com',

#

You can set up the deep link later

glad blaze Dec 12, 2022, 10:33 PM

#

oh right, thats great

#

YES it works!!

strong ginkgo Dec 12, 2022, 10:34 PM

#

🎉

glad blaze Dec 12, 2022, 10:34 PM

#

you're the best

strong ginkgo Dec 12, 2022, 10:34 PM

#

I'll get the docs clarified

#

We should call that out more clearly

#

Doesn't look like we call it out explicitly on https://stripe.com/docs/payments/accept-a-payment?platform=react-native

Accept a payment

Securely accept payments online.

glad blaze Dec 12, 2022, 10:35 PM

#

now the properties defaultBillingAdress etc finally makes sense haha!

strong ginkgo Dec 12, 2022, 10:35 PM

#

🙂

glad blaze Dec 12, 2022, 10:35 PM

#

yeah honestly the docs can be quite confusing also when there are so many ways to handle the backend

#

because i could do cloud functions in firebase, or use the extension or maybe a node backend. so i needed to combine many youtube videos, many guides into 1 piece of code which is what i now have

#

but i'm extremely glad this works now

strong ginkgo Dec 12, 2022, 10:37 PM

#

Yeah I understand; it is definitely a lot to sift through

glad blaze Dec 12, 2022, 10:37 PM

#

one more thing though i'm sorry

strong ginkgo Dec 12, 2022, 10:37 PM

#

Sure

glad blaze Dec 12, 2022, 10:38 PM

#

now the payments are hardcoded, for example the amount i set in the addDoc

#

how would i use my product i made in the dashboard?

strong ginkgo Dec 12, 2022, 10:38 PM

#

You don't use Products/Prices with PaymentIntents

#

You would only use Products/Prices if you are using Stripe Checkout (web hosted payment page) or if you are using Subscriptions/Invoices

#

So instead you want to just track your Products yourself, and you can add them to metadata on the PaymentIntent to help with reconciliation (I assume firebase extension let's you set metadata?)

glad blaze Dec 12, 2022, 10:40 PM

#

i'm not sure but that should be possible, other wise i'll create another "orders" collection with the product data. ill just dynamically set the "amount" property after looping through the product myself.

#

okay so that would be enough for me to figure out myself

#

thank you so much

strong ginkgo Dec 12, 2022, 10:41 PM

#

Happy to help

glad blaze Dec 12, 2022, 10:41 PM

#

is there any way i could reach out to you specifically in the future or is it always random employees?

strong ginkgo Dec 12, 2022, 10:41 PM

#

My team staffs this channel 24/5

#

So myself or someone will be around to help if you have future questions

glad blaze Dec 12, 2022, 10:42 PM

#

great, thank you and have a good night

strong ginkgo Dec 12, 2022, 10:42 PM

#

You too!

#Vortixz