/* eslint-disable no-console */
import { useWeb3React } from '@web3-react/core'
import { useEffect, useState } from 'react'

import { getInjectedConnector, injected } from '../components/web3/connectors'
import { removeFromActiveWallets } from '../components/web3/DisconnectButton'
import { deleteWalletConnectInfo, readWalletConnectInfo } from '../services/localStorage'
import { isWalletActivated, isWalletDeactivated } from '../services/utils'

export function useEagerConnect() {
  const { activate, active, deactivate } = useWeb3React()

  const [tried, setTried] = useState(false)

  useEffect(() => {
    const eagerConnect = async () => {
      if ((window as any).ethereum) {
        // try to activate Metamask wallet

        const currentlySelectedUserAddress = (window as any).ethereum.selectedAddress
        if (
          (await injected.isAuthorized()) &&
          !isWalletDeactivated(currentlySelectedUserAddress) &&
          isWalletActivated(currentlySelectedUserAddress) // be really restrictive about what we automatically log in.
        ) {
          activate(await getInjectedConnector(), undefined, true).catch(() => {
            setTried(true)
          })
        } else {
          setTried(true)
        }
      }
    }

    // Run this every time the 'active' state changes.
    // I.E: switches to chain that is not supported:
    // This would cause the library to switch to inactive.
    // getInjectedConnector() would fetch connectors for all supported Chains and the current unsupported one.
    eagerConnect()
  }, [active])

  useEffect(() => {
    // Eager Connect is disabled for walletConnect (not working)
    // TODO: try to activate walletConnect Wallet
    const walletConnectInfo = readWalletConnectInfo()
    if (walletConnectInfo) {
      walletConnectInfo.accounts.map((account) => removeFromActiveWallets(account))
    }
    deleteWalletConnectInfo()

    // check account if exists and check if in deactivated wallets. if in deactivated wallets don't activate library

    if ((window as any).ethereum) {
      const currentlySelectedUserAddress = (window as any).ethereum.selectedAddress
      if (isWalletDeactivated(currentlySelectedUserAddress)) {
        deactivate()
        setTried(true)
        return
      }
    }
  }, [])

  // if the connection worked, wait until we get confirmation of that to flip the flag
  useEffect(() => {
    if (!tried && active) {
      setTried(true)
    }
  }, [tried, active])

  return tried
}

export function useInactiveListener(suppress = false) {
  const { active, error, activate } = useWeb3React()
  useEffect(() => {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const { ethereum } = window as any // TODO: Fix typing
    if (ethereum && ethereum.on && !active && !error && !suppress) {
      const handleConnect = async () => {
        console.log("Handling 'connect' event")
        activate(await getInjectedConnector())
      }
      const handleChainChanged = async (chainId: string | number) => {
        console.log("Handling 'chainChanged' event with payload", chainId)
        activate(await getInjectedConnector())
      }
      const handleAccountsChanged = async (accounts: string[]) => {
        console.log("Handling 'accountsChanged' event with payload", accounts)
        if (accounts.length > 0) {
          activate(await getInjectedConnector())
        }
      }
      const handleNetworkChanged = async (networkId: string | number) => {
        console.log("Handling 'chainChanged' event with payload", networkId)
        activate(await getInjectedConnector())
      }

      ethereum.on('connect', handleConnect)
      ethereum.on('chainChanged', handleChainChanged)
      ethereum.on('accountsChanged', handleAccountsChanged)
      ethereum.on('chainChanged', handleNetworkChanged)

      return () => {
        if (ethereum.removeListener) {
          ethereum.removeListener('connect', handleConnect)
          ethereum.removeListener('chainChanged', handleChainChanged)
          ethereum.removeListener('accountsChanged', handleAccountsChanged)
          ethereum.removeListener('chainChanged', handleNetworkChanged)
        }
      }
    }
  }, [active, error, suppress, activate])
}