typing

examples/react/package.json

@@ -18,7 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.3",
-    "viem": "^2.0.6",
+    "viem": "^2.7.8",
     "wagmi": "^2.5.7"
   },
   "devDependencies": {

packages/connectors/src/connectors/apple/apple.ts

@@ -1,8 +1,10 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
 import type { Wallet } from '@0xsequence/kit'
+import { CreateConnectorFn } from 'wagmi'
 
 import { getAppleLogo, getAppleMonochromeLogo } from './AppleLogo'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+
 export interface AppleOptions extends BaseSequenceConnectorOptions {
 }
 
@@ -15,7 +17,7 @@ export const apple = (options: AppleOptions) => ({
   monochromeLogoLight: getAppleMonochromeLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Apple',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
       connect: {
@@ -27,5 +29,5 @@ export const apple = (options: AppleOptions) => ({
       }
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/coinbaseWallet/coinbaseWallet.ts

@@ -1,15 +1,17 @@
 import { coinbaseWallet as coinbaseWalletBase, CoinbaseWalletParameters } from 'wagmi/connectors'
 import { Wallet } from '@0xsequence/kit'
 
+import { CreateConnectorFn } from 'wagmi'
+
 import { CoinbaseWalletLogo } from './CoinbaseWalletLogo'
 
 export const coinbaseWallet = (params: CoinbaseWalletParameters) => ({
   id: 'coinbase-wallet',
   logoDark: CoinbaseWalletLogo,
   logoLight: CoinbaseWalletLogo,
   name: 'Coinbase Wallet',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = coinbaseWalletBase({...params});
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/discord/discord.ts

@@ -1,8 +1,9 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
-import type { Wallet } from '@0xsequence/kit'
+import { CreateConnectorFn } from 'wagmi'
 
 import { getDiscordLogo } from './DiscordLogo'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+
 export interface DiscordOptions extends BaseSequenceConnectorOptions {
 }
 
@@ -15,7 +16,7 @@ export const discord = (options: DiscordOptions) => ({
   monochromeLogoLight: getDiscordLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Discord',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
       connect: {
@@ -27,5 +28,5 @@ export const discord = (options: DiscordOptions) => ({
       }
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/email/email.ts

@@ -1,8 +1,9 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
-import type { Wallet } from '@0xsequence/kit'
+import { CreateConnectorFn } from 'wagmi'
 
 import { getEmailLogo } from './EmailLogo'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+
 export const EMAIL_CONNECTOR_LOCAL_STORAGE_KEY = '@sequence.kit.connector.email'
 
 export interface EmailOptions extends BaseSequenceConnectorOptions {
@@ -15,7 +16,7 @@ export const email = (options: EmailOptions) => ({
   logoLight: getEmailLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Email',
-  createConnector: () => {
+  createConnector: (() => {
     const email = localStorage.getItem(EMAIL_CONNECTOR_LOCAL_STORAGE_KEY)
 
     const connector = sequenceWallet({
@@ -32,5 +33,5 @@ export const email = (options: EmailOptions) => ({
     });
 
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/facebook/facebook.ts

@@ -1,8 +1,9 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+import { CreateConnectorFn } from 'wagmi'
 import type { Wallet } from '@0xsequence/kit'
 
 import { FacebookLogo, getFacebookMonochromeLogo } from './FacebookLogo'
-import { sequence } from '0xsequence';
+
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
 
 export interface FacebookOptions extends BaseSequenceConnectorOptions {
 }
@@ -16,7 +17,7 @@ export const facebook = (options: FacebookOptions) => ({
   monochromeLogoLight: getFacebookMonochromeLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Facebook',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
       connect: {
@@ -28,5 +29,5 @@ export const facebook = (options: FacebookOptions) => ({
       }
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/google/google.ts

@@ -1,8 +1,9 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
-import type { Wallet } from '@0xsequence/kit'
+import { CreateConnectorFn } from 'wagmi'
 
 import { GoogleLogo, getMonochromeGoogleLogo } from './GoogleLogo'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+
 export interface GoogleOptions extends BaseSequenceConnectorOptions {
 }
 
@@ -15,7 +16,7 @@ export const google = (options: GoogleOptions) => ({
   monochromeLogoLight: getMonochromeGoogleLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Google',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
       // @ts-ignore
@@ -28,5 +29,5 @@ export const google = (options: GoogleOptions) => ({
       }
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/mock/mock.ts

@@ -1,5 +1,5 @@
+import { CreateConnectorFn } from 'wagmi'
 import { mock as mockBase, MockParameters } from 'wagmi/connectors'
-import type { Wallet } from '@0xsequence/kit'
 
 import { SequenceLogo } from '../sequence/SequenceLogo'
 
@@ -10,8 +10,8 @@ export const mock = (options: MockParameters) => ({
   logoLight: SequenceLogo,
   // iconBackground: '#777',
   name: 'Mock',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = mockBase(options);
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/sequence/sequence.ts

@@ -1,6 +1,7 @@
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+import { CreateConnectorFn } from 'wagmi'
 import type { Wallet } from '@0xsequence/kit'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
 import { SequenceLogo } from './SequenceLogo'
 
 export interface SequenceOptions extends BaseSequenceConnectorOptions {
@@ -13,10 +14,10 @@ export const sequence = (options: SequenceOptions) => ({
   logoLight: SequenceLogo,
   // iconBackground: '#777',
   name: 'Sequence',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
     });
     return connector
-  }
-}) as Wallet
+  }) as CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/twitch/twitch.ts

@@ -1,8 +1,9 @@
-import type { Wallet } from '@0xsequence/kit'
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+import { CreateConnectorFn } from 'wagmi'
 
 import { getTwitchLogo } from './TwitchLogo'
 
+import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors';
+
 export interface TwitchOptions extends BaseSequenceConnectorOptions {
 }
 
@@ -15,7 +16,7 @@ export const twitch = (options: TwitchOptions) => ({
   monochromeLogoLight: getTwitchLogo({ isDarkMode: false }),
   // iconBackground: '#fff',
   name: 'Twitch',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = sequenceWallet({
       ...options,
       connect: {
@@ -27,5 +28,5 @@ export const twitch = (options: TwitchOptions) => ({
       }
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/connectors/walletConnect/walletConnect.ts

@@ -1,4 +1,4 @@
-import { Wallet } from '@0xsequence/kit'
+import { CreateConnectorFn } from 'wagmi'
 import { walletConnect as walletConnectbase, WalletConnectParameters } from 'wagmi/connectors'
 
 import { WalletConnectLogo } from './WalletConnectLogo'
@@ -9,10 +9,10 @@ export const walletConnect = (options: WalletConnectParameters) => ({
   logoLight: WalletConnectLogo,
   // iconBackground: '#fff',
   name: 'Walletconnect',
-  createConnector: () => {
+  createConnector: (() => {
     const connector = walletConnectbase({
       ...options,
     });
     return connector
-  }
-}) as Wallet
+  }) as () => CreateConnectorFn<any, any, any>
+})

packages/connectors/src/defaultConnectors.tsx

@@ -77,5 +77,6 @@ export const getDefaultConnectors = ({
     })
   ])
 
+  /* @ts-ignore-next-line */
   return connectors
 }

packages/kit/package.json

@@ -43,7 +43,7 @@
   "devDependencies": {
     "ethers": "5.7.2",
     "0xsequence": "^1.8.2",
-    "viem": "^2.0.6",
+    "viem": "^2.7.8",
     "wagmi": "^2.5.7"
   },
   "files": [

packages/kit/src/utils/getKitConnectWallets.ts

@@ -25,7 +25,7 @@ export interface WalletField {
 
 export type ExtendedConnector = CreateConnectorFn<any, any, any> & WalletField
 
-export const getKitConnectWallets = (projectAccessKey:string, wallets: Wallet[]) => {
+export const getKitConnectWallets = (projectAccessKey:string, wallets: any[]): CreateConnectorFn<any, any, any>[] => {
   localStorage.setItem(LocalStorageKey.ProjectAccessKey, projectAccessKey)
 
   const connectors: CreateConnectorFn<any, any, any>[] = []