salim-bt_docs | Stripe Developers | Page 1

unkempt stumpBOT Sep 20, 2024, 6:14 PM

#

👋 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/1286752252429865021

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

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.

salim-bt_docs, 1 hour ago, 14 messages

#

carmine rover Sep 20, 2024, 6:14 PM

#

hello! hope you're doing well!

const expressCheckoutElement: Ref<any> = ref()

const requestOptions: ElementsOptionsInterface = {
mode: 'subscription',
amount: totalAmount.value,
currency: CURRENCIES.USD,
paymentMethodCreation: 'manual'
}

const eceOptions: EceOptions = {
layout: {
maxColumns: 1,
overflow: 'never'
},
paymentMethods: {
applePay: 'always',
googlePay: 'always',
amazonPay: 'auto'
}
}

elements.value = stripeInstance.elements(requestOptions)
expressCheckoutElement.value = elements.value.create('expressCheckout', eceOptions)
expressCheckoutElement.value.mount('#express-checkout-element')

hello, as you see we use paymentMethodCreation: 'manual', but in this case amazon pay button not renders. Is it not supported if paymentMethodCreation: 'manual'?

slow sentinel Sep 20, 2024, 6:19 PM

#

Hello! No, I don't believe that approach is supported, but let me confirm...

carmine rover Sep 20, 2024, 6:19 PM

#

ok thank you!
waiting

slow sentinel Sep 20, 2024, 6:22 PM

#

Doesn't seem to be supported. Can you tell me what you're trying to build?

carmine rover Sep 20, 2024, 6:24 PM

#

we has subscription system, and i am using express chekout element

#

does amazon supported in subscription?

#

if amazon supported with paymentMethodCreation: 'manual'

slow sentinel Sep 20, 2024, 6:28 PM

#

Amazon Pay supports Subscriptions, yes, but I don't think Subscriptions require paymentMethodCreation to be set to manual.

carmine rover Sep 20, 2024, 6:29 PM

#

well can you confirm

slow sentinel Sep 20, 2024, 6:30 PM

#

Are you using just the Express Checkout Element or are you using the Payment Element as well?

#

Confirmed it should work just fine.

#

Is it not working for you?

carmine rover Sep 20, 2024, 6:34 PM

#

slow sentinel Are you using just the Express Checkout Element or are you using the Payment Ele...

Express Checkout Element

carmine rover Sep 20, 2024, 6:34 PM

#

slow sentinel Confirmed it should work just fine.

with manual?

carmine rover Sep 20, 2024, 6:35 PM

#

slow sentinel Are you using just the Express Checkout Element or are you using the Payment Ele...

wait , i using expressCheckout and stripe.createPaymentMethod()

slow sentinel Sep 20, 2024, 6:35 PM

#

No, I mean if you remove paymentMethodCreation: 'manual' does Amazon Pay show up?

carmine rover Sep 20, 2024, 6:35 PM

#

slow sentinel No, I mean if you remove `paymentMethodCreation: 'manual'` does Amazon Pay show ...

yes

slow sentinel Sep 20, 2024, 6:36 PM

#

Amazon Pay + Express Checkout Element without paymentMethodCreation: 'manual' should work just fine to create a Subscription.

carmine rover Sep 20, 2024, 6:37 PM

#

ok thank you so much

slow sentinel Sep 20, 2024, 6:37 PM

#

Happy to help!

carmine rover Sep 20, 2024, 6:38 PM

#

wait

#

but we need with paymentMethodCreation: 'manual'

slow sentinel Sep 20, 2024, 6:39 PM

#

Why?

carmine rover Sep 20, 2024, 6:39 PM

#

slow sentinel Sep 20, 2024, 6:39 PM

#

Why are you using createPaymentMethod?

carmine rover Sep 20, 2024, 6:40 PM

#

sec

slow sentinel Sep 20, 2024, 6:40 PM

#

Most integrations do not need or use createPaymentMethod, which is why I'm asking.

carmine rover Sep 20, 2024, 6:42 PM

#

pm id i getting from stripe.createPaymentMethod()

#

how attach card to user then?

slow sentinel Sep 20, 2024, 6:43 PM

#

Normally you would run stripe.confirmPayment which would confirm the payment client-side and create the Payment Method all in a single step.

#

See the note here: https://docs.stripe.com/js/payment_methods/create_payment_method_elements

carmine rover Sep 20, 2024, 6:46 PM

#

ok sec let me ckeck

#

we can't use stripe.confirmPayment

#

it needs clientSecret, but all our logic located on backend
PaymentIntent creates on backend

slow sentinel Sep 20, 2024, 6:49 PM

#

For a Subscription you shouldn't be creating a Payment Intent directly.

carmine rover Sep 20, 2024, 6:49 PM

#

frontend only attach cards

unkempt stumpBOT Sep 20, 2024, 6:50 PM

#

slow sentinel Sep 20, 2024, 6:51 PM

#

Try following this guide: https://docs.stripe.com/payments/accept-a-payment-deferred?platform=web&type=subscription

#

And then add Express Checkout Element to that once you're done.

unkempt stumpBOT Sep 20, 2024, 6:52 PM

#

carmine rover Sep 20, 2024, 6:53 PM

#

ok let me see

#

we can't use stripe.confirmPayment
we need createPaymentMethod. But it not works with paymentMethodCreation: 'manual'

no way to solve it?

rapid saddle Sep 20, 2024, 7:00 PM

#

👋 stepping in for my colleague here

carmine rover Sep 20, 2024, 7:03 PM

#

?

pale gate Sep 20, 2024, 7:11 PM

#

hello, is it possible get selected credit card data from express checkout?

#

unkempt stumpBOT Sep 20, 2024, 7:13 PM

#

@pale gate looks like you're in the wrong place, this thread is for someone else's question.

If you have your own thread please chat there.
If you have a question or a followup to a closed thread use one of the buttons in https://discord.com/channels/841573134531821608/842637025524842496 to get help (we don't reopen closed threads).

Note that posting inappropriate messages in other people's threads is against the rules. No worries if this was just an honest mistake, but anyone who violates the rules multiple times will be removed from this server.

pale gate Sep 20, 2024, 7:13 PM

#

inside elements.create('expressCheckout', eceOptions).on('confirm') event

carmine rover Sep 20, 2024, 7:13 PM

#

unkempt stump **<@334733514748723208> looks like you're in the wrong place,** this thread is f...

NO, he is my Developer.

rapid saddle Sep 20, 2024, 7:14 PM

#

Ah, alright, thanks for clarifying

pale gate Sep 20, 2024, 7:17 PM

#

and 2nd Q.

const expressCheckoutElement: Ref<any> = ref()

const requestOptions: ElementsOptionsInterface = {
mode: 'subscription',
amount: totalAmount.value,
currency: CURRENCIES.USD,
paymentMethodCreation: 'manual'
}

const eceOptions: EceOptions = {
layout: {
maxColumns: 1,
overflow: 'never'
},
paymentMethods: {
applePay: 'always',
googlePay: 'always',
amazonPay: 'auto'
}
}

elements.value = stripeInstance.elements(requestOptions)
expressCheckoutElement.value = elements.value.create('expressCheckout', eceOptions)
expressCheckoutElement.value.mount('#express-checkout-element')

here is part of our code. I passing paymentMethodCreation: 'manual' to run stripe.createPaymentMethod() inside express checkout. But if paymentMethodCreation: 'manual' amazon pay button not renders

rapid saddle Sep 20, 2024, 7:18 PM

#

So from reading this thread, it seems like your goal is to use the Express Checkout Element to create a payment method and then create the Subscription on the backend with that payment method afterward, is that correct?

pale gate Sep 20, 2024, 7:18 PM

#

yes

#

we are creating payment method, then i getting pm id on frontend, then send it to backend, to attach the payment card

#

after that we create subscription by sending request from frontend

#

all logic located on backend

#

from frontend, i just send request to attach credit card, and sending request to create subscription

rapid saddle Sep 20, 2024, 7:22 PM

#

Testing currently, will follow up shortly

pale gate Sep 20, 2024, 7:27 PM

#

first issues with express checkout are:

not found way how get selected credit card data from express checkout

i need get selected credit card to check, if this card was already attached to user or not.

If card has been attached, i need just run request to backend to set this card as default
If card has NOT been attached, i need get card data from express checkout, pass it to backend, to create and attach this card. But i have not found way how to get selected credit card data from express checkout. So i creating payment method from frontend using stripe.createPaymentMethod(). Then i am getting pm id and passing it to backend, so backend attach this card.

#

but here we found 2nd issue:

stripe.createPaymentMethod() not works without paymentMethodCreation: 'manual' setting

#

if paymentMethodCreation: 'manual' applied, then amazon pay button not renders

#

to solve issue with defining credit card already attached or not, we decided remove all gpay/apple pay cards, then create new one on each payment, to illuminate credit cards duplicates

granite flax Sep 20, 2024, 7:36 PM

#

Stepping in here as I think I was talking to your team earlier.

For ApplePay and GooglePay, what you're trying to achieve won't work. Apple and Google will automatically generate a new card number called a DPAN (Device PAN) with a new expiration date. They won't send us the real card details so when we create the fingerprint, we use the DPAN to create a fingerprint. When the end customer adds the card on a different device, we get a new DPAN and a new fingerprint. For this reason, you can't deduplicate this and you would get 2 separate fingerprint for the same card.

#

i need get selected credit card to check, if this card was already attached to user or not.
If card has been attached, i need just run request to backend to set this card as default
If card has NOT been attached, i need get card data from express checkout, pass it to backend, to create and attach this card. But i have not found way how to get selected credit card data from express checkout. So i creating payment method from frontend using stripe.createPaymentMethod(). Then i am getting pm id and passing it to backend, so backend attach this card.

I this case, you can use our Deferred Intent flow: https://docs.stripe.com/payments/accept-a-payment-deferred?platform=web&type=subscription and add custom logic to inspect the payment details. Then, you can decide if it is the same payment method or not using the fingerprint of the payment method.

However, this won't work for ApplePay or GooglePay as communicated earlier.

#

stripe.createPaymentMethod() not works without paymentMethodCreation: 'manual' setting
if paymentMethodCreation: 'manual' applied, then amazon pay button not renders
to solve issue with defining credit card already attached or not, we decided remove all gpay/apple pay cards, then create new one on each payment, to illuminate credit cards duplicates

Yes, this is expected. If you pass paymentMethodCreation: 'manual' Amazon Pay does not work. I tested this on my end as well to confirm.

pale gate Sep 20, 2024, 7:40 PM

#

is it some limitation of amazon pay?

granite flax Sep 20, 2024, 7:43 PM

#

That, I'm unsure to be honest and I would not know.

pale gate Sep 20, 2024, 7:46 PM

#

backend needs attached pm id to create subscription. So i can't get credit card details from express checkout as you described above. So i need create payment method from frontend, to get pm id. But it works only with paymentMethodCreation: 'manual', where amazon pay not works. But we need it. What can you suggest?

granite flax Sep 20, 2024, 7:48 PM

#

You can use this flow: https://docs.stripe.com/payments/accept-a-payment-deferred?platform=web&type=subscription to collect the payment method first, then create the subscription. At this point, you would have the payment method id

#

Can you review and try this please?

pale gate Sep 20, 2024, 7:48 PM

#

one second

granite flax Sep 20, 2024, 7:49 PM

#

Sure!

pale gate Sep 20, 2024, 7:55 PM

#

i got this. As i understood you suggest use stripeInstance.elements(ElementsOptions).create('payment') instead of stripeInstance.elements(ElementsOptions).create('expressCheckout', eceOptions) ?

granite flax Sep 20, 2024, 7:59 PM

#

You would want to use subscription likely as you were using that ealrier, but yes.

pale gate Sep 20, 2024, 8:01 PM

#

ok, i will try it, thank you!

granite flax Sep 20, 2024, 8:02 PM

#

Happy to help!

carmine rover Sep 20, 2024, 8:04 PM

#

pale gate i got this. As i understood you suggest use stripeInstance.elements(ElementsOpti...

@granite flax can remove amazon from here? because we have it in separated accordion

pale gate Sep 20, 2024, 8:05 PM

#

i rendered it inside stripe accordion, just for testing

carmine rover Sep 20, 2024, 8:05 PM

#

ok

granite flax Sep 20, 2024, 8:10 PM

#

It looks like you're good here!

carmine rover Sep 20, 2024, 8:11 PM

#

will check this on monday

#

if anything can i reopen this thread?

granite flax Sep 20, 2024, 8:12 PM

#

I will need to close this thread, but on Monday, just have a summary of the issue and we will be able to jump in.

carmine rover Sep 20, 2024, 8:13 PM

#

ok thanks!
have a great weekend

#salim-bt_docs