Frane Polić
d58c056c53
**Why** - if pending difference is lass then the rounding threshold for currency the page would show for example "Refund -0.00$" **What** - example: hide the refund button if the pending difference in USD is -0.004 - example: show refund button if pending difference on USD is -0.007 --- CLOSES SUP-811 CLOSES https://github.com/medusajs/medusa/issues/11331
76 lines
2.5 KiB
TypeScript
76 lines
2.5 KiB
TypeScript
import { currencies } from "./data/currencies"
|
|
|
|
export const getDecimalDigits = (currency: string) => {
|
|
return currencies[currency.toUpperCase()]?.decimal_digits ?? 0
|
|
}
|
|
|
|
/**
|
|
* Returns a formatted amount based on the currency code using the browser's locale
|
|
* @param amount - The amount to format
|
|
* @param currencyCode - The currency code to format the amount in
|
|
* @returns - The formatted amount
|
|
*
|
|
* @example
|
|
* getFormattedAmount(10, "usd") // '$10.00' if the browser's locale is en-US
|
|
* getFormattedAmount(10, "usd") // '10,00 $' if the browser's locale is fr-FR
|
|
*/
|
|
export const getLocaleAmount = (amount: number, currencyCode: string) => {
|
|
const formatter = new Intl.NumberFormat([], {
|
|
style: "currency",
|
|
currencyDisplay: "narrowSymbol",
|
|
currency: currencyCode,
|
|
})
|
|
|
|
return formatter.format(amount)
|
|
}
|
|
|
|
export const getNativeSymbol = (currencyCode: string) => {
|
|
const formatted = new Intl.NumberFormat([], {
|
|
style: "currency",
|
|
currency: currencyCode,
|
|
currencyDisplay: "narrowSymbol",
|
|
}).format(0)
|
|
|
|
return formatted.replace(/\d/g, "").replace(/[.,]/g, "").trim()
|
|
}
|
|
|
|
/**
|
|
* In some cases we want to display the amount with the currency code and symbol,
|
|
* in the format of "symbol amount currencyCode". This breaks from the
|
|
* user's locale and is only used in cases where we want to display the
|
|
* currency code and symbol explicitly, e.g. for totals.
|
|
*/
|
|
export const getStylizedAmount = (amount: number, currencyCode: string) => {
|
|
const symbol = getNativeSymbol(currencyCode)
|
|
const decimalDigits = getDecimalDigits(currencyCode)
|
|
|
|
const lessThanRoundingPrecission = isAmountLessThenRoundingError(
|
|
amount,
|
|
currencyCode
|
|
)
|
|
|
|
const total = amount.toLocaleString(undefined, {
|
|
minimumFractionDigits: decimalDigits,
|
|
maximumFractionDigits: decimalDigits,
|
|
signDisplay: lessThanRoundingPrecission ? "exceptZero" : "auto",
|
|
})
|
|
|
|
return `${symbol} ${total} ${currencyCode.toUpperCase()}`
|
|
}
|
|
|
|
/**
|
|
* Returns true if the amount is less than the rounding error for the currency
|
|
* @param amount - The amount to check
|
|
* @param currencyCode - The currency code to check the amount in
|
|
* @returns - True if the amount is less than the rounding error, false otherwise
|
|
*
|
|
* For example returns true if amount is < 0.005 for a USD | EUR etc.
|
|
*/
|
|
export const isAmountLessThenRoundingError = (
|
|
amount: number,
|
|
currencyCode: string
|
|
) => {
|
|
const decimalDigits = getDecimalDigits(currencyCode)
|
|
return Math.abs(amount) < 1 / 10 ** decimalDigits / 2
|
|
}
|