iandk | Stripe Developers | Page 1

slim fulcrumBOT Jan 5, 2024, 11:04 AM

#

Hello! We'll be with you shortly. Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

iandk, 10 hours ago, 17 messages

nocturne ice Jan 5, 2024, 11:06 AM

#

Hi, let me help you with this.

#

Where do you want to show it?

brisk tendon Jan 5, 2024, 11:08 AM

#

I thought the Elements would offer this by default in combination with the Link thing?

https://gist.github.com/iandk/fe5992b8d73c1e25b9c3a8c0912ab46a

Gist

js

GitHub Gist: instantly share code, notes, and snippets.

nocturne ice Jan 5, 2024, 11:11 AM

#

Link is different from Payment Methods attached to a Customer objects saved on just your account. Instead, Link payment methods are used by customers across all Stripe accounts.

brisk tendon Jan 5, 2024, 11:12 AM

#

how would I offer him to select his previously used methods there?

nocturne ice Jan 5, 2024, 11:18 AM

#

You can enable Link and not worry about anything else.
Or, if you want to specifically show the Payment Methods saved for the customer on your account, you will have to build a list of Payment Methods yourself.

brisk tendon Jan 5, 2024, 11:18 AM

#

I did implement Link, but its not showing

nocturne ice Jan 5, 2024, 11:21 AM

#

Again, the main question, are you looking to use Link, or display your own PMs?

brisk tendon Jan 5, 2024, 11:22 AM

#

Link would be fine for now

nocturne ice Jan 5, 2024, 11:23 AM

#

Ok, let's see why it's not showing. Where do you expect to see it exactly?

brisk tendon Jan 5, 2024, 11:24 AM

#

I did follow the guide where it would show somewhere near the payment-element

<template #content>
                <form id="payment-form">
                    <div id="link-authentication-element"></div>

                    <div id="payment-element">
                    </div>
                    <div id="payment-message" class="hidden"></div>
                </form>
            </template>

nocturne ice Jan 5, 2024, 11:27 AM

#

Could you please share the PaymentIntent ID pi_xxx?

brisk tendon Jan 5, 2024, 11:27 AM

#

pi_3OVBHxCaKPzbNr2f0m6Wh7xj

slim fulcrumBOT Jan 5, 2024, 11:30 AM

#

quiet osprey Jan 5, 2024, 11:36 AM

#

Hey! Taking over for my colleague. Let me catch up.

quiet osprey Jan 5, 2024, 11:53 AM

#

Could you please share the exactl guide you are following ?

#

in order to understand what flow exactly you want to integrate ?

brisk tendon Jan 5, 2024, 11:56 AM

#

https://stripe.com/docs/payments/link/add-link-elements-integration

quiet osprey Jan 5, 2024, 11:56 AM

#

That guide doesn't have link authentification link-authentication-element like you were mentioning in your code snippets

brisk tendon Jan 5, 2024, 11:56 AM

#

#

it does

quiet osprey Jan 5, 2024, 11:57 AM

#

If you want to use link authentification element, you need to follow this guide instead:
https://stripe.com/docs/payments/link/link-authentication-element

brisk tendon Jan 5, 2024, 11:58 AM

#

I think this is the guide I followed

quiet osprey Jan 5, 2024, 11:58 AM

#

Ah I don't know what happened but when I opened your previous link, it opened for me another page.

#

Yes that's a good one sorry

#

Can you share some screenshots of your webpage ? or if possible to access it from a live (test) endpoint ?

brisk tendon Jan 5, 2024, 12:03 PM

#

Can I send you the details as a private message?

#

Here is another pi
pi_3OVCAYCaKPzbNr2f1vAUAxAC

quiet osprey Jan 5, 2024, 12:16 PM

#

Did you activate link in your dashboard ?

brisk tendon Jan 5, 2024, 12:16 PM

#

not sure, where can I check?

quiet osprey Jan 5, 2024, 12:16 PM

#

https://dashboard.stripe.com/settings/link

brisk tendon Jan 5, 2024, 12:20 PM

#

It was disabled. I just enabled it but its still not showing

#

I did verify the domain

quiet osprey Jan 5, 2024, 12:22 PM

#

I invite you to share with me a test endpoint and all the steps required in order to reproduce it

brisk tendon Jan 5, 2024, 12:22 PM

#

Yea, how can I send you the details?
I would prefer not sending it in a public thread

quiet osprey Jan 5, 2024, 12:33 PM

#

You can share the test endpoint here with no worries

#

then you can delete it

brisk tendon Jan 5, 2024, 12:36 PM

#

let me know if you can access it

#

Can you check console?
I think its an issue with the certificate and vite.
You might have to open one of the failed vite urls manually and accept the cert

slim fulcrumBOT Jan 5, 2024, 12:45 PM

#

quiet osprey Jan 5, 2024, 12:50 PM

#

I inivte you to share with us a clear and working way in order to reproduce the issue and understand your integration

brisk tendon Jan 5, 2024, 12:54 PM

#

I followed every step in your guide.
The code is pretty much identical and I attached it above

quiet osprey Jan 5, 2024, 12:55 PM

#

Yes I understand that, but we need a clear way in order to reproduce the issue you are facing.

brisk tendon Jan 5, 2024, 12:57 PM

#

I can provide you the login details, I just dont want to post them in a public thread here. So if you give me some way to send them to you directly

wanton gale Jan 5, 2024, 12:57 PM

#

no worries, the best way then would be a support ticket at https://support.stripe.com/?contact=true (this team also answers support tickets)

#

for clarity, if not using Link you would need to implement showing saved cards by calling https://stripe.com/docs/api/payment_methods/customer_list on the backend, then parsing the list and returning details(like the payment_method.card.last4 etc) to the frontend to render a HTML table there, and then calling https://stripe.com/docs/js/payment_intents/confirm_card_payment#stripe_confirm_card_payment-existing directly with the ID of a selected PM when the customer clicks it

#

we have some other plans in future to directly embed saved cards in PaymentElement but at the moment it would be manual like that; and separately, Link exists yes

brisk tendon Jan 5, 2024, 1:20 PM

#

Does this work with cards only or other payment methods as well?

wanton gale Jan 5, 2024, 1:21 PM

#

the approach above works with any saved payment method that is compatible with recurring payments, for example youc can call https://stripe.com/docs/js/payment_intents/confirm_sepa_debit_payment#stripe_confirm_sepa_debit_payment-existing if the selected PM was SEPA Debit

brisk tendon Jan 5, 2024, 1:22 PM

#

I'm dealing with one time charge

wanton gale Jan 5, 2024, 1:23 PM

#

yeah, but you're charging a saved payment method, I'm only referring to "recurring" here to differenciate from payment methods that are only compatible with one-time payments and couldn't be saved to Customer objects or used in future payments

brisk tendon Jan 5, 2024, 1:24 PM

#

pm_1OVD4TCaKPzbNr2f1UPuhedB

Would this be the id I need to pass to the stripe js client to confirm the payment?

wanton gale Jan 5, 2024, 1:25 PM

#

yes

brisk tendon Jan 5, 2024, 1:48 PM

#

Seems to work just fine with cards.

One more question regarding stripe.confirmPayPalPayment.

After confirming/ declining the payment I will be redirected to the specified url.

How can I determine if the payment was successful on the frontend?
With the card implementation I can access result.paymentIntent.status as the page does not refresh

wanton gale Jan 5, 2024, 1:50 PM

#

there are query parameters with the PaymentIntent ID that we add to the return URL and then you can access those and call the retrievePaymentIntent function to check status

#

it's touched-on/described at the section from https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#web-test-the-integration:~:text=we provide the following URL query parameters%3A onwards

slim fulcrumBOT Jan 5, 2024, 1:54 PM

#

brisk tendon Jan 5, 2024, 1:58 PM

#

I see now, thank you.
Is it safe to store the clientSecret in lcoal storage?

#iandk