florin_unexpected | Stripe Developers | Page 1

kindred pikeBOT Nov 28, 2024, 10:27 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1311639506277109781

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

#

twilit lagoon Nov 28, 2024, 10:27 AM

#

👋 happy to help

#

would you mind sharing the checkout session?

hybrid pond Nov 28, 2024, 10:49 AM

#

Sure @twilit lagoon

#

const session = await stripe.checkout.sessions.create({
payment_method_types: ['card'],
customer: 'cus_RG1LQaLr7ob9Gg',
line_items,
mode: 'payment',
success_url: process.env.FRONTEND_SUCCESS_PAYMENT_URL,
cancel_url: process.env.FRONTEND_FAILED_PAYMENT_URL,
billing_address_collection: 'required',
shipping_address_collection: { allowed_countries: ['GB', 'RO'] },
payment_intent_data: {
setup_future_usage: 'on_session',
},
});

#

Basically, in my app you will be able to manage your payment methods, billing and shipping adresses and I want to fill this data upon checkout creation

twilit lagoon Nov 28, 2024, 10:50 AM

#

I meant the ID cs_test_xxx

hybrid pond Nov 28, 2024, 10:51 AM

#

ok, one sec

#

cs_test_a1RT4U5MyKnupGDGxKHF4B2R5yumZ8f8ganyHSBddELAo5wSzv35meBvVs

#

@twilit lagoon Basically, in my app you will be able to manage your payment methods, billing and shipping adresses and I want to fill this data upon checkout creation, chat gpt told me that if I pass the customer id I should be able to select the card between the customer’s saved cards.

twilit lagoon Nov 28, 2024, 10:57 AM

#

that's correct

hybrid pond Nov 28, 2024, 10:58 AM

#

can it be something from the way my frontend handles it? I am only using stripe.redirectToCheckout({sessionId:data.session_id})

twilit lagoon Nov 28, 2024, 10:59 AM

#

please give me a couple of minutes I'm looking at your checkout session

#

the PaymentMethods (PMs) that are attached on this customer are configured as https://docs.stripe.com/api/payment_methods/object#payment_method_object-allow_redisplay 'limited'

#

you need to update them and set https://docs.stripe.com/api/payment_methods/update#update_payment_method-allow_redisplay to 'always' for them to show

Update a PaymentMethod | Stripe API Reference

Complete reference documentation for the Stripe API. Includes code snippets and examples for our Python, Java, PHP, Node.js, Go, Ruby, and .NET libraries.

hybrid pond Nov 28, 2024, 11:05 AM

#

Oh, now it works

#

Thanks so much, is it possible to do something like this, but for billing and shipping addresses? @twilit lagoon

twilit lagoon Nov 28, 2024, 11:07 AM

#

if the customer chooses a pre-saved payment method they won't be asked for billing information

#

for shipping there's no autofill

hybrid pond Nov 28, 2024, 11:08 AM

#

Hmm, can I not split the payment method from the billing and shipping address?

#

Yea, I see that it saves all the payment details at once

twilit lagoon Nov 28, 2024, 11:09 AM

#

hybrid pond Hmm, can I not split the payment method from the billing and shipping address?

I'm not sure what you mean by that

hybrid pond Nov 28, 2024, 11:10 AM

#

like, he can choose between cards, but also change their billing and shipping address.

#

like a dropdown but for cards only,

hybrid pond Nov 28, 2024, 11:13 AM

#

twilit lagoon I'm not sure what you mean by that

Basically I want to independently change the billing and cards from each other.

twilit lagoon Nov 28, 2024, 11:14 AM

#

we don't offer that unfortunately

#

billing details are tightly coupled with PaymentMethods

hybrid pond Nov 28, 2024, 11:17 AM

#

hmm, I see that setting payment method save to enabled only saves the last card, is that right? @twilit lagoon

twilit lagoon Nov 28, 2024, 11:18 AM

#

I'm not sure I understand

hybrid pond Nov 28, 2024, 11:18 AM

#

Because I used both the visa and mastercard and only the last one seems to be saved

#

Basically when I get to the checkout page, I can use the last card I paid with but if I click the change button it asks me for a new card, I was expecting to be able to choose between multiple saved payment methods

#

#

I was expecting a dropdown or something with the saved payment methods, not to be able to only use the last card or add a new one

twilit lagoon Nov 28, 2024, 11:23 AM

#

do both have the allowed_redisplay set to always?

hybrid pond Nov 28, 2024, 11:25 AM

#

Yes @twilit lagoon

#

{
id: 'pm_1QQ5iTKCK5mmw7xEazxTTw7s',
object: 'payment_method',
allow_redisplay: 'always',
billing_details: {
address: [Object],
email: 'jenny.rosen@gmail.com',
name: 'Jenny Rosen',
phone: null
},
card: {
brand: 'mastercard',
checks: [Object],
country: 'US',
display_brand: 'mastercard',
exp_month: 2,
exp_year: 2029,
fingerprint: 'bxcB9BYdMEIvJGXM',
funding: 'credit',
generated_from: null,
last4: '4444',
networks: [Object],
three_d_secure_usage: [Object],
wallet: null
},
created: 1732792621,
customer: 'cus_RG1LQaLr7ob9Gg',
livemode: false,
metadata: {},
type: 'card'
},

{
id: 'pm_1QQ5WuKCK5mmw7xECjtMrASx',
object: 'payment_method',
allow_redisplay: 'always',
billing_details: {
address: [Object],
email: 'jenny.rosen@gmail.com',
name: 'Jenny Rosen',
phone: null
},
card: {
brand: 'visa',
checks: [Object],
country: 'US',
display_brand: 'visa',
exp_month: 1,
exp_year: 2029,
fingerprint: 'eTVIaPphhRKp4JAs',
funding: 'credit',
generated_from: null,
last4: '4242',
networks: [Object],
three_d_secure_usage: [Object],
wallet: null
},
created: 1732791904,
customer: 'cus_RG1LQaLr7ob9Gg',
livemode: false,
metadata: {},
type: 'card'
},

twilit lagoon Nov 28, 2024, 11:32 AM

#

I'm looking to see whether this is a limitation on the Checkout Session, because AFAICR, in Elements we display all the allow_redisplay PMs

#

just fyi, this https://docs.stripe.com/payments/checkout/save-during-payment?payment-ui=stripe-hosted#save-payment-methods-to-prefill-them-in-checkout is how you can set the Checkout Session to automatically apply the allow_redisplay: 'always'

Save payment details during payment

Learn how to accept a payment and save your customer's payment details for future purchases.

hybrid pond Nov 28, 2024, 11:33 AM

#

Yea, that is what I did

#

const session = await stripe.checkout.sessions.create({
payment_method_types: ['card'],
customer: 'cus_RG1LQaLr7ob9Gg',
line_items,
mode: 'payment',
success_url: process.env.FRONTEND_SUCCESS_PAYMENT_URL,
cancel_url: process.env.FRONTEND_FAILED_PAYMENT_URL,
// billing_address_collection: 'required',
// shipping_address_collection: { allowed_countries: ['GB', 'RO'] },
payment_intent_data: {
setup_future_usage: 'on_session',
},
saved_payment_method_options: {
payment_method_save: 'enabled',
},
});

twilit lagoon Nov 28, 2024, 11:34 AM

#

perfect

#

still looking into the above mentioned issue

#

ok so, yes, Checkout Sessions has chosen to only see the latest saved PM

#

if you need to show more, you would eventually need to migrate to PaymentElements

hybrid pond Nov 28, 2024, 11:44 AM

#

Can I use that with an embedded cart?

twilit lagoon Nov 28, 2024, 11:48 AM

#

what do you mean by embedded cart?

hybrid pond Nov 28, 2024, 11:48 AM

#

Right now I am redirecting the user to the stripe payment page, but eventually I want to move it to be embedded in my app

#

Do I need a custom checkout to use payment elements?

hybrid pond Nov 28, 2024, 11:49 AM

#

twilit lagoon what do you mean by embedded cart?

Checkout* I am sorry

twilit lagoon Nov 28, 2024, 11:49 AM

#

yes PaymentElement is our custom flow

hybrid pond Nov 28, 2024, 11:51 AM

#

hmm, I don’t really want to create a custom flow because I will need to use the payment intent api, I am new to stripe. Can I instead pass a saved payment method on the stripe checkout session creation?

twilit lagoon Nov 28, 2024, 11:52 AM

#

no that's not really possible

hybrid pond Nov 28, 2024, 11:52 AM

#

So basically my customer will choose their payment method before the stripe checkout page

#

So I am kinda forced to use the custom checkout, right

twilit lagoon Nov 28, 2024, 11:54 AM

#

if these are you requirements then yes

hybrid pond Nov 28, 2024, 11:55 AM

#

Ok, so I need to use the payment intent api instead of the checkout session one

kindred pikeBOT Nov 28, 2024, 11:55 AM

#

hybrid pond Nov 28, 2024, 11:56 AM

#

My idea of a flow was to create a payment intent and an invoice, the customer pays, and on the webhooks the invoice is being sent and my order from my db is being updated, am
i missing any steps ?

light tiger Nov 28, 2024, 11:57 AM

#

hi! I'm taking over this thread.

#

create a payment intent and an invoice
you should only create an Invoice, and it will automatically contain a PaymentIntent for you

hybrid pond Nov 28, 2024, 11:58 AM

#

and I should set the invoice to not be sent right away, and instead finalize it on the payment intent success webhook, right?

light tiger Nov 28, 2024, 12:02 PM

#

it depends. can you share more about your end goal here? what would be the payment flow from the customer's point of view?

hybrid pond Nov 28, 2024, 12:03 PM

#

I am selling digital and physical products, I have not used stripe before, and I dont want to miss any steps, like sending invoices for example

light tiger Nov 28, 2024, 12:04 PM

#

how do you want end users to enter their payment method? Payment Element, Checkout Session, something else?

#

do you really need an Invoice, or a payment receipt is enough?

hybrid pond Nov 28, 2024, 12:04 PM

#

But basically this is my flow: A user can manage their payment methods and adresses in the accout section, and I want to let him choose between them on the checkout page, or create new ones

#

I was thinking of using the custom checkout because otherwise I cannot seem to be able to fill their payment method with a saved card

light tiger Nov 28, 2024, 12:05 PM

#

and I want to let him choose between them on the checkout page, or create new ones
then you should use the Payment Element then.

#

here's our guide about it: https://docs.stripe.com/payments/accept-a-payment?platform=web&ui=elements

#

by default this doesn't create an Invoice, but you do get a payment recipt.

hybrid pond Nov 28, 2024, 12:08 PM

#

but the PaymentElement component lets me choose between my users cards? In the docs it shows that I can just choose between other providers

light tiger Nov 28, 2024, 12:10 PM

#

the PaymentElement can show the customer's existing saved payment method yes. this is explained in this section: https://docs.stripe.com/payments/accept-a-payment?platform=web&ui=elements#save-payment-methods

hybrid pond Nov 28, 2024, 12:13 PM

#

I am sorry, this might be a stupid question, does it only show the previously used method? (only the last one?) or does it show all of them? I wanna know before I start implementing the custom checkout @light tiger

light tiger Nov 28, 2024, 12:16 PM

#

it can show multiple saved payment method. not sure what's the maximum number we can display. give me a few minutes to try this.

#

for card payment methods, it looks like one one is displayed. so if you need more control over this, you would need to build your own UI for this.

#

you can learn more about this here: https://docs.stripe.com/payments/existing-customers?platform=web&ui=direct-api

hybrid pond Nov 28, 2024, 12:21 PM

#

light tiger for card payment methods, it looks like one one is displayed. so if you need mor...

so only one card payment method is being displayed?

light tiger Nov 28, 2024, 12:24 PM

#

I created a customer with 5 saved cards and Sepa Debit. and this is what the Payment Element looks like:

#

so it's one payment method of each type that is shown

hybrid pond Nov 28, 2024, 12:26 PM

#

so to be 100% sure, if I would save the 4242 VISA card and a MAstercard card, I would only see the last one saved?

light tiger Nov 28, 2024, 12:26 PM

#

looks like it yes

hybrid pond Nov 28, 2024, 12:26 PM

#

I see

#

so let's say I would retrieve all the saved payment methods from a customer on my frontend, can I pass them to the await stripe.confirmCardPayment function? or is it a different one

#

so the user can choose from their cards which one to use for the payments

#florin_unexpected