#himesh-paymentsheet
next pelican
Add a card detail from the UI which will be presented when we call presentPaymentSheet()
Screenshot_2022-09-07_at_5.01.22_PM.png
this card number and all so after that i can call the paymentintent api for finally charge the customer.
after entering card details and click on continue button then i get below object
dusty aurora
Why do you need the card details though? Submitting on the Payment Sheet will confirm/complete the payment
next pelican
See i just did the submit only with the card details then it show incomplete payment in stripe dashboard
undone ruin
can you post the ID pi_xxx of the PaymentIntent?
undone ruin
ok. so no logs on our side. What did the console.logs and Alert in the code snippet you posted print?
next pelican
ok. so no logs on our side. What did the `console.logs` and `Alert` in the code ...
this is the log they print after clicking on continue button
undone ruin
I don't know what that is, looks like you tried to post an image on Discord and it didn't work
can you share the complete code?
next pelican
see
undone ruin
like what is that presentPaymentSheet function?
next pelican
i just filled out card details and then i clicked continue button
on click off Checkout button i call presentPaymentSheet() function which shows me Add a card UI.
undone ruin
when do you call confirmPayment?
next pelican
when do you call `confirmPayment`?
Ohh i don't call that method actually 😦
can you tell me when am i suppose to call that method please ?
undone ruin
well that's the problem then
undone ruin
can you tell me when am i suppose to call that method please ?
ah no, I'm wrong, you don't have to
presenting should work. So we're back to, what is the full code you have?
undone ruin
where is initializePaymentSheet called from?
next pelican
am not sure which stripe api i need to call to confirm the final payment when that add card UI is showed
next pelican
where is `initializePaymentSheet` called from?
undone ruin
am not sure which stripe api i need to call to confirm the final payment when th...
ah ok you use this customFlow thing
that's why. Was there are a reason you're using that?
next pelican
is it coz of that customFlow props ?
undone ruin
if you remove it then this will work as expected
yes, you are using customFlow:true which implies you want to do https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-flowcontroller but you don't have of the extra code for that approach (you'd have to call confirmPaymentSheetPayment as mentioned there, which you don't do in your code right now)
so either remove customFlow or, if you are using it, integrate it correctly using the guide above
next pelican
next pelican
yes, you are using `customFlow:true` which implies you want to do https://stripe...
I removed cutomFlow but still it gave me above result 😦
undone ruin
make sure you saved the file and are running the latest version of the app
next pelican
undone ruin
and then, share the exact full code again, and the PaymentIntent ID pi_xxxx again, for the fresh attempt after triple-checking it on your side
next pelican
okay let me run it again and let you know
Amazing it worked 🙂
Thank you so muchhhhh
🙂
undone ruin
awesome!
next pelican
🤩