piyushjain_api | Stripe Developers | Page 1

ancient jewelBOT Jul 1, 2025, 10:05 AM

#

👋 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/1389547381200130108

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

#

frank jacinth Jul 1, 2025, 10:06 AM

#

Please help me

#

i am facing this from last 2 weeks.. my clients are asking to enable apple pay

civic dove Jul 1, 2025, 10:07 AM

#

Hello 👋

What Stripe components are you using?

#

Where are you trying to display Apple Pay as an option? Web, iOS?

frank jacinth Jul 1, 2025, 10:11 AM

#

Yes Apple Pay on safari . I am using stripe.js and using StripeCardElement

civic dove Jul 1, 2025, 10:12 AM

#

Stripe Card Element does not support Apple Pay

#

You need to implement the Payment Element or Express Checkout Element

frank jacinth Jul 1, 2025, 10:12 AM

#

By using it i can see google pay on chrome and android phone

civic dove Jul 1, 2025, 10:13 AM

#

Can you share the Javascript code you are using to create your Card Element?

frank jacinth Jul 1, 2025, 10:13 AM

#

I m sorry it’s payment element

civic dove Jul 1, 2025, 10:13 AM

#

Ah, okay

#

that would explain the discrepancy

frank jacinth Jul 1, 2025, 10:13 AM

#

civic dove Jul 1, 2025, 10:14 AM

#

Ah, are you using Stripe.js to load the Payment Request Button

frank jacinth Jul 1, 2025, 10:14 AM

#

yes

#

private async initializeStripe(accountId: string) {
const publishableKey = environment.STRIPE_PUBLIC_KEY;
const stripeInstance = await this.createStripeInstance(publishableKey, accountId);

if (!stripeInstance) return;

const amount = this.data.totalAmount * 100;
const paymentModel = { totalAmount: this.data.totalAmount, platformFee: this.data.platformFee };

this.paymentService.getSecretKey(this.store.id, paymentModel).subscribe(async (res) => {
  const clientSecret = res.secret;

  this.setupElements(clientSecret);

  this.setupPaymentRequest(amount, clientSecret);
});

}

#

private setupElements(clientSecret: string) {
this.elements = this.stripe.elements({
clientSecret,
appearance: {
theme: 'flat',
variables: {
colorPrimary: '#fbc02d',
colorBackground: '#ffffff',
colorText: '#000000',
colorDanger: '#df1b41',
fontFamily: 'system-ui',
spacingUnit: '6px',
borderRadius: '8px',
},
rules: {
'.Input': { borderColor: '#fbc02d', color: '#000000' },
'.Tab': { color: '#fbc02d' },
'.Tab--selected': { borderColor: '#fbc02d', color: '#fbc02d' },
'.Block': { backgroundColor: '#ffffff' },
'.Label': { color: '#fbc02d' },
'.Link': { color: '#fbc02d' },
'.Error': { color: '#df1b41' },
},
}
});

// Optional: mount card input instead of payment request
// const paymentElement = this.elements.create('payment', { layout: { type: 'tabs' } });
// paymentElement.mount('#payment-element');

}

#

private async setupPaymentRequest(amount: number, clientSecret: string) {
const paymentRequest = this.stripe.paymentRequest({
country: 'CH',
currency: 'chf',
total: {
label: 'Amount',
amount: amount,
},
requestPayerName: true,
requestPayerEmail: true,
});

const result = await paymentRequest.canMakePayment();

if (result) {
  const prButton = this.elements.create('paymentRequestButton', {
    paymentRequest,
    style: {
      paymentRequestButton: {
        type: 'buy',
        theme: 'light',
        height: '40px',
      },
    },
  });

  prButton.mount('#payment-request-button');

  paymentRequest.on('paymentmethod', (ev) =>
    this.handlePaymentMethod(ev, clientSecret)
  );
} else {
  const prBtn = document.getElementById('payment-request-button');
  if (prBtn) prBtn.style.display = 'none';
  console.warn('Payment Request API not available');
}

}

civic dove Jul 1, 2025, 10:16 AM

#

For the payment request, can you make the canMakePayment() function call and log what it returns?

frank jacinth Jul 1, 2025, 10:16 AM

#

{
apple: false,
google: false,
link: false
}

civic dove Jul 1, 2025, 10:17 AM

#

Okay so the browser is not properly configured to make payments

frank jacinth Jul 1, 2025, 10:17 AM

#

in safari

#

in chrome (windows) google is true

#

i feel this issue is with my account

#

civic dove Jul 1, 2025, 10:18 AM

#

I can't help with account issues but I can try to debug further. Do you have a publicly accessible URL I can check?

frank jacinth Jul 1, 2025, 10:18 AM

#

here is the issue.. configure ios certificate

civic dove Jul 1, 2025, 10:18 AM

#

That is not the issue

#

That would only be a problem if you were trying to build Apple Pay into an iOS application

frank jacinth Jul 1, 2025, 10:18 AM

#

no .. configure IOS certificate isnot done .

#

ohh

#

oh okay.. let me share url

#

give me a min please

civic dove Jul 1, 2025, 10:20 AM

#

No worries

frank jacinth Jul 1, 2025, 10:22 AM

#

https://qr.tapgo.ch/9lcs9h/2/Interieur 1

click on pickup.. and select product. on checkout page click on pay now button.. and then online payment

civic dove Jul 1, 2025, 10:24 AM

#

I see an error stating the Payment Request API is not available in this context

frank jacinth Jul 1, 2025, 10:24 AM

#

possible if you can share screenshot ?

#

I can see this error

civic dove Jul 1, 2025, 10:28 AM

#

The modal doesn't load anything and this is what I see in the console

Screenshot_2025-07-01_at_11.28.04_AM.png

Screenshot_2025-07-01_at_11.27.58_AM.png

frank jacinth Jul 1, 2025, 10:28 AM

#

As warning

#

Yes. Because this api failed

#

that's why we cant see anything on model

#

but in chrome .. let me share screenshot

civic dove Jul 1, 2025, 10:29 AM

#

Unfortunately this isn't something Stripe controls

#

The PaymentRequest API is something that web browsers implement

frank jacinth Jul 1, 2025, 10:29 AM

#

#

but this is successfully done from browser.. it is working in chrom

#

please help me

#

what i should do in this case

civic dove Jul 1, 2025, 10:30 AM

#

Right, but Safari is a different browser

frank jacinth Jul 1, 2025, 10:30 AM

#

possible if you can see this same url in chrome

#

oh.. what should i enable or do in safari

#

for this ?

civic dove Jul 1, 2025, 10:32 AM

#

Wait... this is coming from your code

#

const result = await paymentRequest.canMakePayment();

    if (result) {
      const prButton = this.elements.create('paymentRequestButton', {
        paymentRequest,
        style: {
          paymentRequestButton: {
            type: 'buy',
            theme: 'light',
            height: '40px',
          },
        },
      });

      prButton.mount('#payment-request-button');

      paymentRequest.on('paymentmethod', (ev) =>
        this.handlePaymentMethod(ev, clientSecret)
      );
    } else {
      const prBtn = document.getElementById('payment-request-button');
      if (prBtn) prBtn.style.display = 'none';
      console.warn('Payment Request API not available'); // <- Here
    }

frank jacinth Jul 1, 2025, 10:33 AM

#

that's right ... this is in my code

civic dove Jul 1, 2025, 10:35 AM

#

Okay well I can confirm my browser is properly set up. Can you share a payment intent ID so I can check a few things here?

frank jacinth Jul 1, 2025, 10:36 AM

#

okay wait let me get

#

pi_3Rg1RMPcCRWtyajj0S5dpIAR

#

#

This is what I got from wallet-config api

civic dove Jul 1, 2025, 10:41 AM

#

Thanks, taking a look

frank jacinth Jul 1, 2025, 10:53 AM

#

hi

civic dove Jul 1, 2025, 10:53 AM

#

Still looking

frank jacinth Jul 1, 2025, 10:54 AM

#

oh okay. sorry for disturbing .

civic dove Jul 1, 2025, 10:54 AM

#

This request is a direct request on a Connect Account. The connect account does not have any Apple Pay domains registered

frank jacinth Jul 1, 2025, 10:55 AM

#

ohh. i sec please let me check

#

i have added domain in his account. let me verify

civic dove Jul 1, 2025, 10:56 AM

#

Apple Pay does not consider this domain valid

frank jacinth Jul 1, 2025, 10:59 AM

#

Okay.. i think you are right.. i cant add domain in his account right ?

#

he only need to add domain.

ancient jewelBOT Jul 1, 2025, 10:59 AM

#

nocturne pewter Jul 1, 2025, 11:00 AM

#

You can do it via the API as the platform: https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#register-your-domain-while-using-connect

Register domains for payment methods

Register domains to use payment methods (including Link, Apple Pay, and Google Pay) in Elements or Checkout's embeddable payment form.

frank jacinth Jul 1, 2025, 11:01 AM

#

Oh okay

#

let me do that.

#piyushjain_api