diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 29da7eba3..2d5185db3 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -51,6 +51,12 @@ jobs:
           NODE_OPTIONS: "--max_old_space_size=8192"
         run: yarn build
 
+      - name: Generate the sitemap
+        uses: cicirello/generate-sitemap@v1
+        with:
+          path-to-root: docs
+          base-url-path: https://www.onboard.blocknative.com/
+        
       - name: Peak at folder contents
         run: ls -al
         
diff --git a/assets/transaction-preview.png b/assets/transaction-preview.png
index 1d13592e4..7288e2ae6 100644
Binary files a/assets/transaction-preview.png and b/assets/transaction-preview.png differ
diff --git a/docs/package.json b/docs/package.json
index a7fd213ac..1ced36ccd 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -54,14 +54,15 @@
   },
   "type": "module",
   "dependencies": {
+    "bnc-sdk": "^4.6.6",
     "@web3-onboard/coinbase": "^2.1.4",
-    "@web3-onboard/core": "^2.14.0",
+    "@web3-onboard/core": "^2.15.1-alpha.1",
     "@web3-onboard/dcent": "^2.2.3",
     "@web3-onboard/enkrypt": "^2.0.0",
     "@web3-onboard/fortmatic": "^2.0.14",
     "@web3-onboard/gas": "^2.1.4",
     "@web3-onboard/gnosis": "^2.1.6",
-    "@web3-onboard/injected-wallets": "^2.6.2",
+    "@web3-onboard/injected-wallets": "^2.8.0-alpha.1",
     "@web3-onboard/keepkey": "^2.3.3",
     "@web3-onboard/keystone": "^2.3.3",
     "@web3-onboard/ledger": "^2.4.2",
@@ -71,6 +72,7 @@
     "@web3-onboard/sequence": "^2.0.4",
     "@web3-onboard/tallyho": "^2.0.1",
     "@web3-onboard/torus": "^2.2.0",
+    "@web3-onboard/transaction-preview": "^2.0.3-alpha.1",
     "@web3-onboard/trezor": "^2.3.3",
     "@web3-onboard/trust": "^2.0.0",
     "@web3-onboard/uauth": "^2.0.1",
diff --git a/docs/src/lib/assets/transaction-preview.png b/docs/src/lib/assets/transaction-preview.png
index 1d13592e4..7288e2ae6 100644
Binary files a/docs/src/lib/assets/transaction-preview.png and b/docs/src/lib/assets/transaction-preview.png differ
diff --git a/docs/src/lib/components/TransactionPreviewButton.svelte b/docs/src/lib/components/TransactionPreviewButton.svelte
new file mode 100644
index 000000000..10f30353a
--- /dev/null
+++ b/docs/src/lib/components/TransactionPreviewButton.svelte
@@ -0,0 +1,124 @@
+<script>
+  import { onMount } from 'svelte'
+  import { ethers } from 'ethers'
+
+  let transactionPreview
+  let blocknativeSdk
+
+  const buildTransaction = async () => {
+    const addressFrom = '0xab5801a7d398351b8be11c439e05c5b3259aec9b'
+
+    const CONTRACT_ADDRESS = '0x7a250d5630b4cf539739df2c5dacb4c659f2488d'
+    const erc20_interface = [
+      'function approve(address _spender, uint256 _value) public returns (bool success)',
+      'function transferFrom(address sender, address recipient, uint256 amount) external returns (bool)',
+      'function balanceOf(address owner) view returns (uint256)'
+    ]
+
+    const uniswapV2router_interface = [
+      'function swapExactTokensForETH(uint amountIn, uint amountOutMin, address[] calldata path, address to, uint deadline) external returns (uint[] memory amounts)'
+    ]
+
+    const weth = '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2'
+    const uni = '0x1f9840a85d5af5bf1d1762f925bdaddc4201f984'
+    let swapTxData
+    let approveTxData
+    const createTransaction = async () => {
+      const swapContract = new ethers.Contract(CONTRACT_ADDRESS, uniswapV2router_interface)
+      const erc20_contract = new ethers.Contract(weth, erc20_interface)
+      const oneHundredUni = ethers.BigNumber.from('100000000000000000000')
+      approveTxData = await erc20_contract.populateTransaction.approve(
+        CONTRACT_ADDRESS,
+        oneHundredUni
+      )
+
+      const amountOutMin = 0
+      const amountOutMinHex = ethers.BigNumber.from(amountOutMin.toString())._hex
+
+      const path = [uni, weth]
+      const deadline = Math.floor(Date.now() / 1000) + 60 * 1 // 1 minutes from the current Unix time
+
+      const inputAmountHex = oneHundredUni.toHexString()
+
+      swapTxData = await swapContract.populateTransaction.swapExactTokensForETH(
+        inputAmountHex,
+        amountOutMinHex,
+        path,
+        addressFrom,
+        deadline
+      )
+    }
+    await createTransaction()
+    const account_address = '0xab5801a7d398351b8be11c439e05c5b3259aec9b'
+    const uniswapV2Router = '0x7a250d5630B4cF539739dF2C5dAcb4c659F2488D'
+
+    return [
+      {
+        from: account_address,
+        to: uni,
+        input: approveTxData.data,
+        gas: 1000000,
+        gasPrice: 48000000000,
+        value: 0
+      },
+      {
+        from: account_address,
+        to: uniswapV2Router,
+        input: swapTxData.data,
+        gas: 1000000,
+        gasPrice: 48000000000,
+        value: 0
+      }
+    ]
+  }
+
+
+  const handlePreview = async () => {
+    await transactionPreview.init({
+      apiKey: '133a026b-c7a0-419c-a00b-66255b3cd487',
+      sdk: blocknativeSdk,
+      containerElement: '#tp-container'
+    })
+
+    const stubTrans = await buildTransaction()
+    await transactionPreview.previewTransaction(stubTrans)
+
+  }
+
+  onMount(async () => {
+    const { default: Blocknative } = await import('bnc-sdk')
+    const { default: transactionPreviewModule } = await import('@web3-onboard/transaction-preview')
+
+    blocknativeSdk = new Blocknative({
+      dappId: '133a026b-c7a0-419c-a00b-66255b3cd487',
+      networkId: 1
+    })
+
+    transactionPreview = transactionPreviewModule({
+      requireTransactionApproval: true
+    })
+  })
+</script>
+
+<div>
+  {#await blocknativeSdk && transactionPreview then Preview}
+    {#if Preview}
+      <button
+        class="rounded-lg bg-gray-inverse hover:bg-gray-hover hover:text-gray-inverse transition-all px-4 h-10 text-base text-gray-current"
+        on:click={() => handlePreview()}
+      >
+        Preview Transaction
+      </button>
+
+      <div id="tp-container" />
+    {/if}
+  {/await}
+</div>
+
+<style>
+  #tp-container {
+    height: auto;
+    width: 316px;
+    margin-top: 12px;
+  }
+</style>
diff --git a/docs/src/lib/components/index.ts b/docs/src/lib/components/index.ts
index 8671fcfc8..745bf18f8 100644
--- a/docs/src/lib/components/index.ts
+++ b/docs/src/lib/components/index.ts
@@ -1,3 +1,4 @@
 export * from './examples'
 export * from './gas'
 export { default as ThemeCustomizer } from './ThemeCustomizer.svelte'
+export { default as TransactionPreviewButton } from './TransactionPreviewButton.svelte'
diff --git a/docs/src/lib/services/onboard.js b/docs/src/lib/services/onboard.js
index 7d6616b77..14602f8e0 100644
--- a/docs/src/lib/services/onboard.js
+++ b/docs/src/lib/services/onboard.js
@@ -181,7 +181,8 @@ const intiOnboard = async (theme) => {
       ]
     },
     accountCenter: { desktop: { enabled: true }, mobile: { enabled: true } },
-    theme: theme || 'system'
+    theme: theme || 'system',
+    apiKey: 'da1b962d-314d-4903-bfe1-426821d14a35'
   })
 }
 
diff --git a/docs/src/routes/docs/[...3]modules/transaction-preview.md b/docs/src/routes/docs/[...3]modules/transaction-preview.md
index ee6c69653..80562f98d 100644
--- a/docs/src/routes/docs/[...3]modules/transaction-preview.md
+++ b/docs/src/routes/docs/[...3]modules/transaction-preview.md
@@ -1,6 +1,7 @@
 <script>
   import previewGif from '$lib/assets/transaction-preview.gif'
   import previewImg from '$lib/assets/transaction-preview.png'
+  import { TransactionPreviewButton } from '$lib/components'
 </script>
 
 # Transaction Preview
@@ -9,8 +10,12 @@ A modular UI for previewing a single or set of unsigned Ethereum transactions.
 
 <img src="{previewImg}" alt="Transaction Preview Flow image"/>
 
-Full Simulation Platform API documentation can be found [here](https://docs.blocknative.com/transaction-preview-api)
+### Try Transaction Preview
+
+Preview Vitalik swapping 100 UNI tokens for ETH using Transaction Preview
+<TransactionPreviewButton/>
 
+Full Simulation Platform API documentation can be found [here](https://docs.blocknative.com/transaction-preview-api)
 ### Install
 
 <Tabs values={['yarn', 'npm']}>
@@ -74,13 +79,14 @@ const onboard = Onboard({
 
 ### Standalone Usage
 
+To use the Transaction Preview package without web3-onboard all a developer needs to do is:
 
-To use the Transaction Preview package without web3-onboard all a developer needs to do is: 
 - Execute the entry function from the `@web3-onboard/transaction-preview` package and optional params
 - Run the returned `init` function with their [Blocknative API key](https://onboard.blocknative.com/docs/overview/introduction#optional-use-an-api-key-to-fetch-real-time-transaction-data-balances-gas), an initialized instance of their [Blocknative SDK](https://www.npmjs.com/package/bnc-sdk) and a containerElement string with the html ID of the target element to append the visualization to
 - Finally pass a transaction meant for a wallet provider (created using libraries like Ethers or Web3)
 
 With the above steps a UI will be rendered with the balance changes and gas used.
+
 ```typescript
 import transactionPreviewModule from '@web3-onboard/transaction-preview'
 
@@ -182,8 +188,7 @@ console.log(simData)
 ```typescript
 export type TransactionPreviewModule = (options: TransactionPreviewOptions) => TransactionPreviewAPI
 
-export type FullPreviewOptions = TransactionPreviewOptions &
-  TransactionPreviewInitOptions
+export type FullPreviewOptions = TransactionPreviewOptions & TransactionPreviewInitOptions
 
 export type TransactionPreviewAPI = {
   /**
@@ -209,9 +214,7 @@ export type TransactionPreviewAPI = {
    * Note: the package will need to initialized with the `init`
    * function prior to usage
    */
-  previewTransaction: (
-    transaction: TransactionForSim[]
-  ) => Promise<MultiSimOutput>
+  previewTransaction: (transaction: TransactionForSim[]) => Promise<MultiSimOutput>
 }
 
 export type PatchedEIP1193Provider = EIP1193Provider & { simPatched: boolean }
diff --git a/docs/src/routes/docs/[...4]wallets/injected.md b/docs/src/routes/docs/[...4]wallets/injected.md
index fc502ac8c..73ab92a82 100644
--- a/docs/src/routes/docs/[...4]wallets/injected.md
+++ b/docs/src/routes/docs/[...4]wallets/injected.md
@@ -312,6 +312,7 @@ const injected = injectedModule({
 - Rainbow - _Desktop & Mobile_
 - DeFiWallet - _Desktop & Mobile_
 - ApexWallet - _Desktop_
+- BifrostWallet - _Desktop & Mobile_
 
 ## Build Environments
 
diff --git a/docs/yarn.lock b/docs/yarn.lock
index bfd02bb09..a190ee699 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -2969,15 +2969,15 @@
     ethers "5.5.4"
     joi "^17.6.1"
 
-"@web3-onboard/core@^2.14.0":
-  version "2.14.1"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/core/-/core-2.14.1.tgz#20d5f8196cdd4455a6e2daa69319fb697733934c"
-  integrity sha512-d5rG4wg2gOUsgiNAaAucJOzDdIM2WTxLPBN/sXR1V6eWatn6YcXyduW7Nr0n1Hl/2d8eRnlHTeSeb9YA50niVw==
+"@web3-onboard/core@^2.15.1-alpha.1":
+  version "2.15.1-alpha.1"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/core/-/core-2.15.1-alpha.1.tgz#a6c241ba7eb84f40547e57b8192ecd46759ec5ad"
+  integrity sha512-CrAj0WkBxO52j2JUs5YFIbvfwyrUoWXO7B3QOG6VrQ9w4HRXO5lVBsD2RYMSA5fTbAbRZ7VwPiHCdmQ/ztKYLg==
   dependencies:
     "@unstoppabledomains/resolution" "^8.0"
     "@web3-onboard/common" "^2.2.3"
     bignumber.js "^9.0.0"
-    bnc-sdk "^4.6.5"
+    bnc-sdk "^4.6.7"
     bowser "^2.11.0"
     ethers "5.5.3"
     eventemitter3 "^4.0.7"
@@ -3044,10 +3044,10 @@
     joi "^17.6.1"
     rxjs "^7.5.2"
 
-"@web3-onboard/injected-wallets@^2.6.2":
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/injected-wallets/-/injected-wallets-2.6.2.tgz#d6bebd623098c06868ad5c4efdaceb90082732e3"
-  integrity sha512-vOUWluIiYSrsC1TyFNFA0GXzcAFcfgy4mG6iXGJSjbNx9/54VilM6UtSaVhXb4diqQZyinuZj18UexdSxDAcfQ==
+"@web3-onboard/injected-wallets@^2.8.0-alpha.1":
+  version "2.8.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/injected-wallets/-/injected-wallets-2.8.0-alpha.1.tgz#eb3b8337c527348f1513bf14a25263a89446b95d"
+  integrity sha512-WjnoMv0kAeuJLRyhA0wqTVYwfRMmkir3igO1LxInbBADeHxbVVX+HcxO1zWpJaGkkDJOWvPSPHjlQJoNUZJFvg==
   dependencies:
     "@web3-onboard/common" "^2.2.3"
     joi "^17.6.1"
@@ -3138,6 +3138,19 @@
     "@toruslabs/torus-embed" "1.38.2"
     "@web3-onboard/common" "^2.2.3"
 
+"@web3-onboard/transaction-preview@^2.0.3-alpha.1":
+  version "2.0.3-alpha.1"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/transaction-preview/-/transaction-preview-2.0.3-alpha.1.tgz#b8945c3b785dc1e0281709c01b464fe45aea1570"
+  integrity sha512-iJZtvGcYh3ZbmTzaNRAUWKmX4VwgbgaKbmlYCdmeOvNjB7fZykzqr9CXbGwwVmfI3xA7zT17hP5M0WjGFyuDFA==
+  dependencies:
+    "@web3-onboard/common" "^2.2.3"
+    bnc-sdk "^4.6.7"
+    bowser "^2.11.0"
+    joi "^17.6.1"
+    rxjs "^7.5.2"
+    svelte "^3.49.0"
+    svelte-i18n "^3.3.13"
+
 "@web3-onboard/trezor@^2.3.3":
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/@web3-onboard/trezor/-/trezor-2.3.3.tgz#0a9f2296e4e3365637a798eacfb3d2c0696e0b40"
@@ -3918,10 +3931,20 @@ bnb-javascript-sdk-nobroadcast@^2.16.14:
     uuid "^3.3.2"
     websocket-stream "^5.5.0"
 
-bnc-sdk@^4.6.5:
-  version "4.6.5"
-  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.5.tgz#9f91eb2f213c0c4abf8b5f134f673a3f9a981ea2"
-  integrity sha512-W++M1kY5SensQUpig+EXqKEOfRgKrrobd8l3r9oOa06xJmxmMH4DPUm28IcESVX6NWj4I+bhgghOVDh/SFdE8Q==
+bnc-sdk@^4.6.6:
+  version "4.6.6"
+  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.6.tgz#ef5501a0c68014efae24d00d2e3fb706318fa00d"
+  integrity sha512-cpavy/WBQrkw5PZpnuUAvxzj/RjmP1vSldOEG+nonf7n/4sykScDO6KrJN2oVhEMaxHOqOVf2rOugSL5t515eA==
+  dependencies:
+    crypto-es "^1.2.2"
+    nanoid "^3.3.1"
+    rxjs "^6.6.3"
+    sturdy-websocket "^0.1.12"
+
+bnc-sdk@^4.6.7:
+  version "4.6.7"
+  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.7.tgz#138a22e04c95c2c697fb836092358d21957e2114"
+  integrity sha512-jIQ6cmeRBgvH/YDLuYRr2+kxDGcAAi0SOvjlO5nQ5cWdbslw+ASWftd1HmxiVLNCiwEH5bSc/t8a0agZ5njTUQ==
   dependencies:
     crypto-es "^1.2.2"
     nanoid "^3.3.1"
diff --git a/package.json b/package.json
index 56b70cf2d..ea13abb3a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.20.0",
+  "version": "2.20.1",
   "private": true,
   "workspaces": {
     "packages": [
diff --git a/packages/core/package.json b/packages/core/package.json
index a02b1d7c9..4fad11d17 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -70,7 +70,7 @@
     "@typescript-eslint/eslint-plugin": "^4.31.1",
     "@typescript-eslint/parser": "^4.31.1",
     "@web3-onboard/gas": "^2.0.0",
-    "@web3-onboard/transaction-preview": "^2.0.2",
+    "@web3-onboard/transaction-preview": "^2.0.3",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-svelte3": "^3.2.1",
@@ -87,7 +87,7 @@
     "@unstoppabledomains/resolution": "^8.0",
     "@web3-onboard/common": "^2.2.3",
     "bignumber.js": "^9.0.0",
-    "bnc-sdk": "^4.6.6",
+    "bnc-sdk": "^4.6.7",
     "bowser": "^2.11.0",
     "ethers": "5.5.3",
     "eventemitter3": "^4.0.7",
diff --git a/packages/core/src/i18n/en.json b/packages/core/src/i18n/en.json
index 8927dc977..df2740cc7 100644
--- a/packages/core/src/i18n/en.json
+++ b/packages/core/src/i18n/en.json
@@ -3,7 +3,7 @@
     "selectingWallet": {
       "header": "Available Wallets",
       "sidebar": {
-        "heading": "Get Started",
+        "heading": "",
         "subheading": "Connect your wallet",
         "paragraph": "Connecting your wallet is like “logging in” to Web3. Select your wallet from the options to get started."
       },
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index fdff10106..069b616a6 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -211,7 +211,7 @@ function init(options: InitOptions): OnboardAPI {
   if (apiKey && transactionPreview) {
     const getBnSDK = async () => {
       transactionPreview.init({
-        containerElement: '#transaction-preview-container',
+        containerElement: '#w3o-transaction-preview-container',
         sdk: await getBlocknativeSdk(),
         apiKey
       })
diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index a2fc33096..5bc2be896 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -412,7 +412,7 @@
     style="top: 0; right: 0; {device.type === 'mobile'
       ? 'padding-bottom: 0;'
       : ''} "
-    id="transaction-preview-container"
+    id="w3o-transaction-preview-container"
   />
 {/if}
 
diff --git a/packages/core/src/views/connect/Sidebar.svelte b/packages/core/src/views/connect/Sidebar.svelte
index dd53ca0c8..18c321b30 100644
--- a/packages/core/src/views/connect/Sidebar.svelte
+++ b/packages/core/src/views/connect/Sidebar.svelte
@@ -15,12 +15,18 @@
   const defaultContent = en.connect[step].sidebar
   const { subheading, paragraph } = defaultContent
 
+  const { heading } =
+    defaultContent as i18n['connect']['selectingWallet']['sidebar']
+
   let windowWidth: number
 </script>
 
 <style>
   .sidebar {
-    --background-color: var(--onboard-connect-sidebar-background, var(--w3o-foreground-color, none));
+    --background-color: var(
+      --onboard-connect-sidebar-background,
+      var(--w3o-foreground-color, none)
+    );
     --text-color: var(--onboard-connect-sidebar-color, inherit);
     --border-color: var(--onboard-connect-sidebar-border-color, inherit);
 
@@ -42,7 +48,7 @@
     border: 1px solid transparent;
     border-radius: 12px;
     border-color: var(--border-color);
-    background-color: var(--background-color);
+    background: var(--background-color);
     color: var(--text-color);
   }
 
@@ -54,6 +60,11 @@
     max-width: 100%;
   }
 
+  .heading {
+    font-size: var(--onboard-font-size-3, var(--font-size-3));
+    margin: 0 0 var(--onboard-spacing-5, var(--spacing-5)) 0;
+  }
+
   .subheading {
     line-height: 1rem;
   }
@@ -121,7 +132,7 @@
       border-right: 1px solid;
 
       border-color: var(--border-color);
-      background-color: var(--background-color);
+      background: var(--background-color);
     }
     .inner-container {
       border: none;
@@ -150,6 +161,13 @@
           {@html defaultBnIcon}
         {/if}
       </div>
+      {#if $_(`connect.${step}.sidebar.heading`, { default: '' })}
+        <div class="heading">
+          {$_(`connect.${step}.sidebar.heading`, {
+            default: heading
+          })}
+        </div>
+      {/if}
     {/if}
 
     <div class="subheading">
@@ -196,7 +214,6 @@
         class:on={step === 'connectedWallet'}
       />
     </div>
-
   </div>
   <div>
     {@html poweredByBlocknative}
diff --git a/packages/core/src/views/notify/Notification.svelte b/packages/core/src/views/notify/Notification.svelte
index 0e0afae5f..d76a9d825 100644
--- a/packages/core/src/views/notify/Notification.svelte
+++ b/packages/core/src/views/notify/Notification.svelte
@@ -75,7 +75,6 @@
     position: relative;
     overflow: hidden;
     border: 1px solid transparent;
-    border-color: var(--border-color);
     border-radius: var(
       --notify-onboard-border-radius,
       var(--onboard-border-radius-4, var(--border-radius-4))
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 699ecadf8..3fc8ea58e 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -23,9 +23,9 @@
     "webpack-dev-server": "4.7.4"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.15.0",
+    "@web3-onboard/core": "^2.15.1",
     "@web3-onboard/coinbase": "^2.1.4",
-    "@web3-onboard/transaction-preview": "^2.0.2",
+    "@web3-onboard/transaction-preview": "^2.0.3",
     "@web3-onboard/dcent": "^2.2.3",
     "@web3-onboard/frontier": "^2.0.0",
     "@web3-onboard/fortmatic": "^2.0.14",
@@ -34,7 +34,7 @@
     "@web3-onboard/keepkey": "^2.3.3",
     "@web3-onboard/keystone": "^2.3.3",
     "@web3-onboard/ledger": "^2.4.2",
-    "@web3-onboard/injected-wallets": "^2.7.0",
+    "@web3-onboard/injected-wallets": "^2.8.0",
     "@web3-onboard/magic": "^2.1.3",
     "@web3-onboard/phantom": "^2.0.0-alpha.1",
     "@web3-onboard/portis": "^2.1.3",
@@ -44,7 +44,7 @@
     "@web3-onboard/torus": "^2.2.1",
     "@web3-onboard/tallyho": "^2.0.1",
     "@web3-onboard/web3auth": "^2.1.4",
-    "@web3-onboard/walletconnect": "^2.3.0-alpha.1",
+    "@web3-onboard/walletconnect": "^2.3.0-alpha.2",
     "@web3-onboard/enkrypt": "^2.0.0",
     "@web3-onboard/mew-wallet": "^2.0.0",
     "@web3-onboard/xdefi": "^2.0.0",
diff --git a/packages/injected/README.md b/packages/injected/README.md
index 99e8cfe1a..b20c39b3d 100644
--- a/packages/injected/README.md
+++ b/packages/injected/README.md
@@ -80,6 +80,7 @@ console.log(connectedWallets)
 - Rainbow - _Desktop & Mobile_
 - DeFiWallet - _Desktop & Mobile_
 - ApexWallet - _Desktop_
+- BifrostWallet - _Desktop & Mobile_
 
 ## Filtering Wallets
 
diff --git a/packages/injected/package.json b/packages/injected/package.json
index 774d282e9..75bb4d2e1 100644
--- a/packages/injected/package.json
+++ b/packages/injected/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Injected wallet module for connecting browser extension and mobile wallets to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
diff --git a/packages/injected/src/constants.ts b/packages/injected/src/constants.ts
index 10371e112..8c9ad9062 100644
--- a/packages/injected/src/constants.ts
+++ b/packages/injected/src/constants.ts
@@ -5,6 +5,7 @@ export const WALLET_NAMES: { [key: string]: string } = {
   alphawallet: 'AlphaWallet',
   apexwallet: 'Apex Wallet',
   atoken: 'AToken',
+  bifrostwallet: 'Bifrost Wallet',
   binance: 'Binance Chain Wallet',
   bitpie: 'Bitpie',
   bitski: 'Bitski',
diff --git a/packages/injected/src/icons/bifrostwallet.ts b/packages/injected/src/icons/bifrostwallet.ts
new file mode 100644
index 000000000..0761176fc
--- /dev/null
+++ b/packages/injected/src/icons/bifrostwallet.ts
@@ -0,0 +1,8 @@
+export default `<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.63 0C13.14-.1 12 1.17 12 2.76v21.94c0 3.55 1.57 7.43 5.26 8.64l86.5 29.14c2.77.93 6.42 3.54 2.77 7.12
+3.21-1.8 9.08-3.21 9.08-9.42V44.13c0-7.6-3.56-10.5-9.23-12.46L15.28.15a2.55 2.55 0 0 0-.65-.14Zm50.74 51.52-22.58
+7.8c-5.67 1.97-9.23 4.87-9.23 12.47v16.04c0 6.74 5.44 8.44 9.08 9.42-3.66-3.58 0-6.19 2.76-7.12L103.7 70.5c1.84-.62
+2.58-2.12 2.39-3.44-.23-1.51-2.02-2.5-4.16-3.23L65.37 51.52Zm18.38 27.84-35.6 12c-1.66.55-3.85 1.65-4.12 3.32a3.58
+3.58 0 0 0 2.35 3.83L87.3 112.3c2.77.93 5.94 3.88 2.28 7.46 3.65-.97 9.57-3.02 9.57-9.77V93.95c0-7.6-3.57-10.5-9.24-12.45l-6.17-2.14ZM51.87
+102.4v21.12c0 2.56 3.16 5.06 5.95 4.35l28.69-7.34c2.13-.54 2.43-2.56 2.26-3.5-.29-1.66-2.15-2.93-3.79-3.48l-33.1-11.15Z" fill="#4961EA"/>
+</svg>`
diff --git a/packages/injected/src/types.ts b/packages/injected/src/types.ts
index b74b4bd06..1c807aafc 100644
--- a/packages/injected/src/types.ts
+++ b/packages/injected/src/types.ts
@@ -15,6 +15,7 @@ export enum ProviderIdentityFlag {
   AlphaWallet = 'isAlphaWallet',
   ApexWallet = 'isApexWallet',
   AToken = 'isAToken',
+  BifrostWallet = 'isBifrost',
   Binance = 'bbcSignTx',
   Bitpie = 'isBitpie',
   BlockWallet = 'isBlockWallet',
@@ -65,6 +66,7 @@ export enum ProviderLabel {
   AlphaWallet = 'AlphaWallet',
   ApexWallet = 'Apex Wallet',
   AToken = 'AToken',
+  BifrostWallet = 'Bifrost Wallet',
   Binance = 'Binance Smart Wallet',
   Bitpie = 'Bitpie',
   Bitski = 'Bitski',
diff --git a/packages/injected/src/wallets.ts b/packages/injected/src/wallets.ts
index ce4e8d77c..336316e9d 100644
--- a/packages/injected/src/wallets.ts
+++ b/packages/injected/src/wallets.ts
@@ -287,6 +287,16 @@ const atoken: InjectedWalletModule = {
   platforms: ['mobile']
 }
 
+const bifrostwallet: InjectedWalletModule = {
+  label: ProviderLabel.BifrostWallet,
+  injectedNamespace: InjectedNameSpace.Ethereum,
+  checkProviderIdentity: ({ provider }) =>
+    !!provider && !!provider[ProviderIdentityFlag.BifrostWallet],
+  getIcon: async () => (await import('./icons/bifrostwallet.js')).default,
+  getInterface: getInjectedInterface(ProviderIdentityFlag.BifrostWallet),
+  platforms: ['all']
+}
+
 const bitpie: InjectedWalletModule = {
   label: ProviderLabel.Bitpie,
   injectedNamespace: InjectedNameSpace.Ethereum,
@@ -732,6 +742,7 @@ const wallets = [
   exodus,
   frontier,
   metamask,
+  bifrostwallet,
   binance,
   coinbase,
   detected,
diff --git a/packages/react/package.json b/packages/react/package.json
index cc19ac316..ea26878c0 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "description": "A collection of React hooks for integrating Web3-Onboard in to React and Next.js projects. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -62,7 +62,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.15.0",
+    "@web3-onboard/core": "^2.15.1",
     "@web3-onboard/common": "^2.2.3",
     "use-sync-external-store": "1.0.0"
   },
diff --git a/packages/transaction-preview/package.json b/packages/transaction-preview/package.json
index ffa22434b..08e898c44 100644
--- a/packages/transaction-preview/package.json
+++ b/packages/transaction-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/transaction-preview",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "In app preview of Ethereum transactions",
   "keywords": [
     "Ethereum",
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@web3-onboard/common": "^2.2.3",
-    "bnc-sdk": "^4.6.6",
+    "bnc-sdk": "^4.6.7",
     "bowser": "^2.11.0",
     "joi": "^17.6.1",
     "rxjs": "^7.5.2",
diff --git a/packages/transaction-preview/src/i18n/en.json b/packages/transaction-preview/src/i18n/en.json
index c6d02911b..212af7da3 100644
--- a/packages/transaction-preview/src/i18n/en.json
+++ b/packages/transaction-preview/src/i18n/en.json
@@ -13,9 +13,9 @@
   },
   "maximized": {
     "balanceChangeHeading": "Simulated balance changes for",
-    "gasHeading": "Gas Used",
     "tokenColumnHeader": "Token",
     "balanceColumnHeader": "Balance",
+    "gasUsed": "Gas Used",
     "hide": "Hide details",
     "cancel": "Cancel",
     "confirm": "Confirm"
diff --git a/packages/transaction-preview/src/index.ts b/packages/transaction-preview/src/index.ts
index 2c6b2fb67..8a17b181c 100644
--- a/packages/transaction-preview/src/index.ts
+++ b/packages/transaction-preview/src/index.ts
@@ -274,24 +274,12 @@ const mountTransactionPreview = (simResponse: MultiSimOutput) => {
   const containerElementQuery = options.containerElement || 'body'
 
   let containerEl: Element | null
-  // If Onboard present copy stylesheets over to TransactionPreview shadow DOM
-  if (getW3OEl && getW3OEl.shadowRoot) {
-    const w3OStyleSheets = getW3OEl.shadowRoot.styleSheets
-    const transactionPreviewStyleSheet = new CSSStyleSheet()
-
-    Object.values(w3OStyleSheets).forEach(sheet => {
-      const styleRules = Object.values(sheet.cssRules)
-      styleRules.forEach(rule =>
-        transactionPreviewStyleSheet.insertRule(rule.cssText)
-      )
-    })
 
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    //@ts-ignore
-    target.adoptedStyleSheets = [transactionPreviewStyleSheet]
-    containerEl = getW3OEl.shadowRoot.querySelector(containerElementQuery)
-  } else {
+  // #w3o-transaction-preview-container is the container ID used by Onboard
+  if (containerElementQuery !== '#w3o-transaction-preview-container') {
     containerEl = document.querySelector(containerElementQuery)
+  } else {
+    containerEl = getW3OEl.shadowRoot.querySelector(containerElementQuery)
   }
 
   if (!containerEl) {
diff --git a/packages/transaction-preview/src/views/Index.svelte b/packages/transaction-preview/src/views/Index.svelte
index aafd34012..bd027abd3 100644
--- a/packages/transaction-preview/src/views/Index.svelte
+++ b/packages/transaction-preview/src/views/Index.svelte
@@ -27,6 +27,66 @@
 </script>
 
 <style>
+  :host {
+    /* Component Variables */
+    --font-family-normal: Sofia Pro;
+    --font-size-4: 1.25rem;
+    --font-size-5: 1rem;
+    --font-size-6: 0.875rem;
+    --font-size-7: 0.75rem;
+    --font-line-height-4: 12px;
+    --success-500: #5aec99;
+    --danger-400: #ff8080;
+    --spacing-4: 1rem;
+    --border-radius-5: 8px;
+    --shadow-1: 0px 4px 12px rgba(0, 0, 0, 0.1);
+    --tp-z-index: 10;
+  }
+
+  :global(.flex) {
+    display: flex;
+  }
+
+  :global(.flex-column) {
+    flex-direction: column;
+  }
+
+  :global(.items-center) {
+    align-items: center;
+  }
+
+  :global(.justify-center) {
+    justify-content: center;
+  }
+
+  :global(.relative) {
+    position: relative;
+  }
+
+  :global(.pointer) {
+    cursor: pointer;
+  }
+
+  :global(.shadow-1) {
+    box-shadow: var(--onboard-shadow-1, var(--shadow-1));
+  }
+
+  :global(*) {
+    box-sizing: border-box;
+  }
+
+  :global(button) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: calc(var(--onboard-spacing-4, var(--spacing-4)) - 1px);
+    border-radius: 24px;
+    cursor: pointer;
+    font: inherit;
+    border: none;
+    transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
+  }
+
   .tp-main {
     --text-color: var(--w3o-text-color, white);
     --action-color: var(--w3o-action-color, var(--primary-400));
@@ -41,6 +101,7 @@
     background: var(--foreground-color, var(--background-color));
     color: var(--text-color);
     border-radius: var(--border-radius);
+    z-index: var(--tp-z-index, inherit);
   }
 </style>
 
diff --git a/packages/transaction-preview/src/views/Maximized.svelte b/packages/transaction-preview/src/views/Maximized.svelte
index 23bb5d3ec..3d3469416 100644
--- a/packages/transaction-preview/src/views/Maximized.svelte
+++ b/packages/transaction-preview/src/views/Maximized.svelte
@@ -15,26 +15,12 @@
   export let destroyApp: () => void
   export let simResponse: MultiSimOutput
   export let startTime: number
-  const device = getDevice()
 
-  const transactionOriginator = simResponse.transactions[0].from
-  const balanceChanges = simResponse.netBalanceChanges.reduce(
-    (arr: NetBalanceChange[], changes: NetBalanceChange[]) => {
-      if (changes.length) {
-        changes.forEach(change => {
-          if (
-            change.address.toLowerCase() === transactionOriginator.toLowerCase()
-          ) {
-            arr.push(change)
-          }
-        })
-      }
-      return arr
-    },
-    []
-  )
+  let totalGasInEth = 0
+  let totalGasUsed = 0
 
-  function addCommasToNumber(x: number): string {
+  const device = getDevice()
+  const addCommasToNumber = (x: number): string => {
     const parts = x.toString().split('.')
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
     return parts.join('.')
@@ -45,9 +31,9 @@
     return roundAndCleanDecimals(formattedEth)
   }
 
-  const cleanGas = (): string => {
-    const gweiToEther = ethers.utils.formatUnits(simResponse.gasUsed[0], 'gwei')
-    return roundAndCleanDecimals(gweiToEther)
+  const roundAndCleanGas = (formattedValue: string): number => {
+    const roundedGwei = parseFloat(formattedValue).toFixed(7)
+    return Number(roundedGwei)
   }
 
   const roundAndCleanDecimals = (formattedValue: string): string => {
@@ -56,9 +42,52 @@
     return addCommasToNumber(removeEmptyDecimalPlaces)
   }
 
-  const shortenAddress = (address: string) => {
+  const shortenAddress = (address: string): string => {
     return `${address.slice(0, 6)}...${address.slice(-4)}`
   }
+
+  const cleanGas = (gasComputed: number): number => {
+    const gweiToEther = ethers.utils.formatEther(gasComputed)
+    return roundAndCleanGas(gweiToEther)
+  }
+
+  const getCumulativeGasInEth = (index: number) => {
+    if (simResponse.transactions[index].type === 0) {
+      totalGasInEth += cleanGas(
+        simResponse.gasUsed[index] * simResponse.transactions[index].gasPrice
+      )
+    }
+    if (simResponse.transactions[index].type === 2) {
+      totalGasInEth += cleanGas(
+        simResponse.gasUsed[index] *
+          (simResponse.transactions[index].baseFeePerGasGwei +
+            simResponse.transactions[index].maxPriorityFeePerGasGwei)
+      )
+    }
+  }
+
+  const gasUsed = (index: number) => {
+    totalGasUsed += simResponse.gasUsed[index]
+  }
+
+  const transactionOriginator = simResponse.transactions[0].from
+  const balanceChanges = simResponse.netBalanceChanges.reduce(
+    (arr: NetBalanceChange[], changes: NetBalanceChange[], index: number) => {
+      if (changes.length) {
+        changes.forEach(change => {
+          if (
+            change.address.toLowerCase() === transactionOriginator.toLowerCase()
+          ) {
+            arr.push(change)
+          }
+        })
+      }
+      getCumulativeGasInEth(index)
+      gasUsed(index)
+      return arr
+    },
+    []
+  )
 </script>
 
 <style>
@@ -197,6 +226,12 @@
   .positive {
     color: var(--onboard-success-500, var(--success-500));
   }
+
+  .gas-used-value {
+    color: var(--text-color);
+    display: inline-block;
+    margin: 0 4px 0 0;
+  }
 </style>
 
 <div class="maximized radius padding-5">
@@ -256,38 +291,17 @@
               </tr>
             {/each}
           {/each}
-        {/if}
-      </tbody>
-    </table>
-    <div class="address-info">
-      {$_('maximized.gasHeading', {
-        default: en.maximized.gasHeading
-      })}
-    </div>
-    <table class="balance-change-table table-radius">
-      <colgroup>
-        <col span="1" style="width: 20%;" />
-        <col span="1" style="width: 80%;" />
-      </colgroup>
-      <thead>
-        <tr>
-          <th>
-            {$_('maximized.tokenColumnHeader', {
-              default: en.maximized.tokenColumnHeader
-            })}</th
-          >
-          <th>
-            {$_('maximized.balanceColumnHeader', {
-              default: en.maximized.balanceColumnHeader
-            })}</th
-          >
-        </tr>
-      </thead>
-      <tbody>
-        {#if balanceChanges.length}
           <tr>
             <td class="token-text">ETH</td>
-            <td class="negative">-{cleanGas()}</td>
+            <td class="negative"
+              >-{totalGasInEth}
+              <div class="gas-used-value">
+                ({totalGasUsed}
+                {$_('maximized.gasUsed', {
+                  default: en.maximized.gasUsed
+                })})
+              </div></td
+            >
           </tr>
         {/if}
       </tbody>
diff --git a/packages/vue/package.json b/packages/vue/package.json
index d278c95f5..a2cf483b2 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "A collection of Vue Composables for integrating Web3-Onboard in to a Vue or Nuxt project. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -63,7 +63,7 @@
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
     "@web3-onboard/common": "^2.2.3",
-    "@web3-onboard/core": "^2.15.0",
+    "@web3-onboard/core": "^2.15.1",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index 48e6db481..c08a9d310 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.2",
   "description": "WalletConnect SDK module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -60,7 +60,7 @@
   },
   "dependencies": {
     "@ethersproject/providers": "^5.5.0",
-    "@walletconnect/ethereum-provider": "2.4.0-canary-8c28464c",
+    "@walletconnect/ethereum-provider": "2.4.3",
     "@walletconnect/client": "^1.8.0",
     "@walletconnect/qrcode-modal": "^1.8.0",
     "@web3-onboard/common": "^2.2.3",
diff --git a/yarn.lock b/yarn.lock
index 93898a0d8..a1b4d6240 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2952,10 +2952,10 @@
     "@walletconnect/types" "^1.8.0"
     "@walletconnect/utils" "^1.8.0"
 
-"@walletconnect/core@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.4.0-canary-8c28464c.tgz#187c6b30184b28d173f6d707288589a6a47c2280"
-  integrity sha512-glIclWFFZnVgFYITxzAmK0BFri6twUFgrWf+svYUJzXbAoS7FtBKkTl0hULyX05VHHsZKWK5PEnBWtUL2EqxDQ==
+"@walletconnect/core@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.4.3.tgz#e5dc4c24a67632e6c92098750ebcd13b20cd5ef4"
+  integrity sha512-k2lE2VMC/kroSJyrvrz9rHdRsRn3tMyUp2x1iy6b0IcLlVC1jjfFgH5MUxS+XB9L9O6+gAFnpTM/rKM9fYpPCA==
   dependencies:
     "@walletconnect/heartbeat" "1.2.0"
     "@walletconnect/jsonrpc-provider" "^1.0.6"
@@ -2967,8 +2967,8 @@
     "@walletconnect/relay-auth" "^1.0.4"
     "@walletconnect/safe-json" "^1.0.1"
     "@walletconnect/time" "^1.0.2"
-    "@walletconnect/types" "2.4.0-canary-8c28464c"
-    "@walletconnect/utils" "2.4.0-canary-8c28464c"
+    "@walletconnect/types" "2.4.3"
+    "@walletconnect/utils" "2.4.3"
     events "^3.3.0"
     lodash.isequal "4.5.0"
     pino "7.11.0"
@@ -3042,19 +3042,19 @@
   dependencies:
     tslib "1.14.1"
 
-"@walletconnect/ethereum-provider@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/ethereum-provider/-/ethereum-provider-2.4.0-canary-8c28464c.tgz#7dbbff4fbf65e13b18755f712b0e408e21ceb152"
-  integrity sha512-C4cL6hbxzxU0ShwrI0olM+XXEyA+eXkCwXx+oYQ+L7rHesxjiv9rYuS2V4tm6lClCL4MYPLm45AZJ4JB3wo/fA==
+"@walletconnect/ethereum-provider@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/ethereum-provider/-/ethereum-provider-2.4.3.tgz#9a5f75b463f2bb7ace049b2fa3afcd2f0d092d22"
+  integrity sha512-NXTQwh/wFzbAh2wTxkL+WxaYJdWoGMCFn40NgWiXo9D84Y5WEQdJQvP2Bnvn79ZXyIicjzQxFBXoNnctGOmyYg==
   dependencies:
     "@walletconnect/jsonrpc-http-connection" "^1.0.4"
     "@walletconnect/jsonrpc-provider" "^1.0.6"
     "@walletconnect/jsonrpc-types" "^1.0.2"
     "@walletconnect/jsonrpc-utils" "^1.0.4"
-    "@walletconnect/sign-client" "2.4.0-canary-8c28464c"
-    "@walletconnect/types" "2.4.0-canary-8c28464c"
-    "@walletconnect/universal-provider" "2.4.0-canary-8c28464c"
-    "@walletconnect/utils" "2.4.0-canary-8c28464c"
+    "@walletconnect/sign-client" "2.4.3"
+    "@walletconnect/types" "2.4.3"
+    "@walletconnect/universal-provider" "2.4.3"
+    "@walletconnect/utils" "2.4.3"
     "@web3modal/standalone" "2.1.1"
     eip1193-provider "1.0.1"
     events "^3.3.0"
@@ -3252,20 +3252,20 @@
   dependencies:
     tslib "1.14.1"
 
-"@walletconnect/sign-client@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.4.0-canary-8c28464c.tgz#f7a91cdc879e67f7bc3f47caa5ab4ed4fddac02d"
-  integrity sha512-DRIVSh18lUUJStLljbaxgF8Di8jK9rNEzLfkOuDAQhBpaOhL8Fjd61sPzHNhTHYv1EqrOBSJ7XI4tWjMvUji6w==
+"@walletconnect/sign-client@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.4.3.tgz#f18aa998928b2b7ae57231e29791d6b44e46c389"
+  integrity sha512-ztAqFxCbj/kPVDJfFE47hBlOkLn/4xDHejAm+mYOOQjZ7qzGKSOciPz25k4uDIy60Z5sSR84gmmkjTIES18hzw==
   dependencies:
-    "@walletconnect/core" "2.4.0-canary-8c28464c"
+    "@walletconnect/core" "2.4.3"
     "@walletconnect/events" "^1.0.1"
     "@walletconnect/heartbeat" "1.2.0"
     "@walletconnect/jsonrpc-provider" "^1.0.6"
     "@walletconnect/jsonrpc-utils" "^1.0.4"
     "@walletconnect/logger" "^2.0.1"
     "@walletconnect/time" "^1.0.2"
-    "@walletconnect/types" "2.4.0-canary-8c28464c"
-    "@walletconnect/utils" "2.4.0-canary-8c28464c"
+    "@walletconnect/types" "2.4.3"
+    "@walletconnect/utils" "2.4.3"
     events "^3.3.0"
     pino "7.11.0"
 
@@ -3294,10 +3294,10 @@
   dependencies:
     tslib "1.14.1"
 
-"@walletconnect/types@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.4.0-canary-8c28464c.tgz#cd72c7e4e8166de3c96d250a6a6fe2951f243b63"
-  integrity sha512-icZn7SuZg1VCHtjV5VQP91LQQoZo69ym30nCks90JF/+aaPXcKUKHUaSclBGWprpcSrxIm2VJNxQfchBQWPqvA==
+"@walletconnect/types@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.4.3.tgz#32492b3865624de31c4f91eb80383a91d96370e2"
+  integrity sha512-AX/mlUpdigD0CrP+9ScXBzggH/oHHr89JZOXmzmGavhFZLPmt0gQN9Jvo/DxTK8vV5FZUOzKZTscygAOLfIrXQ==
   dependencies:
     "@walletconnect/events" "^1.0.1"
     "@walletconnect/heartbeat" "1.2.0"
@@ -3328,27 +3328,27 @@
     "@walletconnect/logger" "^2.0.1"
     events "^3.3.0"
 
-"@walletconnect/universal-provider@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/universal-provider/-/universal-provider-2.4.0-canary-8c28464c.tgz#afecd83c1277cb38ee73cb5311e11049075c6dce"
-  integrity sha512-pmwSBSDt231EoLF1mxU7MiyUXptWMI0OL8bx7mvd6xD3YHkcszV4ye6xuBeCgJV/GWJx3EhObVQOesA6kS5OGQ==
+"@walletconnect/universal-provider@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/universal-provider/-/universal-provider-2.4.3.tgz#c23ef5158eeb1531b3a888270e33e33b474df4bc"
+  integrity sha512-51tikF6VxpWOMskCbjlBj8cE243r9VogJudbQ5ZsgSlPjeyurxBllQg6YJQ87fhNlbQrEdo58lQCPzZWlp8XOw==
   dependencies:
     "@walletconnect/jsonrpc-http-connection" "^1.0.4"
     "@walletconnect/jsonrpc-provider" "^1.0.6"
     "@walletconnect/jsonrpc-types" "^1.0.2"
     "@walletconnect/jsonrpc-utils" "^1.0.4"
     "@walletconnect/logger" "^2.0.1"
-    "@walletconnect/sign-client" "2.4.0-canary-8c28464c"
-    "@walletconnect/types" "2.4.0-canary-8c28464c"
-    "@walletconnect/utils" "2.4.0-canary-8c28464c"
+    "@walletconnect/sign-client" "2.4.3"
+    "@walletconnect/types" "2.4.3"
+    "@walletconnect/utils" "2.4.3"
     eip1193-provider "1.0.1"
     events "^3.3.0"
     pino "7.11.0"
 
-"@walletconnect/utils@2.4.0-canary-8c28464c":
-  version "2.4.0-canary-8c28464c"
-  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.4.0-canary-8c28464c.tgz#197a7e45079093fefb2370e6b657be3f6d94e6a3"
-  integrity sha512-/+ha7YSoCO9AbckZrHNFMguHb1wjFHqEDk9oSULzFbdAgbaWRdmv9Ccxty1JDcu8KolbVmE6zMbUL4kx0VOQBw==
+"@walletconnect/utils@2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.4.3.tgz#7d6ab2b5f4062966b674f846b2f7989426eac110"
+  integrity sha512-tEQPo+qrvQyXWDXuTwA5s4mnoUClUlOc4Kd6gCIadDN7wUWVHGxQ+XPGiao6lu89FZAcGwHG0l52IP0BPVbMFg==
   dependencies:
     "@stablelib/chacha20poly1305" "1.0.1"
     "@stablelib/hkdf" "1.0.1"
@@ -3359,7 +3359,7 @@
     "@walletconnect/relay-api" "^1.0.7"
     "@walletconnect/safe-json" "^1.0.1"
     "@walletconnect/time" "^1.0.2"
-    "@walletconnect/types" "2.4.0-canary-8c28464c"
+    "@walletconnect/types" "2.4.3"
     "@walletconnect/window-getters" "^1.0.1"
     "@walletconnect/window-metadata" "^1.0.1"
     detect-browser "5.3.0"
@@ -4390,10 +4390,10 @@ bnb-javascript-sdk-nobroadcast@^2.16.14:
     uuid "^3.3.2"
     websocket-stream "^5.5.0"
 
-bnc-sdk@^4.6.6:
-  version "4.6.6"
-  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.6.tgz#ef5501a0c68014efae24d00d2e3fb706318fa00d"
-  integrity sha512-cpavy/WBQrkw5PZpnuUAvxzj/RjmP1vSldOEG+nonf7n/4sykScDO6KrJN2oVhEMaxHOqOVf2rOugSL5t515eA==
+bnc-sdk@^4.6.7:
+  version "4.6.7"
+  resolved "https://registry.yarnpkg.com/bnc-sdk/-/bnc-sdk-4.6.7.tgz#138a22e04c95c2c697fb836092358d21957e2114"
+  integrity sha512-jIQ6cmeRBgvH/YDLuYRr2+kxDGcAAi0SOvjlO5nQ5cWdbslw+ASWftd1HmxiVLNCiwEH5bSc/t8a0agZ5njTUQ==
   dependencies:
     crypto-es "^1.2.2"
     nanoid "^3.3.1"