Laxislad-save-pm | Stripe Developers | Page 1

cerulean bridge Apr 5, 2022, 10:03 AM

#

Hey, can you share a Setup Intent ID? seti_xxx

tawny robin Apr 5, 2022, 10:03 AM

#

sure

#

seti_1Kl8s5IyPXW2OgqxDFHqDo9r

cerulean bridge Apr 5, 2022, 10:06 AM

#

Checking

#

You didn't pass the customer parameter on creation: https://dashboard.stripe.com/test/logs/req_ATrJ193mzYXU1Q

Stripe: Sign in

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

#

See: https://stripe.com/docs/payments/save-and-reuse?platform=web#web-create-intent

Set up future payments

Learn how to save card details and charge your customers later.

tawny robin Apr 5, 2022, 10:09 AM

#

ah

#

did I?

cerulean bridge Apr 5, 2022, 10:10 AM

#

Nope not for that specific Setup Intent. See the log here: https://dashboard.stripe.com/test/logs/req_ATrJ193mzYXU1Q

Stripe: Sign in

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

tawny robin Apr 5, 2022, 10:11 AM

#

oh my bad

#

I waas so confused

#

thanks for your time

cerulean bridge Apr 5, 2022, 10:12 AM

#

Np!

tawny robin Apr 5, 2022, 10:12 AM

#

thaankssssss

tawny robin Apr 5, 2022, 10:50 AM

#

hi

cerulean bridge Apr 5, 2022, 10:50 AM

#

Hey

tawny robin Apr 5, 2022, 10:50 AM

#

welcome back

#

now I have saved cards

#

yei

#

now I wanna show saved cards on my react froentend

#

is there a recomended way or some pre defined elements?

cerulean bridge Apr 5, 2022, 10:51 AM

#

Sure! You'll need to build this yourself as there's no Element for this

#

But there are APIs you can use

tawny robin Apr 5, 2022, 10:52 AM

#

yeah I.m aware of it

cerulean bridge Apr 5, 2022, 10:52 AM

#

https://stripe.com/docs/api/payment_methods/customer_list

Stripe API reference – List a Customer's PaymentMethods – curl

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

tawny robin Apr 5, 2022, 10:52 AM

#

I created api for it

cerulean bridge Apr 5, 2022, 10:52 AM

#

So you can use the JSON returned from that endpoint to build a UI as you need

tawny robin Apr 5, 2022, 10:52 AM

#

now I wanna create it

#

show iy

#

it

#

https://jsfiddle.net/ywain/k288pxqa/

[Stripe] Elements: displaying saved cards or new card field with El...

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

#

I found this. but it uses pure js

cerulean bridge Apr 5, 2022, 10:53 AM

#

What specific issue are you encountering?

tawny robin Apr 5, 2022, 10:54 AM

#

the details I need to show the customer?

#

like last elements of card, expiry date etc...

cerulean bridge Apr 5, 2022, 10:55 AM

#

I guess last 4 digits, expiry date, maybe the brand?

tawny robin Apr 5, 2022, 10:55 AM

#

ah yes

#

like visa

cerulean bridge Apr 5, 2022, 10:56 AM

#

It's entirely up to you! All Stripe needs is the pm_xxx ID to charge the card

tawny robin Apr 5, 2022, 10:56 AM

#

number,exp,brand,

tawny robin Apr 5, 2022, 11:53 AM

#

did it

cerulean bridge Apr 5, 2022, 11:55 AM

#

🎉

tawny robin Apr 5, 2022, 11:56 AM

#

how to update defalut payment method?

#

I just want to make the card as a default card

eager dock Apr 5, 2022, 12:02 PM

#

@tawny robin depends on the context!
-for one time payments, there's no such thing — we don't have a default, you tell us what card to charge by passing it to the payment_method field when creating a PaymentIntent.
-for subscriptions, can use either https://stripe.com/docs/api/subscriptions/create#create_subscription-default_payment_method or set https://stripe.com/docs/api/customers/update#update_customer-invoice_settings-default_payment_method

tawny robin Apr 5, 2022, 12:06 PM

#

I just wanna do this from API

#

actions set as default

eager dock Apr 5, 2022, 12:13 PM

#

that does the second option I mentioned(it sets customer.invoice_settings[default_payment_method])

tawny robin Apr 5, 2022, 12:16 PM

#

ah yes

#

const customer = await stripe.customers.update(
'cus_xxx',
invoice_settings:[]
);

#

I got it now

#Laxislad-save-pm