akii-payment-confirmation | Stripe Developers | Page 1

kind gulch Jul 13, 2022, 4:21 AM

#

👋 Happy to help

#

What type of integration are you using now?

dry dome Jul 13, 2022, 4:27 AM

#

Im making a Payment intent, and trying to charge user an amount , that should also pay using its default source. I also wanted to do that using frontend, so that if the card requires authentication then Striep can handle that.

#

Can u help?

kind gulch Jul 13, 2022, 4:32 AM

#

Yup, I'm looking for the relevant docs

dry dome Jul 13, 2022, 4:33 AM

#

Okay thanks.

#

Im also looking for one more thing...

#

Is there any paramter in Payment Intent that i can set, so it saves the card that i enter??

#

Like payment_settings-save_default_payment_method

kind gulch Jul 13, 2022, 4:40 AM

#

When the payment intent is created with payment method, it'll return status requires_action if further authentication is required. You can then use stripe.handleNextAction(client_secret) to perform 3DS: https://stripe.com/docs/payments/finalize-payments-on-the-server#next-actions

dry dome Jul 13, 2022, 4:41 AM

#

Okay

kind gulch Jul 13, 2022, 4:42 AM

#

dry dome Is there any paramter in Payment Intent that i can set, so it saves the card tha...

You can save the card to the customer with the doc here: https://stripe.com/docs/payments/save-during-payment

#

If you wish to set the payment method created as default, then additional update customer call is required: https://stripe.com/docs/api/customers/update#update_customer-invoice_settings-default_payment_method

dry dome Jul 13, 2022, 4:44 AM

#

Okay

dry dome Jul 13, 2022, 4:44 AM

#

kind gulch When the payment intent is created with payment method, it'll return status `req...

I dont get this one... Im actually using Payment intent that is made when creating an invoice...

kind gulch Jul 13, 2022, 4:46 AM

#

Do you have a sample payment intent generated by invoice that requires 3DS?

dry dome Jul 13, 2022, 4:52 AM

#

okay wait checking..

dry dome Jul 13, 2022, 5:16 AM

#

Im not able to find this method on ui stripe.handleNextAction(client_secret)

kind gulch Jul 13, 2022, 5:26 AM

#

Ah, it looks like stripe.handleNextAction(..) is in beta

#

I'll hand over this thread to my colleague @edgy garden to check if there's any better way to:

use default payment method for an invoice
handle extra action if required

edgy garden Jul 13, 2022, 5:31 AM

#

Hello, jumping in for river 👋

#

@dry dome If I understand correctly, you created an Invoice server-side and got the PaymentIntent inside it, correct?

#

And I suppose you have the PaymentMethod Id already attached to it?

#

Anw it would be easier if you can share a sample Payment Intent Id (pi_xxx) and I can take a closer look

dry dome Jul 13, 2022, 6:04 AM

#

okay

#

pi_3LKya7GLOO5b7AOM1w7npgxm

#

??

edgy garden Jul 13, 2022, 6:16 AM

#

I am checking on it

#

So I see you created an Invoice from a Customer that already has a PaymentMethod attached, so it's delegated to this PaymentIntent

dry dome Jul 13, 2022, 6:17 AM

#

yes

edgy garden Jul 13, 2022, 6:17 AM

#

pm_1LKxb8GLOO5b7AOMNHJ1kPyl

dry dome Jul 13, 2022, 6:18 AM

#

yes

edgy garden Jul 13, 2022, 6:18 AM

#

So what you want to do is go ahead and confirm this PaymentIntent serverside. Then if it returns with requires_action status, pass it back to client-side and use handleCardAction which is outlined here https://stripe.com/docs/payments/accept-a-payment-synchronously?platform=web#web-handle-next-actions

dry dome Jul 13, 2022, 6:19 AM

#

okay

edgy garden Jul 13, 2022, 6:19 AM

#

That way handleCardAction will take care of 3DS

dry dome Jul 13, 2022, 6:20 AM

#

okay thanks

#

looks like this will work

#

I had one more doubt.

#

Im using stripe in a REACT Js application.

#

I am having trouble with having to load <Elements> tag with clientSecret.

#

I want to use useStripe hook everywhere in my app, without having to deal with clientSecret.

edgy garden Jul 13, 2022, 6:23 AM

#

This step, correct? https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#add-and-configure-the-elements-provider-to-your-payment-page

dry dome Jul 13, 2022, 6:25 AM

#

Yes, but i have done this and its working, now when the stripe is redirecting me to return_url, i again want to use a stripe call, which means i again need to have <Elements> tag loaded???

edgy garden Jul 13, 2022, 6:31 AM

#

Can you elaborate a bit more? What do you mean by again want to use a stripe call

dry dome Jul 13, 2022, 6:35 AM

#

See, lets say I have a component where i want to call stripe.handleCardAction(). Now here i will be passing the clientSecret tht i got from backend API . It gives me an error that you need to wrap this inside an <Elements > container.

#

But now again even if i wrap it in a <elements> container, then i will need clientSecret as well.

#

Where will i provide this cs from?

edgy garden Jul 13, 2022, 6:40 AM

#

Sorry if I am missing something but how about just initialize stripe.js to call handleCardAction?

var stripe = Stripe('pk_test_xxx');
stripe.handleCardAction('pi_secret')

dry dome Jul 13, 2022, 6:42 AM

#

Do u mean using loadStripe?

#

let stripePromise = loadStripe('pk_test_xxx');

edgy garden Jul 13, 2022, 6:45 AM

#

Ah I see what you mean

#

Let me looking around

dry dome Jul 13, 2022, 6:45 AM

#

TypeError: (0 , stripe_stripe_js__WEBPACK_IMPORTED_MODULE_16_.Stripe) is not a function

#

This is error its giving, when using Stripe('pk_test_xxx');

edgy garden Jul 13, 2022, 6:47 AM

#

https://github.com/stripe/stripe-js/blob/master/README.md#loadstripe

GitHub

stripe-js/README.md at master · stripe/stripe-js

Loading wrapper for Stripe.js. Contribute to stripe/stripe-js development by creating an account on GitHub.

#

Now when you have this stripe.js instance, you can try calling handleCardAction

dry dome Jul 13, 2022, 7:13 AM

#

okay trying this,please dont close the thread

#akii-payment-confirmation