chore: multichain improvements (#221)

Author: ignaciosantise

dapps/ModalEthers/.env.example

@@ -1 +1 @@
-ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://cloud.reown.com/
+ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://dashboard.reown.com/

dapps/ModalUProvider/.env.example

@@ -1,3 +1,3 @@
-ENV_PROJECT_ID='YOUR_ENV_PROJECT_ID' #Get it from https://cloud.reown.com/
+ENV_PROJECT_ID='YOUR_ENV_PROJECT_ID' #Get it from https://dashboard.reown.com/
 ENV_RELAY_URL=''
 ENV_SENTRY_DSN='...'

dapps/ModalViem/.env.example

@@ -1 +1 @@
-ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://cloud.reown.com/
+ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://dashboard.reown.com/

dapps/W3MEthers/.env.example

@@ -1 +1 @@
-ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://cloud.reown.com/
+ENV_PROJECT_ID='YOUR_PROJECT_ID' #Get it from https://dashboard.reown.com/

dapps/W3MEthers/package.json

@@ -10,24 +10,26 @@
     "test": "jest"
   },
   "dependencies": {
+    "@bitcoinerlab/secp256k1": "1.2.0",
     "@coinbase/wallet-mobile-sdk": "1.1.2",
     "@react-native-async-storage/async-storage": "1.21.0",
     "@react-native-clipboard/clipboard": "1.13.2",
     "@react-native-community/netinfo": "11.2.1",
-    "@reown/appkit-coinbase-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-ethers-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-solana-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-bitcoin-react-native": "2.0.0-alpha.2",
-    "@reown/appkit-react-native": "2.0.0-alpha.2",
+    "@reown/appkit-coinbase-react-native": "2.0.0-alpha.3",
+    "@reown/appkit-ethers-react-native": "2.0.0-alpha.3",
+    "@reown/appkit-solana-react-native": "2.0.0-alpha.3",
+    "@reown/appkit-bitcoin-react-native": "2.0.0-alpha.3",
+    "@reown/appkit-react-native": "2.0.0-alpha.3",
     "@walletconnect/react-native-compat": "2.21.5",
+    "bitcoinjs-lib": "7.0.0-rc.0",
     "ethers": "6.15.0",
     "expo": "^50.0.0",
     "react": "18.2.0",
     "react-native": "0.73.4",
     "react-native-get-random-values": "1.10.0",
     "react-native-mmkv": "2.11.0",
-    "react-native-modal": "14.0.0-rc.1",
     "react-native-svg": "14.1.0",
+    "react-native-toast-message": "2.3.3",
     "text-encoding": "^0.7.0"
   },
   "devDependencies": {
@@ -68,6 +70,7 @@
     "tar": "^6.2.1",
     "send": "^0.19.0",
     "undici": "^6.21.2",
-    "serve-static": "^1.16.2"
+    "serve-static": "^1.16.2",
+    "valtio": "2.1.5"
   }
 }

dapps/W3MEthers/src/App.tsx

@@ -5,6 +5,7 @@ import React, {useEffect} from 'react';
 import {Linking, SafeAreaView, StyleSheet} from 'react-native';
 import Clipboard from '@react-native-clipboard/clipboard';
 import {MMKV} from 'react-native-mmkv';
+import Toast from 'react-native-toast-message';
 
 import {
   createAppKit,
@@ -30,8 +31,9 @@ import {mainnet, polygon} from './utils/ChainUtils';
 import {siweConfig} from './utils/SiweUtils';
 import {storage} from './utils/StorageUtil';
 import {ActionsView} from './views/ActionsView';
+import {WalletInfoView} from './views/WalletInfoView';
 
-// 1. Get projectId at https://cloud.reown.com
+// 1. Get projectId at https://dashboard.reown.com
 const projectId = ENV_PROJECT_ID;
 
 // 2. Define your chains
@@ -54,19 +56,11 @@ const clipboardClient = {
   },
 };
 
-const ethersAdapter = new EthersAdapter({
-  projectId,
-});
-
-const solanaAdapter = new SolanaAdapter({
-  projectId,
-});
-
-const bitcoinAdapter = new BitcoinAdapter({
-  projectId,
-});
-
-const adapters = [ethersAdapter, solanaAdapter, bitcoinAdapter];
+const adapters = [
+  new EthersAdapter(),
+  new SolanaAdapter(),
+  new BitcoinAdapter(),
+];
 
 // 3. Create modal
 const appKit = createAppKit({
@@ -79,7 +73,7 @@ const appKit = createAppKit({
   clipboardClient,
   enableAnalytics: true,
   extraConnectors: [
-    new PhantomConnector({cluster: 'mainnet-beta'}),
+    new PhantomConnector(),
     new CoinbaseConnector({storage: new MMKV()}),
   ],
   features: {
@@ -108,10 +102,12 @@ function App(): React.JSX.Element {
           AppKit + ethers
         </Text>
         <FlexView style={styles.buttonContainer}>
+          <WalletInfoView />
           <AppKitButton balance="show" />
           <NetworkButton />
           <ActionsView />
         </FlexView>
+        <Toast />
         <AppKit />
       </AppKitProvider>
     </SafeAreaView>