heisend3rp_error

[fringe hazel]

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

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

[ornate saffron]

Happens btw for all third party payments we testes (bancontact, cash app, p24). Sometimes it works, but often times not.

[steep talon]

👋 happy to help

would you mind sharing a recording of what you're seeing?

[ornate saffron]

a screen recording?

[steep talon]

when you say in mobile, do you mean using a mobile? or do you mean a webview in a mobile app?

[steep talon]

yes please if that's possible

[ornate saffron]

ios safari, chrome and pwa

[steep talon]

would you mind sharing your code as well please?

[ornate saffron]

i don;t think the recording will help you a lot.

we are using stripe elements with automatic payment methods. once we click on place order the button is spinning and the elements.confirmPayments runs for 20-30 seconds until failure

 console.log('confirming payment');
            const { error } = await stripe.confirmPayment({
              elements,
              clientSecret,
              confirmParams: {
                return_url: `${window.location.origin}/${tenantId}/order-successful`,
              },
            });

            console.log('confirming payment error', error);

[steep talon]

are you running the Stripe Code in an iframe?

[ornate saffron]

we're using this one: import { PaymentElement } from '@stripe/react-stripe-js';

[steep talon]

not what I'm asking exactly

are you running your code inside an iframe?

[ornate saffron]

it's an react single page application.

looks like stripe elements renders the payment methods inside of an iframe

so yes

[steep talon]

yes that's expected

my question is whether your code is loaded in an iframe

[ornate saffron]

no it's not

[steep talon]

ok perfect

do you have a hosted version of your test page that I could look at?

[ornate saffron]

[Error] Blocked a frame with origin "https://mx-tickets-dev-alex.web.app" from accessing a frame with origin "https://js.stripe.com". Protocols, domains, and ports must match.

btw we get this error on the page before starting the checkout. but it seems to be an general webkit error

you can try:

mx-tickets-dev-alex.web.app

or

mx-tickets.com (prod)

but you would need to register before checking out

[ornate saffron]

@steep talon anything new?

[steep talon]

please give me a moment

I will get back to you once I have an update

would you mind creating a login for me to test?

[ornate saffron]

Sure thing

[steep talon]

btw I can't see any upcoming events

I just created one

[ornate saffron]

Phone number: [phone], otp 123456

https://mx-tickets-dev-alex.web.app/stfc/checkout

Already created a shopping cart for you on that account

You can also see events on https://mx-tickets-dev-alex.web.app/stfc/events

[steep talon]

can you please make my email verified?

I used [e-mail]

otherwise I won't be able to checkout