I'm trying to make Stripe Connect accounts accept payments in my app with the use of PaymentElement. So far the payments are going through with the regular credit card input, but now I want to enable Apple Pay.
So, I added my domain name to my main Stripe account configuration. It seems that is not enough, so I added the domain name also for the particular Connect account using their API:
await stripe.applePayDomains.create(
{ domain_name: 'my_domain_here.com' },
{ stripeAccount: 'stripe_connect_account_id_here' },
);
When I now access my PaymentElement component Safari on macOS with the support of Apple Pay (tested and working on other sites), the ApplePay options does not appear and I get a console warning of:
Either you do not have a card saved to your Wallet or the current domain (my_domain_here.com) or stripeAccount parameter (stripe_connect_account_id_here) is not registered for Apple Pay.
The card is in my Wallet, the domain is visible when listing it them for the account with stripe.applePayDomains.list({ stripeAccount: 'stripe_connect_account_id_here' }).
When I try to access it on my iOS device, the ApplePay option appears, yet triggering stripe.confirmPayment make the iOS payment drawer appear for ~1 second, just to disappear right away.
What am I missing here?