Button not appearing in Firefox and Safari

[wislert]

Describe the bug: Button not appearing in Firefox/Safari

To Reproduce: Open the page with GPay Button

Expected behavior: Button works in all browsers

Screenshots Firefox:

Safari:

Chrome:

Component information:

• Component
  • React component (@google-pay/button-react)
• Component version: 3.0.5

Environment:

• Device: Macbook Air M1
• OS: MacOS 13.0.1 (22A400)
• Browsers:
  • Firefox 108.0.2 x64
  • Safari 16.1 (18614.2.9.1.12)

[dmengelt]

@wislert thanks for reporting this. are you able to reproduce the issue here: https://stackblitz.com/edit/google-pay-react-ecbhkg?file=src%2FApp.js

thanks for a quick feedback

[wislert]

When I removed the property existingPaymentMethodRequired this problem was gone.

[dmengelt]

Thanks for reporting back. If you specify existingPaymentMethodRequired=true the result and paymentMethodPresent properties of the IsReadyToPayResponse must return true in order for the button to show up. This only affects the PRODUCTION environment.

See the details here: https://github.com/google-pay/google-pay-button/blob/main/src/lib/button-manager.ts#L260

[dmengelt]

@wislert Does it work as expected for you now? If not, is there a way for me to reach your site? If this is not possible please share your full Google Pay Button config here. (specifically existingPaymentMethodRequired and allowedPaymentMethods)

[dmengelt]

Closing due to no feedback