@0xsequence/connect 5.0.0-ecosystem-beta → 5.0.0

package/src/connectors/ecosystem/providerTransport.ts

@@ -1,225 +0,0 @@
-type ConnectionState = 'disconnected' | 'connecting' | 'connected'
-
-interface SessionData {
-  walletAddress: string
-  lastConnected: number
-}
-
-export class ProviderTransport {
-  private walletOrigin: string
-  private walletWindow: Window | null = null
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private callbacks: Map<string, (response: any) => void> = new Map()
-  private connectionState: ConnectionState = 'disconnected'
-  private session: SessionData | undefined
-  private walletCheckInterval: number | undefined
-
-  constructor(walletUrl: string) {
-    const url = new URL(walletUrl)
-    this.walletOrigin = url.origin
-    window.addEventListener('message', this.handleMessage)
-    this.loadSession()
-    this.observeCallbacks()
-  }
-
-  private observeCallbacks() {
-    const originalSet = this.callbacks.set.bind(this.callbacks)
-    const originalDelete = this.callbacks.delete.bind(this.callbacks)
-
-    this.callbacks.set = (key, value) => {
-      const result = originalSet(key, value)
-      this.updateWalletCheck()
-      return result
-    }
-
-    this.callbacks.delete = key => {
-      const result = originalDelete(key)
-      this.updateWalletCheck()
-      return result
-    }
-  }
-
-  private updateWalletCheck() {
-    if (this.callbacks.size > 0) {
-      this.ensureWalletCheckActive()
-    } else {
-      this.ensureWalletCheckInactive()
-    }
-  }
-
-  private ensureWalletCheckActive() {
-    if (this.walletCheckInterval === undefined) {
-      this.walletCheckInterval = window.setInterval(() => {
-        if (!this.isWalletOpen()) {
-          this.handleWalletClosed()
-        }
-      }, 500) // Check every half second
-    }
-  }
-
-  private ensureWalletCheckInactive() {
-    if (this.walletCheckInterval !== undefined) {
-      clearInterval(this.walletCheckInterval)
-      this.walletCheckInterval = undefined
-    }
-  }
-
-  private loadSession() {
-    const sessionData = localStorage.getItem('walletSession')
-    if (sessionData) {
-      this.session = JSON.parse(sessionData)
-      this.connectionState = 'connected'
-    }
-  }
-
-  private saveSession(walletAddress: string) {
-    this.session = { walletAddress, lastConnected: Date.now() }
-    localStorage.setItem('walletSession', JSON.stringify(this.session))
-  }
-
-  async connect(auxData?: Record<string, unknown>): Promise<{ walletAddress: string }> {
-    if (this.connectionState === 'connected' && this.session) {
-      return { walletAddress: this.session.walletAddress }
-    }
-
-    this.connectionState = 'connecting'
-    const connectionId = crypto.randomUUID()
-    const connectionRequest = {
-      type: 'connection',
-      id: connectionId,
-      ...(auxData ? { auxData } : {})
-    }
-
-    return new Promise((resolve, reject) => {
-      this.callbacks.set(connectionId, response => {
-        if (response.type === 'connection' && response.status === 'accepted') {
-          this.connectionState = 'connected'
-          this.saveSession(response.walletAddress)
-          resolve({ walletAddress: response.walletAddress })
-          this.walletWindow?.close()
-        } else {
-          this.connectionState = 'disconnected'
-          reject(new Error('Connection rejected'))
-          this.walletWindow?.close()
-        }
-      })
-
-      this.openWalletAndPostMessage(connectionRequest)
-    })
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  async sendRequest(method: string, params: any[], chainId: number): Promise<any> {
-    if (this.connectionState !== 'connected') {
-      throw new Error('Not connected to wallet. Call connect() first.')
-    }
-
-    const id = crypto.randomUUID()
-    const request = { type: 'request', id, method, params, chainId }
-
-    return new Promise((resolve, reject) => {
-      const sendMessage = async () => {
-        if (!this.isWalletOpen()) {
-          try {
-            await this.openWalletAndPostMessage(request)
-          } catch (error) {
-            this.callbacks.delete(id)
-            reject(error)
-            return
-          }
-        } else {
-          this.postMessageToWallet(request)
-        }
-      }
-
-      this.callbacks.set(id, response => {
-        if (response.error) {
-          reject(new Error(response.error.message))
-        } else {
-          resolve(response.result)
-        }
-
-        // Close the wallet window after receiving the response
-        if (this.isWalletOpen()) {
-          this.walletWindow!.close()
-          this.walletWindow = null
-        }
-      })
-
-      sendMessage().catch(reject)
-    })
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private openWalletAndPostMessage(message: any): Promise<void> {
-    return new Promise((resolve, reject) => {
-      console.log('Opening wallet and posting message:', message)
-      if (!this.isWalletOpen()) {
-        this.walletWindow = window.open(this.walletOrigin, 'Wallet', 'width=375,height=667')
-        if (!this.walletWindow) {
-          reject(new Error('Failed to open wallet window. Please check your pop-up blocker settings.'))
-          return
-        }
-
-        const waitForReady = (event: MessageEvent) => {
-          if (event.origin === this.walletOrigin && event.data === 'ready') {
-            console.log('Received ready message from wallet')
-            window.removeEventListener('message', waitForReady)
-            this.postMessageToWallet(message)
-            resolve()
-          }
-        }
-        window.addEventListener('message', waitForReady)
-      } else {
-        this.postMessageToWallet(message)
-        resolve()
-      }
-    })
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private postMessageToWallet(message: any) {
-    console.log('Posting message to wallet:', message)
-    this.walletWindow!.postMessage(message, {
-      targetOrigin: this.walletOrigin
-    })
-  }
-
-  private isWalletOpen(): boolean {
-    return this.walletWindow !== null && !this.walletWindow?.closed
-  }
-
-  private handleWalletClosed() {
-    this.walletWindow = null
-    this.callbacks.forEach(callback => {
-      callback({ error: { message: 'Wallet window was closed' } })
-    })
-    this.callbacks.clear()
-  }
-
-  private handleMessage = (event: MessageEvent) => {
-    if (event.origin !== this.walletOrigin) return
-
-    const response = event.data
-    const callback = this.callbacks.get(response.id)
-    if (callback) {
-      callback(response)
-      this.callbacks.delete(response.id)
-    }
-  }
-
-  disconnect() {
-    this.connectionState = 'disconnected'
-    this.session = undefined
-    localStorage.removeItem('walletSession')
-    if (this.isWalletOpen()) {
-      this.walletWindow!.close()
-    }
-    this.walletWindow = null
-    this.handleWalletClosed()
-  }
-
-  getWalletAddress(): string | undefined {
-    return this.session?.walletAddress
-  }
-}

package/src/connectors/email/EmailLogo.tsx

@@ -1,28 +0,0 @@
-import React from 'react'
-
-import { LogoProps } from '../../types'
-
-interface GetEmailLogo {
-  isDarkMode: boolean
-}
-
-export const getEmailLogo = ({ isDarkMode }: GetEmailLogo) => {
-  const fillColor = isDarkMode ? 'white' : 'black'
-
-  const EmailLogo: React.FunctionComponent = (props: LogoProps) => {
-    return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 34" fill="none" {...props}>
-        <path
-          d="M17.0826 16.3805C17.1802 16.4598 17.32 16.4598 17.4176 16.3805L30.1401 6.04341C30.5283 5.72801 30.3053 5.09985 29.8051 5.09985H4.69499C4.19482 5.09985 3.9718 5.72801 4.35998 6.04341L17.0826 16.3805Z"
-          fill={fillColor}
-        />
-        <path
-          d="M19.7626 19.2667L33.3838 8.19943C33.731 7.91735 34.2501 8.16441 34.2501 8.61174V24.2249C34.2501 26.5721 32.3473 28.4749 30.0001 28.4749H4.50006C2.15285 28.4749 0.250061 26.5721 0.250061 24.2249V8.61174C0.250061 8.16441 0.769134 7.91735 1.11631 8.19943L14.7375 19.2667C16.2014 20.4561 18.2987 20.4561 19.7626 19.2667Z"
-          fill={fillColor}
-        />
-      </svg>
-    )
-  }
-
-  return EmailLogo
-}

package/src/connectors/email/email.ts

@@ -1,31 +0,0 @@
-import { Wallet } from '../../types'
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors'
-
-import { getEmailLogo } from './EmailLogo'
-
-export interface EmailOptions extends BaseSequenceConnectorOptions {}
-
-export const email = (options: EmailOptions): Wallet => ({
-  id: 'email',
-  isSequenceBased: true,
-  logoDark: getEmailLogo({ isDarkMode: true }),
-  logoLight: getEmailLogo({ isDarkMode: false }),
-  // iconBackground: '#fff',
-  name: 'Email',
-  type: 'social',
-  createConnector: projectAccessKey => {
-    const connector = sequenceWallet({
-      ...options,
-      connect: {
-        projectAccessKey,
-        ...options?.connect,
-        settings: {
-          ...options?.connect?.settings,
-          signInOptions: ['email']
-        }
-      }
-    })
-
-    return connector
-  }
-})

package/src/connectors/email/emailWaas.ts

@@ -1,21 +0,0 @@
-import { Wallet } from '../../types'
-import { sequenceWaasWallet, BaseSequenceWaasConnectorOptions } from '../wagmiConnectors/sequenceWaasConnector'
-
-import { getEmailLogo } from './EmailLogo'
-
-export type EmailWaasOptions = Omit<BaseSequenceWaasConnectorOptions, 'loginType'>
-
-export const emailWaas = (options: EmailWaasOptions): Wallet => ({
-  id: 'email-waas',
-  logoDark: getEmailLogo({ isDarkMode: true }),
-  logoLight: getEmailLogo({ isDarkMode: false }),
-  name: 'Email',
-  type: 'social',
-  createConnector: () => {
-    const connector = sequenceWaasWallet({
-      ...options,
-      loginType: 'email'
-    })
-    return connector
-  }
-})

package/src/connectors/email/index.ts

@@ -1 +0,0 @@
-export * from './email'

package/src/connectors/facebook/FacebookLogo.tsx

@@ -1,52 +0,0 @@
-import React from 'react'
-
-import { LogoProps } from '../../types'
-
-export const FacebookLogo: React.FunctionComponent = (props: LogoProps) => {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 40" fill="none" {...props}>
-      <path
-        d="M17.4214 36.9716C9.27855 35.5145 3.10712 28.4859 3.10712 20.0001C3.10712 10.5715 10.8214 2.85718 20.25 2.85718C29.6785 2.85718 37.3928 10.5715 37.3928 20.0001C37.3928 28.4859 31.2214 35.5145 23.0785 36.9716L22.1357 36.2002H18.3643L17.4214 36.9716Z"
-        fill="url(#paint0_linear_193_14528)"
-      />
-      <path
-        d="M26.9357 24.7999L27.7072 19.9999H23.1643V16.657C23.1643 15.2856 23.6786 14.257 25.7357 14.257H27.9643V9.88558C26.7643 9.71415 25.3929 9.54272 24.1929 9.54272C20.25 9.54272 17.5071 11.9427 17.5071 16.2285V19.9999H13.2214V24.7999H17.5071V36.8857C18.45 37.0571 19.3929 37.1429 20.3357 37.1429C21.2786 37.1429 22.2214 37.0571 23.1643 36.8857V24.7999H26.9357Z"
-        fill="white"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_193_14528"
-          x1="20.2508"
-          y1="35.9507"
-          x2="20.2508"
-          y2="2.85086"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#0062E0" />
-          <stop offset="1" stopColor="#19AFFF" />
-        </linearGradient>
-      </defs>
-    </svg>
-  )
-}
-
-interface GetFacebookMonochromeLogo {
-  isDarkMode: boolean
-}
-
-export const getFacebookMonochromeLogo = ({ isDarkMode }: GetFacebookMonochromeLogo) => {
-  const fillColor = isDarkMode ? '#FFFFFF' : '#000000'
-
-  const FacebookMonochromeLogo: React.FunctionComponent = (props: LogoProps) => {
-    return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 40" fill="none" {...props}>
-        <path
-          d="M25.8582 10.4398C24.1222 10.4398 23.6288 11.2098 23.6288 12.9073V15.709H28.246L27.791 20.2476H23.6279V34H18.1024V20.2468H14.375V15.7081H18.1042V12.9851C18.1042 8.40625 19.9399 6 25.0891 6C26.1942 6 27.5163 6.0875 28.3055 6.19775V10.459"
-          fill={fillColor}
-        />
-      </svg>
-    )
-  }
-
-  return FacebookMonochromeLogo
-}

package/src/connectors/facebook/facebook.ts

@@ -1,32 +0,0 @@
-import { Wallet } from '../../types'
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors'
-
-import { FacebookLogo, getFacebookMonochromeLogo } from './FacebookLogo'
-
-export interface FacebookOptions extends BaseSequenceConnectorOptions {}
-
-export const facebook = (options: FacebookOptions): Wallet => ({
-  id: 'facebook',
-  isSequenceBased: true,
-  logoDark: FacebookLogo,
-  logoLight: FacebookLogo,
-  monochromeLogoDark: getFacebookMonochromeLogo({ isDarkMode: true }),
-  monochromeLogoLight: getFacebookMonochromeLogo({ isDarkMode: false }),
-  // iconBackground: '#fff',
-  name: 'Facebook',
-  type: 'social',
-  createConnector: projectAccessKey => {
-    const connector = sequenceWallet({
-      ...options,
-      connect: {
-        projectAccessKey,
-        ...options?.connect,
-        settings: {
-          ...options?.connect?.settings,
-          signInWith: 'facebook'
-        }
-      }
-    })
-    return connector
-  }
-})

package/src/connectors/facebook/index.ts

@@ -1 +0,0 @@
-export * from './facebook'

package/src/connectors/google/GoogleLogo.tsx

@@ -1,57 +0,0 @@
-import React from 'react'
-
-import { LogoProps } from '../../types'
-
-export const GoogleLogo: React.FunctionComponent = (props: LogoProps) => {
-  return (
-    <svg viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <g id="Frame 2114">
-        <g id="Group">
-          <path
-            id="Vector"
-            d="M20.7497 16.8828V23.5218H29.9756C29.5705 25.6568 28.3548 27.4647 26.5314 28.6803L32.095 32.9972C35.3366 30.0051 37.2068 25.6102 37.2068 20.3895C37.2068 19.1739 37.0977 18.005 36.895 16.883L20.7497 16.8828Z"
-            fill="#4285F4"
-          />
-          <path
-            id="Vector_2"
-            d="M11.1424 23.2627L9.88756 24.2232L5.44592 27.6829C8.2667 33.2777 14.0481 37.1427 20.7493 37.1427C25.3778 37.1427 29.2583 35.6154 32.0947 32.9973L26.5311 28.6803C25.0038 29.7089 23.0557 30.3324 20.7493 30.3324C16.2922 30.3324 12.5053 27.3246 11.1494 23.2726L11.1424 23.2627Z"
-            fill="#34A853"
-          />
-          <path
-            id="Vector_3"
-            d="M5.44594 12.3169C4.27718 14.6233 3.60712 17.2259 3.60712 19.9999C3.60712 22.7739 4.27718 25.3765 5.44594 27.6829C5.44594 27.6984 11.1499 23.2569 11.1499 23.2569C10.8071 22.2284 10.6044 21.1375 10.6044 19.9997C10.6044 18.8619 10.8071 17.7711 11.1499 16.7425L5.44594 12.3169Z"
-            fill="#FBBC05"
-          />
-          <path
-            id="Vector_4"
-            d="M20.7497 9.6829C23.2744 9.6829 25.5185 10.5556 27.3107 12.2387L32.2198 7.32972C29.2431 4.55574 25.3783 2.85693 20.7497 2.85693C14.0484 2.85693 8.2667 6.70628 5.44592 12.3167L11.1497 16.7427C12.5055 12.6907 16.2926 9.6829 20.7497 9.6829Z"
-            fill="#EA4335"
-          />
-        </g>
-      </g>
-    </svg>
-  )
-}
-
-interface GetGoogleMonochromeLogo {
-  isDarkMode: boolean
-}
-
-export const getMonochromeGoogleLogo = ({ isDarkMode }: GetGoogleMonochromeLogo) => {
-  const fillColor = isDarkMode ? 'white' : 'black'
-
-  const GoogleMonochromeLogo: React.FunctionComponent = (props: LogoProps) => {
-    return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 40" fill="none" {...props}>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M25.8355 14.7613C24.5584 13.5329 22.9441 12.9032 21.1356 12.9032C17.9377 12.9032 15.2302 15.0813 14.2595 18.0232L14.2593 18.023C14.0142 18.7662 13.8712 19.5609 13.8712 20.3866C13.8712 21.2124 14.004 22.0072 14.2594 22.7504L14.2587 22.751H14.2595C15.2302 25.6929 17.9377 27.871 21.1356 27.871C22.7907 27.871 24.1904 27.4168 25.2939 26.6736V26.6732C26.5812 25.7958 27.4497 24.5055 27.746 22.9777H21.1355V18.3223H32.6808C32.8034 19.0758 32.875 19.85 32.875 20.6655C32.875 24.4332 31.5467 27.6126 29.2377 29.77L29.2378 29.7703C27.2148 31.6594 24.446 32.7742 21.1356 32.7742C16.3438 32.7742 12.2059 29.9871 10.1931 25.9407V25.94L10.193 25.9401C9.35521 24.2678 8.875 22.3891 8.875 20.3866C8.875 18.384 9.35521 16.5053 10.193 14.833H10.1934C12.2063 10.7869 16.344 8 21.1356 8C24.446 8 27.2148 9.22839 29.3298 11.231L25.8355 14.7613Z"
-          fill={fillColor}
-        />
-      </svg>
-    )
-  }
-
-  return GoogleMonochromeLogo
-}

package/src/connectors/google/google.ts

@@ -1,31 +0,0 @@
-import { Wallet } from '../../types'
-import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors'
-
-import { GoogleLogo, getMonochromeGoogleLogo } from './GoogleLogo'
-
-export type GoogleOptions = BaseSequenceConnectorOptions
-
-export const google = (options: GoogleOptions): Wallet => ({
-  id: 'google',
-  isSequenceBased: true,
-  logoDark: GoogleLogo,
-  logoLight: GoogleLogo,
-  monochromeLogoDark: getMonochromeGoogleLogo({ isDarkMode: true }),
-  monochromeLogoLight: getMonochromeGoogleLogo({ isDarkMode: false }),
-  name: 'Google',
-  type: 'social',
-  createConnector: projectAccessKey => {
-    const connector = sequenceWallet({
-      ...options,
-      connect: {
-        projectAccessKey,
-        ...options?.connect,
-        settings: {
-          ...options?.connect?.settings,
-          signInWith: 'google'
-        }
-      }
-    })
-    return connector
-  }
-})

package/src/connectors/google/googleWaas.ts

@@ -1,23 +0,0 @@
-import { Wallet } from '../../types'
-import { sequenceWaasWallet, BaseSequenceWaasConnectorOptions } from '../wagmiConnectors/sequenceWaasConnector'
-
-import { GoogleLogo, getMonochromeGoogleLogo } from './GoogleLogo'
-
-export type GoogleWaasOptions = Omit<BaseSequenceWaasConnectorOptions, 'loginType'>
-
-export const googleWaas = (options: GoogleWaasOptions): Wallet => ({
-  id: 'google-waas',
-  logoDark: GoogleLogo,
-  logoLight: GoogleLogo,
-  monochromeLogoDark: getMonochromeGoogleLogo({ isDarkMode: true }),
-  monochromeLogoLight: getMonochromeGoogleLogo({ isDarkMode: false }),
-  name: 'Google',
-  type: 'social',
-  createConnector: () => {
-    const connector = sequenceWaasWallet({
-      ...options,
-      loginType: 'google'
-    })
-    return connector
-  }
-})

package/src/connectors/google/index.ts

@@ -1 +0,0 @@
-export * from './google'

package/src/connectors/metaMask/MetaMaskLogo.tsx

@@ -1,56 +0,0 @@
-import React from 'react'
-
-import { LogoProps } from '../../types'
-
-export const MetaMaskLogo: React.FunctionComponent<LogoProps> = props => (
-  <svg viewBox="0 0 318.6 318.6" fill="none" {...props}>
-    <path
-      d="M274.1 35.5l-99.5 73.9L193 65.8z"
-      style={{ fill: '#E2761B', stroke: '#E2761B', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M44.4 35.5l98.7 74.6-17.5-44.3zm193.9 171.3l-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z"
-      style={{ fill: '#E4761B', stroke: '#E4761B', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M103.6 138.2l-15.8 23.9 56.3 2.5-2-60.5zm111.3 0l-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5l33.9 16.5-4.7-39.3z"
-      style={{ fill: '#E4761B', stroke: '#E4761B', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M211.8 247.4l-33.9-16.5 2.7 22.1-.3 9.3zm-105 0l31.5 14.9-.2-9.3 2.5-22.1z"
-      style={{ fill: '#D7C1B3', stroke: '#D7C1B3', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M138.8 193.5l-28.2-8.3 19.9-9.1zm40.9 0l8.3-17.4 20 9.1z"
-      style={{ fill: '#233447', stroke: '#233447', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M106.8 247.4l4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7l-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1l20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
-      style={{ fill: '#CD6116', stroke: '#CD6116', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M87.8 162.1l23.6 46-.8-22.9zm120.3 23.1l-1 22.9 23.7-46zm-64-20.6l-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0l-2.7 18 1.2 45 6.7-34.1z"
-      style={{ fill: '#E4751F', stroke: '#E4751F', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M179.8 193.5l-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3l.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z"
-      style={{ fill: '#F6851B', stroke: '#F6851B', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M180.3 262.3l.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
-      style={{ fill: '#C0AD9E', stroke: '#C0AD9E', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M177.9 230.9l-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
-      style={{ fill: '#161616', stroke: '#161616', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M278.3 114.2l8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
-      style={{ fill: '#763D16', stroke: '#763D16', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-    <path
-      d="M267.2 153.5l-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3l-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4l3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z"
-      style={{ fill: '#F6851B', stroke: '#F6851B', strokeLinecap: 'round', strokeLinejoin: 'round' }}
-    />
-  </svg>
-)

package/src/connectors/metaMask/index.ts

@@ -1 +0,0 @@
-export * from './metaMask'

package/src/connectors/metaMask/metaMask.ts

@@ -1,18 +0,0 @@
-import { CreateConnectorFn } from 'wagmi'
-import { metaMask as metaMaskConnector, MetaMaskParameters } from 'wagmi/connectors'
-
-import { Wallet } from '../../types'
-
-import { MetaMaskLogo } from './MetaMaskLogo'
-
-export const metaMask = (params: MetaMaskParameters): Wallet => ({
-  id: 'metamask-wallet',
-  logoDark: MetaMaskLogo,
-  logoLight: MetaMaskLogo,
-  name: 'MetaMask',
-  type: 'wallet',
-  createConnector: (() => {
-    const connector = metaMaskConnector({ ...params })
-    return connector
-  }) as () => CreateConnectorFn
-})

package/src/connectors/mock/index.ts

@@ -1 +0,0 @@
-export * from './mock'

package/src/connectors/mock/mock.ts

@@ -1,18 +0,0 @@
-import { mock as mockBase, MockParameters } from 'wagmi/connectors'
-
-import { Wallet } from '../../types'
-import { SequenceLogo } from '../sequence/SequenceLogo'
-
-export const mock = (options: MockParameters): Wallet => ({
-  id: 'mock',
-  isSequenceBased: true,
-  logoDark: SequenceLogo,
-  logoLight: SequenceLogo,
-  // iconBackground: '#777',
-  name: 'Mock',
-  type: 'wallet',
-  createConnector: () => {
-    const connector = mockBase(options)
-    return connector
-  }
-})