From ff014452600c3e5cbc2d68fd689c2178785f5e11 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 22 Jun 2022 08:09:18 -0600
Subject: [PATCH 01/13] Release: 2.1.0 (develop) (#1086)

* Update react package version
* Update version for release branch
* Update versions, remove alpha tag for publish
* Update to latest SDK for bugfix, modify to new API
Co-authored-by: Aaron Barnard <abarnard@protonmail.com>
---
 package.json                        |  2 +-
 packages/coinbase/package.json      |  4 ++--
 packages/common/package.json        |  2 +-
 packages/core/package.json          |  6 +++---
 packages/core/src/services.ts       | 10 +++++-----
 packages/dcent/package.json         |  4 ++--
 packages/demo/package.json          | 30 ++++++++++++++---------------
 packages/fortmatic/package.json     |  4 ++--
 packages/gnosis/package.json        |  4 ++--
 packages/injected/package.json      |  4 ++--
 packages/keepkey/package.json       |  4 ++--
 packages/keystone/package.json      |  4 ++--
 packages/ledger/package.json        |  4 ++--
 packages/magic/package.json         |  4 ++--
 packages/mew/package.json           |  4 ++--
 packages/portis/package.json        |  4 ++--
 packages/react/package.json         |  6 +++---
 packages/torus/package.json         |  4 ++--
 packages/trezor/package.json        |  4 ++--
 packages/vue/package.json           |  6 +++---
 packages/walletconnect/package.json |  4 ++--
 packages/web3auth/package.json      |  4 ++--
 yarn.lock                           | 18 ++++-------------
 23 files changed, 65 insertions(+), 75 deletions(-)

diff --git a/package.json b/package.json
index 341a17545..824fad638 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "private": true,
   "workspaces": [
     "./packages/*"
diff --git a/packages/coinbase/package.json b/packages/coinbase/package.json
index b0bf3ebc0..2ea4ac5a4 100644
--- a/packages/coinbase/package.json
+++ b/packages/coinbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.0.5-alpha.1",
+  "version": "2.0.5",
   "description": "Coinbase Wallet module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "^3.0.5",
-    "@web3-onboard/common": "2.1.2-alpha.2"
+    "@web3-onboard/common": "2.1.2"
   }
 }
diff --git a/packages/common/package.json b/packages/common/package.json
index e13ea417a..b0eca131e 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/common",
-  "version": "2.1.2-alpha.2",
+  "version": "2.1.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/package.json b/packages/core/package.json
index adcb6956b..f2d138f5f 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.0-alpha.4",
+  "version": "2.3.0",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -41,9 +41,9 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "bignumber.js": "^9.0.0",
-    "bnc-sdk": "^4.4.0",
+    "bnc-sdk": "^4.4.1",
     "bowser": "^2.11.0",
     "ethers": "5.5.3",
     "eventemitter3": "^4.0.7",
diff --git a/packages/core/src/services.ts b/packages/core/src/services.ts
index 5b86f27c7..05f7a8ac8 100644
--- a/packages/core/src/services.ts
+++ b/packages/core/src/services.ts
@@ -1,21 +1,21 @@
-import type { MultichainSDK } from 'bnc-sdk'
+import type { MultiChain } from 'bnc-sdk'
 import { configuration } from './configuration'
 import { handleTransactionUpdates } from './notify'
 
-let blocknativeSdk: MultichainSDK
+let blocknativeSdk: MultiChain
 
 /**
  *
  * @returns SDK if apikey
  */
-export async function getBlocknativeSdk(): Promise<MultichainSDK | null> {
+export async function getBlocknativeSdk(): Promise<MultiChain | null> {
   const { apiKey } = configuration
 
   if (!apiKey) return null
 
   if (!blocknativeSdk) {
-    const { MultichainSDK } = await import('bnc-sdk')
-    blocknativeSdk = new MultichainSDK({
+    const { default: Blocknative } = await import('bnc-sdk')
+    blocknativeSdk = Blocknative.multichain({
       apiKey: configuration.apiKey
     })
 
diff --git a/packages/dcent/package.json b/packages/dcent/package.json
index 5b23d41ee..a92d06ac2 100644
--- a/packages/dcent/package.json
+++ b/packages/dcent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/dcent",
-  "version": "2.0.2-alpha.1",
+  "version": "2.0.2",
   "description": "D'CENT module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "@ethereumjs/common": "^2.6.1",
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 530a8ac9e..32d5d5ff3 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -22,21 +22,21 @@
     "webpack-dev-server": "4.7.4"
   },
   "dependencies": {
-    "@web3-onboard/coinbase": "^2.0.5-alpha.1",
-    "@web3-onboard/core": "^2.3.0-alpha.4",
-    "@web3-onboard/dcent": "^2.0.2-alpha.1",
-    "@web3-onboard/fortmatic": "^2.0.4-alpha.1",
-    "@web3-onboard/gnosis": "^2.0.3-alpha.1",
-    "@web3-onboard/injected-wallets": "^2.0.10-alpha.1",
-    "@web3-onboard/keepkey": "^2.1.2-alpha.2",
-    "@web3-onboard/keystone": "^2.1.3-alpha.2",
-    "@web3-onboard/ledger": "^2.1.2-alpha.1",
-    "@web3-onboard/magic": "^2.0.5-alpha.1",
-    "@web3-onboard/portis": "^2.0.2-alpha.1",
-    "@web3-onboard/torus": "^2.0.3-alpha.1",
-    "@web3-onboard/trezor": "^2.1.2-alpha.1",
-    "@web3-onboard/walletconnect": "^2.0.3-alpha.1",
-    "@web3-onboard/web3auth": "^2.0.1-alpha.1",
+    "@web3-onboard/coinbase": "^2.0.5",
+    "@web3-onboard/core": "^2.3.0",
+    "@web3-onboard/dcent": "^2.0.2",
+    "@web3-onboard/fortmatic": "^2.0.4",
+    "@web3-onboard/gnosis": "^2.0.3",
+    "@web3-onboard/injected-wallets": "^2.0.10",
+    "@web3-onboard/keepkey": "^2.1.2",
+    "@web3-onboard/keystone": "^2.1.3",
+    "@web3-onboard/ledger": "^2.1.2",
+    "@web3-onboard/magic": "^2.0.5",
+    "@web3-onboard/portis": "^2.0.2",
+    "@web3-onboard/torus": "^2.0.3",
+    "@web3-onboard/trezor": "^2.1.2",
+    "@web3-onboard/walletconnect": "^2.0.3",
+    "@web3-onboard/web3auth": "^2.0.1",
     "vconsole": "^3.9.5"
   },
   "license": "MIT",
diff --git a/packages/fortmatic/package.json b/packages/fortmatic/package.json
index 875463d41..94fd3b61c 100644
--- a/packages/fortmatic/package.json
+++ b/packages/fortmatic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/fortmatic",
-  "version": "2.0.4-alpha.1",
+  "version": "2.0.4",
   "description": "Fortmatic module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "fortmatic": "^2.2.1"
   }
 }
diff --git a/packages/gnosis/package.json b/packages/gnosis/package.json
index 19fd555e9..f602b33ec 100644
--- a/packages/gnosis/package.json
+++ b/packages/gnosis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/gnosis",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3",
   "description": "Gnosis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,6 +23,6 @@
   "dependencies": {
     "@gnosis.pm/safe-apps-provider": "^0.9.2",
     "@gnosis.pm/safe-apps-sdk": "^6.1.1",
-    "@web3-onboard/common": "^2.1.2-alpha.2"
+    "@web3-onboard/common": "^2.1.2"
   }
 }
diff --git a/packages/injected/package.json b/packages/injected/package.json
index a11db5415..5eccd0d8d 100644
--- a/packages/injected/package.json
+++ b/packages/injected/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.0.10-alpha.1",
+  "version": "2.0.10",
   "description": "Injected wallets module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -25,7 +25,7 @@
     "window": "^4.2.7"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "joi": "^17.4.2",
     "lodash.uniqby": "^4.7.0"
   }
diff --git a/packages/keepkey/package.json b/packages/keepkey/package.json
index 5e08c3d5b..b85056541 100644
--- a/packages/keepkey/package.json
+++ b/packages/keepkey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keepkey",
-  "version": "2.1.2-alpha.2",
+  "version": "2.1.2",
   "description": "KeepKey module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@shapeshiftoss/hdwallet-core": "^1.15.2",
     "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "ethereumjs-util": "^7.1.3"
   }
 }
diff --git a/packages/keystone/package.json b/packages/keystone/package.json
index 3f6e16ae7..63c9c0e53 100644
--- a/packages/keystone/package.json
+++ b/packages/keystone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keystone",
-  "version": "2.1.3-alpha.2",
+  "version": "2.1.3",
   "description": "Keystone module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,6 +21,6 @@
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
     "@keystonehq/eth-keyring": "^0.14.0-alpha.10.3",
-    "@web3-onboard/common": "^2.1.2-alpha.2"
+    "@web3-onboard/common": "^2.1.2"
   }
 }
diff --git a/packages/ledger/package.json b/packages/ledger/package.json
index 0423bafaa..03550ed52 100644
--- a/packages/ledger/package.json
+++ b/packages/ledger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/ledger",
-  "version": "2.1.2-alpha.1",
+  "version": "2.1.2",
   "description": "Ledger module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ledgerhq/hw-transport-u2f": "^5.36.0-deprecated",
     "@ledgerhq/hw-transport-webusb": "^6.19.0",
     "@metamask/eth-sig-util": "^4.0.0",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "buffer": "^6.0.3",
     "ethereumjs-util": "^7.1.3"
   }
diff --git a/packages/magic/package.json b/packages/magic/package.json
index ff7ac72a9..49319e5ab 100644
--- a/packages/magic/package.json
+++ b/packages/magic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/magic",
-  "version": "2.0.5-alpha.1",
+  "version": "2.0.5",
   "description": "Magic module for Onboard.js",
   "scripts": {
     "build": "rollup -c",
@@ -42,7 +42,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "joi": "^17.4.2",
     "magic-sdk": "^8.1.0",
     "rxjs": "^7.5.2"
diff --git a/packages/mew/package.json b/packages/mew/package.json
index a4bdb7f6c..a8ec98d92 100644
--- a/packages/mew/package.json
+++ b/packages/mew/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/mew",
-  "version": "2.0.2-alpha.1",
+  "version": "2.0.2",
   "description": "MEW module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@myetherwallet/mewconnect-web-client": "^2.2.0-beta.14"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/portis/package.json b/packages/portis/package.json
index d254f97c0..17c3f00c2 100644
--- a/packages/portis/package.json
+++ b/packages/portis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/portis",
-  "version": "2.0.2-alpha.1",
+  "version": "2.0.2",
   "description": "Portis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@portis/web3": "^4.0.6",
-    "@web3-onboard/common": "^2.1.2-alpha.2"
+    "@web3-onboard/common": "^2.1.2"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index dbbcc2e6e..12cf2b91b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.0-alpha.5",
+  "version": "2.2.0",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.0-alpha.4",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/core": "^2.3.0",
+    "@web3-onboard/common": "^2.1.2",
     "use-sync-external-store": "1.0.0"
   },
   "peerDependencies": {
diff --git a/packages/torus/package.json b/packages/torus/package.json
index d4bb2db01..51567e94f 100644
--- a/packages/torus/package.json
+++ b/packages/torus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/torus",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3",
   "description": "Torus module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@toruslabs/torus-embed": "^1.18.3",
-    "@web3-onboard/common": "^2.1.2-alpha.2"
+    "@web3-onboard/common": "^2.1.2"
   }
 }
diff --git a/packages/trezor/package.json b/packages/trezor/package.json
index 804c2111d..eba2bb3de 100644
--- a/packages/trezor/package.json
+++ b/packages/trezor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/trezor",
-  "version": "2.1.2-alpha.1",
+  "version": "2.1.2",
   "description": "Trezor module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "buffer": "^6.0.3",
     "eth-crypto": "^2.1.0",
     "ethereumjs-util": "^7.1.3",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index ffb6c5734..25052d1f2 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.0-alpha.4",
+  "version": "2.1.0",
   "description": "Vue Composable for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
-    "@web3-onboard/core": "^2.3.0-alpha.4",
+    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/core": "^2.3.0",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index 013705450..b819305f1 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3",
   "description": "WalletConnect module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@walletconnect/client": "^1.7.1",
     "@walletconnect/qrcode-modal": "^1.7.1",
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/web3auth/package.json b/packages/web3auth/package.json
index daf3894a4..9953510ec 100644
--- a/packages/web3auth/package.json
+++ b/packages/web3auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/web3auth",
-  "version": "2.0.1-alpha.2",
+  "version": "2.0.1",
   "description": "Web3Auth module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2-alpha.2",
+    "@web3-onboard/common": "^2.1.2",
     "@web3auth/web3auth": "^1.0.0"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index b83c82691..ad3a6faf5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2421,16 +2421,6 @@
   dependencies:
     "@walletconnect/window-getters" "^1.0.0"
 
-"@web3-onboard/common@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/common/-/common-2.1.1.tgz#84cde2ad39581131a912aae064f0f41ef4f6843e"
-  integrity sha512-vkuBzW+0M+3a/2sP1m4P8BzzlPj9s5+I3wcccx8kIBW8TwQ6LejHR+k/i9pYHzQcBFHersyTWis6NeKwfOggyw==
-  dependencies:
-    "@ethereumjs/common" "2.6.2"
-    ethers "5.5.4"
-    joi "^17.4.2"
-    rxjs "^7.5.2"
-
 "@web3auth/base-plugin@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@web3auth/base-plugin/-/base-plugin-1.0.1.tgz#1e2a87acf745299fdff6f92e6c46ee9bc38aa670"
@@ -3353,10 +3343,10 @@ bnb-javascript-sdk-nobroadcast@^2.16.14:
     uuid "^3.3.2"
     websocket-stream "^5.5.0"
 
-bnc-sdk@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.4.0.tgz#2468fbf64a51b8dc29c3ecb73eb76cd496c279c5"
-  integrity sha512-yx6Gve+UMB1HUaMwPtZpnmKEvkF/Md3npO6z5krtbdZxJdpm71II2d4GskmPOzZ/tXD7LymXpPVbbBsov+T+Yg==
+bnc-sdk@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.4.1.tgz#dc9dda2962eb28a5deafe8ac0f9305b63fa38ac4"
+  integrity sha512-S8urB7JPqTo+BGiAJJ9g7/NqMspzXXYhWlxFXOKy6YjyVEDBMqZ1j4aVLQaoPkaIPRV249wnu+tb4kuWbsKk3A==
   dependencies:
     crypto-es "^1.2.2"
     nanoid "^3.3.1"

From 4f5584083e58878627f1b555a0d43e4b9b5cc7f9 Mon Sep 17 00:00:00 2001
From: Taylor Dawson <taylorjdawson@gmail.com>
Date: Wed, 22 Jun 2022 17:25:19 -0500
Subject: [PATCH 02/13] Fixes RPC request for hd wallets: (#1072)

* Handles case where result is undefined or null
---
 packages/common/src/hdwallets.ts | 29 ++++++++++++++++++++++++++++-
 packages/common/src/index.ts     |  8 +++++---
 packages/common/src/types.ts     |  7 +++++++
 packages/demo/src/App.svelte     | 32 +++++++++++++++++++++++++++++++-
 packages/keepkey/src/index.ts    | 30 ++++++------------------------
 packages/keystone/src/index.ts   | 30 +++++-------------------------
 packages/ledger/src/index.ts     | 32 +++++++-------------------------
 packages/trezor/src/index.ts     | 28 +++++-----------------------
 8 files changed, 94 insertions(+), 102 deletions(-)

diff --git a/packages/common/src/hdwallets.ts b/packages/common/src/hdwallets.ts
index 7afd50b92..4f42024cb 100644
--- a/packages/common/src/hdwallets.ts
+++ b/packages/common/src/hdwallets.ts
@@ -1,6 +1,6 @@
 import type Common from '@ethereumjs/common'
 import type { BigNumber } from 'ethers'
-import type { CustomNetwork } from './types'
+import type { CustomNetwork, EIP1193Provider, RPCResponse } from './types'
 import type { TransactionRequest } from '@ethersproject/providers'
 
 /**
@@ -77,3 +77,30 @@ export const bigNumberFieldsToStrings = (
     }),
     transaction
   ) as StringifiedTransactionRequest
+
+/**
+ * Helper method for hardware wallets to build an object
+ * with a request method used for making rpc requests.
+ * @param getRpcUrl - callback used to get the current chain's rpc url
+ * @returns An object with a request method
+ * to be called when making rpc requests
+ */
+export const getHardwareWalletProvider = (
+  getRpcUrl: () => string
+): { request: EIP1193Provider['request'] } => ({
+  request: ({ method, params }) =>
+    fetch(getRpcUrl(), {
+      method: 'POST',
+      body: JSON.stringify({
+        id: '42',
+        method,
+        params
+      })
+    }).then(async res => {
+      const response = (await res.json()) as RPCResponse
+      if ('error' in response) {
+        throw response.error
+      }
+      return response.result
+    })
+})
diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts
index 693820822..2ee0924ad 100644
--- a/packages/common/src/index.ts
+++ b/packages/common/src/index.ts
@@ -53,7 +53,8 @@ import type {
   Chain,
   TokenSymbol,
   CustomNetwork,
-  TransactionObject
+  TransactionObject,
+  RPCResponse
 } from './types'
 
 export { ProviderRpcErrorCode } from './types'
@@ -62,7 +63,7 @@ export { createEIP1193Provider } from './eip-1193'
 export { default as accountSelect } from './account-select'
 export { entryModal } from './entry-modal'
 export { SofiaProLight, SofiaProRegular, SofiaProSemiBold } from './fonts'
-export { getCommon, bigNumberFieldsToStrings } from './hdwallets'
+export { getCommon, bigNumberFieldsToStrings, getHardwareWalletProvider } from './hdwallets'
 
 export type {
   RequestPatch,
@@ -119,5 +120,6 @@ export type {
   Chain,
   TokenSymbol,
   CustomNetwork,
-  TransactionObject
+  TransactionObject,
+  RPCResponse
 }
diff --git a/packages/common/src/types.ts b/packages/common/src/types.ts
index ed14165f2..b6796de1b 100644
--- a/packages/common/src/types.ts
+++ b/packages/common/src/types.ts
@@ -466,3 +466,10 @@ export interface BootstrapNode {
   location: string
   comment: string
 }
+
+export interface RPCResponse {
+  id: number,
+  jsonrpc: string
+  error?: { code: number, message: string}
+  result?: any
+}
\ No newline at end of file
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
index 272f1e4f1..b540aad32 100644
--- a/packages/demo/src/App.svelte
+++ b/packages/demo/src/App.svelte
@@ -220,11 +220,27 @@
 
     const signature = await signer.signTransaction({
       to: '',
-      value: 1000000000000000
+      value: 100000000000000
     })
+
     console.log(signature)
   }
 
+  let toAddress
+  const sendTransaction = async (provider) => {
+    const ethersProvider = new ethers.providers.Web3Provider(provider, 'any')
+
+    const signer = ethersProvider.getSigner()
+
+    const txn = await signer.sendTransaction({
+      to: toAddress,
+      value: 100000000000000
+    })
+
+    const receipt = await txn.wait()
+    console.log(receipt)
+  }
+
   const signMessage = async (provider, address) => {
     const ethersProvider = new ethers.providers.Web3Provider(provider, 'any')
 
@@ -441,6 +457,20 @@
             </button>
           </div>
 
+          <div>
+            <input
+              type="text"
+              class="text-input"
+              placeholder="0x..."
+              bind:value={toAddress}
+            />
+            <button
+              on:click={sendTransaction(provider)}
+            >
+              Send Transaction
+            </button>
+          </div>
+
           <div class="sign-transaction">
             <textarea
               bind:value={transactionObject}
diff --git a/packages/keepkey/src/index.ts b/packages/keepkey/src/index.ts
index bcb9139d2..3101e8a96 100644
--- a/packages/keepkey/src/index.ts
+++ b/packages/keepkey/src/index.ts
@@ -3,8 +3,7 @@ import type {
   Account,
   Asset,
   Chain,
-  WalletInit,
-  EIP1193Provider
+  WalletInit
 } from '@web3-onboard/common'
 
 import type { StaticJsonRpcProvider } from '@ethersproject/providers'
@@ -65,7 +64,8 @@ function keepkey(): WalletInit {
           createEIP1193Provider,
           ProviderRpcError,
           entryModal,
-          bigNumberFieldsToStrings
+          bigNumberFieldsToStrings,
+          getHardwareWalletProvider
         } = await import('@web3-onboard/common')
 
         const { utils } = await import('ethers')
@@ -282,27 +282,9 @@ function keepkey(): WalletInit {
           return signature
         }
 
-        const request: EIP1193Provider['request'] = async ({
-          method,
-          params
-        }) => {
-          const response = await fetch(currentChain.rpcUrl, {
-            method: 'POST',
-            body: JSON.stringify({
-              id: '42',
-              method,
-              params
-            })
-          }).then(res => res.json())
-
-          if (response.result) {
-            return response.result
-          } else {
-            throw response.error
-          }
-        }
-
-        const keepKeyProvider = { request }
+        const keepKeyProvider = getHardwareWalletProvider(
+          () => currentChain.rpcUrl
+        )
 
         const provider = createEIP1193Provider(keepKeyProvider, {
           eth_requestAccounts: async () => {
diff --git a/packages/keystone/src/index.ts b/packages/keystone/src/index.ts
index 0cff20d25..949d0c873 100644
--- a/packages/keystone/src/index.ts
+++ b/packages/keystone/src/index.ts
@@ -101,7 +101,8 @@ function keystone({
           ProviderRpcError,
           ProviderRpcErrorCode,
           getCommon,
-          bigNumberFieldsToStrings
+          bigNumberFieldsToStrings,
+          getHardwareWalletProvider
         } = await import('@web3-onboard/common')
 
         const keyring = AirGappedKeyring.getEmptyKeyring()
@@ -150,30 +151,9 @@ function keystone({
           return keyring.signMessage(account.address, message)
         }
 
-        const request = async ({
-          method,
-          params
-        }: {
-          method: string
-          params: any
-        }) => {
-          const response = await fetch(currentChain.rpcUrl, {
-            method: 'POST',
-            body: JSON.stringify({
-              id: '42',
-              method,
-              params
-            })
-          }).then(res => res.json())
-
-          if (response.result) {
-            return response.result
-          } else {
-            throw response.error
-          }
-        }
-
-        const keystoneProvider = { request }
+        const keystoneProvider = getHardwareWalletProvider(
+          () => currentChain.rpcUrl
+        )
 
         const provider = createEIP1193Provider(keystoneProvider, {
           eth_requestAccounts: async () => {
diff --git a/packages/ledger/src/index.ts b/packages/ledger/src/index.ts
index 93d6c0b92..fe08b23e4 100644
--- a/packages/ledger/src/index.ts
+++ b/packages/ledger/src/index.ts
@@ -5,8 +5,7 @@ import type {
   Chain,
   CustomNetwork,
   WalletInit,
-  GetInterfaceHelpers,
-  EIP1193Provider
+  GetInterfaceHelpers
 } from '@web3-onboard/common'
 
 // these cannot be dynamically imported
@@ -130,7 +129,8 @@ function ledger({
           createEIP1193Provider,
           ProviderRpcError,
           getCommon,
-          bigNumberFieldsToStrings
+          bigNumberFieldsToStrings,
+          getHardwareWalletProvider
         } = await import('@web3-onboard/common')
 
         const { TransactionFactory: Transaction, Capability } = await import(
@@ -222,28 +222,10 @@ function ledger({
               return `0x${result['r']}${result['s']}${v}`
             })
         }
-
-        const request: EIP1193Provider['request'] = async ({
-          method,
-          params
-        }) => {
-          const response = await fetch(currentChain.rpcUrl, {
-            method: 'POST',
-            body: JSON.stringify({
-              id: '42',
-              method,
-              params
-            })
-          }).then(res => res.json())
-
-          if (response.result) {
-            return response.result
-          } else {
-            throw response.error
-          }
-        }
-
-        const ledgerProvider = { request }
+     
+        const ledgerProvider = getHardwareWalletProvider(
+          () => currentChain?.rpcUrl
+        )
 
         const provider = createEIP1193Provider(ledgerProvider, {
           eth_requestAccounts: async () => {
diff --git a/packages/trezor/src/index.ts b/packages/trezor/src/index.ts
index 6e79873ae..ab17d16dc 100644
--- a/packages/trezor/src/index.ts
+++ b/packages/trezor/src/index.ts
@@ -3,7 +3,6 @@ import type {
   Asset,
   Chain,
   CustomNetwork,
-  EIP1193Provider,
   ScanAccountsOptions,
   TransactionObject,
   WalletInit
@@ -123,7 +122,8 @@ function trezor(options: TrezorOptions): WalletInit {
           bigNumberFieldsToStrings,
           createEIP1193Provider,
           ProviderRpcError,
-          getCommon
+          getCommon,
+          getHardwareWalletProvider
         } = await import('@web3-onboard/common')
         const ethUtil = await import('ethereumjs-util')
         const { compress } = (await import('eth-crypto')).publicKey
@@ -443,27 +443,9 @@ function trezor(options: TrezorOptions): WalletInit {
           })
         }
 
-        const request: EIP1193Provider['request'] = async ({
-          method,
-          params
-        }) => {
-          const response = await fetch(currentChain.rpcUrl, {
-            method: 'POST',
-            body: JSON.stringify({
-              id: '42',
-              method,
-              params
-            })
-          }).then(res => res.json())
-
-          if (response.result) {
-            return response.result
-          } else {
-            throw response.error
-          }
-        }
-
-        const trezorProvider = { request }
+        const trezorProvider = getHardwareWalletProvider(
+          () => currentChain?.rpcUrl
+        )
 
         const provider = createEIP1193Provider(trezorProvider, {
           eth_requestAccounts: async () => {

From f5142154b73c480f4797b443b73a2e1081db2795 Mon Sep 17 00:00:00 2001
From: Taylor Dawson <taylorjdawson@gmail.com>
Date: Wed, 22 Jun 2022 20:27:34 -0500
Subject: [PATCH 03/13] Version bumps (#1089)

---
 packages/coinbase/package.json      |  4 ++--
 packages/common/package.json        |  2 +-
 packages/core/package.json          |  4 ++--
 packages/dcent/package.json         |  4 ++--
 packages/demo/package.json          | 32 ++++++++++++++---------------
 packages/fortmatic/package.json     |  4 ++--
 packages/gnosis/package.json        |  4 ++--
 packages/injected/package.json      |  4 ++--
 packages/keepkey/package.json       |  4 ++--
 packages/keystone/package.json      |  4 ++--
 packages/ledger/package.json        |  4 ++--
 packages/magic/package.json         |  4 ++--
 packages/mew/package.json           |  4 ++--
 packages/portis/package.json        |  4 ++--
 packages/react/package.json         |  6 +++---
 packages/torus/package.json         |  4 ++--
 packages/trezor/package.json        |  4 ++--
 packages/vue/package.json           |  6 +++---
 packages/walletconnect/package.json |  4 ++--
 packages/walletlink/package.json    |  4 ++--
 packages/web3auth/package.json      |  4 ++--
 21 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/packages/coinbase/package.json b/packages/coinbase/package.json
index 2ea4ac5a4..7128ce044 100644
--- a/packages/coinbase/package.json
+++ b/packages/coinbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.0.5",
+  "version": "2.0.6-alpha.1",
   "description": "Coinbase Wallet module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "^3.0.5",
-    "@web3-onboard/common": "2.1.2"
+    "@web3-onboard/common": "2.1.3-alpha.1"
   }
 }
diff --git a/packages/common/package.json b/packages/common/package.json
index b0eca131e..a70c20c16 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/common",
-  "version": "2.1.2",
+  "version": "2.1.3-alpha.1",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/package.json b/packages/core/package.json
index f2d138f5f..0151d60d2 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.0",
+  "version": "2.3.1-alpha.1",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -41,7 +41,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^4.4.1",
     "bowser": "^2.11.0",
diff --git a/packages/dcent/package.json b/packages/dcent/package.json
index a92d06ac2..f625f683c 100644
--- a/packages/dcent/package.json
+++ b/packages/dcent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/dcent",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "D'CENT module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "@ethereumjs/common": "^2.6.1",
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 32d5d5ff3..5411f91e8 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "demo",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "devDependencies": {
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
@@ -22,21 +22,21 @@
     "webpack-dev-server": "4.7.4"
   },
   "dependencies": {
-    "@web3-onboard/coinbase": "^2.0.5",
-    "@web3-onboard/core": "^2.3.0",
-    "@web3-onboard/dcent": "^2.0.2",
-    "@web3-onboard/fortmatic": "^2.0.4",
-    "@web3-onboard/gnosis": "^2.0.3",
-    "@web3-onboard/injected-wallets": "^2.0.10",
-    "@web3-onboard/keepkey": "^2.1.2",
-    "@web3-onboard/keystone": "^2.1.3",
-    "@web3-onboard/ledger": "^2.1.2",
-    "@web3-onboard/magic": "^2.0.5",
-    "@web3-onboard/portis": "^2.0.2",
-    "@web3-onboard/torus": "^2.0.3",
-    "@web3-onboard/trezor": "^2.1.2",
-    "@web3-onboard/walletconnect": "^2.0.3",
-    "@web3-onboard/web3auth": "^2.0.1",
+    "@web3-onboard/coinbase": "^2.0.6-alpha.1",
+    "@web3-onboard/core": "^2.3.1-alpha.1",
+    "@web3-onboard/dcent": "^2.0.3-alpha.1",
+    "@web3-onboard/fortmatic": "^2.0.5-alpha.1",
+    "@web3-onboard/gnosis": "^2.0.4-alpha.1",
+    "@web3-onboard/injected-wallets": "^2.0.11-alpha.1",
+    "@web3-onboard/keepkey": "^2.1.3-alpha.1",
+    "@web3-onboard/keystone": "^2.1.4-alpha.1",
+    "@web3-onboard/ledger": "^2.1.3-alpha.1",
+    "@web3-onboard/magic": "^2.0.6-alpha.1",
+    "@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/web3auth": "^2.0.2-alpha.1",
     "vconsole": "^3.9.5"
   },
   "license": "MIT",
diff --git a/packages/fortmatic/package.json b/packages/fortmatic/package.json
index 94fd3b61c..a71eb142d 100644
--- a/packages/fortmatic/package.json
+++ b/packages/fortmatic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/fortmatic",
-  "version": "2.0.4",
+  "version": "2.0.5-alpha.1",
   "description": "Fortmatic module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "fortmatic": "^2.2.1"
   }
 }
diff --git a/packages/gnosis/package.json b/packages/gnosis/package.json
index f602b33ec..1051c88f2 100644
--- a/packages/gnosis/package.json
+++ b/packages/gnosis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/gnosis",
-  "version": "2.0.3",
+  "version": "2.0.4-alpha.1",
   "description": "Gnosis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,6 +23,6 @@
   "dependencies": {
     "@gnosis.pm/safe-apps-provider": "^0.9.2",
     "@gnosis.pm/safe-apps-sdk": "^6.1.1",
-    "@web3-onboard/common": "^2.1.2"
+    "@web3-onboard/common": "^2.1.3-alpha.1"
   }
 }
diff --git a/packages/injected/package.json b/packages/injected/package.json
index 5eccd0d8d..91cc9664a 100644
--- a/packages/injected/package.json
+++ b/packages/injected/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.0.10",
+  "version": "2.0.11-alpha.1",
   "description": "Injected wallets module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -25,7 +25,7 @@
     "window": "^4.2.7"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "joi": "^17.4.2",
     "lodash.uniqby": "^4.7.0"
   }
diff --git a/packages/keepkey/package.json b/packages/keepkey/package.json
index b85056541..72e62f739 100644
--- a/packages/keepkey/package.json
+++ b/packages/keepkey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keepkey",
-  "version": "2.1.2",
+  "version": "2.1.3-alpha.1",
   "description": "KeepKey module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@shapeshiftoss/hdwallet-core": "^1.15.2",
     "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2",
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "ethereumjs-util": "^7.1.3"
   }
 }
diff --git a/packages/keystone/package.json b/packages/keystone/package.json
index 63c9c0e53..6b3ac789c 100644
--- a/packages/keystone/package.json
+++ b/packages/keystone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keystone",
-  "version": "2.1.3",
+  "version": "2.1.4-alpha.1",
   "description": "Keystone module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,6 +21,6 @@
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
     "@keystonehq/eth-keyring": "^0.14.0-alpha.10.3",
-    "@web3-onboard/common": "^2.1.2"
+    "@web3-onboard/common": "^2.1.3-alpha.1"
   }
 }
diff --git a/packages/ledger/package.json b/packages/ledger/package.json
index 03550ed52..4dbe1db5e 100644
--- a/packages/ledger/package.json
+++ b/packages/ledger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/ledger",
-  "version": "2.1.2",
+  "version": "2.1.3-alpha.1",
   "description": "Ledger module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ledgerhq/hw-transport-u2f": "^5.36.0-deprecated",
     "@ledgerhq/hw-transport-webusb": "^6.19.0",
     "@metamask/eth-sig-util": "^4.0.0",
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "buffer": "^6.0.3",
     "ethereumjs-util": "^7.1.3"
   }
diff --git a/packages/magic/package.json b/packages/magic/package.json
index 49319e5ab..3c1f216e0 100644
--- a/packages/magic/package.json
+++ b/packages/magic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/magic",
-  "version": "2.0.5",
+  "version": "2.0.6-alpha.1",
   "description": "Magic module for Onboard.js",
   "scripts": {
     "build": "rollup -c",
@@ -42,7 +42,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "joi": "^17.4.2",
     "magic-sdk": "^8.1.0",
     "rxjs": "^7.5.2"
diff --git a/packages/mew/package.json b/packages/mew/package.json
index a8ec98d92..c517f3b86 100644
--- a/packages/mew/package.json
+++ b/packages/mew/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/mew",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "MEW module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@myetherwallet/mewconnect-web-client": "^2.2.0-beta.14"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/portis/package.json b/packages/portis/package.json
index 17c3f00c2..695851b4b 100644
--- a/packages/portis/package.json
+++ b/packages/portis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/portis",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "Portis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@portis/web3": "^4.0.6",
-    "@web3-onboard/common": "^2.1.2"
+    "@web3-onboard/common": "^2.1.3-alpha.1"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index 12cf2b91b..93262993c 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.0",
+  "version": "2.2.1-alpha.1",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.0",
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/core": "^2.3.1-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "use-sync-external-store": "1.0.0"
   },
   "peerDependencies": {
diff --git a/packages/torus/package.json b/packages/torus/package.json
index 51567e94f..64f0de25d 100644
--- a/packages/torus/package.json
+++ b/packages/torus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/torus",
-  "version": "2.0.3",
+  "version": "2.0.4-alpha.1",
   "description": "Torus module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@toruslabs/torus-embed": "^1.18.3",
-    "@web3-onboard/common": "^2.1.2"
+    "@web3-onboard/common": "^2.1.3-alpha.1"
   }
 }
diff --git a/packages/trezor/package.json b/packages/trezor/package.json
index eba2bb3de..8e4abdc79 100644
--- a/packages/trezor/package.json
+++ b/packages/trezor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/trezor",
-  "version": "2.1.2",
+  "version": "2.1.3-alpha.1",
   "description": "Trezor module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "buffer": "^6.0.3",
     "eth-crypto": "^2.1.0",
     "ethereumjs-util": "^7.1.3",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 25052d1f2..a270aea40 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.0",
+  "version": "2.1.1-alpha.1",
   "description": "Vue Composable for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
-    "@web3-onboard/common": "^2.1.2",
-    "@web3-onboard/core": "^2.3.0",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/core": "^2.3.1-alpha.1",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index b819305f1..bcf124621 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.0.3",
+  "version": "2.0.4-alpha.1",
   "description": "WalletConnect module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@walletconnect/client": "^1.7.1",
     "@walletconnect/qrcode-modal": "^1.7.1",
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/walletlink/package.json b/packages/walletlink/package.json
index 4792301a9..d89af33bb 100644
--- a/packages/walletlink/package.json
+++ b/packages/walletlink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletlink",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "WalletLink module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.1",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "walletlink": "^2.5.0"
   }
 }
diff --git a/packages/web3auth/package.json b/packages/web3auth/package.json
index 9953510ec..89c54848b 100644
--- a/packages/web3auth/package.json
+++ b/packages/web3auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/web3auth",
-  "version": "2.0.1",
+  "version": "2.0.2-alpha.1",
   "description": "Web3Auth module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.2",
+    "@web3-onboard/common": "^2.1.3-alpha.1",
     "@web3auth/web3auth": "^1.0.0"
   }
 }

From bb543ad9e5af51d89d1ba354ff7b9d01b3bf49f8 Mon Sep 17 00:00:00 2001
From: Mahmud <104795334+mahmud-bn@users.noreply.github.com>
Date: Wed, 22 Jun 2022 21:07:53 -0600
Subject: [PATCH 04/13] [core-2.3.1-alpha.2 , react-2.2.1-alpha.2]: enhancement
 - account-center-z-index (#1091)

* account-center-z-index

* account-center-z-index

* account-center-z-index

* merge develop

* merge develop
---
 packages/core/README.md              | 83 ++++++++++++++++------------
 packages/core/package.json           |  2 +-
 packages/core/src/views/Index.svelte |  6 +-
 packages/react/package.json          |  4 +-
 4 files changed, 57 insertions(+), 38 deletions(-)

diff --git a/packages/core/README.md b/packages/core/README.md
index 303f0822c..6f29c395e 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -121,20 +121,22 @@ type AccountCenterPosition =
 **`notify`**
 Notify provides by default transaction notifications for all connected wallets on the current blockchain. When switching chains the previous chain listeners remain active for 60 seconds to allow capture and report of an remaining transactions that may be in flight.
 By default transaction notifications are captured if a DAppID is provided in the Onboard config along with the Account Center being enabled.
-An object that defines whether transaction notifications will display (defaults to true if an API key is provided). This object contains an `enabled` flag prop and an optional `transactionHandler` which is a callback that can disable or allow customizations of notifications. 
+An object that defines whether transaction notifications will display (defaults to true if an API key is provided). This object contains an `enabled` flag prop and an optional `transactionHandler` which is a callback that can disable or allow customizations of notifications.
 Currently notifications are positioned in the same location as the account center (either below, if the Account Center is positioned along the top, or above if positioned on the bottom of the view).
 The `transactionHandler` can react off any property of the Ethereum TransactionData returned to the callback from the event (see console.log in example init). In turn, it can return a Custom `Notification` object to define the verbiage, styling, or add functionality:
- - `Notification.message` - to completely customize the message shown 
- - `Notification.eventCode` - handle codes in your own way - see codes here under the notify prop [default en file here](src/i18n/en.json)
- - `Notification.type` - icon type displayed (see `NotificationType` below for options)
- - `Notification.autoDismiss` - time (in ms) after which the notification will be dismissed. If set to `0` the notification will remain on screen until the user dismisses the notification, refreshes the page or navigates away from the site with the notifications 
- - `Notification.link` - add link to the transaction hash. For instance, a link to the transaction on etherscan
- - `Notification.onClick()` - onClick handler for when user clicks the notification element
 
- Notify can also be styled by using the CSS variables found below. These are setup to allow maximum customization with base styling variables setting the global theme (i.e. `--onboard-grey-600`) along with more precise component level styling variables available (`--notify-onboard-grey-600`) with the latter taking precedent if defined
+- `Notification.message` - to completely customize the message shown
+- `Notification.eventCode` - handle codes in your own way - see codes here under the notify prop [default en file here](src/i18n/en.json)
+- `Notification.type` - icon type displayed (see `NotificationType` below for options)
+- `Notification.autoDismiss` - time (in ms) after which the notification will be dismissed. If set to `0` the notification will remain on screen until the user dismisses the notification, refreshes the page or navigates away from the site with the notifications
+- `Notification.link` - add link to the transaction hash. For instance, a link to the transaction on etherscan
+- `Notification.onClick()` - onClick handler for when user clicks the notification element
 
- If notifications are enabled the notifications can be handled through onboard app state as seen below.
- ```javascript
+Notify can also be styled by using the CSS variables found below. These are setup to allow maximum customization with base styling variables setting the global theme (i.e. `--onboard-grey-600`) along with more precise component level styling variables available (`--notify-onboard-grey-600`) with the latter taking precedent if defined
+
+If notifications are enabled the notifications can be handled through onboard app state as seen below.
+
+```javascript
 const wallets = onboard.state.select('notifications')
 const { unsubscribe } = wallets.subscribe(update =>
   console.log('transaction notifications: ', update)
@@ -146,7 +148,7 @@ unsubscribe()
 
 ```typescript
 export type NotifyOptions = {
-  enabled: boolean  // default: true
+  enabled: boolean // default: true
   /**
    * Callback that receives all transaction events
    * Return a custom notification based on the event
@@ -177,7 +179,19 @@ export type Notification = {
 
 export type NotificationType = 'pending' | 'success' | 'error' | 'hint'
 
-export declare type Network = 'main' | 'testnet' | 'ropsten' | 'rinkeby' | 'goerli' | 'kovan' | 'xdai' | 'bsc-main' | 'matic-main' | 'fantom-main' | 'matic-mumbai' | 'local';
+export declare type Network =
+  | 'main'
+  | 'testnet'
+  | 'ropsten'
+  | 'rinkeby'
+  | 'goerli'
+  | 'kovan'
+  | 'xdai'
+  | 'bsc-main'
+  | 'matic-main'
+  | 'fantom-main'
+  | 'matic-mumbai'
+  | 'local'
 
 export interface UpdateNotification {
   (notificationObject: CustomNotification): {
@@ -187,28 +201,26 @@ export interface UpdateNotification {
 }
 ```
 
-Notify can be used to deliver custom DApp notifications by passing a `CustomNotification` object to the `customNotification` action. This will return an `UpdateNotification` type. 
- This `UpdateNotification` will return an `update` function that can be passed a new `CustomNotification` to update the existing notification.
- The `customNotification` method also returns a `dismiss` method that is called without any parameters to dismiss the notification. 
- 
+Notify can be used to deliver custom DApp notifications by passing a `CustomNotification` object to the `customNotification` action. This will return an `UpdateNotification` type.
+This `UpdateNotification` will return an `update` function that can be passed a new `CustomNotification` to update the existing notification.
+The `customNotification` method also returns a `dismiss` method that is called without any parameters to dismiss the notification.
+
 ```typescript
-  const { update, dismiss } =
-    onboard.state.actions.customNotification({
-      type: 'pending',
-      message:
-        'This is a custom DApp pending notification to use however you want',
-      autoDismiss: 0
-    })
-  setTimeout(
-    () =>
-      update({
-        eventCode: 'dbUpdateSuccess',
-        message: 'Updated status for custom notification',
-        type: 'success',
-        autoDismiss: 8000
-      }),
-    4000
-  )
+const { update, dismiss } = onboard.state.actions.customNotification({
+  type: 'pending',
+  message: 'This is a custom DApp pending notification to use however you want',
+  autoDismiss: 0
+})
+setTimeout(
+  () =>
+    update({
+      eventCode: 'dbUpdateSuccess',
+      message: 'Updated status for custom notification',
+      type: 'success',
+      autoDismiss: 8000
+    }),
+  4000
+)
 ```
 
 ### Initialization Example
@@ -309,7 +321,7 @@ const onboard = Onboard({
         },
         watched: {
           // Any words in brackets can be re-ordered or removed to fit your dapps desired verbiage
-          "txPool": "Your account is {verb} {formattedValue} {asset} {preposition} {counterpartyShortened}" 
+          "txPool": "Your account is {verb} {formattedValue} {asset} {preposition} {counterpartyShortened}"
         }
       }
     },
@@ -618,6 +630,9 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla.
   --onboard-warning-600: #cc8c00;
   --onboard-warning-700: #664600;
 
+  /* CUSTOMIZE ACCOUNT CENTER STACK POSITIONING*/
+  --account-center-z-index
+
   /* CUSTOMIZE SECTIONS OF THE CONNECT MODAL */
   --onboard-connect-content-width
   --onboard-connect-content-height
diff --git a/packages/core/package.json b/packages/core/package.json
index 0151d60d2..e05644887 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.1-alpha.1",
+  "version": "2.3.1-alpha.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index f033f1477..c92b75ea9 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -258,6 +258,10 @@
     touch-action: none;
   }
 
+  .z-indexed {
+    z-index: var(--account-center-z-index);
+  }
+
   @media all and (min-width: 428px) {
     .container {
       max-width: 348px;
@@ -279,7 +283,7 @@
 
 {#if ($notify$.enabled || $accountCenter$.enabled) && $wallets$.length}
   <div
-    class="container flex flex-column fixed"
+    class="container flex flex-column fixed z-indexed"
     style="{accountCenterPositions[$accountCenter$.position]}; {device.type ===
       'mobile' && $accountCenter$.position.includes('top')
       ? 'padding-bottom: 0;'
diff --git a/packages/react/package.json b/packages/react/package.json
index 93262993c..8dfbef0c8 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.1-alpha.1",
+  "version": "2.2.1-alpha.2",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.1-alpha.1",
+    "@web3-onboard/core": "^2.3.1-alpha.2",
     "@web3-onboard/common": "^2.1.3-alpha.1",
     "use-sync-external-store": "1.0.0"
   },

From 8b84d1c66fb6fb17cd34b3f00c7fb8abc12e307e Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Fri, 24 Jun 2022 10:22:46 -0600
Subject: [PATCH 05/13] [react-v2.2.1-alpha.3, core-v2.3.1-alpha.3,
 vue-v2.1.1-alpha.2] : Feature - React hook updates (#1093)

* Update react package version
* New react hoooks for all actions exposed through api + updateAccountCenter, Update OnboardAPI type
* Update core version where needed
* Rename for better alignment with core docs
* Update export from core/import in react package, update docs
* Update signup link
* Update packages/react/README.md
* Position AC docs
---
 packages/core/package.json  |   2 +-
 packages/core/src/index.ts  |  11 +-
 packages/core/src/types.ts  |  23 +++-
 packages/demo/package.json  |   2 +-
 packages/react/README.md    | 218 +++++++++++++++++++++++++++++++++++-
 packages/react/package.json |   4 +-
 packages/react/src/index.ts |  56 ++++++++-
 packages/vue/package.json   |   4 +-
 8 files changed, 302 insertions(+), 18 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index e05644887..570fabb2e 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.1-alpha.2",
+  "version": "2.3.1-alpha.3",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index bf9c0a384..100433ff0 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -34,7 +34,8 @@ const API = {
       setLocale,
       updateNotify,
       customNotification,
-      updateBalances
+      updateBalances,
+      updateAccountCenter
     }
   }
 }
@@ -45,7 +46,13 @@ export type {
   ConnectOptions,
   DisconnectOptions,
   WalletState,
-  ConnectedChain
+  ConnectedChain,
+  AccountCenter,
+  AppState,
+  CustomNotification,
+  Notification,
+  NotifyOptions,
+  UpdateNotification
 } from './types'
 
 export type { EIP1193Provider } from '@web3-onboard/common'
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 8a883db33..46ab2f973 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -53,8 +53,29 @@ export interface OnboardAPI {
   connectWallet: typeof connect
   disconnectWallet: typeof disconnect
   setChain: typeof setChain
-  state: typeof state
+  state: {
+    select: typeof state.select
+    get: typeof state.get
+    actions: ExposedActions
+  }
 }
+
+interface ExposedActions {
+  setWalletModules: (wallets: WalletInit[]) => void
+  setLocale: (locale: string) => void
+  updateNotify: (update: Partial<NotifyOptions>) => void
+  customNotification: (
+    updatedNotification: CustomNotification
+  ) => {
+    dismiss: () => void
+    update: UpdateNotification
+  }
+  updateBalances: (addresses?: string[]) => Promise<void>
+  updateAccountCenter: (
+    update: AccountCenter | Partial<AccountCenter>
+  ) => void
+}
+
 export interface ConnectOptions {
   autoSelect?: { label: string; disableModals: boolean }
 }
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 5411f91e8..de0d7d159 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@web3-onboard/coinbase": "^2.0.6-alpha.1",
-    "@web3-onboard/core": "^2.3.1-alpha.1",
+    "@web3-onboard/core": "^2.3.1-alpha.3",
     "@web3-onboard/dcent": "^2.0.3-alpha.1",
     "@web3-onboard/fortmatic": "^2.0.5-alpha.1",
     "@web3-onboard/gnosis": "^2.0.4-alpha.1",
diff --git a/packages/react/README.md b/packages/react/README.md
index 11b9edefe..a376afe8e 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -10,6 +10,7 @@ A collection of React hooks for implementing web3-onboard in to a React project
 
 ```javascript
 import React from 'react'
+import { ethers } from 'ethers'
 import {
   init,
   useConnectWallet,
@@ -27,6 +28,9 @@ import torusModule from '@web3-onboard/torus'
 import keepkeyModule from '@web3-onboard/keepkey'
 import dcentModule from '@web3-onboard/dcent'
 
+// Sign up to get your free API key at https://explorer.blocknative.com/?signup=true
+const dappId = '1730eff0-9d50-4382-a3fe-89f0d34a2070'
+
 const injected = injectedModule()
 const coinbase = coinbaseModule()
 const walletConnect = walletConnectModule()
@@ -52,6 +56,18 @@ const trezor = trezorModule(trezorOptions)
 
 const dcent = dcentModule()
 
+const magic = magicModule({
+  // Example api key, may need to be updated when max hits reached
+  // Get one to test with for free from https://magic.link/
+  apiKey: 'pk_live_02207D744E81C2BA',
+  userEmail: localStorage.getItem('magicUserEmail')
+})
+
+const web3auth = web3authModule({
+  clientId:
+    'DJuUOKvmNnlzy6ruVgeWYWIMKLRyYtjYa9Y10VCeJzWZcygDlrYLyXsBQjpJ2hxlBO9dnl8t9GmAC2qOP5vnIGo'
+})
+
 const web3Onboard = init({
   wallets: [
     injected,
@@ -60,7 +76,8 @@ const web3Onboard = init({
     trezor,
     walletConnect,
     keepkey,
-    fortmatic,
+    web3auth,
+    magic,
     portis,
     torus,
     dcent
@@ -119,6 +136,23 @@ const web3Onboard = init({
       minimal: true
     }
   },
+  apiKey: dappId,
+  notify: {
+    enabled: true,
+    transactionHandler: transaction => {
+      console.log({ transaction })
+      if (transaction.eventCode === 'txPool') {
+        return {
+          // autoDismiss set to `0` will persist the notification until the user excuses it
+          autoDismiss: 0, 
+          // message: `Your transaction is pending, click <a href="https://rinkeby.etherscan.io/tx/${transaction.hash}">here</a> for more info.`,
+          // or you could use onClick for when someone clicks on the notification itself
+          onClick: () =>
+            window.open(`https://rinkeby.etherscan.io/tx/${transaction.hash}`)
+        }
+      }
+    }
+  }
   i18n: {
     en: {
       connect: {
@@ -141,9 +175,23 @@ const web3Onboard = init({
 })
 
 function App() {
-  const [{ wallet, connecting }, connect, disconnect] = useConnectWallet()
+  const [{ wallet, connecting }, connect, disconnect, updateBalances, setWalletModules] =
+    useConnectWallet()
   const [{ chains, connectedChain, settingChain }, setChain] = useSetChain()
+  const [notifications, customNotification, updateNotify] = useNotifications()
   const connectedWallets = useWallets()
+  const updateAccountCenter = useAccountCenter()
+  const updateLocale = useSetLocale()
+
+  let provider
+
+  useEffect(() => {
+    if (!wallet?.provider) {
+      provider = null
+    } else {
+      provider = new ethers.providers.Web3Provider(wallet.provider, 'any')
+    }
+  }, [wallet]
 
   return (
     <div>
@@ -169,6 +217,19 @@ function App() {
           )}
           <button onClick={() => disconnect(wallet)}>Disconnect Wallet</button>
         </div>
+        <button
+          className="bn-demo-button"
+          onClick={() => {
+            // Default position of AccountCenter it top right
+            updateAccountCenter({
+                position: 'bottomLeft',
+                enabled: true,
+                minimal: true
+            })
+          }}
+        >
+          Account Center to Bottom Left
+        </button>
       )}
 
       {connectedWallets.map(({ label, accounts }) => {
@@ -200,7 +261,9 @@ import { useConnectWallet } from '@web3-onboard/react'
 type UseConnectWallet = (): [
   { wallet: WalletState | null; connecting: boolean },
   (options: ConnectOptions) => Promise<void>,
-  (wallet: DisconnectOptions) => Promise<void>
+  (wallet: DisconnectOptions) => Promise<void>,
+  (addresses?: string[]) => Promise<void>,
+  (wallets: WalletInit[]) => void
 ]
 
 type ConnectOptions = {
@@ -220,13 +283,17 @@ type WalletState = {
   instance?: unknown
 }
 
+type WalletInit = (helpers: WalletHelpers) => WalletModule | WalletModule[] | null;
+
 const [
   {
     wallet, // the wallet that has been connected or null if not yet connected
     connecting // boolean indicating if connection is in progress
   },
   connect, // function to call to initiate user to connect wallet
-  disconnect // function to call to with wallet<DisconnectOptions> to disconnect wallet
+  disconnect, // function to call with wallet<DisconnectOptions> to disconnect wallet
+  updateBalances, // function to be called with an optional array of wallet addresses connected through Onboard to update balance or empty/no params to update all connected wallets
+  setWalletModules // function to be called with an array of wallet modules to conditionally allow connection of wallet types i.e. setWalletModules([ledger, trezor, injected])
 ] = useConnectWallet()
 ```
 
@@ -264,6 +331,108 @@ const [
 ] = useSetChain()
 ```
 
+## `useNotifications`
+
+This hook allows the dev to access all notifications if enabled, send custom notifications and update notify <enable/disable & update transactionHandler function>
+**note** requires an API key be added to the initialization, enabled by default if API key exists
+
+```typescript
+import { useNotifications } from '@web3-onboard/react'
+
+type UseNotifications = (): [
+  Notification[],
+  (updatedNotification: CustomNotification) => {
+    dismiss: () => void
+    update: UpdateNotification
+  },
+  (update: Partial<NotifyOptions>) => void
+]
+
+type Notification = {
+  id: string
+  key: string
+  type: NotificationType
+  network: Network
+  startTime?: number
+  eventCode: string
+  message: string
+  autoDismiss: number
+  link?: string
+  onClick?: (event: Event) => void
+}
+type TransactionHandlerReturn =
+  | CustomNotification
+  | boolean
+  | void
+type CustomNotification = Partial<
+  Omit<Notification, 'startTime' | 'network' | 'id' | 'key'>
+>
+type CustomNotificationUpdate = Partial<
+  Omit<Notification, 'startTime' | 'network'>
+>
+type NotificationType = 'pending' | 'success' | 'error' | 'hint'
+interface UpdateNotification {
+  (notificationObject: CustomNotification): {
+    dismiss: () => void
+    update: UpdateNotification
+  }
+}
+type NotifyOptions = {
+  /**
+   * Defines whether to subscribe to transaction events or not
+   * default: true
+   */
+  enabled?: boolean
+  /**
+   * Callback that receives all transaction events
+   * Return a custom notification based on the event
+   * Or return false to disable notification for this event
+   * Or return undefined for a default notification
+   */
+  transactionHandler: (
+    event: EthereumTransactionData
+  ) => TransactionHandlerReturn
+
+const [
+  notifications, // the list of all notifications that update when notifications are added, updated or removed
+  customNotification, // a function that takes a customNotification object and allows custom notifications to be shown to the user, returns an update and dismiss callback
+  updateNotify // a function that takes a NotifyOptions object to allow updating of the properties
+] = useNotifications()
+
+// View notifications as they come in if you would like to handle them independent of the notification display
+useEffect(() => {
+  console.log(notifications)
+}, [notifications])
+
+// Custom notification example
+<button
+  className="bn-demo-button"
+  onClick={() => {
+    const { update } =
+      customNotification({
+        eventCode: 'dbUpdate',
+        type: 'hint',
+        message: 'Custom hint notification created by the dapp',
+        onClick: () =>
+          window.open(`https://www.blocknative.com`)
+      })
+    // Update your notification example below
+    setTimeout(
+      () =>
+        update({
+          eventCode: 'dbUpdateSuccess',
+          message: 'Hint notification reason resolved!',
+          type: 'success',
+          autoDismiss: 5000
+        }),
+      4000
+    )
+  }}
+>
+  Custom Hint Notification
+</button>
+```
+
 ## `useWallets`
 
 This hook allows you to track the state of all the currently connected wallets.
@@ -275,3 +444,44 @@ type UseWallets = (): WalletState[]
 
 const connectedWallets = useWallets()
 ```
+
+## `useAccountCenter`
+
+This hook allows you to track and update the state of the AccountCenter
+
+```typescript
+import { useAccountCenter } from '@web3-onboard/react'
+
+type UseAccountCenter = (): ((
+  update: AccountCenter | Partial<AccountCenter>
+) => void)
+
+type AccountCenterPosition =
+  | 'topRight'
+  | 'bottomRight'
+  | 'bottomLeft'
+  | 'topLeft'
+
+type AccountCenter = {
+  enabled: boolean
+  position?: AccountCenterPosition
+  expanded?: boolean
+  minimal?: boolean
+}
+
+const updateAccountCenter = useAccountCenter()
+```
+
+## `useSetLocale`
+
+This hook allows you to set the locale of your application to allow language updates associated with the i18n config
+
+```typescript
+import { useSetLocale } from '@web3-onboard/react'
+
+type useSetLocale = (): ((locale: string) => void)
+
+const updateLocale = useSetLocale()
+
+updateLocale('es')
+```
diff --git a/packages/react/package.json b/packages/react/package.json
index 8dfbef0c8..e6f5f18b5 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.1-alpha.2",
+  "version": "2.2.1-alpha.3",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.1-alpha.2",
+    "@web3-onboard/core": "^2.3.1-alpha.3",
     "@web3-onboard/common": "^2.1.3-alpha.1",
     "use-sync-external-store": "1.0.0"
   },
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 4df30491a..219a21d57 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -8,10 +8,15 @@ import type {
   ConnectOptions,
   DisconnectOptions,
   WalletState,
-  ConnectedChain
+  ConnectedChain,
+  AccountCenter,
+  AppState,
+  CustomNotification,
+  Notification,
+  NotifyOptions,
+  UpdateNotification
 } from '@web3-onboard/core'
-import type { Chain } from '@web3-onboard/common'
-import type { AppState } from '@web3-onboard/core/dist/types'
+import type { Chain, WalletInit } from '@web3-onboard/common'
 
 export let web3Onboard: OnboardAPI | null = null
 
@@ -52,7 +57,9 @@ const useAppState: {
 export const useConnectWallet = (): [
   { wallet: WalletState | null; connecting: boolean },
   (options?: ConnectOptions) => Promise<void>,
-  (wallet: DisconnectOptions) => Promise<void>
+  (wallet: DisconnectOptions) => Promise<void>,
+  (addresses?: string[]) => Promise<void>,
+  (wallets: WalletInit[]) => void
 ] => {
   if (!web3Onboard) throw new Error(HOOK_ERROR_MESSAGE)
 
@@ -79,7 +86,16 @@ export const useConnectWallet = (): [
     setConnecting(false)
   }, [])
 
-  return [{ wallet, connecting }, connect, disconnect]
+  const updateBalances = web3Onboard.state.actions.updateBalances
+  const setWalletModules = web3Onboard.state.actions.setWalletModules
+
+  return [
+    { wallet, connecting },
+    connect,
+    disconnect,
+    updateBalances,
+    setWalletModules
+  ]
 }
 
 type SetChainOptions = {
@@ -132,3 +148,33 @@ export const useWallets = (): WalletState[] => {
 
   return useAppState('wallets')
 }
+
+export const useNotifications = (): [
+  Notification[],
+  (updatedNotification: CustomNotification) => {
+    dismiss: () => void
+    update: UpdateNotification
+  },
+  (update: Partial<NotifyOptions>) => void
+] => {
+  if (!web3Onboard) throw new Error(HOOK_ERROR_MESSAGE)
+
+  const customNotification = web3Onboard.state.actions.customNotification
+  const updateNotify = web3Onboard.state.actions.updateNotify
+
+  return [useAppState('notifications'), customNotification, updateNotify]
+}
+
+export const useSetLocale = (): ((locale: string) => void) => {
+  if (!web3Onboard) throw new Error(HOOK_ERROR_MESSAGE)
+
+  return web3Onboard.state.actions.setLocale
+}
+
+export const useAccountCenter = (): ((
+  update: AccountCenter | Partial<AccountCenter>
+) => void) => {
+  if (!web3Onboard) throw new Error(HOOK_ERROR_MESSAGE)
+
+  return web3Onboard.state.actions.updateAccountCenter
+}
diff --git a/packages/vue/package.json b/packages/vue/package.json
index a270aea40..2b37f5d97 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.1-alpha.1",
+  "version": "2.1.1-alpha.2",
   "description": "Vue Composable for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -24,7 +24,7 @@
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
     "@web3-onboard/common": "^2.1.3-alpha.1",
-    "@web3-onboard/core": "^2.3.1-alpha.1",
+    "@web3-onboard/core": "^2.3.1-alpha.3",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {

From 8f5d1552aacd4b9f2f22c191e92d90da00a945e1 Mon Sep 17 00:00:00 2001
From: Aaron Barnard <abarnard@protonmail.com>
Date: Mon, 27 Jun 2022 09:10:40 +1000
Subject: [PATCH 06/13] [docs]: Simplify Quickstart (#1095)

* Simplify quickstarts

* Add detailed install instructions

* Fix typo

* Add if statement

* Update package links
---
 README.md                |  50 +++++---
 packages/core/README.md  |   1 +
 packages/react/README.md | 245 +++++----------------------------------
 packages/vue/README.md   | 162 +++++++++++++-------------
 4 files changed, 144 insertions(+), 314 deletions(-)

diff --git a/README.md b/README.md
index 92fe4a95c..0b467ca0c 100644
--- a/README.md
+++ b/README.md
@@ -12,17 +12,20 @@
 
 ## Quickstart
 
-Install the core Onboard library and the injected wallets module to support browser extension and mobile wallets:
+Install the core Onboard library, the injected wallets module and optionally ethers js to support browser extension and mobile wallets:
 
-`npm i @web3-onboard/core @web3-onboard/injected-wallets`
+**NPM**
+`npm i @web3-onboard/core @web3-onboard/injected-wallets ethers`
 
-- [@web3-onboard/core Official NPM Documentation](https://www.npmjs.com/package/@web3-onboard/core)
+**Yarn**
+`yarn add @web3-onboard/core @web3-onboard/injected-wallets ethers`
 
 Then initialize in your app:
 
 ```javascript
 import Onboard from '@web3-onboard/core'
 import injectedModule from '@web3-onboard/injected-wallets'
+import { ethers } from 'ethers'
 
 const MAINNET_RPC_URL = 'https://mainnet.infura.io/v3/<INFURA_KEY>'
 
@@ -37,17 +40,31 @@ const onboard = Onboard({
       label: 'Ethereum Mainnet',
       rpcUrl: MAINNET_RPC_URL
     }
-  ],
-  appMetadata: {
-    name: 'My App',
-    icon: '<SVG_ICON_STRING>',
-    description: 'My app using Onboard'
-  }
+  ]
 })
 
 const wallets = await onboard.connectWallet()
 
 console.log(wallets)
+
+if (wallets[0]) {
+  // create an ethers provider with the last connected wallet provider
+  const ethersProvider = new ethers.providers.Web3Provider(
+    wallets[0].provider,
+    'any'
+  )
+
+  const signer = ethersProvider.getSigner()
+
+  // send a transaction with the ethers provider
+  const txn = await signer.sendTransaction({
+    to: '0x',
+    value: 100000000000000
+  })
+
+  const receipt = await txn.wait()
+  console.log(receipt)
+}
 ```
 
 ## Documentation
@@ -64,22 +81,23 @@ For full documentation, check out the README.md for each package:
 
 **SDK Wallets**
 
-- [Fortmatic](packages/fortmatic/README.md)
+- [Coinbase](packages/coinbase/README.md)
+- [WalletConnect](packages/walletconnect/README.md)
 - [Gnosis](packages/gnosis/README.md)
-- [MEW](packages/mew/README.md)
+- [Magic](packages/magic/README.md)
+- [Fortmatic](packages/fortmatic/README.md)
 - [Portis](packages/portis/README.md)
-- [Torus](packages/torus/README.md)
-- [WalletConnect](packages/walletconnect/README.md)
-- [WalletLink](packages/walletlink/README.md)
-- Magic (in active development)
+- [MEW](packages/mew/README.md)
+- [Web3Auth](packages/web3auth/README.md)
 
 **Hardware Wallets**
 
-- [KeepKey](packages/keepkey/README.md)
 - [Ledger](packages/ledger/README.md)
 - [Trezor](packages/trezor/README.md)
 - [Keystone](packages/keystone/README.md)
+- [KeepKey](packages/keepkey/README.md)
 - [D'CENT](packages/dcent/README.md)
+
 **Frameworks**
 
 - [React](packages/react/README.md)
diff --git a/packages/core/README.md b/packages/core/README.md
index 6f29c395e..476740f23 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -17,6 +17,7 @@ Note:
 - MEW wallet currently fails to install on M1 macs
 - All wallet modules (except for `injected-wallets`) require extra dependencies and may require polyfilling the node built in modules for the browser. See the [Build Environments](#build-environments) section for more info
 - **If using React** you may be interested in checking out the React Hooks package here - https://www.npmjs.com/package/@web3-onboard/react
+- **If using Vue** you may be interested in checking out the Vue package here - https://www.npmjs.com/package/@web3-onboard/vue
 
 ## Initialization
 
diff --git a/packages/react/README.md b/packages/react/README.md
index a376afe8e..745ad364b 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -2,249 +2,66 @@
 
 A collection of React hooks for implementing web3-onboard in to a React project
 
-## Install
+## Quickstart with Injected Wallets and Ethers Provider
 
-`npm i @web3-onboard/react`
+### Install Modules
 
-## Example Usage
+**NPM**
+`npm i @web3-onboard/react @web3-onboard/injected-wallets ethers`
+
+**Yarn**
+`yarn add @web3-onboard/react @web3-onboard/injected-wallets ethers`
+
+### Add Code
 
 ```javascript
 import React from 'react'
-import { ethers } from 'ethers'
-import {
-  init,
-  useConnectWallet,
-  useSetChain,
-  useWallets
-} from '@web3-onboard/react'
+import { init, useConnectWallet } from '@web3-onboard/react'
 import injectedModule from '@web3-onboard/injected-wallets'
-import coinbaseModule from '@web3-onboard/coinbase'
-import trezorModule from '@web3-onboard/trezor'
-import ledgerModule from '@web3-onboard/ledger'
-import walletConnectModule from '@web3-onboard/walletconnect'
-import portisModule from '@web3-onboard/portis'
-import fortmaticModule from '@web3-onboard/fortmatic'
-import torusModule from '@web3-onboard/torus'
-import keepkeyModule from '@web3-onboard/keepkey'
-import dcentModule from '@web3-onboard/dcent'
+import { ethers } from 'ethers'
 
 // Sign up to get your free API key at https://explorer.blocknative.com/?signup=true
 const dappId = '1730eff0-9d50-4382-a3fe-89f0d34a2070'
 
 const injected = injectedModule()
-const coinbase = coinbaseModule()
-const walletConnect = walletConnectModule()
 
-const portis = portisModule({
-  apiKey: 'b2b7586f-2b1e-4c30-a7fb-c2d1533b153b'
-})
+const infuraKey = '<INFURA_KEY>'
+const rpcUrl = `https://mainnet.infura.io/v3/${infuraKey}`
 
-const fortmatic = fortmaticModule({
-  apiKey: 'pk_test_886ADCAB855632AA'
-})
-
-const torus = torusModule()
-const ledger = ledgerModule()
-const keepkey = keepkeyModule()
-
-const trezorOptions = {
-  email: 'test@test.com',
-  appUrl: 'https://www.blocknative.com'
-}
-
-const trezor = trezorModule(trezorOptions)
-
-const dcent = dcentModule()
-
-const magic = magicModule({
-  // Example api key, may need to be updated when max hits reached
-  // Get one to test with for free from https://magic.link/
-  apiKey: 'pk_live_02207D744E81C2BA',
-  userEmail: localStorage.getItem('magicUserEmail')
-})
-
-const web3auth = web3authModule({
-  clientId:
-    'DJuUOKvmNnlzy6ruVgeWYWIMKLRyYtjYa9Y10VCeJzWZcygDlrYLyXsBQjpJ2hxlBO9dnl8t9GmAC2qOP5vnIGo'
-})
-
-const web3Onboard = init({
-  wallets: [
-    injected,
-    coinbase,
-    ledger,
-    trezor,
-    walletConnect,
-    keepkey,
-    web3auth,
-    magic,
-    portis,
-    torus,
-    dcent
-  ],
+// initialize Onboard
+init({
+  wallets: [injected],
   chains: [
     {
       id: '0x1',
       token: 'ETH',
       label: 'Ethereum Mainnet',
-      rpcUrl: 'https://mainnet.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x3',
-      token: 'tROP',
-      label: 'Ethereum Ropsten Testnet',
-      rpcUrl: 'https://ropsten.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x4',
-      token: 'rETH',
-      label: 'Ethereum Rinkeby Testnet',
-      rpcUrl: 'https://rinkeby.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x89',
-      token: 'MATIC',
-      label: 'Matic Mainnet',
-      rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
-    }
-  ],
-  appMetadata: {
-    name: 'Blocknative',
-    icon: '<svg><svg/>',
-    description: 'Demo app for Onboard V2',
-    recommendedInjectedWallets: [
-      { name: 'MetaMask', url: 'https://metamask.io' },
-      { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
-    ]
-  },
-  apiKey: 'xxx387fb-bxx1-4xxc-a0x3-9d37e426xxxx'
-  notify: {
-    enabled: true,
-    transactionHandler: transaction => {
-      console.log({ transaction })
-    }
-  },
-  accountCenter: {
-    desktop: {
-      position: 'topRight',
-      enabled: true,
-      minimal: true
-    },
-    mobile: {
-      position: 'topRight',
-      enabled: true,
-      minimal: true
-    }
-  },
-  apiKey: dappId,
-  notify: {
-    enabled: true,
-    transactionHandler: transaction => {
-      console.log({ transaction })
-      if (transaction.eventCode === 'txPool') {
-        return {
-          // autoDismiss set to `0` will persist the notification until the user excuses it
-          autoDismiss: 0, 
-          // message: `Your transaction is pending, click <a href="https://rinkeby.etherscan.io/tx/${transaction.hash}">here</a> for more info.`,
-          // or you could use onClick for when someone clicks on the notification itself
-          onClick: () =>
-            window.open(`https://rinkeby.etherscan.io/tx/${transaction.hash}`)
-        }
-      }
+      rpcUrl
     }
-  }
-  i18n: {
-    en: {
-      connect: {
-        selectingWallet: {
-          header: 'custom text header'
-        }
-      },
-      notify: {
-        transaction: {
-          txStuck: 'custom text for this notification event'
-        }
-      }
-    },
-    es: {
-      transaction: {
-        txRequest: 'Su transacción está esperando que confirme'
-      }
-    }
-  }
+  ]
 })
 
 function App() {
-  const [{ wallet, connecting }, connect, disconnect, updateBalances, setWalletModules] =
-    useConnectWallet()
-  const [{ chains, connectedChain, settingChain }, setChain] = useSetChain()
-  const [notifications, customNotification, updateNotify] = useNotifications()
-  const connectedWallets = useWallets()
-  const updateAccountCenter = useAccountCenter()
-  const updateLocale = useSetLocale()
-
-  let provider
-
-  useEffect(() => {
-    if (!wallet?.provider) {
-      provider = null
-    } else {
-      provider = new ethers.providers.Web3Provider(wallet.provider, 'any')
-    }
-  }, [wallet]
+  const [{ wallet, connecting }, connect, disconnect] = useConnectWallet()
+
+  // create an ethers provider
+  let ethersProvider
+
+  if (wallet) {
+    ethersProvider = new ethers.providers.Web3Provider(wallet.provider, 'any')
+  }
 
   return (
     <div>
-      <button onClick={() => connect()}>
-        {connecting ? 'connecting' : 'connect'}
+      <button
+        disabled={connecting}
+        onClick={() => (wallet ? disconnect() : connect())}
+      >
+        {connecting ? 'connecting' : wallet ? 'disconnect' : 'connect'}
       </button>
-      {wallet && (
-        <div>
-          <label>Switch Chain</label>
-          {settingChain ? (
-            <span>Switching chain...</span>
-          ) : (
-            <select
-              onChange={({ target: { value } }) =>
-                console.log('onChange called') || setChain({ chainId: value })
-              }
-              value={connectedChain.id}
-            >
-              {chains.map(({ id, label }) => {
-                return <option value={id}>{label}</option>
-              })}
-            </select>
-          )}
-          <button onClick={() => disconnect(wallet)}>Disconnect Wallet</button>
-        </div>
-        <button
-          className="bn-demo-button"
-          onClick={() => {
-            // Default position of AccountCenter it top right
-            updateAccountCenter({
-                position: 'bottomLeft',
-                enabled: true,
-                minimal: true
-            })
-          }}
-        >
-          Account Center to Bottom Left
-        </button>
-      )}
-
-      {connectedWallets.map(({ label, accounts }) => {
-        return (
-          <div>
-            <div>{label}</div>
-            <div>Accounts: {JSON.stringify(accounts, null, 2)}</div>
-          </div>
-        )
-      })}
     </div>
   )
 }
-
-export default App
 ```
 
 ## `init`
diff --git a/packages/vue/README.md b/packages/vue/README.md
index 0c8e6c419..9b0447ee9 100644
--- a/packages/vue/README.md
+++ b/packages/vue/README.md
@@ -2,100 +2,74 @@
 
 A collection of composable functions for implementing web3-onboard in to a Vue project; compatible both with Vue 2 + composition-api and Vue 3
 
-## Install
+## Install Modules
 
-`npm i @web3-onboard/vue`
+**NPM**
+`npm i @web3-onboard/vue @web3-onboard/injected-wallets ethers`
 
-## Functions 
-
-## `init`
-
-The `init` function initializes `web3-onboard` and makes it available to the `useOnboard()` composable. For references check out the [initialization docs for `@web3-onboard/core`](../core/README.md#initialization)
+**Yarn**
+`yarn add @web3-onboard/vue @web3-onboard/injected-wallets ethers`
 
+## Quickstart
 
-### Example usage
 ```typescript
 import { init } from '@web3-onboard/vue'
 import injectedModule from '@web3-onboard/injected-wallets'
-import trezorModule from '@web3-onboard/trezor'
-import ledgerModule from '@web3-onboard/ledger'
-import walletConnectModule from '@web3-onboard/walletconnect'
-import walletLinkModule from '@web3-onboard/walletlink'
-import portisModule from '@web3-onboard/portis'
-import fortmaticModule from '@web3-onboard/fortmatic'
-import torusModule from '@web3-onboard/torus'
-import keepkeyModule from '@web3-onboard/keepkey'
 
 const injected = injectedModule()
-const walletLink = walletLinkModule()
-const walletConnect = walletConnectModule()
-
-const portis = portisModule({
-  apiKey: 'b2b7586f-2b1e-4c30-a7fb-c2d1533b153b'
-})
+const infuraKey = '<INFURA_KEY>'
+const rpcUrl = `https://mainnet.infura.io/v3/${infuraKey}`
 
-const fortmatic = fortmaticModule({
-  apiKey: 'pk_test_886ADCAB855632AA'
+const web3Onboard = init({
+  wallets: [injected],
+  chains: [
+    {
+      id: '0x1',
+      token: 'ETH',
+      label: 'Ethereum Mainnet',
+      rpcUrl
+    }
+  ]
 })
 
-const torus = torusModule()
-const ledger = ledgerModule()
-const keepkey = keepkeyModule()
+const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } =
+  useOnboard()
 
-const trezorOptions = {
-  email: 'test@test.com',
-  appUrl: 'https://www.blocknative.com'
+if (connectedWallet) {
+  const ethersProvider = new ethers.providers.Web3Provider(
+    connectedWallet.provider,
+    'any'
+  )
+  // ..... do stuff with the provider
 }
+```
 
-const trezor = trezorModule(trezorOptions)
+## Functions
+
+## `init`
+
+The `init` function initializes `web3-onboard` and makes it available to the `useOnboard()` composable. For references check out the [initialization docs for `@web3-onboard/core`](../core/README.md#initialization)
+
+### Example usage
+
+```typescript
+import { init } from '@web3-onboard/vue'
+import injectedModule from '@web3-onboard/injected-wallets'
+
+const injected = injectedModule()
+const infuraKey = '<INFURA_KEY>'
+const rpcUrl = `https://mainnet.infura.io/v3/${infuraKey}`
 
 const web3Onboard = init({
-  wallets: [
-    ledger,
-    trezor,
-    walletConnect,
-    keepkey,
-    walletLink,
-    injected,
-    fortmatic,
-    portis,
-    torus
-  ],
+  wallets: [injected],
   chains: [
     {
       id: '0x1',
       token: 'ETH',
       label: 'Ethereum Mainnet',
-      rpcUrl: 'https://mainnet.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x3',
-      token: 'tROP',
-      label: 'Ethereum Ropsten Testnet',
-      rpcUrl: 'https://ropsten.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x4',
-      token: 'rETH',
-      label: 'Ethereum Rinkeby Testnet',
-      rpcUrl: 'https://rinkeby.infura.io/v3/ababf9851fd845d0a167825f97eeb12b'
-    },
-    {
-      id: '0x89',
-      token: 'MATIC',
-      label: 'Matic Mainnet',
-      rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
+      rpcUrl
     }
-  ],
-  appMetadata: {
-    name: 'Blocknative',
-    icon: '<svg><svg/>',
-    description: 'Demo app for Onboard V2',
-    recommendedInjectedWallets: [
-      { name: 'MetaMask', url: 'https://metamask.io' },
-      { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }
-    ]
-  }
+  ]
 })
 ```
 
@@ -104,19 +78,23 @@ const web3Onboard = init({
 `useOnboard` must be used after the `init` function has been called - it will return an object that can be destructured to obtain the following reactive variables and functions:
 
 ### Example usage
+
 ```typescript
 import { useOnboard } from '@web3-onboard/vue'
 // Use the composable
 const onboard = useOnboard()
 // Or destructure it
-const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } = useOnboard()
+const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } =
+  useOnboard()
 // do stuff
 ```
 
 ### `connectWallet`
+
 Function to open the onboard modal and connect to a wallet provider. For reference check out the [connecting a wallet for `@web3-onboard/core`](../core/README.md#connecting-a-wallet)
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -130,16 +108,16 @@ export default {
 </script>
 
 <template>
-  <button type="button" @click="connect">
-    Connect to a Wallet
-  </button>
+  <button type="button" @click="connect">Connect to a Wallet</button>
 </template>
 ```
 
 ### `connectedChain`
+
 Computed property that contains the current chain to which `connectedWallet` is connected
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -152,14 +130,16 @@ export default {
 </script>
 
 <template>
-  <span>Connected Chain: {{connectedChain.id}}</span>
+  <span>Connected Chain: {{ connectedChain.id }}</span>
 </template>
 ```
 
 ### `connectedWallet`
+
 Computed property that contains the latest connected wallet
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -172,14 +152,16 @@ export default {
 </script>
 
 <template>
-  <span>Connected Wallet: {{connectedWallet.label}}</span>
+  <span>Connected Wallet: {{ connectedWallet.label }}</span>
 </template>
 ```
 
 ### `connectingWallet`
+
 Readonly boolean ref that tracks the state of the wallet connection status
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -197,9 +179,11 @@ export default {
 ```
 
 ### `disconnectWallet`
+
 Function to disconnect a specific wallet
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -213,16 +197,16 @@ export default {
 </script>
 
 <template>
-  <button type="button" @click="disconnect">
-    Disconnect MetaMask
-  </button>
+  <button type="button" @click="disconnect">Disconnect MetaMask</button>
 </template>
 ```
 
 ### `disconnectConnectedWallet`
+
 Function to disconnect the `connectedWallet`
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -242,9 +226,11 @@ export default {
 ```
 
 ### `getChain`
+
 Function that returns the current chain a wallet is connected to
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -257,14 +243,16 @@ export default {
 </script>
 
 <template>
-  <span>MetaMask is connected to: {{getChain('MetaMask')}}</span>
+  <span>MetaMask is connected to: {{ getChain('MetaMask') }}</span>
 </template>
 ```
 
 ### `setChain`
+
 Function to set the chain of a wallet
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -278,16 +266,16 @@ export default {
 </script>
 
 <template>
-  <button type="button" @click="set">
-    Set MetaMask chain to mainnet
-  </button>
+  <button type="button" @click="set">Set MetaMask chain to mainnet</button>
 </template>
 ```
 
 ### `settingChain`
+
 Readonly boolean ref that tracks the status of setting the chain
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -305,9 +293,11 @@ export default {
 ```
 
 ### `wallets`
+
 Readonly ref that contains every wallet that has been connected
 
 ### Example usage
+
 ```vue
 <script>
 import { useOnboard } from '@web3-onboard/vue'
@@ -320,9 +310,11 @@ export default {
 ```
 
 ### `alreadyConnectedWallets`
+
 Readonly ref that contains every wallet that user connected to in the past; useful to reconnect wallets automatically after a reload
 
 ### Example usage
+
 ```
 vue
 <script>
@@ -343,9 +335,11 @@ export default {
 ```
 
 ### `lastConnectedTimestamp`
+
 Readonly ref that contains the last time that the user connected a wallet in milliseconds
 
 ### Example usage
+
 ```
 vue
 <script>

From adcc3cc25f13f431e51c6d55521925512f4d56f0 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Mon, 27 Jun 2022 15:49:49 -0600
Subject: [PATCH 07/13] [core-v2.3.1-alpha.4, react-v2.2.1-alpha.4,
 vue-v2.1.1-alpha.3] : Update - Decouple Notify and AC positioning (#1098)

* Update react package version
* Setup and progress on decoupling - working with init functionality
* working with cleanup
* Update docs to handle new positioning and types
* Update versions
* fix validation
* Update container height on mobile, validation DRY
---
 packages/core/README.md                     | 46 ++++++++++++----
 packages/core/package.json                  |  2 +-
 packages/core/src/constants.ts              |  3 +-
 packages/core/src/index.ts                  | 53 +++++++++++++++++--
 packages/core/src/store/actions.ts          | 12 ++---
 packages/core/src/types.ts                  | 35 +++++++++----
 packages/core/src/validation.ts             | 27 +++++++---
 packages/core/src/views/Index.svelte        | 56 ++++++++++++++++----
 packages/core/src/views/notify/Index.svelte | 12 ++++-
 packages/demo/src/App.svelte                | 58 +++++++++++----------
 packages/react/README.md                    |  6 +--
 packages/react/package.json                 |  4 +-
 packages/react/src/index.ts                 |  4 +-
 packages/vue/package.json                   |  4 +-
 14 files changed, 234 insertions(+), 88 deletions(-)

diff --git a/packages/core/README.md b/packages/core/README.md
index 476740f23..0e7294276 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -148,7 +148,12 @@ unsubscribe()
 ```
 
 ```typescript
+
 export type NotifyOptions = {
+  desktop: Notify
+  mobile: Notify
+}
+export type Notify = {
   enabled: boolean // default: true
   /**
    * Callback that receives all transaction events
@@ -159,8 +164,15 @@ export type NotifyOptions = {
   transactionHandler?: (
     event: EthereumTransactionData
   ) => TransactionHandlerReturn
+  position: CommonPositions
 }
 
+export type CommonPositions =
+| 'topRight'
+| 'bottomRight'
+| 'bottomLeft'
+| 'topLeft'
+
 export type TransactionHandlerReturn = CustomNotification | boolean | void
 
 export type CustomNotification = Partial<Omit<Notification, 'id' | 'startTime'>>
@@ -286,15 +298,31 @@ const onboard = Onboard({
   },
   apiKey: 'xxx387fb-bxx1-4xxc-a0x3-9d37e426xxxx'
   notify: {
-    enabled: true,
-    transactionHandler: transaction => {
-      console.log({ transaction })
-      if (transaction.eventCode === 'txPool') {
-        return {
-          type: 'success',
-          message: 'Your transaction from #1 DApp is in the mempool',
+    desktop: {
+      enabled: true,
+      transactionHandler: transaction => {
+        console.log({ transaction })
+        if (transaction.eventCode === 'txPool') {
+          return {
+            type: 'success',
+            message: 'Your transaction from #1 DApp is in the mempool',
+          }
         }
-      }
+      },
+      position: 'bottomLeft'
+    },
+    mobile: {
+      enabled: true,
+      transactionHandler: transaction => {
+        console.log({ transaction })
+        if (transaction.eventCode === 'txPool') {
+          return {
+            type: 'success',
+            message: 'Your transaction from #1 DApp is in the mempool',
+          }
+        }
+      },
+      position: 'topRight'
     }
   },
   accountCenter: {
@@ -421,7 +449,7 @@ type AppState = {
   accountCenter: AccountCenter
   walletModules: WalletModule[]
   locale: Locale
-  notify: NotifyOptions
+  notify: Notify
   notifications: Notification[]
 }
 
diff --git a/packages/core/package.json b/packages/core/package.json
index 570fabb2e..61e9ed797 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.1-alpha.3",
+  "version": "2.3.1-alpha.4",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
index 32bed8402..4c37bda6a 100644
--- a/packages/core/src/constants.ts
+++ b/packages/core/src/constants.ts
@@ -13,7 +13,8 @@ export const APP_INITIAL_STATE: AppState = {
   },
   notify: {
     enabled: true,
-    transactionHandler: () => {}
+    transactionHandler: () => {},
+    position: 'topRight'
   },
   notifications: [],
   locale: ''
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 100433ff0..cbd7a22ff 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -4,10 +4,10 @@ import disconnectWallet from './disconnect'
 import setChain from './chain'
 import { state } from './store'
 import { reset$ } from './streams'
-import { validateInitOptions } from './validation'
+import { validateInitOptions, validateNotify, validateNotifyOptions } from './validation'
 import initI18N from './i18n'
 import App from './views/Index.svelte'
-import type { InitOptions, OnboardAPI } from './types'
+import type { InitOptions, OnboardAPI, Notify } from './types'
 import { APP_INITIAL_STATE } from './constants'
 import { configuration, updateConfiguration } from './configuration'
 
@@ -22,7 +22,7 @@ import {
 
 import updateBalances from './updateBalances'
 
-const API = {
+const API: OnboardAPI = {
   connectWallet,
   disconnectWallet,
   setChain,
@@ -51,7 +51,7 @@ export type {
   AppState,
   CustomNotification,
   Notification,
-  NotifyOptions,
+  Notify,
   UpdateNotification
 } from './types'
 
@@ -104,7 +104,50 @@ function init(options: InitOptions): OnboardAPI {
 
   // update notify
   if (typeof notify !== undefined) {
-    updateNotify(notify)
+    if ('desktop' in notify || 'mobile' in notify) {
+      const error = validateNotifyOptions(notify)
+  
+      if (error) {
+        throw error
+      }
+  
+      if (
+        (!notify.desktop || (notify.desktop && !notify.desktop.position)) &&
+        accountCenter &&
+        accountCenter.desktop &&
+        accountCenter.desktop.position
+      ) {
+        notify.desktop.position = accountCenter.desktop.position
+      }
+      if (
+        (!notify.mobile || (notify.mobile && !notify.mobile.position)) &&
+        accountCenter &&
+        accountCenter.mobile &&
+        accountCenter.mobile.position
+      ) {
+        notify.mobile.position = accountCenter.mobile.position
+      }
+      let notifyUpdate: Partial<Notify>
+      if (device.type === 'mobile' && notify.mobile) {
+        notifyUpdate = {
+          ...APP_INITIAL_STATE.notify,
+          ...notify.mobile
+        }
+      } else if (notify.desktop) {
+        notifyUpdate = {
+          ...APP_INITIAL_STATE.notify,
+          ...notify.desktop
+        }
+      }
+      updateNotify(notifyUpdate)
+    } else {
+      const error = validateNotify(notify as Notify)
+  
+      if (error) {
+        throw error
+      }
+      updateNotify(notify as Notify)
+    }
   }
 
   if (svelteInstance) {
diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts
index d7f9061d7..af1304ac6 100644
--- a/packages/core/src/store/actions.ts
+++ b/packages/core/src/store/actions.ts
@@ -16,7 +16,6 @@ import type {
   UpdateAccountCenterAction,
   UpdateWalletAction,
   WalletState,
-  NotifyOptions,
   UpdateNotifyAction,
   Notification,
   AddNotificationAction,
@@ -24,7 +23,8 @@ import type {
   UpdateAllWalletsAction,
   CustomNotification,
   UpdateNotification,
-  CustomNotificationUpdate
+  CustomNotificationUpdate,
+  Notify
 } from '../types'
 
 import {
@@ -33,11 +33,11 @@ import {
   validateNotification,
   validateCustomNotification,
   validateCustomNotificationUpdate,
-  validateNotifyOptions,
   validateString,
   validateWallet,
   validateWalletInit,
-  validateUpdateBalances
+  validateUpdateBalances,
+  validateNotify
 } from '../validation'
 
 import {
@@ -156,8 +156,8 @@ export function updateAccountCenter(
   dispatch(action as UpdateAccountCenterAction)
 }
 
-export function updateNotify(update: Partial<NotifyOptions>): void {
-  const error = validateNotifyOptions(update)
+export function updateNotify(update: Partial<Notify>): void {
+  const error = validateNotify(update)
 
   if (error) {
     throw error
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 46ab2f973..14724a3dd 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -46,7 +46,7 @@ export interface InitOptions {
   /**
    * Transaction notification options
    */
-  notify?: Partial<NotifyOptions>
+  notify?: Partial<NotifyOptions> | Partial<Notify>
 }
 
 export interface OnboardAPI {
@@ -63,7 +63,7 @@ export interface OnboardAPI {
 interface ExposedActions {
   setWalletModules: (wallets: WalletInit[]) => void
   setLocale: (locale: string) => void
-  updateNotify: (update: Partial<NotifyOptions>) => void
+  updateNotify: (update: Partial<Notify>) => void
   customNotification: (
     updatedNotification: CustomNotification
   ) => {
@@ -141,7 +141,7 @@ export interface AppState {
   wallets: WalletState[]
   accountCenter: AccountCenter
   locale: Locale
-  notify: NotifyOptions
+  notify: Notify
   notifications: Notification[]
 }
 
@@ -156,11 +156,15 @@ export type Locale = string
 export type i18nOptions = Record<Locale, i18n>
 export type i18n = typeof en
 
-export type AccountCenterPosition =
-  | 'topRight'
-  | 'bottomRight'
-  | 'bottomLeft'
-  | 'topLeft'
+export type CommonPositions =
+| 'topRight'
+| 'bottomRight'
+| 'bottomLeft'
+| 'topLeft'
+
+export type AccountCenterPosition = CommonPositions
+
+export type NotificationPosition = CommonPositions
 
 export type AccountCenter = {
   enabled: boolean
@@ -174,7 +178,7 @@ export type AccountCenterOptions = {
   mobile: Omit<AccountCenter, 'expanded'>
 }
 
-export type NotifyOptions = {
+export type Notify = {
   /**
    * Defines whether whether to subscribe to transaction events or not
    * default: true
@@ -189,6 +193,17 @@ export type NotifyOptions = {
   transactionHandler: (
     event: EthereumTransactionData
   ) => TransactionHandlerReturn
+  /**
+   * Position of notifications that defaults to the same position as the 
+   * Account Center (if enabled) of the top right if AC is disabled
+   * and notifications are enabled (enabled by default with API key)
+   */
+  position?: NotificationPosition
+}
+
+export type NotifyOptions = {
+  desktop: Notify
+  mobile: Notify
 }
 
 export type Notification = {
@@ -279,7 +294,7 @@ export type SetLocaleAction = {
 
 export type UpdateNotifyAction = {
   type: 'update_notify'
-  payload: Partial<NotifyOptions>
+  payload: Partial<Notify>
 }
 
 export type AddNotificationAction = {
diff --git a/packages/core/src/validation.ts b/packages/core/src/validation.ts
index a31081cf5..bbdf8f134 100644
--- a/packages/core/src/validation.ts
+++ b/packages/core/src/validation.ts
@@ -17,7 +17,8 @@ import type {
   NotifyOptions,
   Notification,
   CustomNotification,
-  CustomNotificationUpdate
+  CustomNotificationUpdate,
+  Notify
 } from './types'
 
 const chainId = Joi.string().pattern(/^0x[0-9a-fA-F]+$/)
@@ -128,7 +129,7 @@ const walletInit = Joi.array().items(Joi.function()).required()
 
 const locale = Joi.string()
 
-const accountCenterPosition = Joi.string().valid(
+const commonPositions = Joi.string().valid(
   'topRight',
   'bottomRight',
   'bottomLeft',
@@ -137,7 +138,13 @@ const accountCenterPosition = Joi.string().valid(
 
 const notify = Joi.object({
   transactionHandler: Joi.function(),
-  enabled: Joi.boolean()
+  enabled: Joi.boolean(),
+  position: commonPositions
+})
+
+const notifyOptions = Joi.object({
+  desktop: notify,
+  mobile: notify
 })
 
 const initOptions = Joi.object({
@@ -150,15 +157,15 @@ const initOptions = Joi.object({
     desktop: Joi.object({
       enabled: Joi.boolean(),
       minimal: Joi.boolean(),
-      position: accountCenterPosition
+      position: commonPositions
     }),
     mobile: Joi.object({
       enabled: Joi.boolean(),
       minimal: Joi.boolean(),
-      position: accountCenterPosition
+      position: commonPositions
     })
   }),
-  notify
+  notify: [notifyOptions, notify]
 })
 
 const connectOptions = Joi.object({
@@ -183,7 +190,7 @@ const setChainOptions = Joi.object({
 
 const accountCenter = Joi.object({
   enabled: Joi.boolean(),
-  position: accountCenterPosition,
+  position: commonPositions,
   expanded: Joi.boolean(),
   minimal: Joi.boolean()
 })
@@ -287,10 +294,14 @@ export function validateLocale(data: string): ValidateReturn {
   return validate(locale, data)
 }
 
+export function validateNotify(data: Partial<Notify>): ValidateReturn {
+  return validate(notify, data)
+}
+
 export function validateNotifyOptions(
   data: Partial<NotifyOptions>
 ): ValidateReturn {
-  return validate(notify, data)
+  return validate(notifyOptions, data)
 }
 
 export function validateTransactionHandlerReturn(
diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index c92b75ea9..adcb618dc 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -17,8 +17,7 @@
   const notify$ = state
     .select('notify')
     .pipe(startWith(state.get().notify), shareReplay(1))
-
-  const accountCenterPositions = {
+  const positioningDefaults = {
     topLeft: 'top: 0; left: 0;',
     topRight: 'top: 0; right: 0;',
     bottomRight: 'bottom: 0; right: 0;',
@@ -281,19 +280,47 @@
   <SwitchChain />
 {/if}
 
-{#if ($notify$.enabled || $accountCenter$.enabled) && $wallets$.length}
+{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
-    style="{accountCenterPositions[$accountCenter$.position]}; {device.type ===
+    style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
       'mobile' && $accountCenter$.position.includes('top')
       ? 'padding-bottom: 0;'
       : device.type === 'mobile' && $accountCenter$.position.includes('bottom')
       ? 'padding-top:0;'
       : ''} "
   >
-    {#if $notify$.enabled && $accountCenter$.position.includes('bottom')}
-      <Notify position={$accountCenter$.position} />
+    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+      <Notify position={$notify$.position} sharedContainer={true} />
     {/if}
+    <div
+      style={!$accountCenter$.expanded &&
+      $accountCenter$.minimal &&
+      $accountCenter$.position.includes('Right')
+        ? 'margin-left: auto'
+        : !$accountCenter$.expanded &&
+          $accountCenter$.minimal &&
+          $accountCenter$.position.includes('Left')
+        ? 'margin-right: auto'
+        : ''}
+    >
+      <AccountCenter settings={$accountCenter$} />
+    </div>
+    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+      <Notify position={$notify$.position} sharedContainer={true} />
+    {/if}
+  </div>
+{/if}
+{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile')) && $wallets$.length}
+  <div
+    class="container flex flex-column fixed z-indexed"
+    style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
+      'mobile' && $accountCenter$.position.includes('top')
+      ? 'padding-bottom: 0;'
+      : device.type === 'mobile' && $accountCenter$.position.includes('bottom')
+      ? 'padding-top:0;'
+      : ''} "
+  >
     <div
       style={!$accountCenter$.expanded &&
       $accountCenter$.minimal &&
@@ -309,9 +336,18 @@
         <AccountCenter settings={$accountCenter$} />
       {/if}
     </div>
-
-    {#if $notify$.enabled && $accountCenter$.position.includes('top')}
-      <Notify position={$accountCenter$.position} />
-    {/if}
+  </div>
+{/if}
+{#if $notify$.enabled && (!$accountCenter$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top'))) && $wallets$.length}
+  <div
+    class="container flex flex-column fixed z-indexed"
+    style="{positioningDefaults[$notify$.position]}; {device.type ===
+      'mobile' && $notify$.position.includes('top')
+      ? 'padding-bottom: 0;'
+      : device.type === 'mobile' && $notify$.position.includes('bottom')
+      ? 'padding-top:0;'
+      : ''} "
+  >
+    <Notify position={$notify$.position} sharedContainer={false} />
   </div>
 {/if}
diff --git a/packages/core/src/views/notify/Index.svelte b/packages/core/src/views/notify/Index.svelte
index 272722e02..5e5f31213 100644
--- a/packages/core/src/views/notify/Index.svelte
+++ b/packages/core/src/views/notify/Index.svelte
@@ -6,12 +6,16 @@
   import { state } from '../../store'
   import { shareReplay, startWith } from 'rxjs/operators'
   import Notification from './Notification.svelte'
+  import { configuration } from '../../configuration'
+
+  const { device } = configuration
 
   const accountCenter$ = state
     .select('accountCenter')
     .pipe(startWith(state.get().accountCenter), shareReplay(1))
 
   export let position: string
+  export let sharedContainer: boolean
 
   let x: number
   let y: number
@@ -116,7 +120,13 @@
     style={`${
       position.includes('top') ? 'justify-content:flex-start;' : ''
     }; max-height: calc(100vh - ${
-      !$accountCenter$.expanded ? '82px' : '412px'
+      $accountCenter$.expanded
+        ? '412px'
+        : sharedContainer && device.type !== 'mobile'
+        ? '82px'
+        : !sharedContainer && device.type === 'mobile'
+        ? '108px'
+        : '24px'
     })`}
   >
     {#each $notifications$ as notification (notification.key)}
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
index b540aad32..43ada5350 100644
--- a/packages/demo/src/App.svelte
+++ b/packages/demo/src/App.svelte
@@ -166,7 +166,7 @@
     // // example customizing account center
     accountCenter: {
       desktop: {
-        position: 'topRight',
+        position: 'topLeft',
         enabled: true,
         minimal: false
       }
@@ -182,29 +182,33 @@
       }
     },
     notify: {
-      enabled: true,
-      transactionHandler: transaction => {
-        console.log({ transaction })
-        //   if (transaction.eventCode === 'txConfirmed') {
-        //     return {
-        //       type: 'error',
-        //       message: 'Your in the pool, hope you brought a towel!',
-        //       autoDismiss: 0,
-        //       id: '123',
-        //       key: '321',
-        //       onClick: () =>
-        //         window.open(`https://rinkeby.etherscan.io/tx/${transaction.hash}`)
-        //     }
-        //   }
-        // if (transaction.eventCode === 'txPool') {
-        //   return {
-        //     type: 'hint',
-        //     message: 'Your in the pool, hope you brought a towel!',
-        //     autoDismiss: 0,
-        //     link: `https://ropsten.etherscan.io/tx/${transaction.hash}`
-        //   }
-        // }
-      }
+      desktop: {
+        enabled: true,
+        transactionHandler: transaction => {
+          console.log({ transaction })
+          //   if (transaction.eventCode === 'txConfirmed') {
+          //     return {
+          //       type: 'error',
+          //       message: 'Your in the pool, hope you brought a towel!',
+          //       autoDismiss: 0,
+          //       id: '123',
+          //       key: '321',
+          //       onClick: () =>
+          //         window.open(`https://rinkeby.etherscan.io/tx/${transaction.hash}`)
+          //     }
+          //   }
+          // if (transaction.eventCode === 'txPool') {
+          //   return {
+          //     type: 'hint',
+          //     message: 'Your in the pool, hope you brought a towel!',
+          //     autoDismiss: 0,
+          //     link: `https://ropsten.etherscan.io/tx/${transaction.hash}`
+          //   }
+          // }
+        },
+        position: 'topRight'
+      },
+
     },
     // Sign up for your free api key at www.Blocknative.com
     apiKey: 'xxxxxx-bf21-42ec-a093-9d37e426xxxx'
@@ -227,7 +231,7 @@
   }
 
   let toAddress
-  const sendTransaction = async (provider) => {
+  const sendTransaction = async provider => {
     const ethersProvider = new ethers.providers.Web3Provider(provider, 'any')
 
     const signer = ethersProvider.getSigner()
@@ -464,9 +468,7 @@
               placeholder="0x..."
               bind:value={toAddress}
             />
-            <button
-              on:click={sendTransaction(provider)}
-            >
+            <button on:click={sendTransaction(provider)}>
               Send Transaction
             </button>
           </div>
diff --git a/packages/react/README.md b/packages/react/README.md
index 745ad364b..1edfe8e16 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -162,7 +162,7 @@ type UseNotifications = (): [
     dismiss: () => void
     update: UpdateNotification
   },
-  (update: Partial<NotifyOptions>) => void
+  (update: Partial<Notify>) => void
 ]
 
 type Notification = {
@@ -194,7 +194,7 @@ interface UpdateNotification {
     update: UpdateNotification
   }
 }
-type NotifyOptions = {
+type Notify = {
   /**
    * Defines whether to subscribe to transaction events or not
    * default: true
@@ -213,7 +213,7 @@ type NotifyOptions = {
 const [
   notifications, // the list of all notifications that update when notifications are added, updated or removed
   customNotification, // a function that takes a customNotification object and allows custom notifications to be shown to the user, returns an update and dismiss callback
-  updateNotify // a function that takes a NotifyOptions object to allow updating of the properties
+  updateNotify // a function that takes a Notify object to allow updating of the properties
 ] = useNotifications()
 
 // View notifications as they come in if you would like to handle them independent of the notification display
diff --git a/packages/react/package.json b/packages/react/package.json
index e6f5f18b5..aa7c4c805 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.1-alpha.3",
+  "version": "2.2.1-alpha.4",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.1-alpha.3",
+    "@web3-onboard/core": "^2.3.1-alpha.4",
     "@web3-onboard/common": "^2.1.3-alpha.1",
     "use-sync-external-store": "1.0.0"
   },
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 219a21d57..ea2a80e86 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -13,7 +13,7 @@ import type {
   AppState,
   CustomNotification,
   Notification,
-  NotifyOptions,
+  Notify,
   UpdateNotification
 } from '@web3-onboard/core'
 import type { Chain, WalletInit } from '@web3-onboard/common'
@@ -155,7 +155,7 @@ export const useNotifications = (): [
     dismiss: () => void
     update: UpdateNotification
   },
-  (update: Partial<NotifyOptions>) => void
+  (update: Partial<Notify>) => void
 ] => {
   if (!web3Onboard) throw new Error(HOOK_ERROR_MESSAGE)
 
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 2b37f5d97..393951a16 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.1-alpha.2",
+  "version": "2.1.1-alpha.3",
   "description": "Vue Composable for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -24,7 +24,7 @@
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
     "@web3-onboard/common": "^2.1.3-alpha.1",
-    "@web3-onboard/core": "^2.3.1-alpha.3",
+    "@web3-onboard/core": "^2.3.1-alpha.4",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {

From 7c80e490d7bbd82c89ab68bdc23d61b642409b36 Mon Sep 17 00:00:00 2001
From: Mahmud <104795334+mahmud-bn@users.noreply.github.com>
Date: Mon, 27 Jun 2022 16:24:29 -0600
Subject: [PATCH 08/13] [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
---
 packages/demo/package.json          | 4 ++--
 packages/walletconnect/README.md    | 2 ++
 packages/walletconnect/package.json | 2 +-
 packages/walletconnect/src/index.ts | 5 +++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/demo/package.json b/packages/demo/package.json
index de0d7d159..e0212146c 100644
--- a/packages/demo/package.json
+++ b/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"
   },
diff --git a/packages/walletconnect/README.md b/packages/walletconnect/README.md
index 36a3bfb8e..6600310fa 100644
--- a/packages/walletconnect/README.md
+++ b/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...
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index bcf124621..a423622b3 100644
--- a/packages/walletconnect/package.json
+++ b/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",
diff --git a/packages/walletconnect/src/index.ts b/packages/walletconnect/src/index.ts
index 9f3711d5d..5469aaee0 100644
--- a/packages/walletconnect/src/index.ts
+++ b/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,
                         () =>

From f4dd1e7d8ed67e39854e28bd626a04e38d3b9cba Mon Sep 17 00:00:00 2001
From: Taylor Dawson <taylorjdawson@gmail.com>
Date: Tue, 28 Jun 2022 09:19:08 -0500
Subject: [PATCH 09/13] Update BUG.yml (#1100)

* Adds Adam and Mahmud to assignees
* Adds drop down to select effected package
* Makes node version optional
* Adds note to include build config and repro steps
* Adds dropdown to select between build and runtime issue
* Adds sanity check at the end of the issue to make sure user submits issue with build config or repro steps
---
 .github/ISSUE_TEMPLATE/BUG.yml | 57 +++++++++++++++++++++++++++++++---
 1 file changed, 52 insertions(+), 5 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/BUG.yml b/.github/ISSUE_TEMPLATE/BUG.yml
index 405862d44..80ad0afff 100644
--- a/.github/ISSUE_TEMPLATE/BUG.yml
+++ b/.github/ISSUE_TEMPLATE/BUG.yml
@@ -5,11 +5,15 @@ labels: [bug]
 assignees:
   - taylorjdawson
   - aaronbarnardsound
+  - Adamj1232
+  - mahmud-bn
 body:
   - type: markdown
     attributes:
       value: |
-        Thanks for taking the time to fill out this bug report!
+        Thanks for taking the time to fill out this bug report! Note that the more detailed the report the faster we can get the issue fixed.
+        When possible, please provide a [Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example) this will
+        reduce the time it takes us to fix the issue.
   - type: textarea
     attributes:
       label: Current Behavior
@@ -25,7 +29,7 @@ body:
   - type: textarea
     attributes:
       label: Steps To Reproduce
-      description: Steps to reproduce the behavior.
+      description: Steps to reproduce the behavior. Link or paste your [Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example) here.
       placeholder: |
         1. In this environment...
         2. With this config...
@@ -33,9 +37,46 @@ body:
         4. See error...
     validations:
       required: false
+  - type: dropdown
+    attributes:
+      label: What package is effected by this issue?
+      options:
+        - @web3-onboard/core
+        - @web3-onboard/common
+        - @web3-onboard/coinbase
+        - @web3-onboard/decent
+        - @web3-onboard/formatic
+        - @web3-onboard/gnosis
+        - @web3-onboard/injected
+        - @web3-onboard/keepkey
+        - @web3-onboard/keystone
+        - @web3-onboard/ledger
+        - @web3-onboard/magic
+        - @web3-onboard/mew
+        - @web3-onboard/portis
+        - @web3-onboard/react
+        - @web3-onboard/torus
+        - @web3-onboard/trezor
+        - @web3-onboard/vue
+        - @web3-onboard/walletconnect
+        - @web3-onboard/walletlink
+        - @web3-onboard/web3auth
+        - bnc-onboard (v1)
+    validations:
+      required: true
+  - type: dropdown
+    attributes:
+      label: Is this a build or a runtime issue?
+      multiple: true
+      options:
+        - Build
+        - Runtime
+        - N/A
+    validations:
+      required: true
   - type: input
     attributes:
-      label: Onboard Version
+      label: Package Version
       description: What version of Onboard are you using?
     validations:
       required: true
@@ -43,8 +84,6 @@ body:
     attributes:
       label: Node Version
       description: What version of NodeJS are you running?
-    validations:
-      required: true
   - type: dropdown
     id: browsers
     attributes:
@@ -70,3 +109,11 @@ body:
         Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
     validations:
       required: false
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Sanity Check
+      description: Sanity check to ensure that issue has been properly filled out to reduce friction for all involved parties.
+      options:
+        - label: If this is a build issue, I have included my build config. If this is a runtime issues, I have included reproduction steps and/or a [Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example).
+          required: true

From 29ab8d9b21bfa2638fd7b634fd0bb5ef786cb877 Mon Sep 17 00:00:00 2001
From: Taylor Dawson <taylorjdawson@gmail.com>
Date: Tue, 28 Jun 2022 10:08:19 -0500
Subject: [PATCH 10/13] Fixes ledger transaction on polygon (#1101)

* Fixes ledger transaction on polygon
* version bumps
* formating + prettier ignore
---
 .prettierignore                     |  1 +
 packages/coinbase/package.json      |  4 ++--
 packages/common/package.json        |  2 +-
 packages/common/src/hdwallets.ts    | 18 +++++++++++++-----
 packages/common/src/index.ts        |  6 +++++-
 packages/common/src/types.ts        |  6 +++---
 packages/core/package.json          |  2 +-
 packages/core/src/types.ts          |  4 +---
 packages/dcent/package.json         |  4 ++--
 packages/demo/src/App.svelte        |  6 ++++++
 packages/fortmatic/package.json     |  4 ++--
 packages/gnosis/package.json        |  4 ++--
 packages/injected/package.json      |  4 ++--
 packages/keepkey/package.json       |  4 ++--
 packages/keystone/package.json      |  4 ++--
 packages/ledger/package.json        |  4 ++--
 packages/ledger/src/index.ts        |  2 +-
 packages/magic/package.json         |  4 ++--
 packages/mew/package.json           |  4 ++--
 packages/portis/package.json        |  4 ++--
 packages/react/package.json         |  2 +-
 packages/torus/package.json         |  4 ++--
 packages/trezor/package.json        |  4 ++--
 packages/vue/package.json           |  2 +-
 packages/walletconnect/package.json |  2 +-
 packages/walletlink/package.json    |  4 ++--
 packages/web3auth/package.json      |  4 ++--
 27 files changed, 65 insertions(+), 48 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..aaf420460
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+packages/**/dist
\ No newline at end of file
diff --git a/packages/coinbase/package.json b/packages/coinbase/package.json
index 7128ce044..4171f0483 100644
--- a/packages/coinbase/package.json
+++ b/packages/coinbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.0.6-alpha.1",
+  "version": "2.0.6-alpha.2",
   "description": "Coinbase Wallet module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "^3.0.5",
-    "@web3-onboard/common": "2.1.3-alpha.1"
+    "@web3-onboard/common": "^2.1.3-alpha.2"
   }
 }
diff --git a/packages/common/package.json b/packages/common/package.json
index a70c20c16..dae2bb704 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/common",
-  "version": "2.1.3-alpha.1",
+  "version": "2.1.3-alpha.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/common/src/hdwallets.ts b/packages/common/src/hdwallets.ts
index 4f42024cb..30656536b 100644
--- a/packages/common/src/hdwallets.ts
+++ b/packages/common/src/hdwallets.ts
@@ -19,18 +19,22 @@ export const getCommon = async ({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   const CommonConstructor: typeof Common = Common.default || Common
+
+  const commonOptions = {
+    // Berlin is the minimum hardfork that will allow for EIP1559
+    hardfork: Hardfork.Berlin,
+    // List of supported EIPS
+    eips: [1559]
+  }
   let common: Common
   try {
     common = new CommonConstructor({
       chain: customNetwork || chainId,
-      // Berlin is the minimum hardfork that will allow for EIP1559
-      hardfork: Hardfork.Berlin,
-      // List of supported EIPS
-      eips: [1559]
+      ...commonOptions
     })
   } catch (e: any) {
     if (e.message && /Chain.*not supported/.test(e.message)) {
-      common = CommonConstructor.custom({ chainId })
+      common = CommonConstructor.custom({ chainId }, commonOptions)
     } else {
       throw e
     }
@@ -91,7 +95,11 @@ export const getHardwareWalletProvider = (
   request: ({ method, params }) =>
     fetch(getRpcUrl(), {
       method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
       body: JSON.stringify({
+        jsonrpc: '2.0',
         id: '42',
         method,
         params
diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts
index 2ee0924ad..4a024f5c2 100644
--- a/packages/common/src/index.ts
+++ b/packages/common/src/index.ts
@@ -63,7 +63,11 @@ export { createEIP1193Provider } from './eip-1193'
 export { default as accountSelect } from './account-select'
 export { entryModal } from './entry-modal'
 export { SofiaProLight, SofiaProRegular, SofiaProSemiBold } from './fonts'
-export { getCommon, bigNumberFieldsToStrings, getHardwareWalletProvider } from './hdwallets'
+export {
+  getCommon,
+  bigNumberFieldsToStrings,
+  getHardwareWalletProvider
+} from './hdwallets'
 
 export type {
   RequestPatch,
diff --git a/packages/common/src/types.ts b/packages/common/src/types.ts
index b6796de1b..c54fc3ddf 100644
--- a/packages/common/src/types.ts
+++ b/packages/common/src/types.ts
@@ -468,8 +468,8 @@ export interface BootstrapNode {
 }
 
 export interface RPCResponse {
-  id: number,
+  id: number
   jsonrpc: string
-  error?: { code: number, message: string}
+  error?: { code: number; message: string }
   result?: any
-}
\ No newline at end of file
+}
diff --git a/packages/core/package.json b/packages/core/package.json
index 61e9ed797..813b33aba 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -41,7 +41,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^4.4.1",
     "bowser": "^2.11.0",
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 14724a3dd..f93df5820 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -71,9 +71,7 @@ interface ExposedActions {
     update: UpdateNotification
   }
   updateBalances: (addresses?: string[]) => Promise<void>
-  updateAccountCenter: (
-    update: AccountCenter | Partial<AccountCenter>
-  ) => void
+  updateAccountCenter: (update: AccountCenter | Partial<AccountCenter>) => void
 }
 
 export interface ConnectOptions {
diff --git a/packages/dcent/package.json b/packages/dcent/package.json
index f625f683c..6d296f879 100644
--- a/packages/dcent/package.json
+++ b/packages/dcent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/dcent",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3-alpha.2",
   "description": "D'CENT module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "@ethereumjs/common": "^2.6.1",
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
index 43ada5350..786d6d28c 100644
--- a/packages/demo/src/App.svelte
+++ b/packages/demo/src/App.svelte
@@ -139,6 +139,12 @@
         label: 'Polygon',
         rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
       },
+      {
+        id: '0x13881',
+        token: 'MATIC',
+        label: 'Polygon - Mumbai',
+        rpcUrl: 'https://matic-mumbai.chainstacklabs.com	'
+      },
       {
         id: '0xa',
         token: 'OETH',
diff --git a/packages/fortmatic/package.json b/packages/fortmatic/package.json
index a71eb142d..8b7cf1d5a 100644
--- a/packages/fortmatic/package.json
+++ b/packages/fortmatic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/fortmatic",
-  "version": "2.0.5-alpha.1",
+  "version": "2.0.5-alpha.2",
   "description": "Fortmatic module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "fortmatic": "^2.2.1"
   }
 }
diff --git a/packages/gnosis/package.json b/packages/gnosis/package.json
index 1051c88f2..58f3b8e10 100644
--- a/packages/gnosis/package.json
+++ b/packages/gnosis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/gnosis",
-  "version": "2.0.4-alpha.1",
+  "version": "2.0.4-alpha.2",
   "description": "Gnosis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,6 +23,6 @@
   "dependencies": {
     "@gnosis.pm/safe-apps-provider": "^0.9.2",
     "@gnosis.pm/safe-apps-sdk": "^6.1.1",
-    "@web3-onboard/common": "^2.1.3-alpha.1"
+    "@web3-onboard/common": "^2.1.3-alpha.2"
   }
 }
diff --git a/packages/injected/package.json b/packages/injected/package.json
index 91cc9664a..170e9f0ed 100644
--- a/packages/injected/package.json
+++ b/packages/injected/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.0.11-alpha.1",
+  "version": "2.0.11-alpha.2",
   "description": "Injected wallets module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -25,7 +25,7 @@
     "window": "^4.2.7"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "joi": "^17.4.2",
     "lodash.uniqby": "^4.7.0"
   }
diff --git a/packages/keepkey/package.json b/packages/keepkey/package.json
index 72e62f739..cc59bb966 100644
--- a/packages/keepkey/package.json
+++ b/packages/keepkey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keepkey",
-  "version": "2.1.3-alpha.1",
+  "version": "2.1.3-alpha.2",
   "description": "KeepKey module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@shapeshiftoss/hdwallet-core": "^1.15.2",
     "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "ethereumjs-util": "^7.1.3"
   }
 }
diff --git a/packages/keystone/package.json b/packages/keystone/package.json
index 6b3ac789c..9f288d353 100644
--- a/packages/keystone/package.json
+++ b/packages/keystone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keystone",
-  "version": "2.1.4-alpha.1",
+  "version": "2.1.4-alpha.2",
   "description": "Keystone module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,6 +21,6 @@
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
     "@keystonehq/eth-keyring": "^0.14.0-alpha.10.3",
-    "@web3-onboard/common": "^2.1.3-alpha.1"
+    "@web3-onboard/common": "^2.1.3-alpha.2"
   }
 }
diff --git a/packages/ledger/package.json b/packages/ledger/package.json
index 4dbe1db5e..fc38cb020 100644
--- a/packages/ledger/package.json
+++ b/packages/ledger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/ledger",
-  "version": "2.1.3-alpha.1",
+  "version": "2.1.3-alpha.2",
   "description": "Ledger module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ledgerhq/hw-transport-u2f": "^5.36.0-deprecated",
     "@ledgerhq/hw-transport-webusb": "^6.19.0",
     "@metamask/eth-sig-util": "^4.0.0",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "buffer": "^6.0.3",
     "ethereumjs-util": "^7.1.3"
   }
diff --git a/packages/ledger/src/index.ts b/packages/ledger/src/index.ts
index fe08b23e4..31620eadf 100644
--- a/packages/ledger/src/index.ts
+++ b/packages/ledger/src/index.ts
@@ -222,7 +222,7 @@ function ledger({
               return `0x${result['r']}${result['s']}${v}`
             })
         }
-     
+
         const ledgerProvider = getHardwareWalletProvider(
           () => currentChain?.rpcUrl
         )
diff --git a/packages/magic/package.json b/packages/magic/package.json
index 3c1f216e0..466dfb797 100644
--- a/packages/magic/package.json
+++ b/packages/magic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/magic",
-  "version": "2.0.6-alpha.1",
+  "version": "2.0.6-alpha.2",
   "description": "Magic module for Onboard.js",
   "scripts": {
     "build": "rollup -c",
@@ -42,7 +42,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "joi": "^17.4.2",
     "magic-sdk": "^8.1.0",
     "rxjs": "^7.5.2"
diff --git a/packages/mew/package.json b/packages/mew/package.json
index c517f3b86..3052d7402 100644
--- a/packages/mew/package.json
+++ b/packages/mew/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/mew",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3-alpha.2",
   "description": "MEW module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@myetherwallet/mewconnect-web-client": "^2.2.0-beta.14"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/portis/package.json b/packages/portis/package.json
index 695851b4b..1777d50bb 100644
--- a/packages/portis/package.json
+++ b/packages/portis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/portis",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3-alpha.2",
   "description": "Portis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@portis/web3": "^4.0.6",
-    "@web3-onboard/common": "^2.1.3-alpha.1"
+    "@web3-onboard/common": "^2.1.3-alpha.2"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index aa7c4c805..51f2c94e8 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@web3-onboard/core": "^2.3.1-alpha.4",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "use-sync-external-store": "1.0.0"
   },
   "peerDependencies": {
diff --git a/packages/torus/package.json b/packages/torus/package.json
index 64f0de25d..c33fa335f 100644
--- a/packages/torus/package.json
+++ b/packages/torus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/torus",
-  "version": "2.0.4-alpha.1",
+  "version": "2.0.4-alpha.2",
   "description": "Torus module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@toruslabs/torus-embed": "^1.18.3",
-    "@web3-onboard/common": "^2.1.3-alpha.1"
+    "@web3-onboard/common": "^2.1.3-alpha.2"
   }
 }
diff --git a/packages/trezor/package.json b/packages/trezor/package.json
index 8e4abdc79..1a17c1a4d 100644
--- a/packages/trezor/package.json
+++ b/packages/trezor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/trezor",
-  "version": "2.1.3-alpha.1",
+  "version": "2.1.3-alpha.2",
   "description": "Trezor module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "buffer": "^6.0.3",
     "eth-crypto": "^2.1.0",
     "ethereumjs-util": "^7.1.3",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 393951a16..a9468bd63 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -23,7 +23,7 @@
   "dependencies": {
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "@web3-onboard/core": "^2.3.1-alpha.4",
     "vue-demi": "^0.12.4"
   },
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index a423622b3..b9d018d25 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -23,7 +23,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@walletconnect/client": "^1.7.1",
     "@walletconnect/qrcode-modal": "^1.7.1",
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/walletlink/package.json b/packages/walletlink/package.json
index d89af33bb..35c492188 100644
--- a/packages/walletlink/package.json
+++ b/packages/walletlink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletlink",
-  "version": "2.0.3-alpha.1",
+  "version": "2.0.3-alpha.2",
   "description": "WalletLink module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "walletlink": "^2.5.0"
   }
 }
diff --git a/packages/web3auth/package.json b/packages/web3auth/package.json
index 89c54848b..b90ae344b 100644
--- a/packages/web3auth/package.json
+++ b/packages/web3auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/web3auth",
-  "version": "2.0.2-alpha.1",
+  "version": "2.0.2-alpha.2",
   "description": "Web3Auth module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.1",
+    "@web3-onboard/common": "^2.1.3-alpha.2",
     "@web3auth/web3auth": "^1.0.0"
   }
 }

From 7436caf1d48086f4a7a34693d5febf58f0ec8b6b Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Tue, 28 Jun 2022 11:07:29 -0600
Subject: [PATCH 11/13] Update package versions

---
 package.json                        |  2 +-
 packages/coinbase/package.json      |  4 ++--
 packages/common/package.json        |  2 +-
 packages/core/package.json          |  4 ++--
 packages/dcent/package.json         |  4 ++--
 packages/demo/package.json          | 30 ++++++++++++++---------------
 packages/fortmatic/package.json     |  4 ++--
 packages/gnosis/package.json        |  4 ++--
 packages/injected/package.json      |  4 ++--
 packages/keepkey/package.json       |  4 ++--
 packages/keystone/package.json      |  4 ++--
 packages/ledger/package.json        |  4 ++--
 packages/magic/package.json         |  4 ++--
 packages/mew/package.json           |  4 ++--
 packages/portis/package.json        |  4 ++--
 packages/react/package.json         |  6 +++---
 packages/torus/package.json         |  4 ++--
 packages/trezor/package.json        |  4 ++--
 packages/vue/package.json           |  6 +++---
 packages/walletconnect/package.json |  4 ++--
 packages/walletlink/package.json    |  4 ++--
 packages/web3auth/package.json      |  4 ++--
 22 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/package.json b/package.json
index 824fad638..e0d28453f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": true,
   "workspaces": [
     "./packages/*"
diff --git a/packages/coinbase/package.json b/packages/coinbase/package.json
index 4171f0483..68c3138d1 100644
--- a/packages/coinbase/package.json
+++ b/packages/coinbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.0.6-alpha.2",
+  "version": "2.0.6",
   "description": "Coinbase Wallet module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "^3.0.5",
-    "@web3-onboard/common": "^2.1.3-alpha.2"
+    "@web3-onboard/common": "^2.1.3"
   }
 }
diff --git a/packages/common/package.json b/packages/common/package.json
index dae2bb704..525a1d8f0 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/common",
-  "version": "2.1.3-alpha.2",
+  "version": "2.1.3",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/packages/core/package.json b/packages/core/package.json
index 813b33aba..5651b107a 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.1-alpha.4",
+  "version": "2.3.1",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -41,7 +41,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^4.4.1",
     "bowser": "^2.11.0",
diff --git a/packages/dcent/package.json b/packages/dcent/package.json
index 6d296f879..743361caf 100644
--- a/packages/dcent/package.json
+++ b/packages/dcent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/dcent",
-  "version": "2.0.3-alpha.2",
+  "version": "2.0.3",
   "description": "D'CENT module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "@ethereumjs/common": "^2.6.1",
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
diff --git a/packages/demo/package.json b/packages/demo/package.json
index e0212146c..9c80a9074 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -22,21 +22,21 @@
     "webpack-dev-server": "4.7.4"
   },
   "dependencies": {
-    "@web3-onboard/coinbase": "^2.0.6-alpha.1",
-    "@web3-onboard/core": "^2.3.1-alpha.3",
-    "@web3-onboard/dcent": "^2.0.3-alpha.1",
-    "@web3-onboard/fortmatic": "^2.0.5-alpha.1",
-    "@web3-onboard/gnosis": "^2.0.4-alpha.1",
-    "@web3-onboard/injected-wallets": "^2.0.11-alpha.1",
-    "@web3-onboard/keepkey": "^2.1.3-alpha.1",
-    "@web3-onboard/keystone": "^2.1.4-alpha.1",
-    "@web3-onboard/ledger": "^2.1.3-alpha.1",
-    "@web3-onboard/magic": "^2.0.6-alpha.1",
-    "@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.2",
-    "@web3-onboard/web3auth": "^2.0.2-alpha.1",
+    "@web3-onboard/coinbase": "^2.0.6",
+    "@web3-onboard/core": "^2.3.1",
+    "@web3-onboard/dcent": "^2.0.3",
+    "@web3-onboard/fortmatic": "^2.0.5",
+    "@web3-onboard/gnosis": "^2.0.4",
+    "@web3-onboard/injected-wallets": "^2.0.11",
+    "@web3-onboard/keepkey": "^2.1.3",
+    "@web3-onboard/keystone": "^2.1.4",
+    "@web3-onboard/ledger": "^2.1.3",
+    "@web3-onboard/magic": "^2.0.6",
+    "@web3-onboard/portis": "^2.0.3",
+    "@web3-onboard/torus": "^2.0.4",
+    "@web3-onboard/trezor": "^2.1.3",
+    "@web3-onboard/walletconnect": "^2.0.4",
+    "@web3-onboard/web3auth": "^2.0.2",
     "vconsole": "^3.9.5"
   },
   "license": "MIT",
diff --git a/packages/fortmatic/package.json b/packages/fortmatic/package.json
index 8b7cf1d5a..5af47bb59 100644
--- a/packages/fortmatic/package.json
+++ b/packages/fortmatic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/fortmatic",
-  "version": "2.0.5-alpha.2",
+  "version": "2.0.5",
   "description": "Fortmatic module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "fortmatic": "^2.2.1"
   }
 }
diff --git a/packages/gnosis/package.json b/packages/gnosis/package.json
index 58f3b8e10..77f62a4f7 100644
--- a/packages/gnosis/package.json
+++ b/packages/gnosis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/gnosis",
-  "version": "2.0.4-alpha.2",
+  "version": "2.0.4",
   "description": "Gnosis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,6 +23,6 @@
   "dependencies": {
     "@gnosis.pm/safe-apps-provider": "^0.9.2",
     "@gnosis.pm/safe-apps-sdk": "^6.1.1",
-    "@web3-onboard/common": "^2.1.3-alpha.2"
+    "@web3-onboard/common": "^2.1.3"
   }
 }
diff --git a/packages/injected/package.json b/packages/injected/package.json
index 170e9f0ed..8ffc6dbef 100644
--- a/packages/injected/package.json
+++ b/packages/injected/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.0.11-alpha.2",
+  "version": "2.0.11",
   "description": "Injected wallets module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -25,7 +25,7 @@
     "window": "^4.2.7"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "joi": "^17.4.2",
     "lodash.uniqby": "^4.7.0"
   }
diff --git a/packages/keepkey/package.json b/packages/keepkey/package.json
index cc59bb966..41c931e1d 100644
--- a/packages/keepkey/package.json
+++ b/packages/keepkey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keepkey",
-  "version": "2.1.3-alpha.2",
+  "version": "2.1.3",
   "description": "KeepKey module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@shapeshiftoss/hdwallet-core": "^1.15.2",
     "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "ethereumjs-util": "^7.1.3"
   }
 }
diff --git a/packages/keystone/package.json b/packages/keystone/package.json
index 9f288d353..400e535f0 100644
--- a/packages/keystone/package.json
+++ b/packages/keystone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/keystone",
-  "version": "2.1.4-alpha.2",
+  "version": "2.1.4",
   "description": "Keystone module for web3-onboard",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,6 +21,6 @@
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
     "@keystonehq/eth-keyring": "^0.14.0-alpha.10.3",
-    "@web3-onboard/common": "^2.1.3-alpha.2"
+    "@web3-onboard/common": "^2.1.3"
   }
 }
diff --git a/packages/ledger/package.json b/packages/ledger/package.json
index fc38cb020..43a0e391f 100644
--- a/packages/ledger/package.json
+++ b/packages/ledger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/ledger",
-  "version": "2.1.3-alpha.2",
+  "version": "2.1.3",
   "description": "Ledger module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -27,7 +27,7 @@
     "@ledgerhq/hw-transport-u2f": "^5.36.0-deprecated",
     "@ledgerhq/hw-transport-webusb": "^6.19.0",
     "@metamask/eth-sig-util": "^4.0.0",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "buffer": "^6.0.3",
     "ethereumjs-util": "^7.1.3"
   }
diff --git a/packages/magic/package.json b/packages/magic/package.json
index 466dfb797..04013b4bf 100644
--- a/packages/magic/package.json
+++ b/packages/magic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/magic",
-  "version": "2.0.6-alpha.2",
+  "version": "2.0.6",
   "description": "Magic module for Onboard.js",
   "scripts": {
     "build": "rollup -c",
@@ -42,7 +42,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "joi": "^17.4.2",
     "magic-sdk": "^8.1.0",
     "rxjs": "^7.5.2"
diff --git a/packages/mew/package.json b/packages/mew/package.json
index 3052d7402..1a361327e 100644
--- a/packages/mew/package.json
+++ b/packages/mew/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/mew",
-  "version": "2.0.3-alpha.2",
+  "version": "2.0.3",
   "description": "MEW module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@myetherwallet/mewconnect-web-client": "^2.2.0-beta.14"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/portis/package.json b/packages/portis/package.json
index 1777d50bb..743a9a026 100644
--- a/packages/portis/package.json
+++ b/packages/portis/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/portis",
-  "version": "2.0.3-alpha.2",
+  "version": "2.0.3",
   "description": "Portis module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@portis/web3": "^4.0.6",
-    "@web3-onboard/common": "^2.1.3-alpha.2"
+    "@web3-onboard/common": "^2.1.3"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index 51f2c94e8..af3b37a8e 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.1-alpha.4",
+  "version": "2.2.1",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.1-alpha.4",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/core": "^2.3.1",
+    "@web3-onboard/common": "^2.1.3",
     "use-sync-external-store": "1.0.0"
   },
   "peerDependencies": {
diff --git a/packages/torus/package.json b/packages/torus/package.json
index c33fa335f..e560a9b83 100644
--- a/packages/torus/package.json
+++ b/packages/torus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/torus",
-  "version": "2.0.4-alpha.2",
+  "version": "2.0.4",
   "description": "Torus module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -21,6 +21,6 @@
   },
   "dependencies": {
     "@toruslabs/torus-embed": "^1.18.3",
-    "@web3-onboard/common": "^2.1.3-alpha.2"
+    "@web3-onboard/common": "^2.1.3"
   }
 }
diff --git a/packages/trezor/package.json b/packages/trezor/package.json
index 1a17c1a4d..26a7dc084 100644
--- a/packages/trezor/package.json
+++ b/packages/trezor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/trezor",
-  "version": "2.1.3-alpha.2",
+  "version": "2.1.3",
   "description": "Trezor module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@ethereumjs/tx": "^3.4.0",
     "@ethersproject/providers": "^5.5.0",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "buffer": "^6.0.3",
     "eth-crypto": "^2.1.0",
     "ethereumjs-util": "^7.1.3",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index a9468bd63..401103274 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.1-alpha.3",
+  "version": "2.1.1",
   "description": "Vue Composable for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
-    "@web3-onboard/core": "^2.3.1-alpha.4",
+    "@web3-onboard/common": "^2.1.3",
+    "@web3-onboard/core": "^2.3.1",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index b9d018d25..e9fc63938 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.0.4-alpha.2",
+  "version": "2.0.4",
   "description": "WalletConnect module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -23,7 +23,7 @@
     "@ethersproject/providers": "^5.5.0",
     "@walletconnect/client": "^1.7.1",
     "@walletconnect/qrcode-modal": "^1.7.1",
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "rxjs": "^7.5.2"
   }
 }
diff --git a/packages/walletlink/package.json b/packages/walletlink/package.json
index 35c492188..78bb252e1 100644
--- a/packages/walletlink/package.json
+++ b/packages/walletlink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletlink",
-  "version": "2.0.3-alpha.2",
+  "version": "2.0.3",
   "description": "WalletLink module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "walletlink": "^2.5.0"
   }
 }
diff --git a/packages/web3auth/package.json b/packages/web3auth/package.json
index b90ae344b..005e11422 100644
--- a/packages/web3auth/package.json
+++ b/packages/web3auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/web3auth",
-  "version": "2.0.2-alpha.2",
+  "version": "2.0.2",
   "description": "Web3Auth module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -20,7 +20,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.1.3-alpha.2",
+    "@web3-onboard/common": "^2.1.3",
     "@web3auth/web3auth": "^1.0.0"
   }
 }

From 85ec0b87365775e47cbd5164a199768b2919047e Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Tue, 28 Jun 2022 12:31:50 -0600
Subject: [PATCH 12/13] Update .github/ISSUE_TEMPLATE/BUG.yml

Co-authored-by: Taylor Dawson <taylorjdawson@gmail.com>
---
 .github/ISSUE_TEMPLATE/BUG.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/ISSUE_TEMPLATE/BUG.yml b/.github/ISSUE_TEMPLATE/BUG.yml
index 80ad0afff..639ffb678 100644
--- a/.github/ISSUE_TEMPLATE/BUG.yml
+++ b/.github/ISSUE_TEMPLATE/BUG.yml
@@ -115,5 +115,5 @@ body:
       label: Sanity Check
       description: Sanity check to ensure that issue has been properly filled out to reduce friction for all involved parties.
       options:
-        - label: If this is a build issue, I have included my build config. If this is a runtime issues, I have included reproduction steps and/or a [Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example).
+        - label: If this is a build issue, I have included my build config. If this is a runtime issue, I have included reproduction steps and/or a [Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example).
           required: true

From 26fadd966ce842b62d75c380e2e0e4f870c3cc7b Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Tue, 28 Jun 2022 13:34:18 -0600
Subject: [PATCH 13/13] Bump monorepo version to minor instead of patch

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e0d28453f..1ad8867b0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "private": true,
   "workspaces": [
     "./packages/*"