mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-14 15:13:29 +01:00
84 lines
2.6 KiB
JavaScript
84 lines
2.6 KiB
JavaScript
|
/**
|
||
|
|
* 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 ForteAuthorizeCard {
|
||
|
|
constructor(apiLoginId) {
|
||
|
|
this.apiLoginId = apiLoginId;
|
||
|
|
this.cardHolderName = document.getElementById('cardholder_name');
|
||
|
|
}
|
||
|
|
|
||
|
|
handleAuthorization = () => {
|
||
|
|
var myCard = $('#my-card');
|
||
|
|
|
||
|
|
var data = {
|
||
|
|
api_login_id: this.apiLoginId,
|
||
|
|
card_number: myCard.CardJs('cardNumber').replace(/[^\d]/g, ''),
|
||
|
|
expire_year: myCard.CardJs('expiryYear').replace(/[^\d]/g, ''),
|
||
|
|
expire_month: myCard.CardJs('expiryMonth').replace(/[^\d]/g, ''),
|
||
|
|
cvv: document.getElementById('cvv').value.replace(/[^\d]/g, ''),
|
||
|
|
};
|
||
|
|
|
||
|
|
let payNowButton = document.getElementById('pay-now');
|
||
|
|
|
||
|
|
if (payNowButton) {
|
||
|
|
document.getElementById('pay-now').disabled = true;
|
||
|
|
document.querySelector('#pay-now > svg').classList.remove('hidden');
|
||
|
|
document.querySelector('#pay-now > span').classList.add('hidden');
|
||
|
|
}
|
||
|
|
|
||
|
|
forte
|
||
|
|
.createToken(data)
|
||
|
|
.success(this.successResponseHandler)
|
||
|
|
.error(this.failedResponseHandler);
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
successResponseHandler = (response) => {
|
||
|
|
document.getElementById('payment_token').value = response.onetime_token;
|
||
|
|
document.getElementById('card_brand').value = response.card_type;
|
||
|
|
|
||
|
|
document.getElementById('server_response').submit();
|
||
|
|
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
failedResponseHandler = (response) => {
|
||
|
|
var errors =
|
||
|
|
'<div class="alert alert-failure mb-4"><ul><li>' +
|
||
|
|
response.response_description +
|
||
|
|
'</li></ul></div>';
|
||
|
|
document.getElementById('forte_errors').innerHTML = errors;
|
||
|
|
document.getElementById('pay-now').disabled = false;
|
||
|
|
document.querySelector('#pay-now > svg').classList.add('hidden');
|
||
|
|
document.querySelector('#pay-now > span').classList.remove('hidden');
|
||
|
|
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
handle = () => {
|
||
|
|
let payNowButton = document.getElementById('pay-now');
|
||
|
|
|
||
|
|
if (payNowButton) {
|
||
|
|
payNowButton.addEventListener('click', (e) => {
|
||
|
|
this.handleAuthorization();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
const apiLoginId = document.querySelector(
|
||
|
|
'meta[name="forte-api-login-id"]'
|
||
|
|
).content;
|
||
|
|
|
||
|
|
/** @handle */
|
||
|
|
new ForteAuthorizeCard(apiLoginId).handle();
|