app.js

let web3;
let accounts;

const wweb3 = new Web3();

// Connect to MetaMask
const connectButton = document.getElementById('connect-button');
const connectStatus = document.getElementById('connect-status');
let session_id;
let user_address;


document.addEventListener('DOMContentLoaded', function() {
  const params = new URLSearchParams(window.location.search);
  const sessionId = params.get('session_id');
  const userAddress = params.get('user_address');

  if (sessionId) {
    session_id = sessionId;
  } 

  if (userAddress && wweb3.utils.isAddress(userAddress)) {
    console.log("heysdsd");
    user_address = userAddress;
  }

});

connectButton.addEventListener('click', async () => {
  if (window.ethereum) {
    try {
      await window.ethereum.request({ method: 'eth_requestAccounts' });
      web3 = new Web3(window.ethereum);
      accounts = await web3.eth.getAccounts();
      connectStatus.classList.remove('disconnected');
      connectStatus.classList.add('connected');
      searchButton.disabled = false;
    } catch (error) {
      console.error('User denied account access');
    }
  } else {
    console.error('MetaMask is not installed');
  }
});

// Search for ENS domain
const ensInput = document.getElementById('ens-input');
const searchButton = document.getElementById('search-button');
const resultDiv = document.getElementById('result');
const signButton = document.getElementById('sign-button');
const signatureDiv = document.getElementById('signature');
const passwordInput = document.getElementById('password-input');
const verifyButton = document.getElementById('verify-button');
const verifyResultDiv = document.getElementById('verify-result');

searchButton.addEventListener('click', async () => {
  const ensDomain = ensInput.value;
  if (web3 && ensDomain) {
    try {
      // Check if the current network is Ethereum
      const networkId = await web3.eth.net.getId();
      if (networkId !== 1) {
        // Prompt the user to switch to the Ethereum network
        const shouldSwitch = window.confirm('You are not connected to the Ethereum network. Do you want to switch?');
        if (shouldSwitch) {
          try {
            await window.ethereum.request({
              method: 'wallet_switchEthereumChain',
              params: [{ chainId: '0x1' }],
            });
          } catch (switchError) {
            // This error code indicates that the chain has not been added to MetaMask
            if (switchError.code === 4902) {
              const shouldAdd = window.confirm('The Ethereum network is not available in your MetaMask. Do you want to add it?');
              if (shouldAdd) {
                try {
                  await window.ethereum.request({
                    method: 'wallet_addEthereumChain',
                    params: [
                      {
                        chainId: '0x1',
                        rpcUrls: ['https://mainnet.infura.io/v3/'],
                      },
                    ],
                  });
                } catch (addError) {
                  console.error('Failed to add Ethereum network:', addError);
                }
              }
            } else {
              console.error('Failed to switch to Ethereum network:', switchError);
            }
          }
        }
      }

      // Resolve the ENS domain
      const address = await web3.eth.ens.getAddress(ensDomain);
      resultDiv.textContent = `The address for ${ensDomain} is ${address}`;
      signButton.disabled = false;
    } catch (error) {
      const resolverAddressRegex = /The resolver at (0x[0-9a-fA-F]{40})does not implement requested method/;
      const match = error.message.match(resolverAddressRegex);
      if (match && match[1] !== '0x0000000000000000000000000000000000000000') {
        resultDiv.textContent = `The address for ${ensDomain} is ${match[1]}`;
        signButton.disabled = false;
      } else {
        resultDiv.textContent = `Error: ${error.message}`;
        signButton.disabled = true;
      }
    }
  } else {
    resultDiv.textContent = 'Please connect to MetaMask and enter an ENS domain';
    signButton.disabled = true;
  }
});

let signParameter;

signButton.addEventListener('click', async () => {
  const ensDomain = ensInput.value;
  try {
    signParameter = ensDomain + ':' + new Date().getTime();
    const signature = await web3.eth.personal.sign(signParameter, accounts[0]);
    signatureDiv.textContent = `Signature: ${signature}`;
    verifyButton.disabled = false;

    if(!user_address){
      passwordInput.disabled = false;
      passwordInput.style.display = 'block'; // Show password input if no address
    }
  } catch (error) {
    signatureDiv.textContent = `Error: ${error.message}`;
    verifyButton.disabled = true;
  }
});

verifyButton.addEventListener('click', async () => {
    const signature = signatureDiv.textContent.replace('Signature: ', '');
    let requestData;
    let password = "";
    if(!user_address){
      password = passwordInput.value;
      requestData = {
        ens_message: signParameter,
        signature: signature,
        password: password,
        customer_id: session_id
      }
    }
    else{
      requestData = {
        ens_message: signParameter,
        signature: signature,
        password: password,
        customer_id: session_id,
        user_address: user_address
      };
    }

    console.log(requestData);  
  
    try {
      const response = await fetch('https://us-central1-arnacon-nl.cloudfunctions.net/verifyENS', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(requestData)
      });
  
      const responseData = await response.text();
      verifyResultDiv.textContent = responseData
      verifyButton.disabled = true;  // Disable the button immediately when clicked
      signButton.disabled = true;  // Disable the button immediately when clicked
      searchButton.disabled = true;  // Disable the button immediately when clicked
      connectButton.disabled = true;  // Disable the button immediately when clicked

      const ensDomain = ensInput.value;

        const data_to_send = {action: "ENS", body: { ens: ensDomain} }

        if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.buttonPressed) {
            window.webkit.messageHandlers.buttonPressed.postMessage(JSON.stringify(data_to_send))
        } else if (window.AndroidBridge && window.AndroidBridge.processAction) {
            window.AndroidBridge.processAction(JSON.stringify(data_to_send));
        } else {
            console.log("Native interface not available");
        }


    } catch (error) {
      verifyResultDiv.textContent = `Error: ${error.message}`;
    }
  });