import toast from 'react-hot-toast'
import state, { FaucetAccountRes } from '../index'
import fetchAccountInfo from '../../utils/accountInfo';

export const names = [
  'Alice',
  'Bob',
  'Carol',
  'Carlos',
  'Charlie',
  'Dan',
  'Dave',
  'David',
  'Faythe',
  'Frank',
  'Grace',
  'Heidi',
  'Judy',
  'Olive',
  'Peggy',
  'Walter'
]

/* This function adds faucet account to application global state.
 * It calls the /api/faucet endpoint which in send a HTTP POST to
 * https://hooks-testnet.xrpl-labs.com/newcreds and it returns
 * new account with 10 000 XRP. Hooks Testnet /newcreds endpoint
 * is protected with CORS so that's why we did our own endpoint
 */
export const addFaucetAccount = async (name?: string, showToast: boolean = false) => {
  if (typeof window === undefined) return

  const toastId = showToast ? toast.loading('Creating account') : ''
  const res = await fetch(`${window.location.origin}/api/faucet`, {
    method: 'POST'
  })
  const json: FaucetAccountRes | { error: string } = await res.json()
  if ('error' in json) {
    if (!showToast) return;
    return toast.error(json.error, { id: toastId })
  }
  const currNames = state.accounts.map(acc => acc.name)
  const info = await fetchAccountInfo(json.address, { silent: true })
  state.accounts.push({
    name: name || names.filter(name => !currNames.includes(name))[0],
    xrp: (json.xrp || 0 * 1000000).toString(),
    address: json.address,
    secret: json.secret,
    sequence: info?.Sequence || 1,
    hooks: [],
    isLoading: false,
    version: '2'
  })
  if (showToast) {
    toast.success('New account created', { id: toastId })
  }
}

  // fetch initial faucets
  ; (async function fetchFaucets() {
    if (typeof window !== 'undefined') {
      if (state.accounts.length === 0) {
        await addFaucetAccount()
        // setTimeout(() => {
        //   addFaucetAccount();
        // }, 10000);
      }
    }
  })()

export const addFunds = async (address: string) => {
  const toastId = toast.loading('Requesting funds')
  const res = await fetch(`${window.location.origin}/api/faucet?account=${address}`, {
    method: 'POST'
  })
  const json: FaucetAccountRes | { error: string } = await res.json()
  if ('error' in json) {
    return toast.error(json.error, { id: toastId })
  } else {
    toast.success(`Funds added (${json.xrp} XRP)`, { id: toastId })
    const currAccount = state.accounts.find(acc => acc.address === address)
    if (currAccount) {
      currAccount.xrp = (Number(currAccount.xrp) + json.xrp * 1000000).toString()
    }
  }
}