1- // near api js
2- import { providers } from 'near-api-js' ;
3-
41// wallet selector
5- import { distinctUntilChanged , map } from 'rxjs' ;
62import '@near-wallet-selector/modal-ui/styles.css' ;
7- import { setupModal } from '@near-wallet-selector/modal-ui' ;
3+
4+ import { setupBitteWallet } from '@near-wallet-selector/bitte-wallet' ;
85import { setupWalletSelector } from '@near-wallet-selector/core' ;
9- import { setupHereWallet } from '@near-wallet-selector/here-wallet' ;
6+ import { setupEthereumWallets } from '@near-wallet-selector/ethereum-wallets' ;
7+ import { setupLedger } from '@near-wallet-selector/ledger' ;
8+ import { setupMeteorWallet } from '@near-wallet-selector/meteor-wallet' ;
9+ import { setupModal } from '@near-wallet-selector/modal-ui' ;
1010import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet' ;
11+ import { setupSender } from '@near-wallet-selector/sender' ;
12+ import { setupHereWallet } from '@near-wallet-selector/here-wallet' ;
13+ import { setupNearMobileWallet } from '@near-wallet-selector/near-mobile-wallet' ;
14+ import { setupWelldoneWallet } from '@near-wallet-selector/welldone-wallet' ;
15+
16+
17+ // near api js
18+ import { providers , utils } from 'near-api-js' ;
19+ import { createContext } from 'react' ;
20+
21+ // ethereum wallets
22+ import { wagmiConfig , web3Modal } from '@/wallets/web3modal' ;
1123
1224const THIRTY_TGAS = '30000000000000' ;
1325const NO_DEPOSIT = '0' ;
@@ -30,27 +42,32 @@ export class Wallet {
3042 /**
3143 * To be called when the website loads
3244 * @param {Function } accountChangeHook - a function that is called when the user signs in or out#
33- * @returns {Promise<string> } - the accountId of the signed-in user
45+ * @returns {Promise<string> } - the accountId of the signed-in user
3446 */
3547 startUp = async ( accountChangeHook ) => {
3648 this . selector = setupWalletSelector ( {
3749 network : this . networkId ,
38- modules : [ setupMyNearWallet ( ) , setupHereWallet ( ) ]
50+ modules : [
51+ setupMeteorWallet ( ) ,
52+ setupEthereumWallets ( { wagmiConfig, web3Modal, alwaysOnboardDuringSignIn : true } ) ,
53+ setupLedger ( ) ,
54+ setupBitteWallet ( ) ,
55+ setupHereWallet ( ) ,
56+ setupSender ( ) ,
57+ setupNearMobileWallet ( ) ,
58+ setupWelldoneWallet ( ) ,
59+ setupMyNearWallet ( ) ,
60+ ] ,
3961 } ) ;
4062
4163 const walletSelector = await this . selector ;
4264 const isSignedIn = walletSelector . isSignedIn ( ) ;
4365 const accountId = isSignedIn ? walletSelector . store . getState ( ) . accounts [ 0 ] . accountId : '' ;
4466
45- walletSelector . store . observable
46- . pipe (
47- map ( state => state . accounts ) ,
48- distinctUntilChanged ( )
49- )
50- . subscribe ( accounts => {
51- const signedAccount = accounts . find ( ( account ) => account . active ) ?. accountId ;
52- accountChangeHook ( signedAccount ) ;
53- } ) ;
67+ walletSelector . store . observable . subscribe ( async ( state ) => {
68+ const signedAccount = state ?. accounts . find ( ( account ) => account . active ) ?. accountId ;
69+ accountChangeHook ( signedAccount || '' ) ;
70+ } ) ;
5471
5572 return accountId ;
5673 } ;
@@ -83,7 +100,7 @@ export class Wallet {
83100 const url = `https://rpc.${ this . networkId } ;
84101 const provider = new providers . JsonRpcProvider ( { url } ) ;
85102
86- let res = await provider . query ( {
103+ const res = await provider . query ( {
87104 request_type : 'call_function' ,
88105 account_id : contractId ,
89106 method_name : method ,
@@ -93,7 +110,6 @@ export class Wallet {
93110 return JSON . parse ( Buffer . from ( res . result ) . toString ( ) ) ;
94111 } ;
95112
96-
97113 /**
98114 * Makes a call to a contract
99115 * @param {Object } options - the options for the call
@@ -126,7 +142,7 @@ export class Wallet {
126142 } ;
127143
128144 /**
129- * Retrieves transaction result from the network
145+ * Makes a call to a contract
130146 * @param {string } txhash - the transaction hash
131147 * @returns {Promise<JSON.value> } - the result of the transaction
132148 */
@@ -135,7 +151,77 @@ export class Wallet {
135151 const { network } = walletSelector . options ;
136152 const provider = new providers . JsonRpcProvider ( { url : network . nodeUrl } ) ;
137153
138- const transaction = await provider . txStatus ( txhash , 'unnused' ) ;
154+ // Retrieve transaction result from the network
155+ const transaction = await provider . txStatus ( txhash , 'unused' ) ;
139156 return providers . getTransactionLastResult ( transaction ) ;
140157 } ;
158+
159+ /**
160+ * Gets the balance of an account
161+ * @param {string } accountId - the account id to get the balance of
162+ * @param {boolean } format - whether to format the balance
163+ * @returns {Promise<number> } - the balance of the account
164+ *
165+ */
166+ getBalance = async ( accountId , format = false ) => {
167+ const walletSelector = await this . selector ;
168+ const { network } = walletSelector . options ;
169+ const provider = new providers . JsonRpcProvider ( { url : network . nodeUrl } ) ;
170+
171+ // Retrieve account state from the network
172+ const account = await provider . query ( {
173+ request_type : 'view_account' ,
174+ account_id : accountId ,
175+ finality : 'final' ,
176+ } ) ;
177+
178+ // Format the amount if needed
179+ if ( format ) {
180+ return account . amount ? utils . format . formatNearAmount ( account . amount ) : '0' ;
181+ } else {
182+ return account . amount || '0' ;
183+ }
184+ } ;
185+
186+ /**
187+ * Signs and sends transactions
188+ * @param {Object[] } transactions - the transactions to sign and send
189+ * @returns {Promise<Transaction[]> } - the resulting transactions
190+ *
191+ */
192+ signAndSendTransactions = async ( { transactions } ) => {
193+ const selectedWallet = await ( await this . selector ) . wallet ( ) ;
194+ return selectedWallet . signAndSendTransactions ( { transactions } ) ;
195+ } ;
196+
197+ /**
198+ *
199+ * @param {string } accountId
200+ * @returns {Promise<Object[]> } - the access keys for the
201+ */
202+ getAccessKeys = async ( accountId ) => {
203+ const walletSelector = await this . selector ;
204+ const { network } = walletSelector . options ;
205+ const provider = new providers . JsonRpcProvider ( { url : network . nodeUrl } ) ;
206+
207+ // Retrieve account state from the network
208+ const keys = await provider . query ( {
209+ request_type : 'view_access_key_list' ,
210+ account_id : accountId ,
211+ finality : 'final' ,
212+ } ) ;
213+ return keys . keys ;
214+ } ;
141215}
216+
217+ /**
218+ * @typedef NearContext
219+ * @property {import('./wallets/near').Wallet } wallet Current wallet
220+ * @property {string } signedAccountId The AccountId of the signed user
221+ */
222+
223+ /** @type {import ('react').Context<NearContext> } */
224+ export const NearContext = createContext ( {
225+ wallet : undefined ,
226+ signedAccountId : '' ,
227+ } ) ;
0 commit comments