[amp story shopping] Currency i18n

[processprocess]

Description

The currency symbol and number formatting need to handle i18n.

Use Intl.NumberFormat to enable language-sensitive number formatting.

Locale will need to be retrieved, code example.

A product-price-currency entry will need to be specified in the config to display the correct currency symbol:

product-price: 100,
product-price-currency: ‘USD’

Since the currency symbol's position is dynamic it will need to be the same size as the number.

cc @newmuis who may have more context on i18n.

Alternatives Considered

product-price as a string that includes currency symbol and number formatting.
This makes validation and number formatting complex.

Additional Context

We do not want to support currency conversion - that would require a request to an API.

No response

[newmuis]

Good catch! I think we should likely separate them out semantically: the price (a Number, 100 in this example), and the currency (an enum, USD in this example). We can then separately evaluate the currency to understand how to present it

[gmajoulet]

+1 to accepting a currency string, and passing the Number/float + currency string into Intl.NumberFormat https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat