BigNumber integration

eslint.config.js

@@ -13,6 +13,7 @@ module.exports = defineConfig([
     },
     rules: {
       'prettier/prettier': 'error',
+      'import/no-named-as-default': 'off',
     },
   },
   {

package.json

@@ -34,9 +34,9 @@
     "@tetherto/wdk-uikit-react-native": "^1.0.0-beta.2",
     "@ton/core": "^0.62.0",
     "b4a": "^1.7.2",
+    "bignumber.js": "^9.3.1",
     "bip39": "^3.1.0",
     "browserify-zlib": "^0.2.0",
-    "decimal.js": "^10.6.0",
     "events": "^3.3.0",
     "expo": "~54.0.8",
     "expo-build-properties": "~1.0.9",

src/app/activity.tsx

@@ -3,25 +3,23 @@ import { Transaction, TransactionList } from '@tetherto/wdk-uikit-react-native';
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { assetConfig } from '../config/assets';
-import { FiatCurrency, pricingService } from '../services/pricing-service';
-import formatTokenAmount from '@/utils/format-token-amount';
-import formatUSDValue from '@/utils/format-usd-value';
+import { assetConfig } from '@/config/assets';
+import { FiatCurrency, pricingService } from '@/services/pricing-service';
 import Header from '@/components/header';
 import { colors } from '@/constants/colors';
+import { formatTokenAmount, formatUSDValue, bn } from '@/utils';
 
 export default function ActivityScreen() {
   const insets = useSafeAreaInsets();
   const { transactions: walletTransactions, addresses } = useWallet();
   const [transactions, setTransactions] = useState<Transaction[]>([]);
-
   // Transform wallet transactions to display format with fiat values
   const getTransactionsWithFiatValues = async () => {
     if (!walletTransactions.list) return [];
 
     // Get the wallet's own addresses for comparison
     const walletAddresses = addresses
-      ? Object.values(addresses).map(addr => addr.toLowerCase())
+      ? Object.values(addresses).map((addr) => addr.toLowerCase())
       : [];
 
     // Sort transactions by timestamp (newest first) and calculate fiat values
@@ -31,7 +29,7 @@ export default function ActivityScreen() {
         .map(async (tx, index) => {
           const fromAddress = tx.from?.toLowerCase();
           const isSent = walletAddresses.includes(fromAddress);
-          const amount = parseFloat(tx.amount);
+          const amount = bn(tx.amount);
           const config = assetConfig[tx.token as keyof typeof assetConfig];
 
           // Calculate fiat amount using pricing service

src/app/assets.tsx

@@ -4,12 +4,11 @@ import { useDebouncedNavigation } from '@/hooks/use-debounced-navigation';
 import React, { useEffect, useState } from 'react';
 import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Asset, assetConfig } from '../config/assets';
-import formatAmount from '@/utils/format-amount';
-import getDisplaySymbol from '@/utils/get-display-symbol';
-import formatTokenAmount from '@/utils/format-token-amount';
+import { Asset, assetConfig } from '@/config/assets';
 import Header from '@/components/header';
 import { colors } from '@/constants/colors';
+import BigNumber from 'bignumber.js';
+import { formatAmount, getDisplaySymbol, formatTokenAmount, add, bn } from '@/utils';
 
 export default function AssetsScreen() {
   const insets = useSafeAreaInsets();
@@ -21,13 +20,13 @@ export default function AssetsScreen() {
   const getAssetsWithFiatValue = async () => {
     if (!balances.list) return [];
 
-    const balanceMap = new Map<string, { totalBalance: number }>();
+    const balanceMap = new Map<string, { totalBalance: BigNumber }>();
 
     // Sum up balances by denomination across all networks
     balances.list.forEach(balance => {
-      const current = balanceMap.get(balance.denomination) || { totalBalance: 0 };
+      const current = balanceMap.get(balance.denomination) || { totalBalance: bn('0') };
       balanceMap.set(balance.denomination, {
-        totalBalance: current.totalBalance + parseFloat(balance.value),
+        totalBalance: add(current.totalBalance, bn(balance.value)),
       });
     });
 
@@ -63,7 +62,7 @@ export default function AssetsScreen() {
 
     // Sort by USD value descending
     return assetList.sort((a, b) => {
-      return b.fiatValue - a.fiatValue;
+      return b.fiatValue.toNumber() - a.fiatValue.toNumber();
     });
   };
 

src/app/authorize.tsx

@@ -4,7 +4,6 @@ import { Fingerprint, Shield } from 'lucide-react-native';
 import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, Alert, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import parseWorkletError from '@/utils/parse-worklet-error';
 import { colors } from '@/constants/colors';
 import getErrorMessage from '@/utils/get-error-message';