mirror of
				https://github.com/invoiceninja/invoiceninja.git
				synced 2025-11-03 19:18:56 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			122 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
		
			Vendored
		
	
	
	
			
		
		
	
	
			122 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
		
			Vendored
		
	
	
	
/**
 | 
						|
 * Invoice Ninja (https://invoiceninja.com)
 | 
						|
 *
 | 
						|
 * @link https://github.com/invoiceninja/invoiceninja source repository
 | 
						|
 *
 | 
						|
 * @copyright Copyright (c) 2020. 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');
 | 
						|
        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;
 | 
						|
            document.getElementById("store_card").value = document.getElementById("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();
 |