MacTavish

[queen needle]

Let's chat here. What's your question?

[keen rivet]

It's regarding the last issue with Apple Pay button. Let me send you Payment Intent ID

payment intend id: pi_3MtbJVIDuaDiV9P11erq87Jc

I am just testing out. Nothing dynamic here. Just barely put the code as per docs

This is the full code file to add Apple Pay button

In context of Checkout Page, I am trying to add the apple pay button beside Continue to Payment Button.
For this, I generate a payment Intent ID when I return the view file and hence the payment Intent object is available in view file.
Nothing fancy here, most of the stuff is from docs, I just added console.log.
Even the payment intent creation on server side is taken from docs, which is as following

        // Set your secret key. Remember to switch to your live secret key in production.
        // See your keys here: https://dashboard.stripe.com/apikeys
        \Stripe\Stripe::setApiKey('sk_test_51Jp9vrIDuaDiV9P1uNPWnA0R9dB07qks9k0WvH2SLwaPTq9JynhMS8ixJG4Yb98GfJbxhsWWafxkhXSXJ6Bc8Mq800fZmoG259');

        $intent = \Stripe\PaymentIntent::create([
            'amount' => 1099,
            'currency' => 'aed',
        ]);

As for Apple Wallet thing, It's working on another site which has Apple Pay integrated. The Apple Pay button shows up fine when Stripe Payment iframe is loaded after clicking on Continue to Payment Page.

This is where I want to show the button

[queen needle]

Going to loop someone else in. Apparently Apple updated their security policy, which disallowed my Apple Pay card from being usable on my device. Apologies for the extra speed bumps

[keen rivet]

All good mate, Sry I was away earlier. Take your time 🙂

[oblique tapir]

👋 Hopping in here

Did you remove your code that's implementing the Apple Pay Button from your demo site? I'm not seeing any of the logs from the code you copy pasted here in the console

[keen rivet]

No, it's still there

[oblique tapir]

ah! I see it now - not sure why it wasn't showing up before

give me a minute to look

So it looks like it's working, but for some reason the div width has been made really small - if I force the width to 100 px I can see it:

[keen rivet]

Lol, Let me check. I couldn't even imagine this 🤣

Ok. A side question.
Will it charge my account/wallet if I Pay while it's in test mode and using Test Keys?

[keen rivet]

As for 1px width, I do not see any styles applied on the element based on it's class or ID. Is it meant to be this way or I have not included stylesheets or scripts provided by Stripe?

[oblique tapir]

Will it charge my account/wallet if I Pay while it's in test mode and using Test Keys?
If you're in test mode using test keys then we won't charge a real card - we swap it for a test card in our backend

For the 1 px div - it shouldn't be this way, but give me a bit longer to see why this may be happening

[oblique tapir]

Sorry it's taking a while - I'm having a lot of trouble finding this for some reason 😦

[oblique tapir]

I think the issue is that the wrapping div you have has the flex property - if I remove that from the parent div that has the payment request button + "Continue to payment" button then I see the apple pay button show up fine