feat: add ton wallet lib to react-wallet-v2

advanced/wallets/react-wallet-v2/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

advanced/wallets/react-wallet-v2/package.json

@@ -28,6 +28,7 @@
     "@near-wallet-selector/wallet-utils": "^8.0.0",
     "@nextui-org/react": "1.0.8-beta.5",
     "@noble/curves": "^1.6.0",
+    "@noble/hashes": "^1.8.0",
     "@polkadot/keyring": "^10.1.2",
     "@polkadot/types": "^9.3.3",
     "@reown/appkit-experimental": "1.6.8",
@@ -38,6 +39,9 @@
     "@stacks/wallet-sdk": "^7.0.6",
     "@taquito/signer": "^15.1.0",
     "@taquito/taquito": "^15.1.0",
+    "@ton/core": "^0.61.0",
+    "@ton/crypto": "^3.3.0",
+    "@ton/ton": "^15.3.1",
     "@types/semver": "^7.5.8",
     "@zerodev/ecdsa-validator": "5.3.0",
     "@zerodev/presets": "5.3.0",

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

@@ -28,6 +28,8 @@ import SessionSignSuiTransactionModal from '@/views/SessionSignSuiTransactionMod
 import SessionSignSuiAndExecuteTransactionModal from '@/views/SessionSignAndExecuteSuiTransactionModal'
 import SessionSendStacksTransferModal from '@/views/SessionSendStacksTransferModal'
 import SessionSignStacksMessageModal from '@/views/SessionSignStacksMessageModal'
+import SessionTonSendTransactionModal from '@/views/SessionSignTonTransactionModal'
+import SessionTonSignDataModal from '@/views/SessionSignTonPersonalMessageModal'
 
 export default function Modal() {
   const { open, view } = useSnapshot(ModalStore.state)
@@ -92,6 +94,10 @@ export default function Modal() {
         return <SessionSendStacksTransferModal />
       case 'SessionSignStacksMessageModal':
         return <SessionSignStacksMessageModal />
+      case 'SessionTonSendTransactionModal':
+        return <SessionTonSendTransactionModal />
+      case 'SessionTonSignDataModal':
+        return <SessionTonSignDataModal />
       default:
         return null
     }

advanced/wallets/react-wallet-v2/src/data/TonData.ts

@@ -0,0 +1,39 @@
+/**
+ * Types
+ */
+export type TTonChain = keyof typeof TON_MAINNET_CHAINS | keyof typeof TON_TEST_CHAINS
+
+/**
+ * Chains
+ */
+export const TON_MAINNET_CHAINS = {
+  'ton:-239': {
+    chainId: '-239',
+    name: 'TON Mainnet',
+    logo: '/chain-logos/ton.png',
+    rgb: '0, 136, 204',
+    rpc: '',
+    namespace: 'ton'
+  }
+}
+
+export const TON_TEST_CHAINS = {
+  'ton:-3': {
+    chainId: '-3',
+    name: 'TON Testnet',
+    logo: '/chain-logos/ton.png',
+    rgb: '0, 136, 204',
+    rpc: '',
+    namespace: 'ton'
+  }
+}
+
+export const TON_CHAINS = { ...TON_MAINNET_CHAINS, ...TON_TEST_CHAINS }
+
+/**
+ * Methods
+ */
+export const TON_SIGNING_METHODS = {
+  SEND_TRANSACTION: 'SendTransaction',
+  SIGN_DATA: 'SignData'
+}

advanced/wallets/react-wallet-v2/src/data/chainsUtil.ts

@@ -11,6 +11,7 @@ import { TEZOS_CHAINS } from './TezosData'
 import { TRON_CHAINS } from './TronData'
 import { SUI_CHAINS } from './SuiData'
 import { STACKS_CHAINS } from './StacksData'
+import { TON_CHAINS } from './TonData'
 
 export const ALL_CHAINS = {
   ...EIP155_CHAINS,
@@ -24,7 +25,8 @@ export const ALL_CHAINS = {
   ...TRON_CHAINS,
   ...BIP122_CHAINS,
   ...SUI_CHAINS,
-  ...STACKS_CHAINS
+  ...STACKS_CHAINS,
+  ...TON_CHAINS
 }
 
 export function getChainData(chainId?: string) {

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

@@ -15,6 +15,7 @@ import useSmartAccounts from './useSmartAccounts'
 import { createOrRestoreBip122Wallet } from '@/utils/Bip122WalletUtil'
 import { createOrRestoreSuiWallet } from '@/utils/SuiWalletUtil'
 import { createOrRestoreStacksWallet } from '@/utils/StacksWalletUtil'
+import { createOrRestoreTonWallet } from '@/utils/TonWalletUtil'
 
 // guard against multiple calls to createWalletKit while the wallet is initializing
 let startedInit = false
@@ -48,6 +49,7 @@ export default function useInitialization() {
         const { bip122Addresses } = await createOrRestoreBip122Wallet()
         const { stacksAddresses } = await createOrRestoreStacksWallet()
         const { suiAddresses } = await createOrRestoreSuiWallet()
+        const { tonAddresses } = await createOrRestoreTonWallet()
         SettingsStore.setCosmosAddress(cosmosAddresses[0])
         SettingsStore.setSolanaAddress(solanaAddresses[0])
         SettingsStore.setPolkadotAddress(polkadotAddresses[0])
@@ -60,6 +62,7 @@ export default function useInitialization() {
         SettingsStore.setStacksAddress('mainnet', stacksAddresses[0])
         SettingsStore.setStacksAddress('testnet', stacksAddresses[1])
         SettingsStore.setSuiAddress(suiAddresses[0])
+        SettingsStore.setTonAddress(tonAddresses[0])
       })()
       await createWalletKit(relayerRegionURL)
       setInitialized(true)

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

@@ -27,6 +27,7 @@ import { CheckoutErrorCode } from '@/types/wallet_checkout'
 import { createCheckoutError } from '@/types/wallet_checkout'
 import { SUI_SIGNING_METHODS } from '@/data/SuiData'
 import { STACKS_SIGNING_METHODS } from '@/data/StacksData'
+import { TON_SIGNING_METHODS } from '@/data/TonData'
 
 export default function useWalletConnectEventsManager(initialized: boolean) {
   /******************************************************************************
@@ -195,6 +196,13 @@ export default function useWalletConnectEventsManager(initialized: boolean) {
           return ModalStore.open('SessionSendStacksTransferModal', { requestEvent, requestSession })
         case STACKS_SIGNING_METHODS.STACKS_SIGN_MESSAGE:
           return ModalStore.open('SessionSignStacksMessageModal', { requestEvent, requestSession })
+        case TON_SIGNING_METHODS.SIGN_DATA:
+          return ModalStore.open('SessionTonSignDataModal', {
+            requestEvent,
+            requestSession
+          })
+        case TON_SIGNING_METHODS.SEND_TRANSACTION:
+          return ModalStore.open('SessionTonSendTransactionModal', { requestEvent, requestSession })
         default:
           return ModalStore.open('SessionUnsuportedMethodModal', { requestEvent, requestSession })
       }