wesleympg_unexpected | Stripe Developers | Page 1

near martenBOT Mar 14, 2025, 10:32 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/1350053915936296991

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

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

wesleympg_unexpected, 16 hours ago, 3 messages

spark cradleBOT Mar 14, 2025, 10:33 AM

#

junior kite Mar 14, 2025, 10:33 AM

#

I sent this yesterday, but I did't get the reply notification and the thread was closed, sorry about that.

analog bone Mar 14, 2025, 10:34 AM

#

Hi there 👋 you don't get feedback about why a wallet isn't available from canMakePayment. You'd have to review the common reasons for them to not be surfaced. Do you have a publicly accessible testsite where I can see this integration and poke around?

junior kite Mar 14, 2025, 10:35 AM

#

Sure, just a second

#

https://stage-www.seatboost.app/login

#

Click on enter auction, chosse Avianca as airline, put this on booking code 9900100101, and fill the other fields as you please

#

oh, Sorry this environment seems to be under some issue

#

whoops I actually passed a bad booking code

#

99001001 this one is correct

analog bone Mar 14, 2025, 10:41 AM

#

Do you have credentials I can use to get past the email form?

junior kite Mar 14, 2025, 10:41 AM

#

Sure

#

Just use my link, it will expire in a few minutes https://stage-www.seatboost.app/verify?email=wesley%40quimbik.com&exp=1742034948&s=pml4bq6VFjy2x0Pbo7kYTzB%2FmmrFJqbKYwE6UoSckq4%3D

#

you can select any flight to reach this screen. Then select instant purchase and you go to the payment section

analog bone Mar 14, 2025, 10:46 AM

#

One thing standing out to me is that this domain isn't registered for your Stripe account.

junior kite Mar 14, 2025, 10:47 AM

#

We changed the account on Monday trying to check if it was the problem

analog bone Mar 14, 2025, 10:47 AM

#

It does look like Google Pay is enabled in the Payment Method Configuration for this account, so I don't suspect that to be a problem.

junior kite Mar 14, 2025, 10:49 AM

#

I'll add the domain

analog bone Mar 14, 2025, 10:51 AM

#

I may be missing it since the code on this site is heavily minified, but I'm not spotting a line to create a Payment Request Button.

junior kite Mar 14, 2025, 10:52 AM

#

we are directly calling paymentRequest.show()

#

I mean we have a Google Pay button showing up depending on canMakePayment response

analog bone Mar 14, 2025, 10:57 AM

#

Do you see Google Pay shown here? That'll help confirm whether your device is set up as we're expecting, so we know whether we're looking for a device issue or an integration issue.
https://docs.stripe.com/testing/wallets?ui=payment-request-button-element

junior kite Mar 14, 2025, 10:58 AM

#

yes

#

We actually added the ExpressCheckoutElement as a way of debugging and we were able to see the Google Pay button there

near martenBOT Mar 14, 2025, 11:00 AM

#

analog bone Mar 14, 2025, 11:06 AM

#

Hm, sounds like an integration concern then.

tepid sequoia Mar 14, 2025, 11:07 AM

#

👋 taking over for my colleague. Let me know if there's any follow-up Qs I can answer!

junior kite Mar 14, 2025, 11:08 AM

#

So, you are the one checking my problem from now on?

analog bone Mar 14, 2025, 11:10 AM

#

Can you share your code for this?

junior kite Mar 14, 2025, 11:10 AM

#

Sure

#

useEffect(() => {
    const createPaymentRequest = async () => {
      if (createPaymentRequestCount.current >= maxCreatePaymentRequestRetry)
        return;
      if (!stripe || paymentRequest) return;

      const toDisable = type == 'googlePay' ? 'applePay' : 'googlePay';
      const pr = stripe.paymentRequest({
        country: 'US',
        currency: paymentInfo.currency.toLocaleLowerCase(),
        total: {
          label: paymentInfo.description,
          amount: paymentInfo.amount,
        },
        requestPayerName: true,
        requestPayerEmail: true,
        requestPayerPhone: false,
        requestShipping: false,
        disableWallets: ['link', toDisable],
        applePay: {},
        displayItems: paymentInfo.summaryItems,
      });

      try {
        const result = await pr.canMakePayment();
        if (result && result[type]) {
          setPaymentRequest(pr);
          onPaymentAvailable();
          pr.on('paymentmethod', (event) => {
            event.complete('success');
            onPayment(event.paymentMethod);
          });
        } else {
          createPaymentRequestCount.current++;
        }
      } catch (error) {
        console.error('Error in canMakePayment:', error);
      }
    };

    createPaymentRequest();
  }, [
    onPayment,
    onPaymentAvailable,
    paymentInfo,
    paymentRequest,
    stripe,
    type,
  ]);

#

This integration also is about Apple Pay but it's working properly since we figured out we were missing the domain association files

tepid sequoia Mar 14, 2025, 11:16 AM

#

will take a look give me a couple of minutes please

junior kite Mar 14, 2025, 11:17 AM

#

No problem. onPaymentAvailable() only sets true a flag to show the wallet section if any of them is available

tepid sequoia Mar 14, 2025, 11:20 AM

#

I'm just trying to wrap my head around this

#

why are you using the PRB and the ECE? you should migrate to ECE anyways

junior kite Mar 14, 2025, 11:21 AM

#

This is on top of other apps. We have mobile apps for years now and we created this web app on top of this old flow

tepid sequoia Mar 14, 2025, 11:22 AM

#

are you using this in a webview on a mobile app?

junior kite Mar 14, 2025, 11:23 AM

#

I'm not sure because I did't work on them but they don't use stripe elements

tepid sequoia Mar 14, 2025, 11:24 AM

#

my question is more about where are you using the PRB?

#

for a website or inside the mobile app using a webview?

junior kite Mar 14, 2025, 11:24 AM

#

website

tepid sequoia Mar 14, 2025, 11:24 AM

#

ok

#

in that case you should migrate to the ECE https://docs.stripe.com/elements/express-checkout-element/migration

Migrate to the Express Checkout Element

Migrate your existing integration with the Payment Request Button Element to the Express Checkout Element.

junior kite Mar 14, 2025, 11:27 AM

#

For what I could understand we are using this approach rather ECE is because our server handles the PaymentIntent related stuff and in the apps we just need to generate a payment source.

tepid sequoia Mar 14, 2025, 11:27 AM

#

you can do that as well with the ECE

junior kite Mar 14, 2025, 11:27 AM

#

Can you send me the docs?

#

I mean for this specific part

tepid sequoia Mar 14, 2025, 11:28 AM

#

you can create a confirmation token https://docs.stripe.com/elements/express-checkout-element/accept-a-payment#create-ct

Accept a payment with the Express Checkout Element

Use a single integration to accept payments through one-click payment buttons.

#

and then you can send it to the backend which can use it to confirm the Payment Intent

junior kite Mar 14, 2025, 11:30 AM

#

I will present the alternative to my boss. Do you have some clue about what we did wrong in this approach?

tepid sequoia Mar 14, 2025, 11:32 AM

#

why are you manually disabling Apple Pay and Google Pay

#

normally you shouldn't see both

junior kite Mar 14, 2025, 11:34 AM

#

Yeah but we needed to make sure to have the option to disable it manually

tepid sequoia Mar 14, 2025, 11:40 AM

#

I really recommend you start by replacing this with the ECE and once it's there we can take a look whether it's functioning or still causing issues

#

can you create a new link and send it to me so I could check why the issue is still there in the meantime?

junior kite Mar 14, 2025, 11:42 AM

#

Sure

#

https://stage-www.seatboost.app/verify?email=wesley%40quimbik.com&exp=1742038960&s=Xdw8dQOCShmdtHvhZyKpWJgfpuBmmmhQCJtitPXMNcw%3D

tepid sequoia Mar 14, 2025, 11:43 AM

#

and you want me to check google pay or apple pay?

junior kite Mar 14, 2025, 11:43 AM

#

Google Pay. Apple Pay is working

tepid sequoia Mar 14, 2025, 11:43 AM

#

ok

#

where are you testing this from?

#

the link expired?

tepid sequoia Mar 14, 2025, 11:44 AM

#

junior kite https://stage-www.seatboost.app/verify?email=wesley%40quimbik.com&exp=1742038960...

this one I mean

junior kite Mar 14, 2025, 11:45 AM

#

I'm testing from latest Chrome from my PC, but also tested in different Android devices with Google Pay wallet set up

#

the link is working

tepid sequoia Mar 14, 2025, 11:46 AM

#

I meant which country?

junior kite Mar 14, 2025, 11:46 AM

#

Oh, Brazil

#

I don't recall if people in US tested it

tepid sequoia Mar 14, 2025, 11:47 AM

#

ok but it's not working for me it's redirecting me to https://stage-www.seatboost.app

junior kite Mar 14, 2025, 11:47 AM

#

Just a second then

tepid sequoia Mar 14, 2025, 11:47 AM

#

thanks and take your time

junior kite Mar 14, 2025, 11:48 AM

#

so you are redirected to that URL but you are not logged in?

#

You should be redirected logged in

tepid sequoia Mar 14, 2025, 11:48 AM

#

I am logged in

junior kite Mar 14, 2025, 11:48 AM

#

oh

tepid sequoia Mar 14, 2025, 11:49 AM

#

but where can I test the PRB?

junior kite Mar 14, 2025, 11:49 AM

#

Click on enter auction, chosse Avianca as airline, put this on booking code 99001001, and fill the other fields as you please

#

select a flight, click continue, choose Instant upgrade purchase and continue again

tepid sequoia Mar 14, 2025, 11:51 AM

#

done

#

I can see now the cardElement

junior kite Mar 14, 2025, 11:52 AM

#

Above the card element should be the wallet buttons

#

But as Google Pay is not available, it's empty

tepid sequoia Mar 14, 2025, 11:55 AM

#

I can't find the createPaymentRequest in your source code

junior kite Mar 14, 2025, 11:56 AM

#

just a second

tepid sequoia Mar 14, 2025, 11:57 AM

#

oh never mind

#

I found it

junior kite Mar 14, 2025, 11:57 AM

#

Okay

near martenBOT Mar 14, 2025, 12:00 PM

#

tepid sequoia Mar 14, 2025, 12:01 PM

#

the paymentRequest.canMakePayment() is returning null

junior kite Mar 14, 2025, 12:01 PM

#

Yes

tepid sequoia Mar 14, 2025, 12:01 PM

#

hmmm ok

#

I don't see you mounting the PRB though

junior kite Mar 14, 2025, 12:04 PM

#

we directly call paymentRequest.show()

tepid sequoia Mar 14, 2025, 12:05 PM

#

  paymentRequest: paymentRequest,
});
paymentRequestButton.mount("#payment-request-button");

junior kite Mar 14, 2025, 12:06 PM

#

We call paymentRequest.show()

tepid sequoia Mar 14, 2025, 12:07 PM

#

you're somehow disabling GooglePay as well

junior kite Mar 14, 2025, 12:07 PM

#

We have a button for Apple Pay and other for Google Pay

#

is the same button but we disable the other one

tepid sequoia Mar 14, 2025, 12:08 PM

#

that's not how you should be doing it

#

PRB is one component

#

not multiple

junior kite Mar 14, 2025, 12:09 PM

#

We can fix that, but removing the apple pay button also didn't solve this

tepid sequoia Mar 14, 2025, 12:09 PM

#

if you're sticking with PRB you should only use one https://docs.stripe.com/stripe-js/elements/payment-request-button

Payment Request Button

Collect payment and address information from customers who use Apple Pay, Google Pay, or Link.

#

and do this const elements = stripe.elements(); const prButton = elements.create('paymentRequestButton', { paymentRequest, });

#

you need to review the way you're implementing this

junior kite Mar 14, 2025, 12:10 PM

#

We tried removing Apple Pay and letting just Google Pay but it also didn't fix the problem

tepid sequoia Mar 14, 2025, 12:10 PM

#

I think what you should do is the following

#

on the main page add the code from the link I sent you just for testing

#

without the cards element

#

just the PRB

#

and let's test it there

junior kite Mar 14, 2025, 12:11 PM

#

Okay

tepid sequoia Mar 14, 2025, 12:12 PM

#

once you do please ping @cosmic plinth who will take over from there

junior kite Mar 14, 2025, 12:12 PM

#

Sure

tepid sequoia Mar 14, 2025, 12:13 PM

#

don't add anything in the disableWallets for now

#

and let's see how it goes

junior kite Mar 14, 2025, 12:36 PM

#

@cosmic plinth I can see the Link payment button but still no Google Pay

cosmic plinth Mar 14, 2025, 12:37 PM

#

Hi. I'm taking over from my colleague. Please, give me a moment to catch up.

#

Could you please share a screenshot?

junior kite Mar 14, 2025, 12:38 PM

#

cosmic plinth Mar 14, 2025, 12:39 PM

#

junior kite https://stage-www.seatboost.app/verify?email=wesley%40quimbik.com&exp=1742038960...

And could you please share steps to reproduce the issue?

#

Or share the link ou have there?

junior kite Mar 14, 2025, 12:40 PM

#

I did't push this changes to the stage environment but I could do it, but if you can easily open chrome with --disable-web-security (needed to avoid CORS issues) I could send you this link which is running on my machine

#

So, which one?

cosmic plinth Mar 14, 2025, 12:44 PM

#

Could you send me the local link?

junior kite Mar 14, 2025, 12:45 PM

#

https://d376-177-37-45-61.ngrok-free.app/verify?email=wesley%40quimbik.com&exp=1742038960&s=Xdw8dQOCShmdtHvhZyKpWJgfpuBmmmhQCJtitPXMNcw%3D

#

Click on enter auction, chosse Avianca as airline, put this on booking code 99001001, and fill the other fields as you please

#

select a flight, click continue, choose Instant upgrade purchase and continue again

cosmic plinth Mar 14, 2025, 12:46 PM

#

Ok, still running into issues. I guess it will be easier if you deploy on staging.

junior kite Mar 14, 2025, 12:47 PM

#

Okay

#

It will be up in about 15 minutes

cosmic plinth Mar 14, 2025, 1:00 PM

#

I will need to step away. I actually think it makes more sense to turn this into a support case, since this coversation was going on for a while. This way we won't loose context:

near martenBOT Mar 14, 2025, 1:00 PM

#

Hello @junior kite, we have sent you a direct message, please check it at https://discord.com/channels/@me/1350091156750467247

🔗The message has instructions on how to open a direct support case with our Developer Support team, in order to help you more effectively.

junior kite Mar 14, 2025, 1:00 PM

#

Okay

#wesleympg_unexpected

Hello @junior kite, we have sent you a direct message, please check it at https://discord.com/channels/@me/1350091156750467247