Core, React, Vue, Solid - Remove txn notification support as it relied on legacy BN systems that have been deprecated (#2299)

* Remove txn notification support as it relied on legacy BN systems that have been deprecated - cutsom notifications are still available. Update docs

* Remove APIKey from docs

* Mark apiKey init prop as deprecated

* Fix gas package

Author: Adamj1232

README.md

@@ -8,7 +8,6 @@
 - **Multiple Wallets and Accounts Connection**: Allow your users to connect multiple wallets and multiple accounts within each wallet at the same time to your app.
 - **Multiple Chain Support**: Allow users to switch between chains/networks with ease.
 - **Account Center**: A persistent interface to manage wallet connections and networks, with a minimal version for mobile
-- **Notify**: Real-time transaction notifications for the connected wallet addresses for all transaction states
 - **Wallet Provider Standardization**: All wallet modules expose a provider that is patched to be compliant with the [EIP-1193](https://eips.ethereum.org/EIPS/eip-1193), [EIP-1102](https://eips.ethereum.org/EIPS/eip-1102), [EIP-3085](https://eips.ethereum.org/EIPS/eip-3085) and [EIP-3326](https://ethereum-magicians.org/t/eip-3326-wallet-switchethereumchain/5471) specifications.
 - **Dynamic Imports**: Supporting multiple wallets in your app requires a lot of dependencies. Onboard dynamically imports a wallet and its dependencies only when the user selects it, so that minimal bandwidth is used.
 

docs/src/lib/components/FeaturesSection.svelte

@@ -7,7 +7,6 @@
   import FeatureCard from './FeatureCard.svelte'
 
   import FrameworksGraphic from './svg/frameworks-group.svelte'
-  import NotifyGraphic from './svg/notify-group.svelte'
   import NetworksGraphic from './svg/networks-graphic.svg'
   import AccountCenterGraphic from './svg/account-center-graphic.svg'
   import WalletsGraphic from './svg/wallet-row.svg'
@@ -89,52 +88,6 @@
       style="margin: 0 auto; max-width: none;"
     />
   </ScrollContainer>
-  <Container>
-    <div class="flexbox">
-      <div>
-        <img
-          src={TransactionPreviewGraphic}
-          alt="Transaction Preview"
-          style="margin: 0 auto; max-width: none;"
-        />
-      </div>
-      <div>
-        <TextBlock
-          title={'Transaction Preview'}
-          subtitle={'Preview transactions to see net-balance changes and gas spent'}
-          text={'Reduce transaction anxiety by allowing users to easily preview expected net-balance changes for their connected wallets before authorizing transactions.'}
-        >
-          <Flexbox --wrap="wrap">
-            <Button href="/docs/modules/transaction-preview" buttonStyle={'link'}
-              >{'Learn More'}</Button
-            >
-            <Button
-              href="/docs/modules/transaction-preview#try-transaction-preview"
-              buttonStyle={'link'}>{'View Demo'}</Button
-            >
-          </Flexbox>
-          <div class="prose">
-            <slot name="installTp" />
-          </div>
-        </TextBlock>
-      </div>
-    </div>
-  </Container>
-  <Container>
-    <div class="flexbox">
-      <TextBlock
-        title={'Real-time transaction notifications'}
-        subtitle={''}
-        text={'Real-time transaction notifications for all connected wallet addresses and all transaction states.'}
-      >
-        <Flexbox --wrap="wrap">
-          <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>
-          <Button href="/examples/connect-wallet" buttonStyle={'link'}>{'View Demo'}</Button>
-        </Flexbox>
-      </TextBlock>
-      <div><NotifyGraphic /></div>
-    </div>
-  </Container>
   <Container>
     <div class="flexbox">
       <div><img src={AccountCenterGraphic} alt="" /></div>

docs/src/lib/components/TransactionPreviewButton.svelte

@@ -24,7 +24,6 @@
   onMount(() => {
     ethMainnetGasBlockPrices = gasModule.stream({
       chains: ['0x1'],
-      apiKey: 'da1b962d-314d-4903-bfe1-426821d14a35',
       endpoint: 'blockPrices'
     })
     gasSub = ethMainnetGasBlockPrices.subscribe(() => {

docs/src/lib/components/gas/Gas.svelte

@@ -1,3 +1,2 @@
 export * from './examples'
 export * from './gas'
-export { default as TransactionPreviewButton } from './TransactionPreviewButton.svelte'

docs/src/lib/components/index.ts

@@ -30,8 +30,6 @@ Web3 Onboard is the quickest and easiest way to add multi-wallet and multi-chain
 
 - **Framework Agnostic:** Avoid framework lock in -- Web3 Onboard works with any framework and includes helper packages for vue & react.
 
-- **Notify:** Real-time transaction notifications for all transaction states for the connected wallet address(es). In-notification speedups & cancels for hardware wallet connections.
-
 ### Natively Supported EVM Chains
 
 Web3 Onboard supports all EVM networks. Supporting a new network is simply a matter of adding its details in the Chains section upon initialization. For more information see [initialization options](../../modules/core.md#initialization).

docs/src/routes/docs/[...1]overview/[...1]introduction/+page.md

@@ -30,7 +30,7 @@ This change allows us to support many web3 wallets without affecting the overall
 
 ### Expansive Initialization Options
 
-We’ve made initialization simpler while introducing more powerful options like [Account Center](https://www.blocknative.com/blog/multichain-and-multiwallet-account-management-on-your-dapp-with-account-center) and Notify in Web3 Onboard.
+We’ve made initialization simpler while introducing more powerful options like [Account Center](https://www.blocknative.com/blog/multichain-and-multiwallet-account-management-on-your-dapp-with-account-center) in Web3 Onboard.
 Web3 Onboard now requires two compulsory initial setup options: `wallets` (Wallet modules, as shown above, to be initialized and added to wallet selection modal) and `chains` (EVM networks your app should work with). You can also pass multiple wallets and chains.
 
 ```