@lifi/widget 3.13.2 → 3.14.0

package/src/utils/format.ts

@@ -1,15 +1,5 @@
 import { formatUnits } from 'viem'
 
-const subscriptMap = ['₀', '₁', '₂', '₃', '₄', '₅', '₆', '₇', '₈', '₉']
-
-export const precisionFormatter = new Intl.NumberFormat('en', {
-  notation: 'standard',
-  roundingPriority: 'morePrecision',
-  maximumSignificantDigits: 6,
-  maximumFractionDigits: 6,
-  useGrouping: false,
-})
-
 /**
  * Format token amount to at least 6 decimals.
  * @param amount amount to format.
@@ -21,11 +11,11 @@ export function formatTokenAmount(
 ) {
   const formattedAmount = amount ? formatUnits(amount, decimals) : '0'
   const parsedAmount = Number.parseFloat(formattedAmount)
-  if (parsedAmount === 0 || Number.isNaN(Number(formattedAmount))) {
+  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {
     return '0'
   }
 
-  return precisionFormatter.format(parsedAmount)
+  return formattedAmount
 }
 
 export function formatSlippage(
@@ -86,58 +76,22 @@ export function formatInputAmount(
   return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`
 }
 
-export function formatTokenPrice(amount?: string, price?: string) {
+export function formatTokenPrice(
+  amount?: string | bigint,
+  price?: string,
+  decimals?: number
+) {
   if (!amount || !price) {
     return 0
   }
-  if (Number.isNaN(Number(amount)) || Number.isNaN(Number(price))) {
-    return 0
-  }
-  return Number.parseFloat(amount) * Number.parseFloat(price)
-}
 
-/**
- * Converts a number to a subscript format if it contains leading zeros in the fractional part.
- *
- * @param {number} value - The number to be converted.
- * @param {Intl.NumberFormatOptions} options An object that contains one or more properties that specify comparison options.
- * @returns {string} - The number formatted as a string, with subscripts for leading zeros if applicable.
- */
-export function convertToSubscriptFormat(
-  value: number,
-  options?: Intl.NumberFormatOptions
-): string {
-  let formattedValue: string
-  if (options) {
-    formattedValue = value.toLocaleString('en', options)
-  } else {
-    formattedValue = precisionFormatter.format(value)
-  }
-
-  // Calculate the number of zeros after the decimal point
-  const d = Math.ceil(Math.log10(Math.abs(value)))
+  const formattedAmount =
+    typeof amount === 'bigint' && decimals !== undefined
+      ? formatUnits(amount, decimals)
+      : amount.toString()
 
-  // If the value does not have significant leading zeros in the fractional part, return the formatted value as is
-  if (d > -3 || !value) {
-    return formattedValue
+  if (Number.isNaN(Number(formattedAmount)) || Number.isNaN(Number(price))) {
+    return 0
   }
-
-  // Calculate the number of leading zeros in the fractional part
-  const leadingZeros = Math.abs(d)
-
-  const fractionalPartExtractor = value > 0 ? 2 : 3
-
-  // Extract the fractional part of the formatted value, excluding the leading zeros and "0." or "-0."
-  const fractionalPart = formattedValue.slice(
-    leadingZeros + fractionalPartExtractor
-  )
-
-  // Convert the number of leading zeros to their corresponding Unicode subscript characters
-  const subscript = leadingZeros
-    .toString()
-    .split('')
-    .map((digit) => subscriptMap[digit as any])
-    .join('')
-
-  return `${value > 0 ? '' : '-'}0.0${subscript}${fractionalPart}`
+  return Number.parseFloat(formattedAmount) * Number.parseFloat(price)
 }

package/src/utils/getPriceImpact.ts

@@ -1,5 +1,5 @@
 import type { Token } from '@lifi/sdk'
-import { formatTokenAmount, formatTokenPrice } from './format.js'
+import { formatTokenPrice } from './format.js'
 
 interface GetPriceImpractProps {
   fromToken: Token
@@ -14,13 +14,22 @@ export const getPriceImpact = ({
   fromAmount,
   toAmount,
 }: GetPriceImpractProps) => {
-  const fromTokenAmount = formatTokenAmount(fromAmount, fromToken.decimals)
-  const fromTokenPrice = formatTokenPrice(fromTokenAmount, fromToken.priceUSD)
+  const fromTokenPrice = formatTokenPrice(
+    fromAmount,
+    fromToken.priceUSD,
+    fromToken.decimals
+  )
+  const toTokenPrice = formatTokenPrice(
+    toAmount,
+    toToken.priceUSD,
+    toToken.decimals
+  )
 
-  const toTokenAmount = formatTokenAmount(toAmount, toToken.decimals)
-  const toTokenPrice = formatTokenPrice(toTokenAmount, toToken.priceUSD) || 0.01
+  if (!fromTokenPrice) {
+    return 0
+  }
 
   const priceImpact = toTokenPrice / fromTokenPrice - 1
 
-  return Number(priceImpact)
+  return priceImpact
 }

package/dist/esm/providers/I18nProvider/percentFormatter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"percentFormatter.js","sourceRoot":"","sources":["../../../../src/providers/I18nProvider/percentFormatter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAuB,EAAE,OAAY,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3C,GAAG,OAAO;QACV,KAAK,EAAE,SAAS;KACjB,CAAC,CAAA;IACF,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACpE,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;QACvC,CAAC;QACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,CAAA;AACH,CAAC,CAAA"}