mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-09-19 16:01:34 +02:00
Authorize.net: Upgrade authorize to use Simple Card (#95)
* update authorize view * update js * assets rebuild
This commit is contained in:
Benjamin Beganović
parent
57f1eebb30
commit
dfd12adb56
1
public/build/assets/app-4e969b65.css
vendored
Normal file
1
public/build/assets/app-4e969b65.css
vendored
Normal file
File diff suppressed because one or more lines are too long
9
public/build/assets/authorize-authorize-card-39be6d93.js
vendored
Normal file
9
public/build/assets/authorize-authorize-card-39be6d93.js
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* 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://www.elastic.co/licensing/elastic-license
|
||||
*/class o{constructor(e,t){this.publicKey=e,this.loginId=t,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button"),this.sc=createSimpleCard({fields:{card:{number:"#number",date:"#date",cvv:"#cvv"}}}),this.sc.mount()}handleAuthorization(){var r,n,s,c;if(this.cvvRequired=="1"&&document.getElementById("cvv").value.length<3){const d=document.getElementById("errors");d&&(d.innerText="CVV is required",d.style.display="block"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden");return}var e={};e.clientKey=this.publicKey,e.apiLoginID=this.loginId;var t={};t.cardNumber=(r=this.sc.value("number"))==null?void 0:r.replace(/[^\d]/g,""),t.month=(n=this.sc.value("month"))==null?void 0:n.replace(/[^\d]/g,""),t.year=`20${(s=this.sc.value("year"))==null?void 0:s.replace(/[^\d]/g,"")}`,t.cardCode=(c=this.sc.value("cvv"))==null?void 0:c.replace(/[^\d]/g,"");var a={};return a.authData=e,a.cardData=t,document.getElementById("card_button").disabled=!0,document.querySelector("#card_button > svg").classList.remove("hidden"),document.querySelector("#card_button > span").classList.add("hidden"),Accept.dispatchData(a,this.responseHandler),!1}responseHandler(e){if(e.messages.resultCode==="Error"){var t=0;const a=document.getElementById("errors");a&&(a.innerText=`${e.messages.message[t].code}: ${e.messages.message[t].text}`,a.style.display="block"),document.getElementById("card_button").disabled=!1,document.querySelector("#card_button > svg").classList.add("hidden"),document.querySelector("#card_button > span").classList.remove("hidden")}else e.messages.resultCode==="Ok"&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit());return!1}handle(){return this.cardButton.addEventListener("click",()=>{this.cardButton.disabled=!this.cardButton.disabled,this.handleAuthorization()}),this}}const u=document.querySelector('meta[name="authorize-public-key"]').content,l=document.querySelector('meta[name="authorize-login-id"]').content;document.querySelector('meta[name="authnet-require-cvv"]').content;new o(u,l).handle();
|
||||
@ -1,9 +0,0 @@
|
||||
/**
|
||||
* 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://www.elastic.co/licensing/elastic-license
|
||||
*/class n{constructor(e,t){this.publicKey=e,this.loginId=t,this.cardHolderName=document.getElementById("cardholder_name"),this.cardButton=document.getElementById("card_button")}handleAuthorization(){if(s=="1"&&document.getElementById("cvv").value.length<3){var e=$("#errors");e.show().html("<p>CVV is required</p>"),document.getElementById("card_button").disabled=!1,document.querySelector("#card_button > svg").classList.add("hidden"),document.querySelector("#card_button > span").classList.remove("hidden");return}var t=$("#my-card"),a={};a.clientKey=this.publicKey,a.apiLoginID=this.loginId;var d={};d.cardNumber=t.CardJs("cardNumber").replace(/[^\d]/g,""),d.month=t.CardJs("expiryMonth").replace(/[^\d]/g,""),d.year=t.CardJs("expiryYear").replace(/[^\d]/g,""),d.cardCode=document.getElementById("cvv").value.replace(/[^\d]/g,"");var r={};return r.authData=a,r.cardData=d,document.getElementById("card_button").disabled=!0,document.querySelector("#card_button > svg").classList.remove("hidden"),document.querySelector("#card_button > span").classList.add("hidden"),Accept.dispatchData(r,this.responseHandler),!1}responseHandler(e){if(e.messages.resultCode==="Error"){var t=0,a=$("#errors");a.show().html("<p>"+e.messages.message[t].code+": "+e.messages.message[t].text+"</p>"),document.getElementById("card_button").disabled=!1,document.querySelector("#card_button > svg").classList.add("hidden"),document.querySelector("#card_button > span").classList.remove("hidden")}else e.messages.resultCode==="Ok"&&(document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue,document.getElementById("server_response").submit());return!1}handle(){return this.cardButton.addEventListener("click",()=>{this.cardButton.disabled=!this.cardButton.disabled,this.handleAuthorization()}),this}}const c=document.querySelector('meta[name="authorize-public-key"]').content,o=document.querySelector('meta[name="authorize-login-id"]').content,s=document.querySelector('meta[name="authnet-require-cvv"]').content;new n(c,o).handle();
|
||||
@ -39,7 +39,7 @@
|
||||
"src": "resources/js/clients/linkify-urls.js"
|
||||
},
|
||||
"resources/js/clients/payment_methods/authorize-authorize-card.js": {
|
||||
"file": "assets/authorize-authorize-card-7da1185c.js",
|
||||
"file": "assets/authorize-authorize-card-39be6d93.js",
|
||||
"isEntry": true,
|
||||
"src": "resources/js/clients/payment_methods/authorize-authorize-card.js"
|
||||
},
|
||||
@ -371,6 +371,7 @@
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
"file": "assets/app-fee1da41.css",
|
||||
=======
|
||||
@ -406,6 +407,9 @@
|
||||
=======
|
||||
"file": "assets/app-15411b02.css",
|
||||
>>>>>>> 11d32d2569 (Fixes for namespace)
|
||||
=======
|
||||
"file": "assets/app-4e969b65.css",
|
||||
>>>>>>> 0695e5bfc1 (Authorize.net: Upgrade authorize to use Simple Card (#95))
|
||||
"isEntry": true,
|
||||
"src": "resources/sass/app.scss"
|
||||
}
|
||||
|
||||
@ -15,34 +15,49 @@ class AuthorizeAuthorizeCard {
|
||||
this.loginId = loginId;
|
||||
this.cardHolderName = document.getElementById("cardholder_name");
|
||||
this.cardButton = document.getElementById("card_button");
|
||||
|
||||
this.sc = createSimpleCard({
|
||||
fields: {
|
||||
card: {
|
||||
number: '#number',
|
||||
date: '#date',
|
||||
cvv: '#cvv',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
this.sc.mount();
|
||||
}
|
||||
|
||||
handleAuthorization() {
|
||||
if (
|
||||
this.cvvRequired == '1' &&
|
||||
document.getElementById('cvv').value.length < 3
|
||||
) {
|
||||
const $errors = document.getElementById('errors');
|
||||
|
||||
if ($errors) {
|
||||
$errors.innerText = 'CVV is required';
|
||||
$errors.style.display = 'block';
|
||||
}
|
||||
|
||||
|
||||
if (cvvRequired == "1" && document.getElementById("cvv").value.length < 3) {
|
||||
|
||||
var $errors = $('#errors');
|
||||
$errors.show().html("<p>CVV is required</p>");
|
||||
|
||||
document.getElementById('card_button').disabled = false;
|
||||
document.querySelector('#card_button > svg').classList.add('hidden');
|
||||
document.querySelector('#card_button > span').classList.remove('hidden');
|
||||
|
||||
document.getElementById('pay-now').disabled = false;
|
||||
document.querySelector('#pay-now > svg').classList.add('hidden');
|
||||
document
|
||||
.querySelector('#pay-now > span')
|
||||
.classList.remove('hidden');
|
||||
return;
|
||||
}
|
||||
|
||||
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').replace(/[^\d]/g, '');
|
||||
cardData.year = myCard.CardJs('expiryYear').replace(/[^\d]/g, '');
|
||||
cardData.cardCode = document.getElementById("cvv").value.replace(/[^\d]/g, '');;
|
||||
cardData.cardNumber = this.sc.value('number')?.replace(/[^\d]/g, '');
|
||||
cardData.month = this.sc.value('month')?.replace(/[^\d]/g, '');
|
||||
cardData.year = `20${this.sc.value('year')?.replace(/[^\d]/g, '')}`;
|
||||
cardData.cardCode = this.sc.value('cvv')?.replace(/[^\d]/g, '');
|
||||
|
||||
var secureData = {};
|
||||
secureData.authData = authData;
|
||||
@ -61,8 +76,12 @@ class AuthorizeAuthorizeCard {
|
||||
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>");
|
||||
const $errors = document.getElementById('errors'); // get the reference of the div
|
||||
|
||||
if ($errors) {
|
||||
$errors.innerText = `${response.messages.message[i].code}: ${response.messages.message[i].text}`;
|
||||
$errors.style.display = 'block';
|
||||
}
|
||||
|
||||
document.getElementById('card_button').disabled = false;
|
||||
document.querySelector('#card_button > svg').classList.add('hidden');
|
||||
|
||||
@ -10,9 +10,6 @@
|
||||
<meta name="instant-payment" content="yes">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
|
||||
|
||||
<script src="{{ asset('build/public/js/card-js.min.js/card-js.min.js') }}"></script>
|
||||
<link href="{{ asset('build/public/css/card-js.min.css/card-js.min.css') }}" rel="stylesheet" type="text/css">
|
||||
@endsection
|
||||
|
||||
@section('gateway_content')
|
||||
@ -52,25 +49,18 @@
|
||||
<script src="https://js.authorize.net/v1/Accept.js" charset="utf-8"></script>
|
||||
@endif
|
||||
|
||||
<script src="{{ asset('vendor/simple-card@0.0.4/simple-card.js') }}"></script>
|
||||
|
||||
@vite('resources/js/clients/payment_methods/authorize-authorize-card.js')
|
||||
@endsection
|
||||
|
||||
@push('footer')
|
||||
<script defer>
|
||||
|
||||
$(function() {
|
||||
|
||||
document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
|
||||
|
||||
str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
|
||||
const expiryArray = str.split("/");
|
||||
|
||||
document.getElementsByName('expiry-month')[0].value = expiryArray[0];
|
||||
document.getElementsByName('expiry-year')[0].value = expiryArray[1];
|
||||
document.querySelector('#date').addEventListener('change', (e) => {
|
||||
const [month, year] = e.target.value.replace(/\s/g, '').split('/');
|
||||
|
||||
document.getElementsByName('expiry-month')[0].value = month;
|
||||
document.getElementsByName('expiry-year')[0].value = `20${year}`;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
@endpush
|
||||
|
||||
Loading…
Reference in New Issue
Block a user