PaddleHQ / paddle-js-wrapper

Wrapper to load Paddle.js as a module and use TypeScript definitions when working with methods.
Apache License 2.0
44 stars 6 forks source link

[Bug]: Pricing localisation and product information is not shown on mobile layouts during checkout #21

Open PaulSonOfLars opened 10 months ago

PaulSonOfLars commented 10 months ago

Preface: I understand this is tangentially related to the typescript library itself, but this is the most relevant public bug report space I've found. Please let me know if there are better places to report this (I tried reporting this to sellers@ a month ago, but the issue was never acknowledged/confirmed, so it is unclear whether bug reports make it to the dev teams).

What happened?

When using Paddle.Checkout.open({...}) on a computer, the checkout screen is split 50/50 - half the page is the checkout input fields, and the other half is product details. So when a user provides their address, Paddle is able to compute taxes for their region + apply any localised pricing. This is how it should be.

However, when opening the same page in a mobile layout, only the checkout input fields are shown - the products/pricing is hidden. Which means that when the customer's address is provided, VAT calculations and localised pricing remain completely hidden - leading to confusion and poor UX for the customer, who may now end up paying more than expected. Worth noting that there are also some concerns on the legality of hiding such pricing changes.

Please see the screenshot below for a full representation of the paddle checkout form on mobile:

image

Steps to reproduce

  1. Open a checkout page in a mobile layout.
  2. Products do not show.
  3. Pricing changes due to Localized pricing are NOT shown to the customer.
  4. Customer is able to subscribe to a product for which the price has changed without their knowledge

What did you expect to happen?

The customer should be able to view and confirm the products and pricing of their new subscription before checking out.

Additionally, maybe the price should be provided in the "subscribe" button? "Subscribe now ($X monthly)"

How are you integrating?

React, in a mobile layout

Logs

No response