Add sunset warnings to tx preview (#2205)

* Add sunset warnings to tx preview

* Update versioning and merge in develop

Author: Adamj1232

docs/package.json

@@ -58,7 +58,7 @@
     "@web3-onboard/capsule": "^2.0.3",
     "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/coinbase": "^2.2.7",
-    "@web3-onboard/core": "^2.21.6",
+    "@web3-onboard/core": "^2.21.7-alpha.1",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.0.4",
     "@web3-onboard/fortmatic": "^2.0.19",

docs/src/routes/docs/[...3]modules/[...5]transaction-preview/+page.md

@@ -10,6 +10,10 @@ title: Transaction Preview
 
 # {$frontmatter.title}
 
+:::admonition type=warning
+_Transaction Preview support is sunset on July 1st 2024 and will no longer work after that date_
+:::
+
 A modular UI for previewing a single or set of unsigned Ethereum transactions.
 
 <img src="{previewImg}" alt="Transaction Preview Flow image"/>

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.22.0-alpha.5",
+  "version": "2.22.0-alpha.6",
   "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",

packages/core/src/index.ts

@@ -248,6 +248,9 @@ function init(options: InitOptions): OnboardAPI {
   appMetadata && updateAppMetadata(appMetadata)
 
   if (apiKey && transactionPreview) {
+    console.warn(
+      'Transaction Preview support is going to be sunset on July 1st 2024 and will no longer work after that date'
+    )
     const getBnSDK = async () => {
       const sdk = await getBlocknativeSdk()
       if (!sdk) return

packages/demo/package.json

@@ -32,7 +32,7 @@
     "@web3-onboard/blocto": "^2.1.0-alpha.2",
     "@web3-onboard/capsule": "2.1.0-alpha.2",
     "@web3-onboard/cede-store": "^2.3.0-alpha.2",
-    "@web3-onboard/core": "^2.22.0-alpha.5",
+    "@web3-onboard/core": "^2.22.0-alpha.6",
     "@web3-onboard/coinbase": "^2.3.0-alpha.2",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.1.0-alpha.2",

packages/demo/src/App.svelte

@@ -295,7 +295,7 @@
       particle,
       passport
     ],
-    // transactionPreview,
+    transactionPreview,
     gas,
     wagmi,
     chains: [

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.9.0-alpha.5",
+  "version": "2.9.0-alpha.6",
   "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",
@@ -61,7 +61,7 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.22.0-alpha.5",
+    "@web3-onboard/core": "^2.22.0-alpha.6",
     "@web3-onboard/common": "^2.4.0-alpha.2",
     "use-sync-external-store": "1.0.0"
   },

packages/solid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/solid",
-  "version": "2.1.0-alpha.3",
+  "version": "2.1.0-alpha.4",
   "description": "A collection of solid Composables for integrating Web3-Onboard in to a Solid 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 @@
   },
   "dependencies": {
     "@web3-onboard/common": "^2.4.0-alpha.2",
-    "@web3-onboard/core": "^2.22.0-alpha.5",
+    "@web3-onboard/core": "^2.22.0-alpha.6",
     "solid-js": "^1.8.1"
   }
 }

packages/transaction-preview/README.md

@@ -1,5 +1,7 @@
 # @web3-onboard/transaction-preview
 
+## (Deprecated) Transaction Preview support is going to be sunset on July 1st 2024 and will no longer work after that date
+
 ## A modular UI for previewing a single or set of unsigned Ethereum transactions.
 
 ![Transaction Preview Flow](https://github.com/blocknative/web3-onboard/blob/develop/assets/transaction-preview.gif?raw=true 'Transaction Preview Flow')

packages/transaction-preview/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/transaction-preview",
-  "version": "2.1.0-alpha.2",
+  "version": "2.1.0-alpha.3",
   "description": "In app preview of Ethereum transactions",
   "keywords": [
     "Ethereum",