import React from 'react';

import config from 'configs/app';
import { useMultichainContext } from 'lib/contexts/multichain';

import useProvider from './useProvider';
import { getHexadecimalChainId } from './utils';

function getParams(chainConfig: typeof config): { chainId: string } {
  if (!chainConfig.chain.id) {
    throw new Error('Missing required chain config');
  }

  return { chainId: getHexadecimalChainId(Number(chainConfig.chain.id)) };
}

interface Params {
  chainConfig?: typeof config;
}

export default function useSwitchChain(params?: Params) {
  const { data: providerData } = useProvider();
  const { wallet, provider } = providerData ?? {};
  const multichainContext = useMultichainContext();

  const chainConfig = params?.chainConfig || multichainContext?.chain.app_config || config;

  return React.useCallback(() => {
    if (!wallet || !provider) {
      throw new Error('Wallet or provider not found');
    }

    return provider.request({
      method: 'wallet_switchEthereumChain',
      params: [ getParams(chainConfig) ],
    });
  }, [ wallet, provider, chainConfig ]);
}