feat: adds Elrond support (#67)

wallets/react-wallet-v2/next.config.js

@@ -1,3 +1,11 @@
 module.exports = {
-  reactStrictMode: true
+  reactStrictMode: true,
+  webpack(config) {
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      fs: false
+    }
+
+    return config
+  }
 }

wallets/react-wallet-v2/package.json

@@ -12,6 +12,8 @@
     "@cosmjs/amino": "0.28.4",
     "@cosmjs/encoding": "0.28.4",
     "@cosmjs/proto-signing": "0.28.4",
+    "@elrondnetwork/erdjs": "11.1.1",
+    "@elrondnetwork/erdjs-walletcore": "2.1.0",
     "@json-rpc-tools/utils": "1.7.6",
     "@near-wallet-selector/wallet-utils": "^7.0.2",
     "@nextui-org/react": "1.0.8-beta.5",

wallets/react-wallet-v2/src/components/AccountPicker.tsx

@@ -3,6 +3,7 @@ import { cosmosAddresses } from '@/utils/CosmosWalletUtil'
 import { eip155Addresses } from '@/utils/EIP155WalletUtil'
 import { nearAddresses } from '@/utils/NearWalletUtil'
 import { solanaAddresses } from '@/utils/SolanaWalletUtil'
+import { elrondAddresses } from '@/utils/ElrondWalletUtil'
 import { useSnapshot } from 'valtio'
 
 export default function AccountPicker() {
@@ -15,6 +16,7 @@ export default function AccountPicker() {
     SettingsStore.setCosmosAddress(cosmosAddresses[account])
     SettingsStore.setSolanaAddress(solanaAddresses[account])
     SettingsStore.setNearAddress(nearAddresses[account])
+    SettingsStore.setElrondAddress(elrondAddresses[account])
   }
 
   return (

wallets/react-wallet-v2/src/components/Modal.tsx

@@ -6,6 +6,7 @@ import SessionRequestModal from '@/views/SessionSignModal'
 import SessionSignNearModal from '@/views/SessionSignNearModal'
 import SessionSignPolkadotModal from '@/views/SessionSignPolkadotModal'
 import SessionSignSolanaModal from '@/views/SessionSignSolanaModal'
+import SessionSignElrondModal from '@/views/SessionSignElrondModal'
 import SessionSignTypedDataModal from '@/views/SessionSignTypedDataModal'
 import SessionUnsuportedMethodModal from '@/views/SessionUnsuportedMethodModal'
 import { Modal as NextModal } from '@nextui-org/react'
@@ -25,6 +26,7 @@ export default function Modal() {
       {view === 'SessionSignSolanaModal' && <SessionSignSolanaModal />}
       {view === 'SessionSignPolkadotModal' && <SessionSignPolkadotModal />}
       {view === 'SessionSignNearModal' && <SessionSignNearModal />}
+      {view === 'SessionSignElrondModal' && <SessionSignElrondModal />}
     </NextModal>
   )
 }

wallets/react-wallet-v2/src/components/RequestDetalilsCard.tsx

@@ -2,6 +2,7 @@ import { COSMOS_MAINNET_CHAINS, TCosmosChain } from '@/data/COSMOSData'
 import { EIP155_CHAINS, TEIP155Chain } from '@/data/EIP155Data'
 import { NEAR_TEST_CHAINS, TNearChain } from '@/data/NEARData'
 import { SOLANA_CHAINS, TSolanaChain } from '@/data/SolanaData'
+import { ELROND_CHAINS, TElrondChain } from '@/data/ElrondData'
 import { Col, Divider, Row, Text } from '@nextui-org/react'
 import { Fragment } from 'react'
 
@@ -30,6 +31,7 @@ export default function RequesDetailsCard({ chains, protocol }: IProps) {
                   COSMOS_MAINNET_CHAINS[chain as TCosmosChain]?.name ??
                   SOLANA_CHAINS[chain as TSolanaChain]?.name ??
                   NEAR_TEST_CHAINS[chain as TNearChain]?.name ??
+                  ELROND_CHAINS[chain as TElrondChain]?.name ??
                   chain
               )
               .join(', ')}

wallets/react-wallet-v2/src/components/SessionChainCard.tsx

@@ -3,6 +3,7 @@ import { COSMOS_MAINNET_CHAINS } from '@/data/COSMOSData'
 import { EIP155_MAINNET_CHAINS, EIP155_TEST_CHAINS } from '@/data/EIP155Data'
 import { NEAR_TEST_CHAINS } from '@/data/NEARData'
 import { SOLANA_MAINNET_CHAINS, SOLANA_TEST_CHAINS } from '@/data/SolanaData'
+import { ELROND_MAINNET_CHAINS, ELROND_TEST_CHAINS } from '@/data/ElrondData'
 import { formatChainName } from '@/utils/HelperUtil'
 import { Col, Row, Text } from '@nextui-org/react'
 import { SessionTypes } from '@walletconnect/types'
@@ -14,10 +15,12 @@ import { Fragment } from 'react'
 const CHAIN_METADATA = {
   ...COSMOS_MAINNET_CHAINS,
   ...SOLANA_MAINNET_CHAINS,
+  ...ELROND_MAINNET_CHAINS,
   ...EIP155_MAINNET_CHAINS,
   ...EIP155_TEST_CHAINS,
   ...SOLANA_TEST_CHAINS,
-  ...NEAR_TEST_CHAINS
+  ...NEAR_TEST_CHAINS,
+  ...ELROND_TEST_CHAINS
 }
 
 /**

wallets/react-wallet-v2/src/components/SessionProposalChainCard.tsx

@@ -3,6 +3,7 @@ import { COSMOS_MAINNET_CHAINS } from '@/data/COSMOSData'
 import { EIP155_MAINNET_CHAINS, EIP155_TEST_CHAINS } from '@/data/EIP155Data'
 import { NEAR_TEST_CHAINS } from '@/data/NEARData'
 import { SOLANA_MAINNET_CHAINS, SOLANA_TEST_CHAINS } from '@/data/SolanaData'
+import { ELROND_MAINNET_CHAINS, ELROND_TEST_CHAINS } from '@/data/ElrondData'
 import { formatChainName } from '@/utils/HelperUtil'
 import { Col, Row, Text } from '@nextui-org/react'
 import { ProposalTypes } from '@walletconnect/types'
@@ -14,10 +15,12 @@ import { Fragment } from 'react'
 const CHAIN_METADATA = {
   ...COSMOS_MAINNET_CHAINS,
   ...SOLANA_MAINNET_CHAINS,
+  ...ELROND_MAINNET_CHAINS,
   ...EIP155_MAINNET_CHAINS,
   ...EIP155_TEST_CHAINS,
   ...SOLANA_TEST_CHAINS,
-  ...NEAR_TEST_CHAINS
+  ...NEAR_TEST_CHAINS,
+  ...ELROND_TEST_CHAINS
 }
 
 /**

wallets/react-wallet-v2/src/data/ElrondData.ts

@@ -0,0 +1,47 @@
+/**
+ * Types
+ */
+export type TElrondChain = keyof typeof ELROND_MAINNET_CHAINS
+
+/**
+ * Chains
+ */
+export const ELROND_MAINNET_CHAINS = {
+  'elrond:1': {
+    chainId: '1',
+    name: 'Elrond',
+    logo: '/chain-logos/elrond-1.png',
+    rgb: '43, 45, 46',
+    rpc: ''
+  }
+}
+
+export const ELROND_TEST_CHAINS = {
+  'elrond:D': {
+    chainId: 'D',
+    name: 'Elrond Devnet',
+    logo: '/chain-logos/elrond-1.png',
+    rgb: '43, 45, 46',
+    rpc: ''
+  }
+  // Keep only one Test Chain visible
+  // 'elrond:T': {
+  //   chainId: 'T',
+  //   name: 'Elrond Testnet',
+  //   logo: '/chain-logos/elrond-1.png',
+  //   rgb: '43, 45, 46',
+  //   rpc: ''
+  // }
+}
+
+export const ELROND_CHAINS = { ...ELROND_MAINNET_CHAINS, ...ELROND_TEST_CHAINS }
+
+/**
+ * Methods
+ */
+export const ELROND_SIGNING_METHODS = {
+  ELROND_SIGN_TRANSACTION: 'erd_signTransaction',
+  ELROND_SIGN_TRANSACTIONS: 'erd_signTransactions',
+  ELROND_SIGN_MESSAGE: 'erd_signMessage',
+  ELROND_SIGN_LOGIN_TOKEN: 'erd_signLoginToken'
+}

wallets/react-wallet-v2/src/hooks/useInitialization.ts

@@ -3,6 +3,7 @@ import { createOrRestoreCosmosWallet } from '@/utils/CosmosWalletUtil'
 import { createOrRestoreEIP155Wallet } from '@/utils/EIP155WalletUtil'
 import { createOrRestoreSolanaWallet } from '@/utils/SolanaWalletUtil'
 import { createOrRestorePolkadotWallet } from '@/utils/PolkadotWalletUtil'
+import { createOrRestoreElrondWallet } from '@/utils/ElrondWalletUtil'
 import { createSignClient } from '@/utils/WalletConnectUtil'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useSnapshot } from 'valtio'
@@ -21,12 +22,14 @@ export default function useInitialization() {
       const { solanaAddresses } = await createOrRestoreSolanaWallet()
       const { polkadotAddresses } = await createOrRestorePolkadotWallet()
       const { nearAddresses } = await createOrRestoreNearWallet()
+      const { elrondAddresses } = await createOrRestoreElrondWallet()
 
       SettingsStore.setEIP155Address(eip155Addresses[0])
       SettingsStore.setCosmosAddress(cosmosAddresses[0])
       SettingsStore.setSolanaAddress(solanaAddresses[0])
       SettingsStore.setPolkadotAddress(polkadotAddresses[0])
       SettingsStore.setNearAddress(nearAddresses[0])
+      SettingsStore.setElrondAddress(elrondAddresses[0])
 
       await createSignClient(relayerRegionURL)
       prevRelayerURLValue.current = relayerRegionURL

wallets/react-wallet-v2/src/hooks/useWalletConnectEventsManager.ts

@@ -2,6 +2,7 @@ import { COSMOS_SIGNING_METHODS } from '@/data/COSMOSData'
 import { EIP155_SIGNING_METHODS } from '@/data/EIP155Data'
 import { SOLANA_SIGNING_METHODS } from '@/data/SolanaData'
 import { POLKADOT_SIGNING_METHODS } from '@/data/PolkadotData'
+import { ELROND_SIGNING_METHODS } from '@/data/ElrondData'
 import ModalStore from '@/store/ModalStore'
 import { signClient } from '@/utils/WalletConnectUtil'
 import { SignClientTypes } from '@walletconnect/types'
@@ -51,9 +52,11 @@ export default function useWalletConnectEventsManager(initialized: boolean) {
         case SOLANA_SIGNING_METHODS.SOLANA_SIGN_MESSAGE:
         case SOLANA_SIGNING_METHODS.SOLANA_SIGN_TRANSACTION:
           return ModalStore.open('SessionSignSolanaModal', { requestEvent, requestSession })
+
         case POLKADOT_SIGNING_METHODS.POLKADOT_SIGN_MESSAGE:
         case POLKADOT_SIGNING_METHODS.POLKADOT_SIGN_TRANSACTION:
           return ModalStore.open('SessionSignPolkadotModal', { requestEvent, requestSession })
+
         case NEAR_SIGNING_METHODS.NEAR_SIGN_IN:
         case NEAR_SIGNING_METHODS.NEAR_SIGN_OUT:
         case NEAR_SIGNING_METHODS.NEAR_SIGN_TRANSACTION:
@@ -63,6 +66,12 @@ export default function useWalletConnectEventsManager(initialized: boolean) {
         case NEAR_SIGNING_METHODS.NEAR_VERIFY_OWNER:
           return ModalStore.open('SessionSignNearModal', { requestEvent, requestSession })
 
+        case ELROND_SIGNING_METHODS.ELROND_SIGN_MESSAGE:
+        case ELROND_SIGNING_METHODS.ELROND_SIGN_TRANSACTION:
+        case ELROND_SIGNING_METHODS.ELROND_SIGN_TRANSACTIONS:
+        case ELROND_SIGNING_METHODS.ELROND_SIGN_LOGIN_TOKEN:
+          return ModalStore.open('SessionSignElrondModal', { requestEvent, requestSession })
+
         case NEAR_SIGNING_METHODS.NEAR_GET_ACCOUNTS:
           return signClient.respond({
             topic,

wallets/react-wallet-v2/src/lib/ElrondLib.ts

@@ -0,0 +1,90 @@
+import { Transaction, SignableMessage } from '@elrondnetwork/erdjs'
+import { Mnemonic, UserSecretKey, UserWallet, UserSigner } from '@elrondnetwork/erdjs-walletcore'
+
+/**
+ * Types
+ */
+interface IInitArgs {
+  mnemonic?: string
+}
+
+/**
+ * Library
+ */
+export default class ElrondLib {
+  wallet: UserWallet
+  mnemonic: Mnemonic
+  password: string
+
+  constructor(mnemonic: Mnemonic) {
+    this.mnemonic = mnemonic
+    this.password = 'password' // test purposes only
+
+    const secretKey = mnemonic.deriveKey(0)
+    const secretKeyHex = secretKey.hex()
+    let fromHex = UserSecretKey.fromString(secretKeyHex)
+    this.wallet = new UserWallet(fromHex, this.password)
+  }
+
+  static init({ mnemonic }: IInitArgs) {
+    const mnemonicObj = mnemonic ? Mnemonic.fromString(mnemonic) : Mnemonic.generate()
+
+    return new ElrondLib(mnemonicObj)
+  }
+
+  getMnemonic() {
+    const secretKey = this.mnemonic.getWords().join(' ')
+
+    return secretKey
+  }
+
+  getAddress() {
+    const secretKey = UserWallet.decryptSecretKey(this.wallet.toJSON(), this.password)
+    const address = secretKey.generatePublicKey().toAddress().bech32()
+
+    return address
+  }
+
+  async signMessage(message: string) {
+    const secretKey = UserWallet.decryptSecretKey(this.wallet.toJSON(), this.password)
+    const secretKeyHex = secretKey.hex()
+
+    const signMessage = new SignableMessage({
+      message: Buffer.from(message)
+    })
+
+    const signer = new UserSigner(UserSecretKey.fromString(secretKeyHex))
+    await signer.sign(signMessage)
+
+    return { signature: signMessage.signature.hex() }
+  }
+
+  async signTransaction(transaction: any) {
+    const secretKey = UserWallet.decryptSecretKey(this.wallet.toJSON(), this.password)
+    const secretKeyHex = secretKey.hex()
+
+    const signTransaction = Transaction.fromPlainObject(transaction)
+
+    const signer = new UserSigner(UserSecretKey.fromString(secretKeyHex))
+    await signer.sign(signTransaction)
+
+    return { signature: signTransaction.getSignature().hex() }
+  }
+
+  async signTransactions(transactions: any[]) {
+    const secretKey = UserWallet.decryptSecretKey(this.wallet.toJSON(), this.password)
+    const secretKeyHex = secretKey.hex()
+
+    const signatures = await Promise.all(
+      transactions.map(async (transaction: any): Promise<any> => {
+        const signTransaction = Transaction.fromPlainObject(transaction)
+        const signer = new UserSigner(UserSecretKey.fromString(secretKeyHex))
+        await signer.sign(signTransaction)
+
+        return { signature: signTransaction.getSignature().hex() }
+      })
+    )
+
+    return { signatures }
+  }
+}

wallets/react-wallet-v2/src/pages/index.tsx

@@ -5,6 +5,7 @@ import { COSMOS_MAINNET_CHAINS } from '@/data/COSMOSData'
 import { EIP155_MAINNET_CHAINS, EIP155_TEST_CHAINS } from '@/data/EIP155Data'
 import { SOLANA_MAINNET_CHAINS, SOLANA_TEST_CHAINS } from '@/data/SolanaData'
 import { POLKADOT_MAINNET_CHAINS, POLKADOT_TEST_CHAINS } from '@/data/PolkadotData'
+import { ELROND_MAINNET_CHAINS, ELROND_TEST_CHAINS } from '@/data/ElrondData'
 import SettingsStore from '@/store/SettingsStore'
 import { Text } from '@nextui-org/react'
 import { Fragment } from 'react'
@@ -12,8 +13,15 @@ import { useSnapshot } from 'valtio'
 import { NEAR_TEST_CHAINS } from '@/data/NEARData'
 
 export default function HomePage() {
-  const { testNets, eip155Address, cosmosAddress, solanaAddress, polkadotAddress, nearAddress } =
-    useSnapshot(SettingsStore.state)
+  const {
+    testNets,
+    eip155Address,
+    cosmosAddress,
+    solanaAddress,
+    polkadotAddress,
+    nearAddress,
+    elrondAddress
+  } = useSnapshot(SettingsStore.state)
 
   return (
     <Fragment>
@@ -35,6 +43,9 @@ export default function HomePage() {
       {Object.values(POLKADOT_MAINNET_CHAINS).map(({ name, logo, rgb }) => (
         <AccountCard key={name} name={name} logo={logo} rgb={rgb} address={polkadotAddress} />
       ))}
+      {Object.values(ELROND_MAINNET_CHAINS).map(({ name, logo, rgb }) => (
+        <AccountCard key={name} name={name} logo={logo} rgb={rgb} address={elrondAddress} />
+      ))}
 
       {testNets ? (
         <Fragment>
@@ -53,6 +64,9 @@ export default function HomePage() {
           {Object.values(NEAR_TEST_CHAINS).map(({ name, logo, rgb }) => (
             <AccountCard key={name} name={name} logo={logo} rgb={rgb} address={nearAddress} />
           ))}
+          {Object.values(ELROND_TEST_CHAINS).map(({ name, logo, rgb }) => (
+            <AccountCard key={name} name={name} logo={logo} rgb={rgb} address={elrondAddress} />
+          ))}
         </Fragment>
       ) : null}
     </Fragment>

wallets/react-wallet-v2/src/pages/settings.tsx

@@ -4,13 +4,16 @@ import SettingsStore from '@/store/SettingsStore'
 import { cosmosWallets } from '@/utils/CosmosWalletUtil'
 import { eip155Wallets } from '@/utils/EIP155WalletUtil'
 import { solanaWallets } from '@/utils/SolanaWalletUtil'
+import { elrondWallets } from '@/utils/ElrondWalletUtil'
 import { Card, Divider, Row, Switch, Text } from '@nextui-org/react'
 import { Fragment } from 'react'
 import { useSnapshot } from 'valtio'
 import packageJSON from '../../package.json'
 
 export default function SettingsPage() {
-  const { testNets, eip155Address, cosmosAddress, solanaAddress } = useSnapshot(SettingsStore.state)
+  const { testNets, eip155Address, cosmosAddress, solanaAddress, elrondAddress } = useSnapshot(
+    SettingsStore.state
+  )
 
   return (
     <Fragment>
@@ -78,6 +81,13 @@ export default function SettingsPage() {
       <Card bordered borderWeight="light" css={{ minHeight: '215px', wordWrap: 'break-word' }}>
         <Text css={{ fontFamily: '$mono' }}>{solanaWallets[solanaAddress].getSecretKey()}</Text>
       </Card>
+
+      <Text h4 css={{ marginTop: '$10', marginBottom: '$5' }}>
+        Elrond Mnemonic
+      </Text>
+      <Card bordered borderWeight="light" css={{ minHeight: '215px', wordWrap: 'break-word' }}>
+        <Text css={{ fontFamily: '$mono' }}>{elrondWallets[elrondAddress].getMnemonic()}</Text>
+      </Card>
     </Fragment>
   )
 }

wallets/react-wallet-v2/src/store/ModalStore.ts

@@ -22,6 +22,7 @@ interface State {
     | 'SessionSignSolanaModal'
     | 'SessionSignPolkadotModal'
     | 'SessionSignNearModal'
+    | 'SessionSignElrondModal'
   data?: ModalData
 }
 

wallets/react-wallet-v2/src/store/SettingsStore.ts

@@ -11,6 +11,7 @@ interface State {
   solanaAddress: string
   polkadotAddress: string
   nearAddress: string
+  elrondAddress: string
   relayerRegionURL: string
 }
 
@@ -25,6 +26,7 @@ const state = proxy<State>({
   solanaAddress: '',
   polkadotAddress: '',
   nearAddress: '',
+  elrondAddress: '',
   relayerRegionURL: ''
 })
 
@@ -60,6 +62,10 @@ const SettingsStore = {
     state.relayerRegionURL = relayerRegionURL
   },
 
+  setElrondAddress(elrondAddress: string) {
+    state.elrondAddress = elrondAddress
+  },
+
   toggleTestNets() {
     state.testNets = !state.testNets
     if (state.testNets) {

wallets/react-wallet-v2/src/utils/ElrondRequestHandlerUtil.ts

@@ -0,0 +1,54 @@
+import { ELROND_SIGNING_METHODS } from '@/data/ElrondData'
+import { getWalletAddressFromParams } from '@/utils/HelperUtil'
+import { elrondAddresses, elrondWallets } from '@/utils/ElrondWalletUtil'
+import { formatJsonRpcError, formatJsonRpcResult } from '@json-rpc-tools/utils'
+import { SignClientTypes } from '@walletconnect/types'
+import { getSdkError } from '@walletconnect/utils'
+
+export async function approveElrondRequest(
+  requestEvent: SignClientTypes.EventArguments['session_request']
+) {
+  const { params, id } = requestEvent
+  const { request } = params
+  const account = getWalletAddressFromParams(elrondAddresses, params)
+  const wallet = elrondWallets[account]
+
+  switch (request.method) {
+    case ELROND_SIGNING_METHODS.ELROND_SIGN_MESSAGE:
+      const signedMessage = await wallet.signMessage(request.params.message)
+      return formatJsonRpcResult(id, signedMessage)
+
+    case ELROND_SIGNING_METHODS.ELROND_SIGN_TRANSACTION:
+      const signTransaction = request.params.transaction
+      // Transactions must be signed with the Sender's Private Key before submitting them to the Elrond Network.
+      // Signing is performed with the Ed25519 algorithm.
+      const signature = await wallet.signTransaction(signTransaction)
+
+      return formatJsonRpcResult(id, signature)
+
+    case ELROND_SIGNING_METHODS.ELROND_SIGN_TRANSACTIONS:
+      // Elrond Allows for a Batch of Transactions to be signed
+      const signTransactions = request.params.transactions
+
+      const signatures = await wallet.signTransactions(signTransactions)
+      return formatJsonRpcResult(id, signatures)
+
+    case ELROND_SIGNING_METHODS.ELROND_SIGN_LOGIN_TOKEN:
+      // Sometimes a dApp (and its backend) might want to reliably assign an off-chain user identity to an Elrond address.
+      // On this purpose, the signing providers allow a login token to be used within the login flow  - this token is signed using the wallet of the user.
+      // Afterwards, a backend application would normally verify the signature of the token
+      const message = `${account}${request.params.token}{}`
+      const { signature: signedLoginToken } = await wallet.signMessage(message)
+
+      return formatJsonRpcResult(id, { signature: signedLoginToken })
+
+    default:
+      throw new Error(getSdkError('UNSUPPORTED_METHODS').message)
+  }
+}
+
+export function rejectElrondRequest(request: SignClientTypes.EventArguments['session_request']) {
+  const { id } = request
+
+  return formatJsonRpcError(id, getSdkError('USER_REJECTED_METHODS').message)
+}

wallets/react-wallet-v2/src/utils/ElrondWalletUtil.ts

@@ -0,0 +1,43 @@
+import ElrondLib from '@/lib/ElrondLib'
+
+export let wallet1: ElrondLib
+export let wallet2: ElrondLib
+export let elrondWallets: Record<string, ElrondLib>
+export let elrondAddresses: string[]
+
+let address1: string
+let address2: string
+
+/**
+ * Utilities
+ */
+export async function createOrRestoreElrondWallet() {
+  const mnemonic1 = localStorage.getItem('ELROND_MNEMONIC_1')
+  const mnemonic2 = localStorage.getItem('ELROND_MNEMONIC_2')
+
+  if (mnemonic1 && mnemonic2) {
+    wallet1 = await ElrondLib.init({ mnemonic: mnemonic1 })
+    wallet2 = await ElrondLib.init({ mnemonic: mnemonic2 })
+  } else {
+    wallet1 = await ElrondLib.init({})
+    wallet2 = await ElrondLib.init({})
+
+    // Don't store mnemonic in local storage in a production project!
+    localStorage.setItem('ELROND_MNEMONIC_1', wallet1.getMnemonic())
+    localStorage.setItem('ELROND_MNEMONIC_2', wallet2.getMnemonic())
+  }
+
+  address1 = await wallet1.getAddress()
+  address2 = await wallet2.getAddress()
+
+  elrondWallets = {
+    [address1]: wallet1,
+    [address2]: wallet2
+  }
+  elrondAddresses = Object.keys(elrondWallets)
+
+  return {
+    elrondWallets,
+    elrondAddresses
+  }
+}

wallets/react-wallet-v2/src/utils/HelperUtil.ts

@@ -2,6 +2,7 @@ import { COSMOS_MAINNET_CHAINS, TCosmosChain } from '@/data/COSMOSData'
 import { EIP155_CHAINS, TEIP155Chain } from '@/data/EIP155Data'
 import { NEAR_TEST_CHAINS, TNearChain } from '@/data/NEARData'
 import { SOLANA_CHAINS, TSolanaChain } from '@/data/SolanaData'
+import { ELROND_CHAINS, TElrondChain } from '@/data/ElrondData'
 import { utils } from 'ethers'
 
 /**
@@ -109,6 +110,13 @@ export function isNearChain(chain: string) {
   return chain.includes('near')
 }
 
+/**
+ * Check if chain is part of ELROND standard
+ */
+export function isElrondChain(chain: string) {
+  return chain.includes('elrond')
+}
+
 /**
  * Formats chainId to its name
  */
@@ -118,6 +126,7 @@ export function formatChainName(chainId: string) {
     COSMOS_MAINNET_CHAINS[chainId as TCosmosChain]?.name ??
     SOLANA_CHAINS[chainId as TSolanaChain]?.name ??
     NEAR_TEST_CHAINS[chainId as TNearChain]?.name ??
+    ELROND_CHAINS[chainId as TElrondChain]?.name ??
     chainId
   )
 }

wallets/react-wallet-v2/src/views/SessionProposalModal.tsx

@@ -6,12 +6,14 @@ import ModalStore from '@/store/ModalStore'
 import { cosmosAddresses } from '@/utils/CosmosWalletUtil'
 import { eip155Addresses } from '@/utils/EIP155WalletUtil'
 import { polkadotAddresses } from '@/utils/PolkadotWalletUtil'
+import { elrondAddresses } from '@/utils/ElrondWalletUtil'
 import {
   isCosmosChain,
   isEIP155Chain,
   isSolanaChain,
   isPolkadotChain,
-  isNearChain
+  isNearChain,
+  isElrondChain
 } from '@/utils/HelperUtil'
 import { solanaAddresses } from '@/utils/SolanaWalletUtil'
 import { signClient } from '@/utils/WalletConnectUtil'
@@ -138,6 +140,15 @@ export default function SessionProposalModal() {
           chain={chain}
         />
       )
+    } else if (isElrondChain(chain)) {
+      return (
+        <ProposalSelectSection
+          addresses={elrondAddresses}
+          selectedAddresses={selectedAccounts[chain]}
+          onSelect={onSelectAccount}
+          chain={chain}
+        />
+      )
     }
   }
 

wallets/react-wallet-v2/src/views/SessionSignElrondModal.tsx

@@ -0,0 +1,78 @@
+import ProjectInfoCard from '@/components/ProjectInfoCard'
+import RequestDataCard from '@/components/RequestDataCard'
+import RequesDetailsCard from '@/components/RequestDetalilsCard'
+import RequestMethodCard from '@/components/RequestMethodCard'
+import RequestModalContainer from '@/components/RequestModalContainer'
+import ModalStore from '@/store/ModalStore'
+import { approveElrondRequest, rejectElrondRequest } from '@/utils/ElrondRequestHandlerUtil'
+import { signClient } from '@/utils/WalletConnectUtil'
+import { Button, Divider, Modal, Text } from '@nextui-org/react'
+import { Fragment } from 'react'
+
+export default function SessionSignElrondModal() {
+  // Get request and wallet data from store
+  const requestEvent = ModalStore.state.data?.requestEvent
+  const requestSession = ModalStore.state.data?.requestSession
+
+  // Ensure request and wallet are defined
+  if (!requestEvent || !requestSession) {
+    return <Text>Missing request data</Text>
+  }
+
+  // Get required request data
+  const { topic, params } = requestEvent
+  const { request, chainId } = params
+
+  // Handle approve action (logic varies based on request method)
+  async function onApprove() {
+    if (requestEvent) {
+      const response = await approveElrondRequest(requestEvent)
+      await signClient.respond({
+        topic,
+        response
+      })
+      ModalStore.close()
+    }
+  }
+
+  // Handle reject action
+  async function onReject() {
+    if (requestEvent) {
+      const response = rejectElrondRequest(requestEvent)
+      await signClient.respond({
+        topic,
+        response
+      })
+      ModalStore.close()
+    }
+  }
+
+  return (
+    <Fragment>
+      <RequestModalContainer title="Sign Message">
+        <ProjectInfoCard metadata={requestSession.peer.metadata} />
+
+        <Divider y={2} />
+
+        <RequesDetailsCard chains={[chainId ?? '']} protocol={requestSession.relay.protocol} />
+
+        <Divider y={2} />
+
+        <RequestDataCard data={params} />
+
+        <Divider y={2} />
+
+        <RequestMethodCard methods={[request.method]} />
+      </RequestModalContainer>
+
+      <Modal.Footer>
+        <Button auto flat color="error" onClick={onReject}>
+          Reject
+        </Button>
+        <Button auto flat color="success" onClick={onApprove}>
+          Approve
+        </Button>
+      </Modal.Footer>
+    </Fragment>
+  )
+}