Merge pull request #188 from vechain/feat/addd-glodolar

feat: add usdglo

Author: Agilulfo1820

packages/vechain-kit/src/config/index.ts

@@ -34,6 +34,7 @@ export type AppConfig = {
     vetDomainsPublicResolverAddress: string;
     vetDomainsReverseRegistrarAddress: string;
     vnsResolverAddress: string;
+    gloDollarContractAddress: string;
     vetDomainAvatarUrl: string;
     nodeUrl: string;
     indexerUrl: string;

packages/vechain-kit/src/config/mainnet.ts

@@ -88,5 +88,6 @@ const config: AppConfig = {
         '0x5c970901a587BA3932C835D4ae5FAE2BEa7e78Bc',
     vnsResolverAddress: '0xA11413086e163e41901bb81fdc5617c975Fa5a1A',
     vetDomainAvatarUrl: 'https://vet.domains/api/avatar',
+    gloDollarContractAddress: '0x29c630cce4ddb23900f5fe66ab55e488c15b9f5e',
 };
 export default config;

packages/vechain-kit/src/config/solo.ts

@@ -41,6 +41,7 @@ const config: AppConfig = {
     vetDomainsReverseRegistrarAddress:
         '0x5c970901a587BA3932C835D4ae5FAE2BEa7e78Bc',
     vnsResolverAddress: '0x0000000000000000000000000000000000000000',
+    gloDollarContractAddress: '0x0000000000000000000000000000000000000000',
     vetDomainAvatarUrl: 'https://testnet.vet.domains/api/avatar',
     indexerUrl: 'https://b3tr.testnet.vechain.org/api/v1',
     b3trIndexerUrl: 'https://b3tr.testnet.vechain.org/api/v1',

packages/vechain-kit/src/config/testnet.ts

@@ -41,6 +41,7 @@ const config: AppConfig = {
     vetDomainsReverseRegistrarAddress:
         '0x6878f1aD5e3015310CfE5B38d7B7071C5D8818Ca',
     vnsResolverAddress: '0xc403b8EA53F707d7d4de095f0A20bC491Cf2bc94',
+    gloDollarContractAddress: '0x0000000000000000000000000000000000000000',
     vetDomainAvatarUrl: 'https://testnet.vet.domains/api/avatar',
     indexerUrl: 'https://indexer.testnet.vechain.org/api/v1',
     b3trIndexerUrl: 'https://b3tr.testnet.vechain.org/api/v1',

packages/vechain-kit/src/hooks/api/erc20/index.ts

@@ -0,0 +1 @@
+export * from './useGetErc20Balance';

packages/vechain-kit/src/hooks/api/erc20/useGetErc20Balance.ts

@@ -0,0 +1,51 @@
+import { useQuery } from '@tanstack/react-query';
+import { useConnex } from '@vechain/dapp-kit-react';
+import { IERC20__factory } from '../../../contracts/typechain-types';
+import { formatEther } from 'ethers';
+import { humanNumber } from '@/utils';
+
+export const getErc20Balance = async (
+    thor: Connex.Thor,
+    tokenAddress: string,
+    address?: string,
+): Promise<{ original: string; scaled: string; formatted: string }> => {
+    if (!tokenAddress || !address) {
+        throw new Error('Token address and user address are required');
+    }
+
+    const functionFragment = IERC20__factory.createInterface()
+        .getFunction('balanceOf')
+        .format('json');
+
+    const res = await thor
+        .account(tokenAddress)
+        .method(JSON.parse(functionFragment))
+        .call(address);
+
+    if (res.reverted) throw new Error('Reverted');
+
+    const original = res.decoded[0];
+    const scaled = formatEther(original);
+    const formatted = scaled === '0' ? '0' : humanNumber(scaled);
+
+    return {
+        original,
+        scaled,
+        formatted,
+    };
+};
+
+export const getErc20BalanceQueryKey = (
+    tokenAddress: string,
+    address?: string,
+) => ['VECHAIN_KIT_ERC20_BALANCE', tokenAddress, address];
+
+export const useGetErc20Balance = (tokenAddress: string, address?: string) => {
+    const { thor } = useConnex();
+
+    return useQuery({
+        queryKey: getErc20BalanceQueryKey(tokenAddress, address),
+        queryFn: async () => getErc20Balance(thor, tokenAddress, address),
+        enabled: !!thor && !!address && !!tokenAddress,
+    });
+};

packages/vechain-kit/src/hooks/api/index.ts

@@ -9,3 +9,4 @@ export * from './ipfs';
 export * from './blockchain';
 export * from './nfts';
 export * from './smartAccount';
+export * from './erc20';

packages/vechain-kit/src/hooks/api/wallet/useBalances.ts

@@ -6,6 +6,7 @@ import {
     useGetVeDelegateBalance,
     useGetTokenUsdPrice,
     useGetCustomTokenBalances,
+    useGetErc20Balance,
 } from '..';
 import { useVeChainKitConfig } from '@/providers';
 import { getConfig } from '@/config';
@@ -16,6 +17,7 @@ type UseBalancesProps = {
 
 export const useBalances = ({ address = '' }: UseBalancesProps) => {
     const { network } = useVeChainKitConfig();
+    const config = getConfig(network.type);
 
     // Base token balances
     const { data: vetData, isLoading: vetLoading } = useAccountBalance(address);
@@ -31,6 +33,8 @@ export const useBalances = ({ address = '' }: UseBalancesProps) => {
         useGetVot3Balance(address);
     const { data: veDelegateBalance, isLoading: veDelegateLoading } =
         useGetVeDelegateBalance(address);
+    const { data: gloDollarBalance, isLoading: gloDollarLoading } =
+        useGetErc20Balance(config.gloDollarContractAddress, address);
 
     // Custom token balances
     const customTokenBalancesQueries = useGetCustomTokenBalances(address);
@@ -50,15 +54,17 @@ export const useBalances = ({ address = '' }: UseBalancesProps) => {
             b3trUsdPriceLoading ||
             veDelegateLoading ||
             vthoUsdPriceLoading ||
-            customTokensLoading;
+            customTokensLoading ||
+            gloDollarLoading;
 
         // Get contract addresses from config
         const contractAddresses = {
             vet: '0x',
-            vtho: getConfig(network.type).vthoContractAddress,
-            b3tr: getConfig(network.type).b3trContractAddress,
-            vot3: getConfig(network.type).vot3ContractAddress,
-            veDelegate: getConfig(network.type).veDelegate,
+            vtho: config.vthoContractAddress,
+            b3tr: config.b3trContractAddress,
+            vot3: config.vot3ContractAddress,
+            veDelegate: config.veDelegate,
+            USDGLO: config.gloDollarContractAddress,
         };
 
         // Base balances using contract addresses
@@ -93,6 +99,12 @@ export const useBalances = ({ address = '' }: UseBalancesProps) => {
                 symbol: 'veDelegate',
                 priceAddress: contractAddresses.b3tr, // using b3tr price for veDelegate
             },
+            {
+                address: contractAddresses.USDGLO,
+                value: gloDollarBalance?.scaled ?? '0',
+                symbol: 'USDGLO',
+                priceAddress: contractAddresses.USDGLO,
+            },
         ];
 
         // Add custom token balances
@@ -112,6 +124,7 @@ export const useBalances = ({ address = '' }: UseBalancesProps) => {
             { address: contractAddresses.vet, price: vetUsdPrice || 0 },
             { address: contractAddresses.vtho, price: vthoUsdPrice || 0 },
             { address: contractAddresses.b3tr, price: b3trUsdPrice || 0 },
+            { address: contractAddresses.USDGLO, price: 1 }, // gloDollar is pegged to 1 USD
         ];
 
         // Compute total balance

packages/vechain-kit/src/utils/Constants.tsx

@@ -9,6 +9,7 @@ export const TOKEN_LOGOS: Record<string, string> = {
     VOT3: 'https://vechain.github.io/token-registry/assets/17ff70aa1d898bc97ad690dbfad1a3b5643f7e0b.png',
     veDelegate:
         'https://vechain.github.io/token-registry/assets/1c641b86096d56bf13d49f38388accd6db8b8b2e.png',
+    USDGLO: 'https://raw.githubusercontent.com/vechain/app-hub/439fba60c80ba2521d435981102d88c4aec050d6/apps/org.glodollar.app/logo.png',
 };
 
 export const TOKEN_LOGO_COMPONENTS: Record<string, JSX.Element> = {