Merge pull request #705 from dev-protocol/dynamic-v4

Dynamic v4

Author: aggre

eslint.config.js

@@ -33,5 +33,5 @@ export default tseslint.config(
 			'@typescript-eslint/no-explicit-any': 'off',
 		},
 	},
-	{ ignores: ['dist', '.yarn', '.preview', 'src/.build', '*.js'] },
+	{ ignores: ['dist', '.yarn', '.preview', 'src/.build', '*.js', '.astro'] },
 )

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@devprotocol/clubs-plugin-awesome-onboarding",
-	"version": "0.7.2",
+	"version": "0.8.0-beta.1",
 	"type": "module",
 	"description": "Clubs plugin for intengrating awesome user onboarding.",
 	"main": "dist/index.js",
@@ -49,9 +49,9 @@
 		"@astrojs/vue": "^5.0.0",
 		"@devprotocol/clubs-core": "3.25.3",
 		"@devprotocol/util-ts": "4.0.0",
-		"@dynamic-labs/ethereum": "^2.0.7",
-		"@dynamic-labs/ethers-v6": "^2.0.7",
-		"@dynamic-labs/sdk-react-core": "^2.0.7",
+		"@dynamic-labs/ethereum": "4.6.1",
+		"@dynamic-labs/ethers-v6": "4.6.1",
+		"@dynamic-labs/sdk-react-core": "4.6.1",
 		"@eslint/js": "^9.19.0",
 		"@rollup/plugin-commonjs": "^28.0.0",
 		"@rollup/plugin-json": "^6.1.0",

src/components/ConnectButton/Button.tsx

@@ -16,6 +16,7 @@ import {
 } from '@dynamic-labs/sdk-react-core'
 import NetworkError from './NetworkError'
 import { equals } from 'ramda'
+import { getSigner } from '@dynamic-labs/ethers-v6'
 
 import { Strings } from '../../i18n/plugin'
 import Clubs from '../Icon/Clubs'
@@ -74,15 +75,17 @@ export default ({
 			setWalletName(cryptoWallet.walletName)
 		}
 
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-		dynamic.primaryWallet?.connector.ethers?.getSigner().then((_signer) => {
-			// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-			// @ts-expect-error
-			const same = equals(_signer, signer)
-			// console.log('Called here', same)
+		if (dynamic.primaryWallet) {
 			// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-			!same && setSigner(_signer)
-		}) ?? setSigner(undefined)
+			getSigner(dynamic.primaryWallet).then((_signer) => {
+				// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+				// @ts-expect-error
+				const same = equals(_signer, signer)
+				// console.log('Called here', same)
+				// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+				!same && setSigner(_signer)
+			}) ?? setSigner(undefined)
+		}
 	}, [dynamic.primaryWallet, dynamic.user])
 
 	useEffect(() => {

src/components/ConnectButton/ConnectButton.tsx

@@ -4,7 +4,6 @@
 
 import { useEffect, useState } from 'react'
 import type { UndefinedOr } from '@devprotocol/util-ts'
-import { EthersExtension } from '@dynamic-labs/ethers-v6'
 import { EthereumWalletConnectors } from '@dynamic-labs/ethereum'
 import type { LocaleResource } from '@dynamic-labs/sdk-react-core'
 import { DynamicContextProvider } from '@dynamic-labs/sdk-react-core'
@@ -37,7 +36,6 @@ export default ({ chainId, environmentId, ...props }: ConnectButtonProps) => {
 			settings={{
 				environmentId,
 				walletConnectPreferredChains: [`eip155:${chainId ?? 137}`],
-				walletConnectorExtensions: [EthersExtension],
 				walletConnectors: [EthereumWalletConnectors],
 				cssOverrides: cssOverrides(locale?.lang),
 			}}