#derjanni-PaymentRequest

1 messages · Page 1 of 1 (latest)

shadow sage
#

To be clear, which element are you using? The Card Element or Payment Element?

#

And how are you creating this client secret

sullen summit
#

the card element

shadow sage
#

Do you have an example payment_intent from when you got that error trying to confirm?

#

The ID of one I mean

#

Thank you

sullen summit
#

await stripe.paymentIntents.create({
amount: 80000,
currency: 'EUR',
payment_method_types: ['card','sepa_debit','ideal']
})

#

here's the pi: pi_3JsBuDDTseBWVZ8a0ZFdtU75

#

^ it's test system

#

There's no error message in the Safari console.

#

I can give you the URL to our test system (through direct message/PM) if you want to try it yourself.

shadow sage
#

Thanks for the info. Looking in to what I can see with that. Will let you know if I need the URL to test

#

Can you DM me the link? Not seeing the confirm call on my side

shadow sage
#

Strange, your site actually worked for me.

#

Is this only when using standard test cards when Apple Pay is present?

sullen summit
#

Yes.

#

When Apple Pay is present, the cardNumber and iban element cannot be confirmed. The idealBank and epsBank element also go defunct, when Apple Pay is present.

#

Everything is absolutely fine when Apple Pay is not present.

#

like in Firefox or Chrome.

#

Bancontact, Klarna are working just fine with the payment intent and I can confirm these payments.

#

Apple Pay itself works just fine.

#

I also tried using a different client secret for the Payment Button than the other Stripe elements, but it's still the same issue.

#

Just tried the iOS Simulator with Apple Pay disabled and it works fine in the latest Safari as long as Apple Pay is not activated.

shadow sage
#

Interesting. I am getting the error, trying to see what I can find about it

sullen summit
#

Also finally found an error message:
IntegrationError: We could not retrieve data from the specified Element.
Please make sure the Element you are attempting to use is still mounted.

#

Element is still mounted btw.

#

Ok, I got it. Found the solution.

#

The Payment Request Button needs to be mounted before the Stripe Elements.

shadow sage
#

Interesting. Then both work?

sullen summit
#

Yes.

shadow sage
#

Good find. I was having trouble finding much on that error myself

sullen summit
#
  1. stripeElements = this.stripeClient.elements({ ... });
  2. this.stripeElements.create('paymentRequestButton', { ... });
  3. this.stripeElements.create('cardNumber',{ ... })

^ has to be that exact order 🙂

#

Thank you for your support 🙂

shadow sage
#

Thank you for your patience and again great job on finding that out yourself. Looking in to if that is intended or bug