1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-10 21:22:58 +01:00
invoiceninja/resources/js/clients/payments/authorize-credit-card-payment.js
2021-01-14 07:55:18 +11:00

126 lines
3.8 KiB
JavaScript
Vendored

/**
* Invoice Ninja (https://invoiceninja.com)
*
* @link https://github.com/invoiceninja/invoiceninja source repository
*
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://opensource.org/licenses/AAL
*/
class AuthorizeAuthorizeCard {
constructor(publicKey, loginId) {
this.publicKey = publicKey;
this.loginId = loginId;
this.cardHolderName = document.getElementById("cardholder_name");
this.cardButton = document.getElementById("card_button");
this.payNowButton = document.getElementsByClassName("pay_now_button");
}
handleAuthorization = () => {
var myCard = $('#my-card');
var authData = {};
authData.clientKey = this.publicKey;
authData.apiLoginID = this.loginId;
var cardData = {};
cardData.cardNumber = myCard.CardJs('cardNumber').replace(/[^\d]/g, '');
cardData.month = myCard.CardJs('expiryMonth');
cardData.year = myCard.CardJs('expiryYear');
cardData.cardCode = document.getElementById("cvv").value;
var secureData = {};
secureData.authData = authData;
secureData.cardData = cardData;
// If using banking information instead of card information,
// send the bankData object instead of the cardData object.
//
// secureData.bankData = bankData;
document.getElementById('card_button').disabled = true;
document.querySelector('#card_button > svg').classList.remove('hidden');
document.querySelector('#card_button > span').classList.add('hidden');
Accept.dispatchData(secureData, this.responseHandler);
return false;
}
handlePayNowAction(token_hashed_id) {
document.getElementById("token").value = token_hashed_id;
document.getElementById("server_response").submit();
}
responseHandler = (response) => {
if (response.messages.resultCode === "Error") {
var i = 0;
var $errors = $('#errors'); // get the reference of the div
$errors.show().html("<p>" + response.messages.message[i].code + ": " + response.messages.message[i].text + "</p>");
document.getElementById('card_button').disabled = false;
document.querySelector('#card_button > svg').classList.add('hidden');
document.querySelector('#card_button > span').classList.remove('hidden');
} else if (response.messages.resultCode === "Ok") {
document.getElementById("dataDescriptor").value = response.opaqueData.dataDescriptor;
document.getElementById("dataValue").value = response.opaqueData.dataValue;
let store_card_checkbox = document.getElementById("store_card_checkbox");
if (store_card_checkbox) {
document.getElementById("store_card").value = store_card_checkbox.checked;
}
document.getElementById("server_response").submit();
}
return false;
}
handle = () => {
if (this.cardButton) {
this.cardButton.addEventListener("click", () => {
this.cardButton.disabled = true;
this.handleAuthorization();
});
}
if (this.payNowButton) {
for (let item of this.payNowButton) {
item.addEventListener('click', () => {
item.disabled = true;
this.handlePayNowAction(item.dataset.id);
});
}
}
return this;
}
}
const publicKey = document.querySelector(
'meta[name="authorize-public-key"]'
).content;
const loginId = document.querySelector(
'meta[name="authorize-login-id"]'
).content;
/** @handle */
new AuthorizeAuthorizeCard(publicKey, loginId).handle();