woocommerce/assets/js/frontend/checkout.js

728 lines
25 KiB
JavaScript
Raw Normal View History

2015-04-13 15:37:22 +00:00
/* global wc_checkout_params */
jQuery( function( $ ) {
// wc_checkout_params is required to continue, ensure the object exists
2015-01-06 17:39:09 +00:00
if ( typeof wc_checkout_params === 'undefined' ) {
return false;
2015-01-06 17:39:09 +00:00
}
2015-01-06 17:39:09 +00:00
$.blockUI.defaults.overlayCSS.cursor = 'default';
2015-01-06 17:39:09 +00:00
var wc_checkout_form = {
updateTimer: false,
dirtyInput: false,
selectedPaymentMethod: false,
2015-01-06 17:39:09 +00:00
xhr: false,
$order_review: $( '#order_review' ),
$checkout_form: $( 'form.checkout' ),
2015-04-13 15:37:22 +00:00
init: function() {
$( document.body ).on( 'update_checkout', this.update_checkout );
$( document.body ).on( 'init_checkout', this.init_checkout );
2015-01-06 17:39:09 +00:00
// Payment methods
this.$checkout_form.on( 'click', 'input[name="payment_method"]', this.payment_method_selected );
2015-01-06 17:39:09 +00:00
if ( $( document.body ).hasClass( 'woocommerce-order-pay' ) ) {
this.$order_review.on( 'click', 'input[name="payment_method"]', this.payment_method_selected );
2019-02-05 11:40:10 +00:00
this.$order_review.on( 'submit', this.submitOrder );
2019-02-05 11:23:47 +00:00
this.$order_review.attr( 'novalidate', 'novalidate' );
}
2017-02-23 11:51:27 +00:00
// Prevent HTML5 validation which can conflict.
this.$checkout_form.attr( 'novalidate', 'novalidate' );
2015-01-06 17:39:09 +00:00
// Form submission
this.$checkout_form.on( 'submit', this.submit );
// Inline validation
this.$checkout_form.on( 'input validate change', '.input-text, select, input:checkbox', this.validate_field );
2015-01-06 17:39:09 +00:00
// Manual trigger
this.$checkout_form.on( 'update', this.trigger_update_checkout );
2015-01-06 17:39:09 +00:00
// Inputs/selects which update totals
this.$checkout_form.on( 'change', 'select.shipping_method, input[name^="shipping_method"], #ship-to-different-address input, .update_totals_on_change select, .update_totals_on_change input[type="radio"], .update_totals_on_change input[type="checkbox"]', this.trigger_update_checkout ); // eslint-disable-line max-len
this.$checkout_form.on( 'change', '.address-field select', this.input_changed );
this.$checkout_form.on( 'change', '.address-field input.input-text, .update_totals_on_change input.input-text', this.maybe_input_changed ); // eslint-disable-line max-len
this.$checkout_form.on( 'keydown', '.address-field input.input-text, .update_totals_on_change input.input-text', this.queue_update_checkout ); // eslint-disable-line max-len
2015-01-06 17:39:09 +00:00
// Address fields
this.$checkout_form.on( 'change', '#ship-to-different-address input', this.ship_to_different_address );
// Trigger events
2021-01-07 22:08:36 +00:00
this.$checkout_form.find( '#ship-to-different-address input' ).trigger( 'change' );
this.init_payment_methods();
2015-01-06 17:39:09 +00:00
// Update on page load
if ( wc_checkout_params.is_checkout === '1' ) {
2015-04-13 15:37:22 +00:00
$( document.body ).trigger( 'init_checkout' );
2015-01-06 17:39:09 +00:00
}
if ( wc_checkout_params.option_guest_checkout === 'yes' ) {
2021-01-07 22:08:36 +00:00
$( 'input#createaccount' ).change( this.toggle_create_account ).trigger( 'change' );
2015-01-06 17:39:09 +00:00
}
2015-04-13 15:37:22 +00:00
},
init_payment_methods: function() {
var $payment_methods = $( '.woocommerce-checkout' ).find( 'input[name="payment_method"]' );
// If there is one method, we can hide the radio input
if ( 1 === $payment_methods.length ) {
$payment_methods.eq(0).hide();
}
// If there was a previously selected method, check that one.
if ( wc_checkout_form.selectedPaymentMethod ) {
$( '#' + wc_checkout_form.selectedPaymentMethod ).prop( 'checked', true );
}
// If there are none selected, select the first.
if ( 0 === $payment_methods.filter( ':checked' ).length ) {
$payment_methods.eq(0).prop( 'checked', true );
}
// Get name of new selected method.
var checkedPaymentMethod = $payment_methods.filter( ':checked' ).eq(0).prop( 'id' );
if ( $payment_methods.length > 1 ) {
// Hide open descriptions.
$( 'div.payment_box:not(".' + checkedPaymentMethod + '")' ).filter( ':visible' ).slideUp( 0 );
}
// Trigger click event for selected method
$payment_methods.filter( ':checked' ).eq(0).trigger( 'click' );
},
get_payment_method: function() {
return wc_checkout_form.$checkout_form.find( 'input[name="payment_method"]:checked' ).val();
},
payment_method_selected: function( e ) {
e.stopPropagation();
if ( $( '.payment_methods input.input-radio' ).length > 1 ) {
var target_payment_box = $( 'div.payment_box.' + $( this ).attr( 'ID' ) ),
is_checked = $( this ).is( ':checked' );
if ( is_checked && ! target_payment_box.is( ':visible' ) ) {
$( 'div.payment_box' ).filter( ':visible' ).slideUp( 230 );
if ( is_checked ) {
target_payment_box.slideDown( 230 );
}
}
} else {
$( 'div.payment_box' ).show();
}
if ( $( this ).data( 'order_button_text' ) ) {
$( '#place_order' ).text( $( this ).data( 'order_button_text' ) );
} else {
$( '#place_order' ).text( $( '#place_order' ).data( 'value' ) );
}
var selectedPaymentMethod = $( '.woocommerce-checkout input[name="payment_method"]:checked' ).attr( 'id' );
if ( selectedPaymentMethod !== wc_checkout_form.selectedPaymentMethod ) {
$( document.body ).trigger( 'payment_method_selected' );
}
wc_checkout_form.selectedPaymentMethod = selectedPaymentMethod;
},
toggle_create_account: function() {
2015-04-13 15:37:22 +00:00
$( 'div.create-account' ).hide();
2015-01-06 17:39:09 +00:00
if ( $( this ).is( ':checked' ) ) {
2017-02-23 11:51:27 +00:00
// Ensure password is not pre-populated.
2021-01-07 22:08:36 +00:00
$( '#account_password' ).val( '' ).trigger( 'change' );
2015-01-06 17:39:09 +00:00
$( 'div.create-account' ).slideDown();
}
2015-04-13 15:37:22 +00:00
},
init_checkout: function() {
$( document.body ).trigger( 'update_checkout' );
2015-04-13 15:37:22 +00:00
},
maybe_input_changed: function( e ) {
if ( wc_checkout_form.dirtyInput ) {
wc_checkout_form.input_changed( e );
2015-01-06 17:39:09 +00:00
}
2015-04-13 15:37:22 +00:00
},
input_changed: function( e ) {
wc_checkout_form.dirtyInput = e.target;
2015-01-06 17:39:09 +00:00
wc_checkout_form.maybe_update_checkout();
2015-04-13 15:37:22 +00:00
},
queue_update_checkout: function( e ) {
var code = e.keyCode || e.which || 0;
2015-01-06 17:39:09 +00:00
if ( code === 9 ) {
return true;
}
2015-01-06 17:39:09 +00:00
wc_checkout_form.dirtyInput = this;
wc_checkout_form.reset_update_checkout_timer();
wc_checkout_form.updateTimer = setTimeout( wc_checkout_form.maybe_update_checkout, '1000' );
2015-04-13 15:37:22 +00:00
},
trigger_update_checkout: function() {
2015-04-13 15:37:22 +00:00
wc_checkout_form.reset_update_checkout_timer();
wc_checkout_form.dirtyInput = false;
$( document.body ).trigger( 'update_checkout' );
},
2015-01-06 17:39:09 +00:00
maybe_update_checkout: function() {
var update_totals = true;
2016-03-01 13:08:25 +00:00
if ( $( wc_checkout_form.dirtyInput ).length ) {
var $required_inputs = $( wc_checkout_form.dirtyInput ).closest( 'div' ).find( '.address-field.validate-required' );
2015-01-06 17:39:09 +00:00
2016-03-01 13:08:25 +00:00
if ( $required_inputs.length ) {
$required_inputs.each( function() {
2015-01-06 17:39:09 +00:00
if ( $( this ).find( 'input.input-text' ).val() === '' ) {
update_totals = false;
}
});
}
2015-01-06 17:39:09 +00:00
}
if ( update_totals ) {
wc_checkout_form.trigger_update_checkout();
}
},
ship_to_different_address: function() {
$( 'div.shipping_address' ).hide();
2015-01-06 17:39:09 +00:00
if ( $( this ).is( ':checked' ) ) {
$( 'div.shipping_address' ).slideDown();
}
2015-04-13 15:37:22 +00:00
},
reset_update_checkout_timer: function() {
clearTimeout( wc_checkout_form.updateTimer );
},
is_valid_json: function( raw_json ) {
try {
var json = JSON.parse( raw_json );
return ( json && 'object' === typeof json );
} catch ( e ) {
return false;
}
},
2017-02-23 11:51:27 +00:00
validate_field: function( e ) {
var $this = $( this ),
$parent = $this.closest( '.form-row' ),
validated = true,
validate_required = $parent.is( '.validate-required' ),
validate_email = $parent.is( '.validate-email' ),
2020-08-06 07:07:39 +00:00
validate_phone = $parent.is( '.validate-phone' ),
2020-08-23 05:50:02 +00:00
pattern = '',
2017-02-23 11:51:27 +00:00
event_type = e.type;
2017-02-23 11:51:27 +00:00
if ( 'input' === event_type ) {
2020-08-06 07:07:39 +00:00
$parent.removeClass( 'woocommerce-invalid woocommerce-invalid-required-field woocommerce-invalid-email woocommerce-invalid-phone woocommerce-validated' ); // eslint-disable-line max-len
2017-02-23 11:51:27 +00:00
}
if ( 'validate' === event_type || 'change' === event_type ) {
2017-02-23 11:51:27 +00:00
if ( validate_required ) {
if ( 'checkbox' === $this.attr( 'type' ) && ! $this.is( ':checked' ) ) {
$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-required-field' );
validated = false;
} else if ( $this.val() === '' ) {
$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-required-field' );
2015-01-06 17:39:09 +00:00
validated = false;
}
}
2017-02-23 11:51:27 +00:00
if ( validate_email ) {
if ( $this.val() ) {
/* https://stackoverflow.com/questions/2855865/jquery-validate-e-mail-address-regex */
pattern = new RegExp( /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[0-9a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i ); // eslint-disable-line max-len
2017-02-23 11:51:27 +00:00
2021-01-28 20:07:26 +00:00
if ( ! pattern.test( $this.val() ) ) {
$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-email woocommerce-invalid-phone' ); // eslint-disable-line max-len
2017-02-23 11:51:27 +00:00
validated = false;
}
}
}
2020-08-06 07:07:39 +00:00
if ( validate_phone ) {
pattern = new RegExp( /[\s\#0-9_\-\+\/\(\)\.]/g );
2020-08-06 07:07:39 +00:00
if ( 0 < $this.val().replace( pattern, '' ).length ) {
$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-phone' );
validated = false;
}
}
2017-02-23 11:51:27 +00:00
if ( validated ) {
2020-08-06 07:07:39 +00:00
$parent.removeClass( 'woocommerce-invalid woocommerce-invalid-required-field woocommerce-invalid-email woocommerce-invalid-phone' ).addClass( 'woocommerce-validated' ); // eslint-disable-line max-len
2017-02-23 11:51:27 +00:00
}
2015-01-06 17:39:09 +00:00
}
},
update_checkout: function( event, args ) {
// Small timeout to prevent multiple requests when several fields update at the same time
wc_checkout_form.reset_update_checkout_timer();
wc_checkout_form.updateTimer = setTimeout( wc_checkout_form.update_checkout_action, '5', args );
},
update_checkout_action: function( args ) {
2015-04-13 15:37:22 +00:00
if ( wc_checkout_form.xhr ) {
2015-01-06 17:39:09 +00:00
wc_checkout_form.xhr.abort();
}
2012-12-10 11:06:14 +00:00
2016-03-01 13:08:25 +00:00
if ( $( 'form.checkout' ).length === 0 ) {
return;
}
args = typeof args !== 'undefined' ? args : {
update_shipping_method: true
};
2015-01-06 17:39:09 +00:00
2015-11-25 18:46:57 +00:00
var country = $( '#billing_country' ).val(),
state = $( '#billing_state' ).val(),
postcode = $( ':input#billing_postcode' ).val(),
2015-11-25 18:46:57 +00:00
city = $( '#billing_city' ).val(),
address = $( ':input#billing_address_1' ).val(),
address_2 = $( ':input#billing_address_2' ).val(),
2015-11-25 18:46:57 +00:00
s_country = country,
s_state = state,
s_postcode = postcode,
s_city = city,
s_address = address,
s_address_2 = address_2,
$required_inputs = $( wc_checkout_form.$checkout_form ).find( '.address-field.validate-required:visible' ),
has_full_address = true;
if ( $required_inputs.length ) {
$required_inputs.each( function() {
if ( $( this ).find( ':input' ).val() === '' ) {
has_full_address = false;
}
});
}
2015-01-06 17:39:09 +00:00
if ( $( '#ship-to-different-address' ).find( 'input' ).is( ':checked' ) ) {
2015-11-25 18:46:57 +00:00
s_country = $( '#shipping_country' ).val();
s_state = $( '#shipping_state' ).val();
s_postcode = $( ':input#shipping_postcode' ).val();
2015-11-25 18:46:57 +00:00
s_city = $( '#shipping_city' ).val();
s_address = $( ':input#shipping_address_1' ).val();
s_address_2 = $( ':input#shipping_address_2' ).val();
2015-01-06 17:39:09 +00:00
}
2012-12-10 11:06:14 +00:00
2015-01-06 17:39:09 +00:00
var data = {
security : wc_checkout_params.update_order_review_nonce,
payment_method : wc_checkout_form.get_payment_method(),
country : country,
state : state,
postcode : postcode,
city : city,
address : address,
address_2 : address_2,
s_country : s_country,
s_state : s_state,
s_postcode : s_postcode,
s_city : s_city,
s_address : s_address,
s_address_2 : s_address_2,
has_full_address: has_full_address,
post_data : $( 'form.checkout' ).serialize()
2015-01-06 17:39:09 +00:00
};
if ( false !== args.update_shipping_method ) {
var shipping_methods = {};
2019-09-11 00:43:13 +00:00
// eslint-disable-next-line max-len
$( 'select.shipping_method, input[name^="shipping_method"][type="radio"]:checked, input[name^="shipping_method"][type="hidden"]' ).each( function() {
shipping_methods[ $( this ).data( 'index' ) ] = $( this ).val();
} );
data.shipping_method = shipping_methods;
}
$( '.woocommerce-checkout-payment, .woocommerce-checkout-review-order-table' ).block({
message: null,
overlayCSS: {
background: '#fff',
opacity: 0.6
}
});
2015-01-06 17:39:09 +00:00
wc_checkout_form.xhr = $.ajax({
type: 'POST',
2015-07-27 16:55:37 +00:00
url: wc_checkout_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'update_order_review' ),
2015-01-06 17:39:09 +00:00
data: data,
success: function( data ) {
// Reload the page if requested
if ( data && true === data.reload ) {
window.location.reload();
return;
}
2016-06-23 12:31:34 +00:00
// Remove any notices added previously
$( '.woocommerce-NoticeGroup-updateOrderReview' ).remove();
var termsCheckBoxChecked = $( '#terms' ).prop( 'checked' );
// Save payment details to a temporary object
var paymentDetails = {};
2018-04-27 20:42:42 +00:00
$( '.payment_box :input' ).each( function() {
var ID = $( this ).attr( 'id' );
if ( ID ) {
if ( $.inArray( $( this ).attr( 'type' ), [ 'checkbox', 'radio' ] ) !== -1 ) {
paymentDetails[ ID ] = $( this ).prop( 'checked' );
} else {
paymentDetails[ ID ] = $( this ).val();
}
}
});
2015-01-27 22:41:33 +00:00
// Always update the fragments
2015-01-06 17:39:09 +00:00
if ( data && data.fragments ) {
$.each( data.fragments, function ( key, value ) {
if ( ! wc_checkout_form.fragments || wc_checkout_form.fragments[ key ] !== value ) {
$( key ).replaceWith( value );
}
2015-01-06 17:39:09 +00:00
$( key ).unblock();
} );
wc_checkout_form.fragments = data.fragments;
2015-01-06 17:39:09 +00:00
}
2012-12-10 11:06:14 +00:00
// Recheck the terms and conditions box, if needed
if ( termsCheckBoxChecked ) {
$( '#terms' ).prop( 'checked', true );
}
// Fill in the payment details if possible without overwriting data if set.
if ( ! $.isEmptyObject( paymentDetails ) ) {
2018-04-27 20:42:42 +00:00
$( '.payment_box :input' ).each( function() {
var ID = $( this ).attr( 'id' );
if ( ID ) {
if ( $.inArray( $( this ).attr( 'type' ), [ 'checkbox', 'radio' ] ) !== -1 ) {
2021-01-07 22:08:36 +00:00
$( this ).prop( 'checked', paymentDetails[ ID ] ).trigger( 'change' );
2019-09-30 09:22:08 +00:00
} else if ( $.inArray( $( this ).attr( 'type' ), [ 'select' ] ) !== -1 ) {
2021-01-07 22:08:36 +00:00
$( this ).val( paymentDetails[ ID ] ).trigger( 'change' );
2018-09-26 14:10:37 +00:00
} else if ( null !== $( this ).val() && 0 === $( this ).val().length ) {
2021-01-07 22:08:36 +00:00
$( this ).val( paymentDetails[ ID ] ).trigger( 'change' );
}
}
});
}
2015-01-06 17:39:09 +00:00
// Check for error
2019-03-18 11:02:26 +00:00
if ( data && 'failure' === data.result ) {
2015-01-06 17:39:09 +00:00
var $form = $( 'form.checkout' );
2012-12-10 11:06:14 +00:00
2016-06-23 12:47:24 +00:00
// Remove notices from all sources
$( '.woocommerce-error, .woocommerce-message' ).remove();
2016-06-23 12:31:34 +00:00
// Add new errors returned by this event
2015-01-06 17:39:09 +00:00
if ( data.messages ) {
$form.prepend( '<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-updateOrderReview">' + data.messages + '</div>' ); // eslint-disable-line max-len
2015-01-06 17:39:09 +00:00
} else {
$form.prepend( data );
}
2012-12-10 11:06:14 +00:00
2015-01-06 17:39:09 +00:00
// Lose focus for all fields
$form.find( '.input-text, select, input:checkbox' ).trigger( 'validate' ).trigger( 'blur' );
2012-12-10 11:06:14 +00:00
wc_checkout_form.scroll_to_notices();
2015-01-06 17:39:09 +00:00
}
2012-12-28 13:02:12 +00:00
// Re-init methods
wc_checkout_form.init_payment_methods();
2012-12-28 13:02:12 +00:00
2016-10-14 11:38:55 +00:00
// Fire updated_checkout event.
$( document.body ).trigger( 'updated_checkout', [ data ] );
2015-01-06 17:39:09 +00:00
}
2015-01-06 17:39:09 +00:00
});
2015-04-13 15:37:22 +00:00
},
2019-09-11 00:43:13 +00:00
handleUnloadEvent: function( e ) {
// Modern browsers have their own standard generic messages that they will display.
// Confirm, alert, prompt or custom message are not allowed during the unload event
// Browsers will display their own standard messages
// Check if the browser is Internet Explorer
if((navigator.userAgent.indexOf('MSIE') !== -1 ) || (!!document.documentMode)) {
// IE handles unload events differently than modern browsers
e.preventDefault();
return undefined;
}
return true;
},
attachUnloadEventsOnSubmit: function() {
$( window ).on('beforeunload', this.handleUnloadEvent);
},
detachUnloadEventsOnSubmit: function() {
$( window ).unbind('beforeunload', this.handleUnloadEvent);
},
2019-02-05 11:40:10 +00:00
blockOnSubmit: function( $form ) {
var form_data = $form.data();
if ( 1 !== form_data['blockUI.isBlocked'] ) {
$form.block({
message: null,
overlayCSS: {
background: '#fff',
opacity: 0.6
}
});
}
},
submitOrder: function() {
wc_checkout_form.blockOnSubmit( $( this ) );
},
submit: function() {
2015-01-06 17:39:09 +00:00
wc_checkout_form.reset_update_checkout_timer();
var $form = $( this );
2015-01-06 17:39:09 +00:00
if ( $form.is( '.processing' ) ) {
return false;
}
2013-02-05 10:46:31 +00:00
2015-01-06 17:39:09 +00:00
// Trigger a handler to let gateways manipulate the checkout if needed
2019-09-11 00:43:13 +00:00
// eslint-disable-next-line max-len
if ( $form.triggerHandler( 'checkout_place_order' ) !== false && $form.triggerHandler( 'checkout_place_order_' + wc_checkout_form.get_payment_method() ) !== false ) {
2012-12-10 11:06:14 +00:00
2015-01-06 17:39:09 +00:00
$form.addClass( 'processing' );
2019-02-05 11:40:10 +00:00
wc_checkout_form.blockOnSubmit( $form );
2019-09-11 00:43:13 +00:00
// Attach event to block reloading the page when the form has been submitted
wc_checkout_form.attachUnloadEventsOnSubmit();
// ajaxSetup is global, but we use it to ensure JSON is valid once returned.
$.ajaxSetup( {
dataFilter: function( raw_response, dataType ) {
// We only want to work with JSON
if ( 'json' !== dataType ) {
return raw_response;
}
if ( wc_checkout_form.is_valid_json( raw_response ) ) {
return raw_response;
} else {
// Attempt to fix the malformed JSON
var maybe_valid_json = raw_response.match( /{"result.*}/ );
if ( null === maybe_valid_json ) {
console.log( 'Unable to fix malformed JSON' );
} else if ( wc_checkout_form.is_valid_json( maybe_valid_json[0] ) ) {
console.log( 'Fixed malformed JSON. Original:' );
console.log( raw_response );
raw_response = maybe_valid_json[0];
} else {
console.log( 'Unable to fix malformed JSON' );
}
}
return raw_response;
}
} );
2015-01-06 17:39:09 +00:00
$.ajax({
type: 'POST',
url: wc_checkout_params.checkout_url,
data: $form.serialize(),
dataType: 'json',
success: function( result ) {
2019-09-11 00:43:13 +00:00
// Detach the unload handler that prevents a reload / redirect
wc_checkout_form.detachUnloadEventsOnSubmit();
2015-01-06 17:39:09 +00:00
try {
if ( 'success' === result.result && $form.triggerHandler( 'checkout_place_order_success', result ) !== false ) {
if ( -1 === result.redirect.indexOf( 'https://' ) || -1 === result.redirect.indexOf( 'http://' ) ) {
2015-01-06 17:39:09 +00:00
window.location = result.redirect;
} else {
window.location = decodeURI( result.redirect );
}
} else if ( 'failure' === result.result ) {
2015-01-06 17:39:09 +00:00
throw 'Result failure';
} else {
throw 'Invalid response';
}
} catch( err ) {
// Reload page
if ( true === result.reload ) {
2015-01-06 17:39:09 +00:00
window.location.reload();
return;
}
2015-01-06 17:39:09 +00:00
// Trigger update in case we need a fresh nonce
if ( true === result.refresh ) {
2015-04-13 15:37:22 +00:00
$( document.body ).trigger( 'update_checkout' );
2015-01-06 17:39:09 +00:00
}
2012-12-28 13:02:12 +00:00
// Add new errors
if ( result.messages ) {
wc_checkout_form.submit_error( result.messages );
} else {
wc_checkout_form.submit_error( '<div class="woocommerce-error">' + wc_checkout_params.i18n_checkout_error + '</div>' ); // eslint-disable-line max-len
}
2015-01-06 17:39:09 +00:00
}
},
error: function( jqXHR, textStatus, errorThrown ) {
2019-09-11 00:43:13 +00:00
// Detach the unload handler that prevents a reload / redirect
wc_checkout_form.detachUnloadEventsOnSubmit();
wc_checkout_form.submit_error( '<div class="woocommerce-error">' + errorThrown + '</div>' );
}
2015-01-06 17:39:09 +00:00
});
}
return false;
},
submit_error: function( error_message ) {
$( '.woocommerce-NoticeGroup-checkout, .woocommerce-error, .woocommerce-message' ).remove();
wc_checkout_form.$checkout_form.prepend( '<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout">' + error_message + '</div>' ); // eslint-disable-line max-len
wc_checkout_form.$checkout_form.removeClass( 'processing' ).unblock();
wc_checkout_form.$checkout_form.find( '.input-text, select, input:checkbox' ).trigger( 'validate' ).trigger( 'blur' );
wc_checkout_form.scroll_to_notices();
$( document.body ).trigger( 'checkout_error' , [ error_message ] );
},
scroll_to_notices: function() {
2018-04-12 11:34:34 +00:00
var scrollElement = $( '.woocommerce-NoticeGroup-updateOrderReview, .woocommerce-NoticeGroup-checkout' );
2017-11-08 14:12:36 +00:00
if ( ! scrollElement.length ) {
scrollElement = $( '.form.checkout' );
}
2018-04-12 11:34:34 +00:00
$.scroll_to_notices( scrollElement );
2015-04-13 15:37:22 +00:00
}
2015-01-06 17:39:09 +00:00
};
var wc_checkout_coupons = {
init: function() {
$( document.body ).on( 'click', 'a.showcoupon', this.show_coupon_form );
$( document.body ).on( 'click', '.woocommerce-remove-coupon', this.remove_coupon );
2015-01-06 17:39:09 +00:00
$( 'form.checkout_coupon' ).hide().submit( this.submit );
},
show_coupon_form: function() {
$( '.checkout_coupon' ).slideToggle( 400, function() {
$( '.checkout_coupon' ).find( ':input:eq(0)' ).focus();
2015-01-06 17:39:09 +00:00
});
return false;
2015-04-13 15:37:22 +00:00
},
submit: function() {
2015-01-06 17:39:09 +00:00
var $form = $( this );
2012-12-10 11:06:14 +00:00
if ( $form.is( '.processing' ) ) {
return false;
}
2015-01-06 17:39:09 +00:00
$form.addClass( 'processing' ).block({
message: null,
overlayCSS: {
background: '#fff',
opacity: 0.6
}
});
2012-12-10 11:06:14 +00:00
2015-01-06 17:39:09 +00:00
var data = {
security: wc_checkout_params.apply_coupon_nonce,
coupon_code: $form.find( 'input[name="coupon_code"]' ).val()
2015-01-06 17:39:09 +00:00
};
2012-12-10 11:06:14 +00:00
$.ajax({
type: 'POST',
2015-07-27 16:55:37 +00:00
url: wc_checkout_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'apply_coupon' ),
2015-01-06 17:39:09 +00:00
data: data,
success: function( code ) {
2015-01-06 17:39:09 +00:00
$( '.woocommerce-error, .woocommerce-message' ).remove();
$form.removeClass( 'processing' ).unblock();
2015-01-06 17:39:09 +00:00
if ( code ) {
$form.before( code );
$form.slideUp();
$( document.body ).trigger( 'applied_coupon_in_checkout', [ data.coupon_code ] );
$( document.body ).trigger( 'update_checkout', { update_shipping_method: false } );
}
},
dataType: 'html'
});
2012-12-10 11:06:14 +00:00
2015-01-06 17:39:09 +00:00
return false;
2015-04-13 15:37:22 +00:00
},
remove_coupon: function( e ) {
e.preventDefault();
2015-01-06 17:39:09 +00:00
var container = $( this ).parents( '.woocommerce-checkout-review-order' ),
coupon = $( this ).data( 'coupon' );
container.addClass( 'processing' ).block({
message: null,
overlayCSS: {
background: '#fff',
opacity: 0.6
2012-12-28 13:02:12 +00:00
}
2015-01-06 17:39:09 +00:00
});
2015-01-06 17:39:09 +00:00
var data = {
security: wc_checkout_params.remove_coupon_nonce,
coupon: coupon
};
2015-01-06 17:39:09 +00:00
$.ajax({
type: 'POST',
2015-07-27 16:55:37 +00:00
url: wc_checkout_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'remove_coupon' ),
2015-01-06 17:39:09 +00:00
data: data,
success: function( code ) {
$( '.woocommerce-error, .woocommerce-message' ).remove();
container.removeClass( 'processing' ).unblock();
2015-01-06 17:39:09 +00:00
if ( code ) {
2015-02-02 11:53:07 +00:00
$( 'form.woocommerce-checkout' ).before( code );
$( document.body ).trigger( 'removed_coupon_in_checkout', [ data.coupon_code ] );
$( document.body ).trigger( 'update_checkout', { update_shipping_method: false } );
// Remove coupon code from coupon field
2015-01-06 17:39:09 +00:00
$( 'form.checkout_coupon' ).find( 'input[name="coupon_code"]' ).val( '' );
}
},
error: function ( jqXHR ) {
if ( wc_checkout_params.debug_mode ) {
/* jshint devel: true */
console.log( jqXHR.responseText );
}
},
2015-01-06 17:39:09 +00:00
dataType: 'html'
});
2015-04-13 15:37:22 +00:00
}
};
2015-01-06 17:39:09 +00:00
var wc_checkout_login_form = {
init: function() {
2015-04-13 15:37:22 +00:00
$( document.body ).on( 'click', 'a.showlogin', this.show_login_form );
2015-01-06 17:39:09 +00:00
},
show_login_form: function() {
2016-12-20 16:16:55 +00:00
$( 'form.login, form.woocommerce-form--login' ).slideToggle();
2015-01-06 17:39:09 +00:00
return false;
2015-04-13 15:37:22 +00:00
}
};
2015-01-06 17:39:09 +00:00
var wc_terms_toggle = {
init: function() {
$( document.body ).on( 'click', 'a.woocommerce-terms-and-conditions-link', this.toggle_terms );
},
toggle_terms: function() {
if ( $( '.woocommerce-terms-and-conditions' ).length ) {
$( '.woocommerce-terms-and-conditions' ).slideToggle( function() {
var link_toggle = $( '.woocommerce-terms-and-conditions-link' );
if ( $( '.woocommerce-terms-and-conditions' ).is( ':visible' ) ) {
link_toggle.addClass( 'woocommerce-terms-and-conditions-link--open' );
link_toggle.removeClass( 'woocommerce-terms-and-conditions-link--closed' );
} else {
link_toggle.removeClass( 'woocommerce-terms-and-conditions-link--open' );
link_toggle.addClass( 'woocommerce-terms-and-conditions-link--closed' );
}
} );
return false;
}
}
};
2015-01-06 17:39:09 +00:00
wc_checkout_form.init();
wc_checkout_coupons.init();
wc_checkout_login_form.init();
wc_terms_toggle.init();
});