[walletconnect-v2.0.4-alpha.2] : Feature - Connect First ChainId on WalletConnect session request (#1099)

* walletConnnect chain id

* walletConnnect chain id with option

* merge develop

* merge develop

* readme

* demo package bump

* demo package bump

Author: mahmud-bn

packages/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demo",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "devDependencies": {
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
@@ -35,7 +35,7 @@
     "@web3-onboard/portis": "^2.0.3-alpha.1",
     "@web3-onboard/torus": "^2.0.4-alpha.1",
     "@web3-onboard/trezor": "^2.1.3-alpha.1",
-    "@web3-onboard/walletconnect": "^2.0.4-alpha.1",
+    "@web3-onboard/walletconnect": "^2.0.4-alpha.2",
     "@web3-onboard/web3auth": "^2.0.2-alpha.1",
     "vconsole": "^3.9.5"
   },

packages/walletconnect/README.md

@@ -14,6 +14,7 @@ type WalletConnectOptions = {
   qrcodeModalOptions?: {
     mobileLinks: string[] // set the order and list of mobile linking wallets
   }
+  connectFirstChainId?: boolean // if true, connects to the first network chain provided
 }
 ```
 
@@ -29,6 +30,7 @@ const walletConnect = walletConnectModule({
   qrcodeModalOptions: {
     mobileLinks: ['rainbow', 'metamask', 'argent', 'trust', 'imtoken', 'pillar']
   }
+  connectFirstChainId: true
 })
 
 // can also initialize with no options...

packages/walletconnect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.0.4-alpha.1",
+  "version": "2.0.4-alpha.2",
   "description": "WalletConnect module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",

packages/walletconnect/src/index.ts

@@ -12,10 +12,11 @@ interface WalletConnectOptions {
   qrcodeModalOptions?: {
     mobileLinks: string[]
   }
+  connectFirstChainId?: boolean
 }
 
 function walletConnect(options?: WalletConnectOptions): WalletInit {
-  const { bridge = 'https://bridge.walletconnect.org', qrcodeModalOptions } =
+  const { bridge = 'https://bridge.walletconnect.org', qrcodeModalOptions , connectFirstChainId} =
     options || {}
 
   return () => {
@@ -129,7 +130,7 @@ function walletConnect(options?: WalletConnectOptions): WalletInit {
                   // Check if connection is already established
                   if (!this.connector.connected) {
                     // create new session
-                    this.connector.createSession().then(() => {
+                    this.connector.createSession(connectFirstChainId ? {chainId: parseInt(chains[0].id, 16)} : undefined).then(() => {
                       QRCodeModal.open(
                         this.connector.uri,
                         () =>