fix: currency filter when over thousands or below a certain value

packages/extension/src/providers/bitcoin/types/bitcoin-network.ts

@@ -10,7 +10,6 @@ import { BitcoinNetworkInfo } from '.';
 import { payments } from 'bitcoinjs-lib';
 import { hexToBuffer, fromBase } from '@enkryptcom/utils';
 import {
-  formatFiatValue,
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import MarketData from '@/libs/market-data';
@@ -131,13 +130,12 @@ export class BitcoinNetwork extends BaseNetwork {
       balance: balance,
       balancef: formatFloatingPointValue(userBalance).value,
       balanceUSD: usdBalance.toNumber(),
-      balanceUSDf: formatFiatValue(usdBalance.toString()).value,
+      balanceUSDf: usdBalance.toString(),
       icon: this.icon,
       name: this.name_long,
       symbol: this.currencyName,
       value: marketData[0]?.current_price?.toString() ?? '0',
-      valuef: formatFiatValue(marketData[0]?.current_price?.toString() ?? '0')
-        .value,
+      valuef: marketData[0]?.current_price?.toString() ?? '0',
       contract: '',
       decimals: this.decimals,
       sparkline: marketData.length

packages/extension/src/providers/bitcoin/ui/btc-verify-transaction.vue

@@ -62,9 +62,9 @@
               <span>{{ network.currencyName }}</span>
             </h4>
             <p>
-              ${{
+              {{
                 fiatValue !== '~'
-                  ? $filters.formatFiatValue(fiatValue).value
+                  ? $filters.parseCurrency(fiatValue)
                   : fiatValue
               }}
             </p>

packages/extension/src/providers/bitcoin/ui/send-transaction/components/send-alert.vue

@@ -7,9 +7,7 @@
       Not enough funds. You are<br />~{{
         $filters.formatFloatingPointValue(nativeValue).value
       }}
-      {{ nativeSymbol }} (${{
-        $filters.formatFiatValue(priceDifference).value
-      }}) short.
+      {{ nativeSymbol }} ({{ $filters.parseCurrency(priceDifference) }}) short.
     </p>
   </div>
 </template>

packages/extension/src/providers/common/ui/send-transaction/send-alert.vue

@@ -5,9 +5,7 @@
       Not enough funds. You are<br />~{{
         $filters.formatFloatingPointValue(nativeValue).value
       }}
-      {{ nativeSymbol }} (${{
-        $filters.formatFiatValue(priceDifference).value
-      }}) short.
+      {{ nativeSymbol }} ({{ $filters.parseCurrency(priceDifference) }}) short.
     </p>
   </div>
 </template>

packages/extension/src/providers/common/ui/verify-transaction/verify-transaction-amount.vue

@@ -8,7 +8,7 @@
         {{ fromBase(token.amount, token.decimals) }}
         <span>{{ token.symbol }}</span>
       </h4>
-      <h6>{{ $filters.formatFiatValue(token.valueUSD).value }}</h6>
+      <h6>{{ $filters.parseCurrency(token.valueUSD) }}</h6>
     </div>
   </div>
 </template>

packages/extension/src/providers/ethereum/libs/assets-handlers/assetinfo-mew.ts

@@ -10,7 +10,7 @@ import { fromBase } from '@enkryptcom/utils';
 import { toBN } from 'web3-utils';
 import BigNumber from 'bignumber.js';
 import {
-  formatFiatValue,
+
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import API from '@/providers/ethereum/libs/api';
@@ -278,15 +278,15 @@ export default (
 
     const marketInfo = supportedNetworks[networkName].cgPlatform
       ? await marketData.getMarketInfoByContracts(
-          Object.keys(balances).filter(
-            contract => contract !== NATIVE_TOKEN_ADDRESS,
-          ),
-          supportedNetworks[networkName].cgPlatform as CoingeckoPlatform,
-        )
+        Object.keys(balances).filter(
+          contract => contract !== NATIVE_TOKEN_ADDRESS,
+        ),
+        supportedNetworks[networkName].cgPlatform as CoingeckoPlatform,
+      )
       : tokens.reduce(
-          (obj, cur) => ({ ...obj, [cur.contract]: null }),
-          {} as Record<string, CoinGeckoTokenMarket | null>,
-        );
+        (obj, cur) => ({ ...obj, [cur.contract]: null }),
+        {} as Record<string, CoinGeckoTokenMarket | null>,
+      );
     if (network.coingeckoID) {
       const nativeMarket = await marketData.getMarketData([
         network.coingeckoID,
@@ -337,12 +337,12 @@ export default (
           balance: toBN(balances[address].balance).toString(),
           balancef: formatFloatingPointValue(userBalance).value,
           balanceUSD: usdBalance.toNumber(),
-          balanceUSDf: formatFiatValue(usdBalance.toString()).value,
+          balanceUSDf: usdBalance.toString(),
           icon: market.image,
           name: market.name,
           symbol: market.symbol,
           value: currentPrice.toString(),
-          valuef: formatFiatValue(currentPrice.toString()).value,
+          valuef: currentPrice.toString(),
           contract: address,
           decimals: tokenInfo[address].decimals,
           sparkline: new Sparkline(market.sparkline_in_24h.price, 25)
@@ -377,15 +377,15 @@ export default (
             balance: toBN(balances[unknownTokens[idx]].balance).toString(),
             balancef: formatFloatingPointValue(userBalance).value,
             balanceUSD: 0,
-            balanceUSDf: formatFiatValue('0').value,
+            balanceUSDf: '0',
             icon:
               tokenInfo[unknownTokens[idx]]?.logoURI ||
               tInfo.icon ||
               network.icon,
             name: tInfo.name,
             symbol: tInfo.symbol,
             value: '0',
-            valuef: formatFiatValue('0').value,
+            valuef: '0',
             contract: unknownTokens[idx],
             decimals: tInfo.decimals,
             sparkline: '',

packages/extension/src/providers/ethereum/networks/skale/skale-base.ts

@@ -8,7 +8,6 @@ import MarketData from '@/libs/market-data';
 import { fromBase } from '@enkryptcom/utils';
 import BigNumber from 'bignumber.js';
 import {
-  formatFiatValue,
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import API from '@/providers/ethereum/libs/api';
@@ -155,11 +154,11 @@ async function getPreconfiguredTokens(
       balancef: formatFloatingPointValue(fromBase(balanceAsset, assetDecimals))
         .value,
       balanceUSD: nativeAssetUsdBalance.toNumber(),
-      balanceUSDf: formatFiatValue(nativeAssetUsdBalance.toString()).value,
+      balanceUSDf: nativeAssetUsdBalance.toString(),
       value: nativeAssetMarketData[index]?.current_price?.toString() ?? '0',
-      valuef: formatFiatValue(
+      valuef:
         nativeAssetMarketData[index]?.current_price?.toString() ?? '0',
-      ).value,
+
       decimals: assetDecimals,
       sparkline: nativeAssetMarketData[index]
         ? new Sparkline(

packages/extension/src/providers/ethereum/types/evm-network.ts

@@ -3,7 +3,6 @@ import Sparkline from '@/libs/sparkline';
 import { TokensState } from '@/libs/tokens-state';
 import { CustomErc20Token, TokenType } from '@/libs/tokens-state/types';
 import {
-  formatFiatValue,
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import { fromBase } from '@enkryptcom/utils';
@@ -151,11 +150,10 @@ export class EvmNetwork extends BaseNetwork {
         balancef: formatFloatingPointValue(fromBase(balance, this.decimals))
           .value,
         balanceUSD: nativeUsdBalance.toNumber(),
-        balanceUSDf: formatFiatValue(nativeUsdBalance.toString()).value,
+        balanceUSDf: nativeUsdBalance.toString(),
         value: nativeMarketData?.current_price?.toString() ?? '0',
-        valuef: formatFiatValue(
+        valuef:
           nativeMarketData?.current_price?.toString() ?? '0',
-        ).value,
         decimals: this.decimals,
         sparkline: nativeMarketData
           ? new Sparkline(nativeMarketData.sparkline_in_24h.price, 25)
@@ -269,11 +267,10 @@ export class EvmNetwork extends BaseNetwork {
           fromBase(token.balance ?? '0', token.decimals),
         ).times(marketInfo.current_price ?? 0);
         asset.balanceUSD = usdBalance.toNumber();
-        asset.balanceUSDf = formatFiatValue(usdBalance.toString()).value;
+        asset.balanceUSDf = usdBalance.toString();
         asset.value = marketInfo.current_price?.toString() ?? '0';
-        asset.valuef = formatFiatValue(
-          marketInfo.current_price?.toString() ?? '0',
-        ).value;
+        asset.valuef =
+          marketInfo.current_price?.toString() ?? '0';
         asset.sparkline = new Sparkline(
           marketInfo.sparkline_in_24h.price,
           25,

packages/extension/src/providers/ethereum/ui/eth-verify-transaction.vue

@@ -61,7 +61,7 @@
             <p>
               ${{
                 fiatValue !== '~'
-                  ? $filters.formatFiatValue(fiatValue).value
+                  ? $filters.parseCurrency(fiatValue)
                   : fiatValue
               }}
             </p>

packages/extension/src/providers/kadena/types/kadena-network.ts

@@ -15,7 +15,7 @@ import { CoinGeckoTokenMarket } from '@/libs/market-data/types';
 import Sparkline from '@/libs/sparkline';
 import {
   formatFloatingPointValue,
-  formatFiatValue,
+
 } from '@/libs/utils/number-formatter';
 import { fromBase } from '@enkryptcom/utils';
 import BigNumber from 'bignumber.js';
@@ -115,13 +115,12 @@ export class KadenaNetwork extends BaseNetwork {
       balance: balance,
       balancef: formatFloatingPointValue(userBalance).value,
       balanceUSD: usdBalance.toNumber(),
-      balanceUSDf: formatFiatValue(usdBalance.toString()).value,
+      balanceUSDf: usdBalance.toString(),
       icon: this.icon,
       name: this.name_long,
       symbol: this.currencyName,
       value: marketData[0]?.current_price?.toString() ?? '0',
-      valuef: formatFiatValue(marketData[0]?.current_price?.toString() ?? '0')
-        .value,
+      valuef: marketData[0]?.current_price?.toString() ?? '0',
       contract: '',
       decimals: this.decimals,
       sparkline: marketData.length

packages/extension/src/providers/kadena/ui/send-transaction/components/send-token-item.vue

@@ -17,8 +17,8 @@
     </div>
 
     <div class="send-token-item__price">
-      <h4>{{ $filters.formatFiatValue(tokenBalance).value }}</h4>
-      <p>@{{ $filters.formatFiatValue(tokenPrice).value }}</p>
+      <h4>{{ $filters.parseCurrency(tokenBalance) }}</h4>
+      <p>@{{ $filters.parseCurrency(tokenPrice) }}</p>
     </div>
   </a>
 </template>

packages/extension/src/providers/polkadot/types/substrate-network.ts

@@ -9,7 +9,6 @@ import createIcon from '../libs/blockies';
 import MarketData from '@/libs/market-data';
 import BigNumber from 'bignumber.js';
 import {
-  formatFiatValue,
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import Sparkline from '@/libs/sparkline';
@@ -160,7 +159,7 @@ export class SubstrateNetwork extends BaseNetwork {
         balance: balances[idx].toString(),
         balancef: formatFloatingPointValue(userBalance).value,
         balanceUSD: usdBalance.toNumber(),
-        balanceUSDf: formatFiatValue(usdBalance.toString()).value,
+        balanceUSDf: usdBalance.toString(),
         decimals: st.decimals,
         icon: st.icon,
         name: st.name,

packages/extension/src/providers/polkadot/ui/send-transaction/components/send-token-item.vue

@@ -17,8 +17,8 @@
     </div>
 
     <div class="send-token-item__price">
-      <h4>{{ $filters.formatFiatValue(tokenBalance).value }}</h4>
-      <p>@{{ $filters.formatFiatValue(tokenPrice).value }}</p>
+      <h4>{{ $filters.parseCurrency(tokenBalance) }}</h4>
+      <p>@{{ $filters.parseCurrency(tokenPrice) }}</p>
     </div>
   </a>
 </template>

packages/extension/src/providers/solana/types/sol-network.ts

@@ -7,7 +7,6 @@ import { CoingeckoPlatform, NetworkNames, SignerType } from '@enkryptcom/types';
 import createIcon from '../libs/blockies';
 import { Activity } from '@/types/activity';
 import {
-  formatFiatValue,
   formatFloatingPointValue,
 } from '@/libs/utils/number-formatter';
 import MarketData from '@/libs/market-data';
@@ -125,14 +124,13 @@ export class SolanaNetwork extends BaseNetwork {
         balance: balance,
         balancef: formatFloatingPointValue(userBalance).value,
         balanceUSD: usdBalance.toNumber(),
-        balanceUSDf: formatFiatValue(usdBalance.toString()).value,
+        balanceUSDf: usdBalance.toString(),
         icon: this.icon,
         name: this.name_long,
         symbol: this.currencyName,
         value: marketData.length ? currentPrice.toString() : '0',
-        valuef: formatFiatValue(
+        valuef:
           marketData.length ? currentPrice.toString() : '0',
-        ).value,
         contract: '',
         decimals: this.decimals,
         sparkline: marketData.length

packages/extension/src/providers/solana/ui/sol-verify-transaction.vue

@@ -69,7 +69,7 @@
               </h4>
               <p :class="item.isNegative ? 'make-me-red' : ''">
                 {{ item.isNegative ? '-' : '' }}
-                ${{ $filters.formatFiatValue(parseFloat(item.USDval)).value }}
+                {{ $filters.parseCurrency(parseFloat(item.USDval)) }}
               </p>
             </div>
           </div>

packages/extension/src/ui/action/composables/account-info.ts

@@ -2,7 +2,7 @@ import MarketData from '@/libs/market-data';
 import { BaseNetwork } from '@/types/base-network';
 import { computed, ref, watch, onMounted, Ref } from 'vue';
 import { AccountsHeaderData } from '../types/account';
-import { formatFloatingPointValue, formatFiatValue } from '../utils/filters';
+import { formatFloatingPointValue } from '../utils/filters';
 const defaultFiatVal = '0.00';
 export default (
   network: Ref<BaseNetwork>,
@@ -31,14 +31,11 @@ export default (
   const updateFiatValues = async () => {
     fiatAmount.value = defaultFiatVal;
     if (network.value.coingeckoID && cryptoAmountRaw.value != '~') {
-      fiatAmount.value = `${formatFiatValue(
-        await marketData.getTokenValue(
-          cryptoAmountRaw.value,
-          network.value.coingeckoID,
-          'USD',
-        ),
-      ).value
-        }`;
+      fiatAmount.value = `${await marketData.getTokenValue(
+        cryptoAmountRaw.value,
+        network.value.coingeckoID,
+        'USD',
+      )}`;
     }
   };
   watch(cryptoAmount, updateFiatValues);

packages/extension/src/ui/action/utils/filters.ts

@@ -21,21 +21,16 @@ export const replaceWithEllipsis = (
 };
 
 export const parseCurrency = (value: string | number): string => {
-  const bnValue = BigNumber(value);
-  const parsedValue = bnValue.isNaN() || bnValue.isZero() || value === undefined ? "0" : bnValue.toString().replace(/,/g, '');
+  const raw = value.toString().replace(/[,<]/g, '');
   const store = useCurrencyStore();
   const currency = store.currentSelectedCurrency;
-  const currencyCode =
-    LANG_INFO[currency as keyof typeof LANG_INFO].locale || 'en-US';
-  const findRate = store.currencyList.find(c => c.fiat_currency === currency);
-  const rate = findRate || { exchange_rate: 1 };
+  const locale = LANG_INFO[currency as keyof typeof LANG_INFO]?.locale || 'en-US';
+  const exchangeRate = store.currencyList.find(c => c.fiat_currency === currency)?.exchange_rate || 1;
 
-  return new Intl.NumberFormat(currencyCode, {
-    style: 'currency',
-    currency: currency,
-  }).format(
-    parseFloat(BigNumber(parsedValue).times(rate.exchange_rate).toString()),
-  );
+  const amount = new BigNumber(raw);
+  const finalValue = amount.isNaN() || amount.isZero() ? 0 : amount.times(exchangeRate).toNumber();
+  const notation = BigNumber(finalValue).gt(999999) ? 'compact' : 'standard';
+  return `${amount.lt(0.0000001) && amount.gt(0) ? '< ' : ''}${new Intl.NumberFormat(locale, { style: 'currency', currency: currency, notation, }).format(finalValue)}`
 };
 
 export const truncate = (value: string, length: number): string => {
@@ -55,8 +50,8 @@ export const formatDuration = (
     isoString.match(/T((\d+)H)?((\d+)M)?(([\d]+)(\.(\d+))?S)?/) ?? [];
 
   if (duration.hours() < 0)
-    return `${h.padStart(2, '0')}:${m.padStart(2, '0')}:${s.padStart(2, '0')}`;
+    return `${h.padStart(2, '0')}:${m.padStart(2, '0')}:${s.padStart(2, '0')} `;
 
-  return `${m.padStart(2, '0')}:${s.padStart(2, '0')}`;
+  return `${m.padStart(2, '0')}:${s.padStart(2, '0')} `;
 };
 export { formatFiatValue, formatFloatingPointValue };

packages/extension/src/ui/action/views/network-assets/components/network-assets-item.vue

@@ -45,7 +45,7 @@
         <v-chart class="chart" :option="option" />
       </div>
       <div class="network-assets__token-price">
-        <h4>{{ $filters.parseCurrency(token.balanceUSDf) }}</h4>
+        <h4>{{ $filters.parseCurrency(token.balanceUSD) }}</h4>
         <p>@{{ $filters.parseCurrency(token.value) }}</p>
       </div>
     </a>

packages/extension/src/ui/action/views/send-process/components/send-process-amount.vue

@@ -8,7 +8,7 @@
         {{ fromBase(token.amount, token.decimals) }}
         <span>{{ token.symbol }}</span>
       </h4>
-      <h6>{{ $filters.formatFiatValue(token.valueUSD).value }}</h6>
+      <h6>{{ $filters.parseCurrency(token.valueUSD) }}</h6>
     </div>
   </div>
 </template>

packages/extension/src/ui/action/views/settings/components/settings-select.vue

@@ -72,7 +72,7 @@ const props = defineProps({
 const searchedList = computed(() => {
   if (!searchInput.value) return props.list;
   const filtered = props.list.filter(item =>
-    item.includes(searchInput.value.toUpperCase()),
+    item.fiat_currency.includes(searchInput.value.toUpperCase()),
   );
   return filtered;
 });