rsdotscot | Stripe Developers | Page 1

cosmic sigilBOT Mar 20, 2023, 1:08 AM

#

simple thistle Mar 20, 2023, 1:08 AM

#

hello! can you share more on what you're trying to do?

fierce forum Mar 20, 2023, 1:10 AM

#

(I wish I'd copied the content of the email I just sent in to support via stripe.com)

I have a scenario where a new card isn't being saved against the client because our system recognises they have an existing card saved and so it creates a PI with that existing PM, but they've decided they'd like to use a new card, the details of which should be available for them to use with a future purchase, and I'm suspecting that it's the pre-existing PM that's the issue

#

I hope that wasn't too much of a ramble!

simple thistle Mar 20, 2023, 1:12 AM

#

you don't need to detach the PaymentMethod from a PaymentIntent, you should be able to just collect a new payment method for it. How are you collect the customer's card details currently - are you using the Payment Element or Card Element?

fierce forum Mar 20, 2023, 1:13 AM

#

stripe.elements()

simple thistle Mar 20, 2023, 1:14 AM

#

maybe share your Stripe account id and i'll be able to check. That line doesn't give any indication of what you're using

fierce forum Mar 20, 2023, 1:14 AM

#

Apologies, just a moment

#

acct_1CBkCLD3yZL5Nmof

simple thistle Mar 20, 2023, 1:18 AM

#

i think you should be using the Card Element : elements.create('card'); - using the same PaymentIntent in your frontend, you should be able to confirm with the details in the card element that the customer has filled up : https://stripe.com/docs/payments/accept-card-payments?platform=web&ui=elements#web-submit-payment

fierce forum Mar 20, 2023, 1:19 AM

#

Yep, that's in there

simple thistle Mar 20, 2023, 1:20 AM

#

try it out and let me know if you're still having trouble

fierce forum Mar 20, 2023, 1:21 AM

#

It's been in there the whole time 😛

#

Give me a moment and I'll send a snippet URL

#

https://pastebin.com/9R40BSbc

Pastebin

function processNewCard() { document.querySelector( 'button' ).disa...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

#

Lines 40-80 are only for clients with brand new accounts and no previous card info saved, so you can ignore that part

#

piData is defined on-page and contains the data generated when the PI is created on the page with the existing card option

#

I've confirmed that piData is passed correctly

simple thistle Mar 20, 2023, 1:27 AM

#

what's your question?

fierce forum Mar 20, 2023, 1:28 AM

#

Do you see anything wrong with the payWithNewCard function that might be causing the new PM to fail in attaching to the client for future use?

#

It attaches just fine if there's no pre-existing PM and there's no PM in the PI

#

pi_3MnWrPD3yZL5Nmof29UZ3ZNj is a PI which was created with a PM already attached to the client

simple thistle Mar 20, 2023, 1:32 AM

#

if i look at that PaymentIntent, you're trying to "reset" the PaymentMethod : https://dashboard.stripe.com/test/logs/req_TzgBrEhJeS6lG7

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

#

which fails

fierce forum Mar 20, 2023, 1:33 AM

#

Yep, it threw an error at me when I tried it

simple thistle Mar 20, 2023, 1:33 AM

#

you don't need to "reset" it

fierce forum Mar 20, 2023, 1:34 AM

#

This was done prior to sending my original message

#

Just trying things out

simple thistle Mar 20, 2023, 1:35 AM

#

i'm pretty confused here - you would want to confirmCardPayment with the same PaymentIntent, pulling the new payment_method details from the card element.

#

is there any link to the current code snippet you shared?

fierce forum Mar 20, 2023, 1:36 AM

#

That's what I'm trying to do, but what I have doesn't save the new card at this point

#

This one? https://pastebin.com/9R40BSbc

Pastebin

function processNewCard() { document.querySelector( 'button' ).disa...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

#

If I run my code adding the new card details, can you track what's going on at the Stripe end using the PI ID I gave you?

#

That may highlight where I'm going wrong but can't see

simple thistle Mar 20, 2023, 1:46 AM

#

the problem here is likely with your logic and it won't be something which I can track on the Stripe end. You'll need to step through your own code to figure out what's wrong . For example

log the PaymentIntent
log if you're calling confirmCardPayment when you submit button is pressed with that existing PaymentIntent
log and check card which confirmCardPayment is supposed to be passing into payment_method in confirmCardPayment

fierce forum Mar 20, 2023, 1:47 AM

#

The first two are confirmed, I'll see what card puts in the console

#

I removed the PM from the client and at my system's end and processed a new purchase, everything has gone through fine, PM attached to the client and ready for future use

#

Now performing a second purchase, using the existing PM

#

So far so good

#

Second payment successful

#

Now trying it with a change in PM, and seeing what comes through card in the console

#

I missed what it said as it navigated to the success page 🤦‍♂️
The original PM attached to the client is now gone and no new PM has been saved, checking the Stripe logs

simple thistle Mar 20, 2023, 2:03 AM

#

what's the PaymentIntent id?

fierce forum Mar 20, 2023, 2:03 AM

#

pi_3MnY1WD3yZL5Nmof1e8TrmzD

simple thistle Mar 20, 2023, 2:05 AM

#

okay, i think i understand what's the problem you were facing now - that new PaymentMethod isn't saved for future use on the customer

fierce forum Mar 20, 2023, 2:05 AM

#

That's correct

simple thistle Mar 20, 2023, 2:05 AM

#

https://stripe.com/docs/js/payment_intents/confirm_card_payment#stripe_confirm_card_payment-data-setup_future_usage - include this parameter if you're saving a new PaymentMethod

fierce forum Mar 20, 2023, 2:06 AM

#

That's interesting, if that isn't in there just now why was it saving it previously?

#

(On the first purchase)

simple thistle Mar 20, 2023, 2:08 AM

#

what's the first purchase?

fierce forum Mar 20, 2023, 2:08 AM

#

Just a sec

#

pi_3MnXrLD3yZL5Nmof1NA1O2H3

simple thistle Mar 20, 2023, 2:09 AM

#

https://dashboard.stripe.com/test/logs/req_rzdhBtCZDu7eXG

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

#

you created the PaymentIntent with setup_future_usage

#

do you ever intend to charge the customer off_session?

#

or it'll always be on_session?

fierce forum Mar 20, 2023, 2:10 AM

#

That's weird, that wasn't passed in my code

#

The client will always been the one initiating the payment via our site, no recurring payments without their input, so on_session

simple thistle Mar 20, 2023, 2:13 AM

#

you could create the PaymentIntent without setup_future_usage, then decide whether to pass setup_future_usage in confirmCardPayment client-side

fierce forum Mar 20, 2023, 2:14 AM

#

I like to keep things as simple as possible for our clients (fewer clicks meaning more sales etc), so I think I'll pass it in .confirmCardPayment

#

Now that's added, time to run through it all again and see if we're good to go

#

Aaaaaaand everything now works as expected 😁

#

I appreciate your patience Alex, thanks again

#rsdotscot