@lifi/widget 3.25.0 → 3.26.1

package/src/themes/createTheme.ts

@@ -76,7 +76,11 @@ export const createTheme = (widgetTheme: WidgetTheme = {}) => {
       : darken(secondaryMainColorDark, 0.2)
 
   const theme = createMuiTheme({
-    cssVariables: { cssVarPrefix: 'lifi', colorSchemeSelector: 'class' },
+    cssVariables: {
+      cssVarPrefix: 'lifi',
+      colorSchemeSelector: 'class',
+      nativeColor: true,
+    },
     colorSchemes: {
       light: {
         palette: {

package/src/types/widget.ts

@@ -112,6 +112,7 @@ export enum HiddenUI {
   ChainSelect = 'chainSelect',
   BridgesSettings = 'bridgesSettings',
   AddressBookConnectedWallets = 'addressBookConnectedWallets',
+  LowAddressActivityConfirmation = 'lowAddressActivityConfirmation',
 }
 export type HiddenUIType = `${HiddenUI}`
 

package/src/utils/format.ts

@@ -96,6 +96,39 @@ export function formatTokenPrice(
   return Number.parseFloat(formattedAmount) * Number.parseFloat(price)
 }
 
+/**
+ * Formatter for price value to token amount
+ */
+const formatter = new Intl.NumberFormat('en', {
+  notation: 'standard',
+  roundingPriority: 'morePrecision',
+  maximumSignificantDigits: 21,
+  maximumFractionDigits: 21,
+  useGrouping: false,
+})
+
+/**
+ * Convert price value to token amount
+ */
+export function priceToTokenAmount(priceValue: string, priceUSD?: string) {
+  if (!priceValue || !priceUSD) {
+    return '0'
+  }
+
+  const numericPriceValue = Number.parseFloat(priceValue)
+  const numericPrice = Number.parseFloat(priceUSD)
+
+  if (
+    Number.isNaN(numericPriceValue) ||
+    Number.isNaN(numericPrice) ||
+    !numericPrice
+  ) {
+    return '0'
+  }
+
+  return formatter.format(numericPriceValue / numericPrice)
+}
+
 const units = [
   ['day', 86400],
   ['hour', 3600],

package/src/utils/getPriceImpact.ts

@@ -1,7 +1,7 @@
 import type { Token } from '@lifi/sdk'
 import { formatTokenPrice } from './format.js'
 
-interface GetPriceImpractProps {
+interface GetPriceImpactProps {
   fromToken: Token
   toToken: Token
   fromAmount?: bigint
@@ -13,7 +13,7 @@ export const getPriceImpact = ({
   toToken,
   fromAmount,
   toAmount,
-}: GetPriceImpractProps) => {
+}: GetPriceImpactProps) => {
   const fromTokenPrice = formatTokenPrice(
     fromAmount,
     fromToken.priceUSD,