Vincent_92-payment-element | Stripe Developers | Page 1

dawn kayak Feb 11, 2022, 3:07 PM

#

Hi 👋 can you tell us a bit more about your flow? Since you're showing the payment element on mobile I'm assuming you're building a web flow to be accessed from a mobile device?

wispy relic Feb 11, 2022, 3:09 PM

#

yes

#

this is for mobile

#

when user click on a button, there is a popup that open to invite the user to enter his card information or select google / apple pay

#

I listen the recommendation of stripe by puttin

#

#

for good display

#

but as you can see on the screenshot , this is too big

#

That's ok , I find, I had "min-width: 500px;" in the global.css

#

solved, thank you, by the way I have another question, I test my mobile app with apple iphone, and in the developer tool, I see a message telling that my domain is not registered with apple and stripe

#

but I already registered the domain on stripe

#

so what can cause the issue please ?

dawn kayak Feb 11, 2022, 3:37 PM

#

Apologies for the delay. Glad to hear you found the cause of your initial concern!

Can you share your account number and the domain you're using?

hushed karma Feb 11, 2022, 3:38 PM

#

@wispy relic Are you using Connect in your integration?

wispy relic Feb 11, 2022, 3:39 PM

#

Non Im not using connect

#

Where can I get my account number ?

dawn kayak Feb 11, 2022, 3:40 PM

#

It's near the top right of this dashboard page:
https://dashboard.stripe.com/settings/account

wispy relic Feb 11, 2022, 3:40 PM

#

acct_1HsdD0LpthC0ShbP

#

#

Im using this website to test my mobile app on Iphone : https://live.browserstack.com/

#

the screenshot is from this site

#

But if you look into my account you see that I have registered the domain

hushed karma Feb 11, 2022, 3:51 PM

#

You need to have a card saved in your apple pay wallet for the button to appear

#

This might not be possible on browserstack, i''m not sure

wispy relic Feb 11, 2022, 3:51 PM

#

Yes I know, but read the message up right

hushed karma Feb 11, 2022, 3:52 PM

#

The best test is to visit our example in the docs here to see if the button appears: https://stripe.com/docs/stripe-js/elements/payment-request-button

wispy relic Feb 11, 2022, 3:52 PM

#

It says that whether i have card or not in apple wallet

#

the domain is not registered

hushed karma Feb 11, 2022, 3:53 PM

#

Does the docs page show the apple pay button that you can click?

wispy relic Feb 11, 2022, 3:53 PM

#

Please read the yellow message

hushed karma Feb 11, 2022, 3:53 PM

#

I've read it

wispy relic Feb 11, 2022, 3:53 PM

#

Ok I m gonna enter this url in browser stack

#

and see if button apple appear, correct ?

#

https://stripe.com/docs/stripe-js/elements/payment-request-button

#

#

This is an Iphone 11 + safari

hushed karma Feb 11, 2022, 3:56 PM

#

Right, so it looks like the browser/device doesnt support apple pay via brwoserstack then, you'll need to ask browser stack about that

#

You should test with a real device or a local simulator configured with your own account

wispy relic Feb 11, 2022, 3:57 PM

#

Ok, so it has nothing to do with my registered domain, I mean its not a pb about that

hushed karma Feb 11, 2022, 3:57 PM

#

well, if you say your domain is already registered successfully in your dashboard then likley not

#

the error message tells you it could be that or no saved card

wispy relic Feb 11, 2022, 3:58 PM

#

I don't have real Iphone as I'm android user, but I guess I can find on internet a local simulator or something like this to test ?

#

The message on your url

hushed karma Feb 11, 2022, 4:00 PM

#

You can test this with xcode and the ios simulator

wispy relic Feb 11, 2022, 4:00 PM

#

says that I have to have a payment card configured inside apple pay wallet, so it is normal that nothing appear no ?

#

ok so I have to user xcode or ios simulator AND I have to enter a real card inside the appel wallet to try, thats correct ?

hushed karma Feb 11, 2022, 4:04 PM

#

Correct, the requirements are document at the bottom of the docs

#

https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=html#html-js-testing

wispy relic Feb 11, 2022, 4:08 PM

#

Thank you I will

#

I have another question

#

I m trying to configure a card with setup intent

#

and when the user have put his card, I don't want to redirect him

#

so on the javascript side I write something like this, but when I confirm I get an error

#

else // Setup card only
{

const {error} = await stripe.confirmSetup({
//Elements instance that was used to create the Payment Element
elements,
confirmParams: {},
redirect: "if_required",
});

}

#

I used redirect: "if_required" to bypass the redirect url because I don't want to redirect the user

#

Is is well typed, or something wrong here ?

#

#

The card is succefully added to strip, but I get that error

#

Any clue ?

hushed karma Feb 11, 2022, 4:20 PM

#

You need to check if error is defined, first

#

In the success case, error is null/undefined so error.type is invalid

#

https://stripe.com/docs/payments/save-and-reuse?platform=web#web-submit-payment-details

#

note we show using if(error) { ...}

wispy relic Feb 11, 2022, 4:24 PM

#

Yes but in the screenshot I sent you

#

the "error" object is not defined

#

And I don't know why it is not defined

hushed karma Feb 11, 2022, 4:27 PM

#

Because there was no error

#

you said the card was setup successfully

#

https://stripe.com/docs/js/setup_intents/confirm_setup

#

If the authorization fails, the Promise will resolve with an {error} object that describes the failure.

wispy relic Feb 11, 2022, 4:30 PM

#

Understood, so in this case, I have to test first if error is defined, and if it is not, I bypass the if/else error block

hushed karma Feb 11, 2022, 4:35 PM

#

Correct!

wispy relic Feb 11, 2022, 4:37 PM

#

#

have try this but still not work, do you have a tips to check if error is set ?

hushed karma Feb 11, 2022, 4:40 PM

#

Why not just use if(error)?

wispy relic Feb 11, 2022, 4:40 PM

#

I already try "if(error)" but still the same error : The browser tell me that "error" is not definied

#

defined

hushed karma Feb 11, 2022, 4:42 PM

#

ah, you're outside the scope of where error is defined

#

you need to move that code inside the else block

#

wispy relic Feb 11, 2022, 4:47 PM

#

Holy S... thank you !

hushed karma Feb 11, 2022, 5:00 PM

#

NP!

wispy relic Feb 11, 2022, 5:25 PM

#

#

Do you know why I have a lot of error, I think that come from stripe js

#

Everythings work, but If I can get rid of there error, it will be more clean

#

Most of them are from inpage-content.js

#

Is this related to google pay maybe ?

#

Maybe because Im in test mode with stripe ?

lime shell Feb 11, 2022, 5:28 PM

#

never seen this but they don't all look like Stripe errors, not sure what the webassembly thing is, must depend on your overall stack/set up here

wispy relic Feb 11, 2022, 5:32 PM

#

Was an chrome plugin, no more message now

lime shell Feb 11, 2022, 5:34 PM

#

awesome!

wispy relic Feb 11, 2022, 5:39 PM

#

#

Recently I have noticied here that in europe, google pay modal was in $ dollar currency when setup a card

#

karllekko tell me that they will update to have the good currency, and now this is good

#

but there is still one sentence that has has not been translated

#

in yellow on the screenshot

#

can you tell them about that please ?

lime shell Feb 11, 2022, 5:43 PM

#

looking

wispy relic Feb 11, 2022, 6:01 PM

#

ok

lime shell Feb 11, 2022, 6:02 PM

#

yeah it looks like a Chrome bug, not ours. It's their UI here and we don't control it unfortunately so you can't really do anything other than wait for it to be fixed by google in future version. We'll report it to them but those things take time

#Vincent_92-payment-element