AccountView: show ens name and balance

Author: skibitsky

Packages/com.walletconnect.web3modal/Resources/WalletConnect/Web3Modal/Views/AccountView.meta

@@ -0,0 +1,28 @@
+#account-view__profile{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    padding-top: 40px;
+}
+
+#account-view__profile-address {
+    margin-top: 20px;
+    padding: 0;
+    -unity-text-align: middle-center;
+    color: var(--wui-color-fg-100);
+    font-size: var(--wui-font-size-medium-title);
+}
+
+#account-view__profile-balance-container {
+    flex-direction: row;
+}
+
+#account-view__profile-balance-container > Label {
+    margin-top: 2px;
+    padding: 0;
+    -unity-text-align: middle-center;
+    color: var(--wui-color-fg-200);
+    font-size: var(--wui-font-size-paragraph);
+}

Packages/com.walletconnect.web3modal/Resources/WalletConnect/Web3Modal/Views/AccountView/AccountView.uss

@@ -0,0 +1,11 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
+    <Style src="AccountView.uss"/>
+    <ui:VisualElement name="account-view__profile">
+        <ui:Label name="account-view__profile-address"/>
+        <ui:VisualElement name="account-view__profile-balance-container">
+            <ui:Label name="account-view__profile-balance-value"/>
+            <ui:Label name="account-view__profile-balance-symbol"/>
+        </ui:VisualElement>
+    </ui:VisualElement>
+    <ui:VisualElement name="account-view__buttons"/>
+</ui:UXML>

Packages/com.walletconnect.web3modal/Resources/WalletConnect/Web3Modal/Views/AccountView/AccountView.uss.meta

@@ -140,6 +140,7 @@ protected override async Task ChangeActiveChainAsyncCore(Chain chain)
 
                 await WalletConnectInstance.SignClient.AddressProvider.SetDefaultChainIdAsync(chain.ChainId);
                 OnChainChanged(new ChainChangedEventArgs(chain.ChainId));
+                OnAccountChanged(new AccountChangedEventArgs(GetCurrentAccount()));
             }
         }
 

Packages/com.walletconnect.web3modal/Resources/WalletConnect/Web3Modal/Views/AccountView/AccountView.uxml

@@ -0,0 +1,164 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Runtime.CompilerServices;
+using System.Threading.Tasks;
+using UnityEngine;
+using WalletConnect.Web3Modal.Utils;
+
+namespace WalletConnect.Web3Modal
+{
+    public class AccountController : INotifyPropertyChanged
+    {
+        public bool IsInitialized { get; set; }
+
+        public bool IsConnected
+        {
+            get => _connectorController.IsAccountConnected;
+        }
+        
+        public string Address
+        {
+            get => _address;
+            set => SetField(ref _address, value);
+        }
+        
+        public string AccountId
+        {
+            get => _accountId;
+            set => SetField(ref _accountId, value);
+        }
+
+        public string ChainId
+        {
+            get => _chainId;
+            set => SetField(ref _chainId, value);
+        }
+        
+        public string ProfileName
+        {
+            get => _profileName;
+            set => SetField(ref _profileName, value);
+        }
+        
+        public string ProfileAvatar
+        {
+            get => _profileAvatar;
+            set => SetField(ref _profileAvatar, value);
+        }
+        
+        public string Balance
+        {
+            get => _balance;
+            set => SetField(ref _balance, value);
+        }
+        
+        public string BalanceSymbol
+        {
+            get => _balanceSymbol;
+            set => SetField(ref _balanceSymbol, value);
+        }
+
+        private ConnectorController _connectorController;
+        private NetworkController _networkController;
+        private BlockchainApiController _blockchainApiController;
+        
+        private string _address;
+        private string _accountId;
+        private string _chainId;
+        
+        private string _profileName;
+        private string _profileAvatar;
+        
+        private string _balance;
+        private string _balanceSymbol;
+        
+        public event PropertyChangedEventHandler PropertyChanged;
+        
+        public async Task InitializeAsync(ConnectorController connectorController, NetworkController networkController, BlockchainApiController blockchainApiController)
+        {
+            if (IsInitialized)
+                throw new Exception("Already initialized"); // TODO: use custom ex type
+            
+            _connectorController = connectorController ?? throw new ArgumentNullException(nameof(connectorController));
+            _networkController = networkController ?? throw new ArgumentNullException(nameof(networkController));
+            _blockchainApiController = blockchainApiController ?? throw new ArgumentNullException(nameof(blockchainApiController));
+            
+            _connectorController.AccountConnected += ConnectorAccountConnectedHandler;
+            _connectorController.AccountChanged += ConnectorAccountChangedHandler;
+        }
+
+        private async void ConnectorAccountConnectedHandler(object sender, Connector.AccountConnectedEventArgs e)
+        {
+            var account = await e.GetAccount();
+
+            if (account.AccountId == AccountId)
+                return;
+            
+            Address = account.Address;
+            AccountId = account.AccountId;
+            ChainId = account.ChainId;
+            
+            await Task.WhenAll(
+                UpdateProfile(),
+                UpdateBalance()
+            );
+        }
+
+        private async void ConnectorAccountChangedHandler(object sender, Connector.AccountChangedEventArgs e)
+        {
+            Debug.Log("ConnectorAccountChangedHandler");
+            if (e.Account.Address != Address)
+            {
+                Address = e.Account.Address;
+                await UpdateProfile();
+            }
+      
+            AccountId = e.Account.AccountId;
+            ChainId = e.Account.ChainId;
+            
+            await UpdateBalance();
+        }
+
+        public async Task UpdateProfile()
+        {
+            var identity = await _blockchainApiController.GetIdentityAsync(Address);
+            ProfileName = string.IsNullOrWhiteSpace(identity.Name)
+                ? Address.Truncate()
+                : identity.Name;
+            ProfileAvatar = identity.Avatar;
+        }
+
+        public async Task UpdateBalance()
+        {
+            var response = await _blockchainApiController.GetBalanceAsync(Address);
+            var balance = response.Balances.FirstOrDefault(x => x.chainId == ChainId && string.IsNullOrWhiteSpace(x.address));
+
+            if (string.IsNullOrWhiteSpace(balance.quantity.numeric))
+            {
+                Balance = "0.000";
+                BalanceSymbol = _networkController.ActiveChain.NativeCurrency.symbol;
+            }
+            else
+            {
+                Balance = balance.quantity.numeric;
+                BalanceSymbol = balance.symbol;
+            }
+        }
+
+        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+
+        protected bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
+        {
+            if (EqualityComparer<T>.Default.Equals(field, value))
+                return false;
+            field = value;
+            OnPropertyChanged(propertyName);
+            return true;
+        }
+    }
+}

Packages/com.walletconnect.web3modal/Resources/WalletConnect/Web3Modal/Views/AccountView/AccountView.uxml.meta

@@ -10,6 +10,9 @@ namespace WalletConnect.Web3Modal
 {
     public class ApiController
     {
+        private const string BasePath = "https://api.web3modal.com/";
+        private const int TimoutSeconds = 5;
+        
         private readonly string _includedWalletIdsString = Web3Modal.Config.includedWalletIds is { Length: > 0 }
             ? string.Join(",", Web3Modal.Config.includedWalletIds)
             : null;
@@ -20,9 +23,6 @@ public class ApiController
         private readonly UnityHttpClient _httpClient = new(new Uri(BasePath), TimeSpan.FromSeconds(TimoutSeconds),
             new Web3ModalApiHeaderDecorator()
         );
-
-        private const string BasePath = "https://api.web3modal.com/";
-        private const int TimoutSeconds = 5;
 
         private const string Platform =
 #if UNITY_ANDROID

Packages/com.walletconnect.web3modal/Runtime/Connectors/WalletConnect/WalletConnectConnector.cs

@@ -0,0 +1,37 @@
+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+using UnityEngine;
+using WalletConnect.Web3Modal.Http;
+using WalletConnect.Web3Modal.Model.BlockchainApi;
+using WalletConnectUnity.Core;
+
+namespace WalletConnect.Web3Modal
+{
+    public class BlockchainApiController
+    {
+        private const string BasePath = "https://rpc.walletconnect.org/v1/";
+        private const int TimoutSeconds = 5;
+        
+        private readonly UnityHttpClient _httpClient = new(new Uri(BasePath), TimeSpan.FromSeconds(TimoutSeconds));
+        
+        private readonly IDictionary<string, string> _getBalanceHeaders = new Dictionary<string, string>
+        {
+            {"x-sdk-version", SdkMetadata.Version}
+        };
+
+        public async Task<GetIdentityResponse> GetIdentityAsync(string address)
+        {
+            Debug.Log("GetIdentityAsync");
+            var projectId = ProjectConfiguration.Load().Id;
+            return await _httpClient.GetAsync<GetIdentityResponse>($"identity/{address}?projectId={projectId}");
+        }
+
+        public async Task<GetBalanceResponse> GetBalanceAsync(string address)
+        {
+            Debug.Log("GetBalanceAsync");
+            var projectId = ProjectConfiguration.Load().Id;
+            return await _httpClient.GetAsync<GetBalanceResponse>($"account/{address}/balance?projectId={projectId}&currency=usd", headers: _getBalanceHeaders);
+        }
+    }
+}