google-pay-button icon indicating copy to clipboard operation
google-pay-button copied to clipboard
verified publisher icon google-pay

set allowCreditCards to false has UI defect and will block all test cards

Open chrisudf opened this issue 1 year ago • 1 comments

Describe the bug A clear and concise description of what the bug is.

Hello 👋 , not sure if this's the best repo to ask but I can reproduce the error via the Jsfiddle link from your site. https://jsfiddle.net/ru59csa1/

when disabling credit card by setting allowCreditCards parameters to false it blocked all test cards and the UI is broken. can only use real cards to test.

Happens in JS also for the Android Sdk (the UI is ok tho, just test cards not usable).

To Reproduce Steps to reproduce the behavior:

  1. Go to the sandbox
  2. Change allowCreditCards to false for parameters in baseCardPaymentMethod
  3. Run the code then click the pay button
  4. test cards are blocked and the UI styling is off
  5. can only test via real cards, setting this boolean to false can block my real credit card and still allow real debit card

JsFiddle link https://jsfiddle.net/ru59csa1/

Expected behavior A clear and concise description of what you expected to happen. Any chance you can fix the UI, fix/provide extra cards to test ban credit card?

Screenshots If applicable, add screenshots to help explain your problem. image

working as expected when testing with real cards, the last one is a credit card and it's blocked image

Component information:

  • Component
    • [ ] React component (@google-pay/button-react)
    • [ ] Custom element (@google-pay/button-element)
    • [ ] Angular component (@google-pay/button-angular)
  • Component version (e.g. 1.0.0):

Environment:

  • Device (e.g. iPhone6):
  • OS (e.g. iOS8.1):
  • Browser (e.g. stock browser, safari): chrome
  • Country/region: AU

Additional context Add any other context about the problem here.

chrisudf avatar May 21 '24 22:05 chrisudf

@chrisudf thanks for reporting this! we are looking into it...

dmengelt avatar May 23 '24 10:05 dmengelt

@chrisudf we finally managed to add test debit cards:

Image

Let me know if this works for you now.

dmengelt avatar Mar 13 '25 09:03 dmengelt

@dmengelt Thanks, looking good UI wise.

But I got the payment error while using both debit cards tho with the sandbox test env

Something went wrong. Try again later or use another payment method. [OR_BIBED_08] OR_BIBED_08

Image

chrisudf avatar Mar 14 '25 05:03 chrisudf

@chrisudf interesting. I can't reproduce this. could you join the Discord #payments channel here and post a message linking to this issue?

dmengelt avatar Mar 14 '25 08:03 dmengelt

@chrisudf I'm now able to reproduce the issue on my side. I will keep you posted!

dmengelt avatar Mar 17 '25 08:03 dmengelt

@chrisudf we released a fix and debit cards are now available. sorry for the circumstances.

dmengelt avatar Mar 19 '25 08:03 dmengelt