chore(w3i-rn-sdk): use latest Web3Inbox SDK

Author: Cali93

dapps/web3inbox/App.tsx

@@ -9,12 +9,16 @@ import {
   useWalletConnectModal,
 } from '@walletconnect/modal-react-native';
 
-const providerMetadata = {
+const clientMetadata = {
   name: 'Web3Inbox React Native Example',
   description:
     'An example app to showcase how to use Web3Inbox React Native SDK',
   url: 'https://github.com/WalletConnect/web3inbox-js-sdk',
   icons: ['https://avatars.githubusercontent.com/u/37784886'],
+};
+
+const providerMetadata = {
+  ...clientMetadata,
   redirect: {
     native: 'YOUR_APP_SCHEME://',
     universal: 'YOUR_APP_UNIVERSAL_LINK.com',
@@ -32,6 +36,23 @@ export default function Native() {
     [],
   );
 
+  const handleSign = useCallback(
+    async (message: string) => {
+      if (!provider || !address) {
+        return '';
+      }
+      const response = await provider?.request(
+        {
+          method: 'personal_sign',
+          params: [message, address],
+        },
+        'eip155:1',
+      );
+      return response as string;
+    },
+    [provider, address],
+  );
+
   return (
     <View style={styles.container}>
       <Text style={styles.header}>Web3Inbox React Native Webview</Text>
@@ -53,20 +74,13 @@ export default function Native() {
       />
       {address && isConnected && (
         <Web3Inbox
+          clientMetadata={clientMetadata}
           projectId={projectId}
           ethAddress={address}
-          onSign={async (message: string) => {
-            const response = await provider?.request(
-              {
-                method: 'personal_sign',
-                params: [message, address],
-              },
-              'eip155:1',
-            );
-            return response as string;
-          }}
+          onSign={handleSign}
           visible={isVisible}
           setVisible={toggleWeb3InboxModal}
+          chatEnabled={false}
         />
       )}
     </View>

dapps/web3inbox/babel.config.js

@@ -1,6 +1,16 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
   plugins: [
-    ["module:react-native-dotenv"]
-  ]
+    ['module:react-native-dotenv'],
+    [
+      'module-resolver',
+      {
+        alias: {
+          crypto: 'react-native-quick-crypto',
+          stream: 'stream-browserify',
+          buffer: '@craftzdog/react-native-buffer',
+        },
+      },
+    ],
+  ],
 };

dapps/web3inbox/package.json

@@ -3,40 +3,38 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "android": "react-native run-android --appId com.walletconnect.w3i.rnexample",
+    "android": "react-native run-android --appId=com.w3idapp",
     "android:build": "cd android && ./gradlew clean && ./gradlew assembleRelease",
     "ios": "react-native run-ios",
     "lint": "eslint .",
     "start": "react-native start",
     "test": "jest"
   },
   "dependencies": {
-    "@craftzdog/react-native-buffer": "6.0.5",
+    "@craftzdog/react-native-buffer": "^6.0.5",
     "@json-rpc-tools/utils": "1.7.6",
     "@react-native-async-storage/async-storage": "1.19.1",
+    "@react-native-community/netinfo": "^9.4.1",
     "@react-navigation/native": "6.1.6",
     "@react-navigation/native-stack": "6.9.12",
-    "@walletconnect/chat-client": "0.7.2",
-    "@walletconnect/core": "2.9.2",
+    "@walletconnect/core": "^2.10.0",
     "@walletconnect/modal-react-native": "1.0.0-rc.9",
-    "@walletconnect/push-client": "0.10.7",
-    "@walletconnect/react-native-compat": "2.9.2",
-    "@walletconnect/sync-client": "0.3.7",
-    "@walletconnect/types": "2.9.2",
-    "@walletconnect/web3inbox-webview": "0.0.6",
+    "@walletconnect/react-native-compat": "^2.10.0",
+    "@walletconnect/types": "^2.10.0",
+    "@walletconnect/web3inbox-webview": "^0.0.7",
     "babel-plugin-module-resolver": "5.0.0",
     "ethers": "5.7.2",
     "react": "18.2.0",
-    "react-native": "0.72.3",
+    "react-native": "^0.72.4",
     "react-native-get-random-values": "1.9.0",
     "react-native-modal": "13.0.1",
-    "react-native-quick-base64": "2.0.7",
-    "react-native-quick-crypto": "0.6.1",
+    "react-native-quick-base64": "^2.0.7",
+    "react-native-quick-crypto": "^0.6.1",
     "react-native-safe-area-context": "4.5.3",
     "react-native-screens": "3.20.0",
     "react-native-svg": "13.9.0",
     "react-native-webview": "13.3.1",
-    "stream-browserify": "3.0.0",
+    "stream-browserify": "^3.0.0",
     "text-encoding": "0.7.0"
   },
   "devDependencies": {