100 lines
2.6 KiB
JavaScript
100 lines
2.6 KiB
JavaScript
(function ( $ ) {
|
|
|
|
// Form handler
|
|
function simplifyFormHandler() {
|
|
var $form = $( 'form.checkout, form#order_review' );
|
|
|
|
if ( $( '#payment_method_simplify_commerce' ).is( ':checked' ) ) {
|
|
|
|
if ( 0 === $( 'input.simplify-token' ).size() ) {
|
|
|
|
$form.block({
|
|
message: null,
|
|
overlayCSS: {
|
|
background: '#fff url(' + wc_checkout_params.ajax_loader_url + ') no-repeat center',
|
|
backgroundSize: '16px 16px',
|
|
opacity: 0.6
|
|
}
|
|
});
|
|
|
|
var card = $( '#simplify_commerce-card-number' ).val(),
|
|
cvc = $( '#simplify_commerce-card-cvc' ).val(),
|
|
expiry = $.payment.cardExpiryVal( $( '#simplify_commerce-card-expiry' ).val() );
|
|
|
|
card = card.replace( /\s/g, '' );
|
|
|
|
SimplifyCommerce.generateToken({
|
|
key: simplfy_commerce_params.key,
|
|
card: {
|
|
number: card,
|
|
cvc: cvc,
|
|
expMonth: expiry.month,
|
|
expYear: ( expiry.year - 2000 )
|
|
}
|
|
}, simplifyResponseHandler );
|
|
|
|
// Prevent the form from submitting
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
// Handle simplfy response
|
|
function simplifyResponseHandler( data ) {
|
|
var $form = $( 'form.checkout, form#order_review' ),
|
|
ccForm = $( '#simplify_commerce-cc-form' );
|
|
|
|
if ( data.error ) {
|
|
|
|
// Show the errors on the form
|
|
$( '.woocommerce-error, .simplify-token', ccForm ).remove();
|
|
$form.unblock();
|
|
|
|
// Show any validation errors
|
|
if ( 'validation' === data.error.code ) {
|
|
var fieldErrors = data.error.fieldErrors,
|
|
fieldErrorsLength = fieldErrors.length,
|
|
errorList = '';
|
|
|
|
for ( var i = 0; i < fieldErrorsLength; i++ ) {
|
|
errorList += '<li>' + simplfy_commerce_params[ fieldErrors[i].field ] + ' ' + simplfy_commerce_params.is_invalid + ' - ' + fieldErrors[i].message + '.</li>';
|
|
}
|
|
|
|
ccForm.prepend( '<ul class="woocommerce-error">' + errorList + '</ul>' );
|
|
}
|
|
|
|
} else {
|
|
|
|
// Insert the token into the form so it gets submitted to the server
|
|
ccForm.append( '<input type="hidden" class="simplify-token" name="simplify_token" value="' + data.id + '"/>' );
|
|
$form.submit();
|
|
}
|
|
}
|
|
|
|
$( function () {
|
|
|
|
$( 'body' ).on( 'checkout_error', function () {
|
|
$( '.simplify-token' ).remove();
|
|
});
|
|
|
|
/* Checkout Form */
|
|
$( 'form.checkout' ).on( 'checkout_place_order_simplify_commerce', function () {
|
|
return simplifyFormHandler();
|
|
});
|
|
|
|
/* Pay Page Form */
|
|
$( 'form#order_review' ).on( 'submit', function () {
|
|
return simplifyFormHandler();
|
|
});
|
|
|
|
/* Both Forms */
|
|
$( 'form.checkout, form#order_review' ).on( 'change', '#simplify_commerce-cc-form input', function() {
|
|
$( '.simplify-token' ).remove();
|
|
});
|
|
|
|
});
|
|
|
|
}( jQuery ) );
|