#Ryan Turnbull (Eucalyptus)
slender spade
What's the Customer ID you're trying to use in that request?
slender spade
It doesn't look like you attached that Payment Method: https://dashboard.stripe.com/test/customers/cus_NcLJsTJSsIJPcr
Here's the method for attaching Payment Methods: https://dashboard.stripe.com/test/customers/cus_NcLJsTJSsIJPcrhttps://stripe.com/docs/api/payment_methods/attach
It doesn't look like you attached that Payment Method: https://dashboard.stripe.com/test/customers/cus_NcLJsTJSsIJPcr
Here's the method for attaching Payment Methods: https://stripe.com/docs/api/payment_methods/attach
raven totem
Interesting - What's the expected flow here?
- Create payment intent
- NOTE: We are using
off_sessionintents here, is that related?
- NOTE: We are using
- On pay, attach payment method
- Complete payment intent
??
Ahh sorry I think i might have sent you the wrong customer ID
cus_NeonPnxIbF80bO
slender spade
I think you may want to have a look at this guide and work from there: https://stripe.com/docs/payments/save-and-reuse
We thoroughly document how to do this.
yeah, that Customer has no Payment Methods attached at all: https://dashboard.stripe.com/test/customers/cus_NeonPnxIbF80bO
raven totem
This is what I'm getting when I call stripe.confirmSetup
Our instrumentation works fine for card payments, it just seems like apple pay needs further work?
slender spade
What are you using to accept payments? Payment Element? Checkout? Payment Request Button?
raven totem
Payment Element
slender spade
What's the full error message?
raven totem
message: "Something went wrong. Unable to show Apple Pay. Please choose a different payment method and try again."
type: "invalid_request_error"
slender spade
Do you have a website that I can visit to see this error on my side?
raven totem
The error is getting swallowed right now so I don't know if it will help, but sure
https://app.dev.de.myjuniper.com/consultation/clg3nccgr000mk301hzeppy5g/payment
(Let me know when you've logged in)
slender spade
I was able to log in. Digging some more now
steep ploverBOT
raven totem
To add context, this is how we set up the intent
customer: stripeCustomerId,
payment_method_types: 'card',
usage: 'off_session',
});`
serene scarab
👋 just catching up as my teammate had to step away.
i was able to reproduce the "Something went wrong. Unable to show Apple Pay. Please choose a different payment method and try again." error once
I tried the ApplePay payment again and successfully saw the ApplePay prompt with my saved card details 🤔
raven totem
Interesting, I've never been able to get that popup to show
(Besides on the profile page where I can enter it manually outsid of a payment intent)
serene scarab
Hmm, it doesn't seem to be consistent. Refreshing the page doesn't always work
Give me a bit to keep digging
zinc ice
👋 @raven totem can you sahre a dev environment with code unminified entirely and if possible really just showing PaymentElement and calling confirm?
raven totem
Sorry what do you mean exactly? You want to see the implementation?
zinc ice
I would like to be able to read the code unminified and step through it
in real time on that page
like right now when I click on the button it seems to be making a ton of calls to your server, I get so many ```[Log] error: console error: Missing translation [@formatjs/intl Error MISSING_TRANSLATION] Missing message: "fKc1az" for locale "en-US", using default message (Confirm ,isDiscounted, ,total) as fallback. (10.40a8d337.chunk.js, line 2)
– {error: {origin: "console", kind: undefined, stack: undefined}, date: 1680737671808}
Like I have a feeling something is "submitting" the page incorrectly but I'm getting lost in the code
@raven totem is this something you think you can set up quickly where we can see what's happening?
steep ploverBOT
raven totem
Right - probably not honestly - in terms of stepping through it live. Could I sent through some code examples?
The missing translation errors are unrelated (will look at fixing them too)
topaz idol
👋 taking over here
I also only can see the error first time, but it works fine for me on 2nd times onward
It would be appreciated if you can provide a test env with unminified source. I suspect there is some race condition only on first load of the page
raven totem
What browser are you using? It errors every single time for me
topaz idol
Safari. Only Safari can see ApplePay
raven totem
I probably cannot setup an env with an unminified source (from a compliance perspective).
We're essentially following this guide
https://stripe.com/docs/stripe-js/react#useelements-hook
With the only difference being our payment elements setup
options={{
terms: {
card: 'never',
},
}}
/>
I could set you up with an ngrok
i.e https://euc.au.ngrok.io/consultation/clg3nccgr000mk301hzeppy5g/payment
This should be accessible using the same account - running localhost (unminified)
topaz idol
Working good for me 🤔
raven totem
Haha ermmm
I've tried this on several accounts
Could you try this one? I shouldn't have an intent created yet
ryan+0605231@eucalyptus.vc (same password)
topaz idol
Sorry I have been juggling between threads. I can't input Address with this account due to some Google Map error
Also some React DOM error
Okie I think this is your error
So the first time page load, your page took long enough to break Apple limit from when the button was clicked, until when you try to display the ApplePay sheet
I haven't been able to find your code, but you would want to review if you are doing anything slow or taking time on the action of submitting?
raven totem
I see, so we do 2 network requests before showing it - and they're taking too long?