// Encryption and submition script
(function (window) {
  function createXhrPost(serviceUrl, resolve) {
    let xhr = new XMLHttpRequest();
    xhr.open("POST", serviceUrl, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        resolve(json);
      }
    };
    return xhr;
  }

  function fetchPublicKey(serviceUrl, apiKeyId) {
    return new Promise((resolve) => {
      let xhr = createXhrPost(serviceUrl, resolve);
      var data = JSON.stringify({
        apiKeyId: apiKeyId
      });
      xhr.send(data);
    });
  }

  function encryptPlainText(plainText, publicKey) {
    let cryptoSubtle;
    let btoa = window.btoa;
    let atob = window.atob;
    // Fix Apple prefix if needed
    if (window.crypto && !window.crypto.subtle && window.crypto.webkitSubtle) {
      cryptoSubtle = window.crypto.subtle;
    } else if (window.crypto && window.crypto.subtle) {
      cryptoSubtle = window.crypto.subtle;
    }

    if (!cryptoSubtle) {
      throw "No crypto api";
    }

    function getMessageEncoding(message) {
      let enc = new TextEncoder();
      return enc.encode(message);
    }

    function encryptMessage(publicKey, message) {
      let encoded = getMessageEncoding(message);
      return cryptoSubtle.encrypt(
        {
          name: "RSA-OAEP"
        },
        publicKey,
        encoded
      );
    }

    function arrayBufferToBase64(buffer) {
      var binary = "";
      var bytes = new Uint8Array(buffer);
      var len = bytes.byteLength;
      for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
      }
      return btoa(binary);
    }

    function strToArrayBuffer(str) {
      const buf = new ArrayBuffer(str.length);
      const bufView = new Uint8Array(buf);
      for (let i = 0, strLen = str.length; i < strLen; i++) {
        bufView[i] = str.charCodeAt(i);
      }
      return buf;
    }

    function importRsaKey(pem) {
      // base64 decode the string to get the binary data
      const binaryDerString = atob(pem);
      // convert from a binary string to an ArrayBuffer
      const binaryDer = strToArrayBuffer(binaryDerString);
      return cryptoSubtle.importKey(
        "spki",
        binaryDer,
        {
          name: "RSA-OAEP",
          hash: "SHA-1"
        },
        true,
        ["encrypt"]
      );
    }

    return importRsaKey(publicKey)
      .then((binaryPublicKey) => {
        return encryptMessage(binaryPublicKey, plainText);
      })
      .then((encryptedBytes) => {
        return arrayBufferToBase64(encryptedBytes);
      });
  }

  /**
	* serviceUrl: form post url
	* postPayload: expected content {
	*     "ENCRYPTEDDATA": base64Message,
	*     "ENCRYPTIONKEYID": encryptionKeyId,
	*     "APIKEYID": apiKeyId
	* };
	* */
  function postEncryptedData(serviceUrl, postPayload) {
    console.log(postPayload);
    return fetch(serviceUrl, {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json"
      },
      body: JSON.stringify(postPayload)
    }).then(async function (response) {
      return await response.json();
    }).catch(error => { 
      return {"error": error};
    });
  }

  async function preparePayload(cseServiceUrl, apiKeyId, cardInfo) {
    let plainText = JSON.stringify(cardInfo);
    let rsaPublicKey = await cseLib.fetchPublicKey(cseServiceUrl, apiKeyId);
    console.log(rsaPublicKey);
    let encryptedMsd = await cseLib.encryptPlainText(
      plainText,
      rsaPublicKey.encryptionPublicKey
    );
    return {
      ENCRYPTEDDATA: encryptedMsd,
      ENCRYPTIONKEYID: rsaPublicKey.encryptionKeyId,
      APIKEYID: apiKeyId
    };
  }

  window.cseLib = {
    fetchPublicKey: fetchPublicKey,
    encryptPlainText: encryptPlainText,
    preparePayload: preparePayload,
    postEncryptedData: postEncryptedData
  };
})(window);

const cseLib = window.cseLib;

// Form submission function

function submitForm(e) {
  let apiKeyId = "62acc7fe-3496-434d-b24e-b14ebf296340";
  let cseServiceUrl = "https://sandbox-payment.dlns.io/cseKeys";
  let postFormUrl = "https://secure-test.dalenys.com/hosted-fields/service/tokenize";

  e.preventDefault();
	
  let jsonData = {
		CARDCODE: document.getElementById('cardnum').value.replaceAll(' ', ''),
		CARDVALIDITYDATE: document.getElementById('cardexp').value.replace('/', '-').replaceAll(' ', ''),
		CARDCVV: document.getElementById('cardcvv').value,
		SELECTEDBRAND: document.querySelector('#selected-brand').value
	};

  cseLib.preparePayload(cseServiceUrl, apiKeyId, jsonData).then(
    (postPayLoad) => {
      cseLib.postEncryptedData(postFormUrl, postPayLoad).then((response) => {
        if (response.EXECCODE !== '0000') {
          alert("Error : " + response.MESSAGE);
          return;
        }
        prompt("Generated token:", response.HFTOKEN);
      });
    },
    (reason) => {
      console.error(reason);
    }
  );
}

// jQuery.payment
jQuery(function($) {
	
	$('#cardnum').payment('formatCardNumber');
	$('#cardexp').payment('formatCardExpiry');
	$('#cardcvv').payment('formatCardCVC');

	$('form').submit(function(e) {
		e.preventDefault();
		
		const cardNumField = document.querySelector('#cardnum');
		const cardExpField = document.querySelector('#cardexp');
		const cardCvvField = document.querySelector('#cardcvv');
		const cardType = $.payment.cardType($('#cardnum').val());
		
		let validCardNum = $.payment.validateCardNumber($('#cardnum').val());
		!validCardNum ? cardNumField.classList.add('invalid') : cardNumField.classList.add('valid');
		
		let validCardExp = $.payment.validateCardExpiry($('#cardexp').payment('cardExpiryVal'));
		!validCardExp ? cardExpField.classList.add('invalid') : cardExpField.classList.add('valid');
		
		let validCardCvv = $.payment.validateCardCVC($('#cardcvv').val(), cardType);
		!validCardCvv ? cardCvvField.classList.add('invalid') : cardCvvField.classList.add('valid');
		
	});

});

// Input fields style reset
function cancel(e)
{
	e.classList.remove('valid');
	e.classList.remove('invalid');
}

// Manages the selected default brand
function manageDefaultBrand(brands)
{
	if(brands != '' && brands != 'null') {
		const defaultBrand = brands[0]['brand']
		document.querySelector('#selected-brand').value = defaultBrand;
	}
}