@rango-dev/widget-embedded 0.39.0 → 0.39.1-next.0

package/src/utils/wallets.ts

@@ -1,26 +1,18 @@
-import type { FindToken } from '../store/slices/data';
-import type { ConnectedWallet, TokenBalance } from '../store/wallets';
+import type { BalanceState, ConnectedWallet } from '../store/slices/wallets';
 import type {
   Balance,
   SelectedQuote,
-  TokensBalance,
   Wallet,
   WalletInfoWithExtra,
 } from '../types';
-import type { WalletInfo as ModalWalletInfo } from '@rango-dev/ui';
+import type { ExtendedWalletInfo } from '@rango-dev/wallets-react';
 import type {
   Network,
-  WalletInfo,
   WalletState,
   WalletType,
   WalletTypes,
 } from '@rango-dev/wallets-shared';
-import type {
-  BlockchainMeta,
-  Token,
-  TransactionType,
-  WalletDetail,
-} from 'rango-sdk';
+import type { BlockchainMeta, Token, TransactionType } from 'rango-sdk';
 
 import {
   BlockchainCategories,
@@ -47,9 +39,11 @@ import {
 import { EXCLUDED_WALLETS } from '../constants/wallets';
 
 import { isBlockchainTypeInCategory, removeDuplicateFrom } from './common';
-import { createTokenHash } from './meta';
 import { numberToString } from './numbers';
 
+export type ExtendedModalWalletInfo = WalletInfoWithExtra &
+  Pick<ExtendedWalletInfo, 'properties' | 'isHub'>;
+
 export function mapStatusToWalletState(state: WalletState): WalletStatus {
   switch (true) {
     case state.connected:
@@ -65,10 +59,10 @@ export function mapStatusToWalletState(state: WalletState): WalletStatus {
 
 export function mapWalletTypesToWalletInfo(
   getState: (type: WalletType) => WalletState,
-  getWalletInfo: (type: WalletType) => WalletInfo,
+  getWalletInfo: (type: WalletType) => ExtendedWalletInfo,
   list: WalletType[],
   chain?: string
-): WalletInfoWithExtra[] {
+): ExtendedModalWalletInfo[] {
   return list
     .filter((wallet) => !EXCLUDED_WALLETS.includes(wallet as WalletTypes))
     .filter((wallet) => {
@@ -93,10 +87,11 @@ export function mapWalletTypesToWalletInfo(
         img: image,
         installLink,
         showOnMobile,
-        namespaces,
-        singleNamespace,
+        needsNamespace,
         supportedChains,
         needsDerivationPath,
+        properties,
+        isHub,
       } = getWalletInfo(type);
       const blockchainTypes = removeDuplicateFrom(
         supportedChains.map((item) => item.type)
@@ -110,10 +105,11 @@ export function mapWalletTypesToWalletInfo(
         state,
         type,
         showOnMobile,
-        namespaces,
-        singleNamespace,
+        needsNamespace,
         blockchainTypes,
         needsDerivationPath,
+        properties,
+        isHub,
       };
     });
 }
@@ -265,8 +261,6 @@ export function getQuoteWallets(params: {
   return Array.from(wallets);
 }
 
-type Blockchain = { name: string; accounts: ConnectedWallet[] };
-
 export function isAccountAndWalletMatched(
   account: Wallet,
   connectedWallet: ConnectedWallet
@@ -278,74 +272,21 @@ export function isAccountAndWalletMatched(
   );
 }
 
-export function makeBalanceFor(
-  retrievedBalance: WalletDetail,
-  findToken: FindToken
-): TokenBalance[] {
-  const { blockChain: chain, balances = [] } = retrievedBalance;
-  return (
-    balances?.map((tokenBalance) => ({
-      chain,
-      symbol: tokenBalance.asset.symbol,
-      ticker: tokenBalance.asset.symbol,
-      address: tokenBalance.asset.address || null,
-      rawAmount: tokenBalance.amount.amount,
-      decimal: tokenBalance.amount.decimals,
-      amount: new BigNumber(tokenBalance.amount.amount)
-        .shiftedBy(-tokenBalance.amount.decimals)
-        .toFixed(),
-      logo: '',
-      usdPrice: findToken(tokenBalance.asset)?.usdPrice || null,
-    })) || []
-  );
-}
-
 export function resetConnectedWalletState(
   connectedWallet: ConnectedWallet
 ): ConnectedWallet {
   return { ...connectedWallet, loading: false, error: true };
 }
 
-export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
-  const uniqueAccountAddresses = new Set<string | null>();
-  const uniqueBalance: ConnectedWallet[] = connectedWallet?.reduce(
-    (acc: ConnectedWallet[], current: ConnectedWallet) => {
-      return acc.findIndex(
-        (i) => i.address === current.address && i.chain === current.chain
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      ) === -1
-        ? [...acc, current]
-        : acc;
-    },
-    []
-  );
+export const calculateWalletUsdValue = (balances: BalanceState) => {
+  const total = Object.values(balances).reduce((prev, balance) => {
+    const usdBalance = balance.usdValue
+      ? representAmountInNumber(balance.usdValue, balance.decimals)
+      : ZERO.toFixed();
+    return prev.plus(usdBalance);
+  }, new BigNumber(ZERO));
 
-  const modifiedWalletBlockchains = uniqueBalance?.map((chain) => {
-    const modifiedWalletBlockchain: Blockchain = {
-      name: chain.chain,
-      accounts: [],
-    };
-    if (!uniqueAccountAddresses.has(chain.address)) {
-      uniqueAccountAddresses.add(chain.address);
-    }
-    uniqueAccountAddresses.forEach((accountAddress) => {
-      if (chain.address === accountAddress) {
-        modifiedWalletBlockchain.accounts.push(chain);
-      }
-    });
-    return modifiedWalletBlockchain;
-  });
-  const total = numberToString(
-    modifiedWalletBlockchains
-      ?.flatMap((b) => b.accounts)
-      ?.flatMap((a) => a?.balances)
-      ?.map((b) =>
-        new BigNumber(b?.amount || ZERO).multipliedBy(b?.usdPrice || 0)
-      )
-      ?.reduce((a, b) => a.plus(b), ZERO) || ZERO
-  ).toString();
-
-  return numberWithThousandSeparator(total);
+  return numberWithThousandSeparator(total.toString());
 };
 
 function numberWithThousandSeparator(number: string | number): string {
@@ -383,20 +324,34 @@ export const getKeplrCompatibleConnectedWallets = (
   );
 };
 
+function representAmountInNumber(amount: string, decimals: number): string {
+  return new BigNumber(amount).shiftedBy(-decimals).toFixed();
+}
+
 export function formatBalance(balance: Balance | null): Balance | null {
+  if (!balance) {
+    return null;
+  }
+
+  const amount = representAmountInNumber(balance.amount, balance.decimals);
+  const usdValue = balance.usdValue
+    ? representAmountInNumber(balance.usdValue, balance.decimals)
+    : null;
+  const formattedAmount = numberToString(
+    amount,
+    BALANCE_MIN_DECIMALS,
+    BALANCE_MAX_DECIMALS
+  );
+  // null is using for detecing uknown prices
+  const formattedUsdValue = usdValue
+    ? numberToString(usdValue, USD_VALUE_MIN_DECIMALS, USD_VALUE_MAX_DECIMALS)
+    : null;
+
   const formattedBalance: Balance | null = balance
     ? {
         ...balance,
-        amount: numberToString(
-          balance.amount,
-          BALANCE_MIN_DECIMALS,
-          BALANCE_MAX_DECIMALS
-        ),
-        usdValue: numberToString(
-          balance.usdValue,
-          USD_VALUE_MIN_DECIMALS,
-          USD_VALUE_MAX_DECIMALS
-        ),
+        amount: formattedAmount,
+        usdValue: formattedUsdValue,
       }
     : null;
 
@@ -408,17 +363,39 @@ export function compareTokenBalance(
   token2Balance: Balance | null
 ): number {
   if (token1Balance?.usdValue || token2Balance?.usdValue) {
-    return (
-      parseFloat(token2Balance?.usdValue || '0') -
-      parseFloat(token1Balance?.usdValue || '0')
-    );
+    const token1UsdValue =
+      !!token1Balance && !!token1Balance.usdValue
+        ? new BigNumber(token1Balance.usdValue).shiftedBy(
+            -token1Balance.decimals
+          )
+        : ZERO;
+    const token2UsdValue =
+      !!token2Balance && !!token2Balance.usdValue
+        ? new BigNumber(token2Balance.usdValue).shiftedBy(
+            -token2Balance.decimals
+          )
+        : ZERO;
+
+    if (token1UsdValue.isEqualTo(token2UsdValue)) {
+      return 0;
+    }
+    return token1UsdValue.isGreaterThan(token2UsdValue) ? -1 : 1;
   }
 
   if (token1Balance?.amount || token2Balance?.amount) {
-    return (
-      parseFloat(token2Balance?.amount || '0') -
-      parseFloat(token1Balance?.amount || '0')
-    );
+    const token1Amount =
+      !!token1Balance && !!token1Balance.amount
+        ? new BigNumber(token1Balance.amount).shiftedBy(-token1Balance.decimals)
+        : ZERO;
+    const token2Amount =
+      !!token2Balance && !!token2Balance.amount
+        ? new BigNumber(token2Balance.amount).shiftedBy(-token2Balance.decimals)
+        : ZERO;
+
+    if (token1Amount.isEqualTo(token2Amount)) {
+      return 0;
+    }
+    return token1Amount.isGreaterThan(token2Amount) ? -1 : 1;
   }
 
   return 0;
@@ -436,8 +413,8 @@ export function areTokensEqual(
 }
 
 export function sortWalletsBasedOnConnectionState(
-  wallets: WalletInfoWithExtra[]
-): WalletInfoWithExtra[] {
+  wallets: ExtendedModalWalletInfo[]
+): ExtendedModalWalletInfo[] {
   return wallets.sort(
     (a, b) =>
       Number(b.state === WalletStatus.CONNECTED) -
@@ -484,43 +461,6 @@ export function getAddress({
   )?.address;
 }
 
-export function makeTokensBalance(connectedWallets: ConnectedWallet[]) {
-  return connectedWallets
-    .flatMap((wallet) => wallet.balances)
-    .reduce((balances: TokensBalance, balance) => {
-      const currentBalance = {
-        amount: balance?.amount ?? '',
-        decimals: balance?.decimal ?? 0,
-        usdValue: balance?.usdPrice
-          ? new BigNumber(balance?.usdPrice ?? ZERO)
-              .multipliedBy(balance?.amount)
-              .toString()
-          : '',
-      };
-
-      const tokenHash = balance
-        ? createTokenHash({
-            symbol: balance.symbol,
-            blockchain: balance.chain,
-            address: balance.address,
-          })
-        : null;
-
-      const prevBalance = tokenHash ? balances[tokenHash] : null;
-
-      const shouldUpdateBalance =
-        tokenHash &&
-        (!prevBalance ||
-          (prevBalance && prevBalance.amount < currentBalance.amount));
-
-      if (shouldUpdateBalance) {
-        balances[tokenHash] = currentBalance;
-      }
-
-      return balances;
-    }, {});
-}
-
 export const isFetchingBalance = (
   connectedWallets: ConnectedWallet[],
   blockchain: string
@@ -529,12 +469,12 @@ export const isFetchingBalance = (
     (wallet) => wallet.chain === blockchain && wallet.loading
   );
 
-export function hashWalletsState(walletsInfo: ModalWalletInfo[]) {
+export function hashWalletsState(walletsInfo: WalletInfoWithExtra[]) {
   return walletsInfo.map((w) => w.state).join('-');
 }
 
 export function filterBlockchainsByWalletTypes(
-  wallets: ModalWalletInfo[],
+  wallets: WalletInfoWithExtra[],
   blockchains: BlockchainMeta[]
 ) {
   const uniqueBlockchainTypes = new Set<TransactionType>();
@@ -551,7 +491,7 @@ export function filterBlockchainsByWalletTypes(
 }
 
 export function filterWalletsByCategory(
-  wallets: WalletInfoWithExtra[],
+  wallets: ExtendedModalWalletInfo[],
   category: string
 ) {
   if (category === BlockchainCategories.ALL) {

package/dist/constants/warnings.d.ts

@@ -1,3 +0,0 @@
-import type { QuoteUpdateWarning } from '../types';
-export declare function getQuoteUpdateWarningMessage(warning: QuoteUpdateWarning): string;
-//# sourceMappingURL=warnings.d.ts.map

package/dist/constants/warnings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"warnings.d.ts","sourceRoot":"","sources":["../../src/constants/warnings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAMnD,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,kBAAkB,UAmBvE"}

package/dist/hooks/useObserveBalanceChanges/index.d.ts

@@ -1,2 +0,0 @@
-export { useObserveBalanceChanges } from './useObserveBalanceChanges';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useObserveBalanceChanges/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useObserveBalanceChanges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/hooks/useObserveBalanceChanges/useObserveBalanceChanges.d.ts

@@ -1,4 +0,0 @@
-export declare function useObserveBalanceChanges(selectedBlockchain?: string): {
-    balanceKey: number;
-};
-//# sourceMappingURL=useObserveBalanceChanges.d.ts.map

package/dist/hooks/useObserveBalanceChanges/useObserveBalanceChanges.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useObserveBalanceChanges.d.ts","sourceRoot":"","sources":["../../../src/hooks/useObserveBalanceChanges/useObserveBalanceChanges.ts"],"names":[],"mappings":"AAUA,wBAAgB,wBAAwB,CAAC,kBAAkB,CAAC,EAAE,MAAM;;EAyDnE"}

package/dist/store/wallets.d.ts

@@ -1,66 +0,0 @@
-import type { FindToken } from './slices/data';
-import type { Balance, TokensBalance, Wallet } from '../types';
-import type { WalletType } from '@rango-dev/wallets-shared';
-import type { Token } from 'rango-sdk';
-export type TokenBalance = {
-    chain: string;
-    symbol: string;
-    ticker: string;
-    address: string | null;
-    rawAmount: string;
-    decimal: number | null;
-    amount: string;
-    logo: string | null;
-    usdPrice: number | null;
-};
-export interface ConnectedWallet extends Wallet {
-    balances: TokenBalance[] | null;
-    explorerUrl: string | null;
-    selected: boolean;
-    loading: boolean;
-    error: boolean;
-}
-interface WalletsStore {
-    connectedWallets: ConnectedWallet[];
-    balances: TokensBalance;
-    loading: boolean;
-    connectWallet: (accounts: Wallet[], findToken: FindToken) => void;
-    disconnectWallet: (walletType: WalletType) => void;
-    selectWallets: (wallets: {
-        walletType: string;
-        chain: string;
-    }[]) => void;
-    clearConnectedWallet: () => void;
-    getWalletsDetails: (accounts: Wallet[], findToken: FindToken, shouldRetry?: boolean) => void;
-    getBalanceFor: (token: Token) => Balance | null;
-}
-export declare const useWalletsStore: {
-    (): WalletsStore;
-    <U>(selector: (state: WalletsStore) => U): U;
-    <U_1>(selector: (state: WalletsStore) => U_1, equalityFn: (a: U_1, b: U_1) => boolean): U_1;
-} & Omit<import("zustand").StoreApi<WalletsStore>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: WalletsStore, previousSelectedState: WalletsStore) => void): () => void;
-        <U_2>(selector: (state: WalletsStore) => U_2, listener: (selectedState: U_2, previousSelectedState: U_2) => void, options?: {
-            equalityFn?: ((a: U_2, b: U_2) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-} & {
-    use: {
-        connectedWallets: () => ConnectedWallet[];
-        balances: () => TokensBalance;
-        loading: () => boolean;
-        connectWallet: () => (accounts: Wallet[], findToken: FindToken) => void;
-        disconnectWallet: () => (walletType: WalletType) => void;
-        selectWallets: () => (wallets: {
-            walletType: string;
-            chain: string;
-        }[]) => void;
-        clearConnectedWallet: () => () => void;
-        getWalletsDetails: () => (accounts: Wallet[], findToken: FindToken, shouldRetry?: boolean) => void;
-        getBalanceFor: () => (token: Token) => Balance | null;
-    };
-};
-export {};
-//# sourceMappingURL=wallets.d.ts.map

package/dist/store/wallets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/store/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAkBvC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AACD,UAAU,YAAY;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClE,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IAC1E,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,QAAQ,EAAE,MAAM,EAAE,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,KAClB,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;wCAZA,MAAM,EAAE,aAAa,SAAS,KAAK,IAAI;6CAClC,UAAU,KAAK,IAAI;uCACzB;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,KAAK,IAAI;0CAC7C,IAAI;4CAEpB,MAAM,EAAE,aACP,SAAS,gBACN,OAAO,KAClB,IAAI;qCACc,KAAK,KAAK,OAAO,GAAG,IAAI;;CAsNhD,CAAC"}

package/src/constants/warnings.ts

@@ -1,26 +0,0 @@
-import type { QuoteUpdateWarning } from '../types';
-
-import { i18n } from '@lingui/core';
-
-import { QuoteUpdateType } from '../types';
-
-export function getQuoteUpdateWarningMessage(warning: QuoteUpdateWarning) {
-  switch (warning.type) {
-    case QuoteUpdateType.QUOTE_UPDATED:
-      return i18n.t('Route has been updated.');
-    case QuoteUpdateType.QUOTE_AND_OUTPUT_AMOUNT_UPDATED:
-      return i18n.t(
-        'Output amount changed to {newOutputAmount} ({percentageChange}% change).',
-        {
-          newOutputAmount: warning.newOutputAmount,
-          percentageChange: warning.percentageChange,
-        }
-      );
-    case QuoteUpdateType.QUOTE_SWAPPERS_UPDATED:
-      return i18n.t('Route swappers has been updated.');
-    case QuoteUpdateType.QUOTE_COINS_UPDATED:
-      return i18n.t('Route internal coins has been updated.');
-    default:
-      return '';
-  }
-}

package/src/hooks/useObserveBalanceChanges/index.ts

@@ -1 +0,0 @@
-export { useObserveBalanceChanges } from './useObserveBalanceChanges';

package/src/hooks/useObserveBalanceChanges/useObserveBalanceChanges.ts

@@ -1,68 +0,0 @@
-import type { WalletEventData } from '../../types';
-
-import { useWallets } from '@rango-dev/wallets-react';
-import { useEffect, useRef, useState } from 'react';
-
-import { widgetEventEmitter } from '../../services/eventEmitter';
-import { useWalletsStore } from '../../store/wallets';
-import { WalletEventTypes, WidgetEvents } from '../../types';
-
-// A hook to listen for and detect changes in balances on a specific blockchain.
-export function useObserveBalanceChanges(selectedBlockchain?: string) {
-  const { connectedWallets } = useWalletsStore();
-  const { getWalletInfo } = useWallets();
-  const prevFetchingBalanceWallets = useRef<string[]>([]);
-  // The "balanceKey" will be updated and incremented after each change in the balance for a blockchain.
-  const [balanceKey, setBalanceKey] = useState(0);
-
-  useEffect(() => {
-    const handleWalletEvent = (event: WalletEventData) => {
-      if (event.type === WalletEventTypes.DISCONNECT) {
-        const walletInfo = getWalletInfo(event.payload.walletType);
-        const blockchainSupported = walletInfo.supportedChains.some(
-          (chain) => chain.name === selectedBlockchain
-        );
-
-        if (blockchainSupported) {
-          setBalanceKey((prev) => prev + 1);
-        }
-      }
-    };
-
-    widgetEventEmitter.on(WidgetEvents.WalletEvent, handleWalletEvent);
-
-    if (!selectedBlockchain) {
-      return setBalanceKey((prev) => prev + 1);
-    }
-
-    const supportedWallets = connectedWallets.filter(
-      (wallet) => wallet.chain === selectedBlockchain
-    );
-
-    supportedWallets.forEach((wallet) => {
-      const { walletType } = wallet;
-      const walletIsAlreadyFetching =
-        prevFetchingBalanceWallets.current.includes(walletType);
-
-      /**
-       * Watching for changes in "wallet.balances.length" is not accurate.
-       * Additionally, checking the equality of previous and current balances for a specific blockchain is resource-intensive, so we avoid these methods.
-       */
-      if (wallet.loading && !walletIsAlreadyFetching) {
-        prevFetchingBalanceWallets.current =
-          prevFetchingBalanceWallets.current.concat(walletType);
-      } else if (!wallet.loading && walletIsAlreadyFetching) {
-        prevFetchingBalanceWallets.current =
-          prevFetchingBalanceWallets.current.filter(
-            (prevWallet) => prevWallet !== walletType
-          );
-        setBalanceKey((prev) => prev + 1);
-      }
-    });
-
-    return () =>
-      widgetEventEmitter.off(WidgetEvents.WalletEvent, handleWalletEvent);
-  }, [connectedWallets, selectedBlockchain, getWalletInfo]);
-
-  return { balanceKey };
-}