pinho | Stripe Developers | Page 1

ancient gustBOT May 31, 2023, 4:46 PM

#

forest tide May 31, 2023, 4:47 PM

#

Hi there

#

Can you share the request ID?

graceful willow May 31, 2023, 4:47 PM

#

POST /v1/payment_intents/pi_3NDs8hCENMAgnvaD0P7WAy5N/confirm

#

pi_3NDs8hCENMAgnvaD0P7WAy5N

forest tide May 31, 2023, 4:47 PM

#

That works

#

Let me take a look

graceful willow May 31, 2023, 4:48 PM

#

Before this error, I received a console error, something like "The Stripe elements must be submitted before confirming the payment".

Which I solved by doing elements.submit() (javascript)

forest tide May 31, 2023, 4:50 PM

#

Can you show me your code for how you are calling confirmPayment?

graceful willow May 31, 2023, 4:50 PM

#

Yes, absolutely, here's the workflow:

#

I start by initializing the Stripe (JS)

#

`const publicKey = StripePayment.getPublicKey();

stripe = Stripe(publicKey);
const options =
{
mode: 'payment',
currency: 'eur',
amount: Checkout.getGrandTotal() * 100,
locale: 'pt',
paymentMethodTypes: ['card'],
fonts: [{ cssSrc: 'https://fonts.googleapis.com/css?family=Poppins:400,500' }],
appearance:
{
theme: 'stripe',
variables:
{
fontFamily: 'Poppins, sans-serif',
fontWeightNormal: 500,
fontSizeBase: '14px',
fontSizeSm: '14px',
}
},
};

// stripeElements = global var
stripeElements = stripe.elements(options);
const paymentElement = stripeElements.create('payment');

paymentElement.mount('#stripe-payment-element');`

#

When the user decides to press the Pay button:

#

I create the Payment Intent, through PHP

#

`public function createPaymentIntent(int|float $amount): array
{
$result = $this->stripe->paymentIntents->create(
[
'amount' => $amount * 100,
'currency' => 'eur',
'automatic_payment_methods' => ['enabled' => true],
]);

return [$result->id, $result->client_secret];

}`

#

Finally, I tell Stripe to confirm the payment:

#

`pay: async function(storeId, orderId, clientSecret)
{
const elements = stripeElements;
elements.submit();

// https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements&html-or-react=html#web-submit-payment
const { error } = await stripe.confirmPayment(
{
    elements,
    clientSecret,
    confirmParams: 
    {
        return_url: Helper.getBaseUrl() + `app/cart/${storeId}/checkout/finish/${orderId}`,
    },
});

if (error) 
{
    alert('Error: ' + error.message);
}

},`

forest tide May 31, 2023, 4:54 PM

#

Thanks, that all looks fine to me. Let me take a deeper look

graceful willow May 31, 2023, 4:58 PM

#

I'm using this approach https://stripe.com/docs/payments/accept-a-payment-deferred which yesterday was recommended by one of your colleagues

Collect payment details before creating an Intent

Build an integration where you can render the Payment Element prior to creating a PaymentIntent or SetupIntent.

#

oh wait

#

maybe I should be doing const {error: submitError} = await elements.submit();

#

instead of just elements.submit()

#

Nevermind, just tested, and same error shows up.

forest tide May 31, 2023, 5:00 PM

#

Ah okay no the issue is that you are specifying payment_method_types: card

graceful willow May 31, 2023, 5:00 PM

#

forest tide May 31, 2023, 5:00 PM

#

So you either need to remove that

#

Or not use automatic_payment_methods server-side

graceful willow May 31, 2023, 5:01 PM

#

hmm, but I didn't want to show all of that cards

#

ahh, ok, let me see

#

I removed the automatic_payment_methods and didn't work

#

#

pi_3NDsPxCENMAgnvaD1wP8hCju

forest tide May 31, 2023, 5:05 PM

#

Looking

#

Oh it failed 3DS

#

So that is a separate issue

graceful willow May 31, 2023, 5:06 PM

#

It's a card problem?

forest tide May 31, 2023, 5:06 PM

#

Overall yes. It looks like you are testing in live mode here?

graceful willow May 31, 2023, 5:06 PM

#

Yeah, basically yes.

forest tide May 31, 2023, 5:07 PM

#

You should be testing in test mode and you can use one of our 3DS test cards to ensure you are handling it correctly: https://stripe.com/docs/testing#regulatory-cards

graceful willow May 31, 2023, 5:07 PM

#

But wait, I'm testing but actually paying.

forest tide May 31, 2023, 5:07 PM

#

But yeah, at this point it isn't an integration problem. The integration worked fine just 3DS failed

graceful willow May 31, 2023, 5:15 PM

#

hi

#

can you check this pi_3NDsZmCENMAgnvaD1Fj6wC9R

#

for me?

#

Payment declined
Tell the customer to try a different payment method, or they can contact their issuing bank for more information. Learn more about declines.
May 31, 2023, 6:12 PM

#

Can you tell me it's because of the 3DS ?

minor vortex May 31, 2023, 5:18 PM

#

👋 hopping in here

#

3DS was attempted, but the payment still failed/was denied by the issuer

graceful willow May 31, 2023, 5:21 PM

#

Ok thanks, it's not a code related problem, but a card related problem. What's odd about it is that sometimes it works, sometimes it doesn't. It's a mastercard.

I just tried with VISA and there was no problem.

minor vortex May 31, 2023, 5:23 PM

#

I would strongly suggest NOT testing this in livemode

#

We have a ton of test cards (https://stripe.com/docs/testing) so you can test all these different scenarios

graceful willow May 31, 2023, 5:24 PM

#

It's ok, we are actually issuing orders.

#pinho