#paulc7053_applepay-domain-registration
1 messages ยท Page 1 of 1 (latest)
๐ 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/1324423277266866209
๐ Have more to share? Add more details, code, screenshots, videos, etc. below.
And the express options :const expressCheckoutOptions = { layout: { overflow: "never" }, paymentMethods: { applePay: "always", }, buttonHeight: 45, paymentMethodOrder: ["google_pay", "apple_pay", "link"] };
Hi ๐
I'm seeing some errors about a blocked frame not allowing access to https://js.stripe.com. Are you loading this inside an <iframe>?
no
Im using the npm package
if it were an error, why would the link and GPay (on chrome) appear?
and on an Iphone
We make individual requests for each payment method type, as far as I know
I see...
Could you please help me figure this out?
also, I did ensure I have the .well-known directory and everything
Can you try adding a log line for the available payment methods like we show here? https://docs.stripe.com/elements/express-checkout-element/migration#ready-event
sure
okay, this is my handler right now const onReady = ({ availablePaymentMethods }) => { if (!availablePaymentMethods) { setIsExpressCheckoutLoading(true) console.log("SOMETHING IS NOT RIGHT") } else { setIsExpressCheckoutLoading(false); track('payment_method_available', { payment_method: 'express' }); }; };
it never logs SOMETHING IS NOT RIGHT
I apologize for not being more specific. I want you to log the actual value of availablePaymentMethods
sure
{ "applePay": false, "googlePay": false, "paypal": false, "link": true, "amazonPay": false }
Okay right, so that object will still evaluate to true
it should... but it isnt true
I think we are talking past each other now
I'm talking about the way JavaScript evalutes the variable
Not whether or not Apple Pay is displayed
okay, and what do you think is the problem?
I don't have enough information to know just yet
okay, let me know what you further need
Oh
you don't have this domain registered for apple pay
so Apple Pay will never show up
do I have to register each domain, the well known thing is not enough?
ah damn. makes a lot of sense
working in codespaces doesnt really help
1 second I'll do it right now
and check again
Yep, now it works!
Great ๐
Thanks a lot for your time, sorry for forgetting that!
No worries! There's a lot to keep track of ๐
One additional question: is it possibleto prevent the buttons from being flexed when the text is set to plain ?
flex-rowed**
Hmm I think the only styling we allow you to apply is in the layout options we describe here: https://docs.stripe.com/js/elements_object/create_express_checkout_element#express_checkout_element_create-options-layout
It's pretty limited
Ah I see there's no minRows so I assume not
Got it!
Thanks a lot again @brazen fern !!
Happy to shed what ๐ก I can ๐
๐