woocommerce / woocommerce-gateway-stripe

assets/js/stripe.js

/* global wc_stripe_params */

jQuery( function( $ ) {
	'use strict';

	var stripe = Stripe( wc_stripe_params.key );

	if ( 'yes' === wc_stripe_params.use_elements ) {
		var elements = stripe.elements(),
			stripe_card,
			stripe_exp,
			stripe_cvc;
	}

	/**
	 * Object to handle Stripe elements payment form.
	 */
	var wc_stripe_form = {
		/**
		 * Get WC AJAX endpoint URL.
		 *
		 * @param  {String} endpoint Endpoint.
		 * @return {String}
		 */
		getAjaxURL: function( endpoint ) {
			return wc_stripe_params.ajaxurl
				.toString()
				.replace( '%%endpoint%%', 'wc_stripe_' + endpoint );
		},

		/**
		 * Initialize event handlers and UI state.
		 */
		init: function() {
			// Initialize tokenization script if on change payment method page and pay for order page.
			if ( 'yes' === wc_stripe_params.is_change_payment_page ) {
				$( document.body ).trigger( 'wc-credit-card-form-init' );
			}

			// Stripe Checkout.
			this.stripe_checkout_submit = false;

			// checkout page
			if ( $( 'form.woocommerce-checkout' ).length ) {
				this.form = $( 'form.woocommerce-checkout' );
			}

			$( 'form.woocommerce-checkout' )
				.on(
					'checkout_place_order_stripe checkout_place_order_stripe_bancontact checkout_place_order_stripe_sofort checkout_place_order_stripe_giropay checkout_place_order_stripe_ideal checkout_place_order_stripe_alipay checkout_place_order_stripe_sepa checkout_place_order_stripe_bitcoin',
					this.onSubmit
				);

			// pay order page
			if ( $( 'form#order_review' ).length ) {
				this.form = $( 'form#order_review' );
			}

			$( 'form#order_review' )
				.on(
					'submit',
					this.onSubmit
				);

			// add payment method page
			if ( $( 'form#add_payment_method' ).length ) {
				this.form = $( 'form#add_payment_method' );
			}

			$( 'form#add_payment_method' )
				.on(
					'submit',
					this.onSubmit
				);

			$( 'form.woocommerce-checkout' )
				.on(
					'change',
					'#stripe-bank-country',
					this.reset
				);

			$( document )
				.on(
					'stripeError',
					this.onError
				)
				.on(
					'checkout_error',
					this.reset
				);

			var elementStyles = {
				base: {
					iconColor: '#666EE8',
					color: '#31325F',
					fontSize: '15px',
					'::placeholder': {
				  		color: '#CFD7E0',
					}
				}
			};

			var elementClasses = {
				focus: 'focused',
				empty: 'empty',
				invalid: 'invalid',
			};

			if ( 'yes' === wc_stripe_params.use_elements && $( '#stripe-card-element' ).length ) {
				elementStyles  = wc_stripe_params.elements_styling ? wc_stripe_params.elements_styling : elementStyles;
				elementClasses = wc_stripe_params.elements_classes ? wc_stripe_params.elements_classes : elementClasses;

				if ( 'yes' === wc_stripe_params.inline_cc_form ) {
					stripe_card = elements.create( 'card', { style: elementStyles, hidePostalCode: true } );

The variable elements does not seem to be initialized in case "yes" === wc_stripe_params.use_elements on line 8 is false. Are you sure this can never be the case?

					stripe_card.addEventListener( 'change', function( event ) {
						wc_stripe_form.onCCFormChange();

						if ( event.error ) {
							$( document.body ).trigger( 'stripeError', event );
						}
					} );
				} else {
					stripe_card = elements.create( 'cardNumber', { style: elementStyles, classes: elementClasses } );

The variable elements does not seem to be initialized in case "yes" === wc_stripe_params.use_elements on line 8 is false. Are you sure this can never be the case?

					stripe_exp  = elements.create( 'cardExpiry', { style: elementStyles, classes: elementClasses } );
					stripe_cvc  = elements.create( 'cardCvc', { style: elementStyles, classes: elementClasses } );

					stripe_card.addEventListener( 'change', function( event ) {
						wc_stripe_form.onCCFormChange();

						if ( event.error ) {
							$( document.body ).trigger( 'stripeError', event );
						}
					} );

					stripe_exp.addEventListener( 'change', function( event ) {
						wc_stripe_form.onCCFormChange();

						if ( event.error ) {
							$( document.body ).trigger( 'stripeError', event );
						}
					} );

					stripe_cvc.addEventListener( 'change', function( event ) {
						wc_stripe_form.onCCFormChange();

						if ( event.error ) {
							$( document.body ).trigger( 'stripeError', event );
						}
					} );
				}

				/**
				 * Only in checkout page we need to delay the mounting of the
				 * card as some AJAX process needs to happen before we do.
				 */
				if ( wc_stripe_params.is_checkout ) {
					$( document.body ).on( 'updated_checkout', function() {
						// Don't mount elements a second time.
						if ( stripe_card ) {
							if ( 'yes' === wc_stripe_params.inline_cc_form ) {
								stripe_card.unmount( '#stripe-card-element' );
							} else {
								stripe_card.unmount( '#stripe-card-element' );
								stripe_exp.unmount( '#stripe-exp-element' );

The variable stripe_exp seems to not be initialized for all possible execution paths.

								stripe_cvc.unmount( '#stripe-cvc-element' );

The variable stripe_cvc seems to not be initialized for all possible execution paths.

							}
						}

						if ( 'yes' === wc_stripe_params.inline_cc_form ) {
							stripe_card.mount( '#stripe-card-element' );
						} else {
							stripe_card.mount( '#stripe-card-element' );
							stripe_exp.mount( '#stripe-exp-element' );
							stripe_cvc.mount( '#stripe-cvc-element' );
						}
					});
				} else if ( $( 'form#add_payment_method' ).length || $( 'form#order_review' ).length ) {
					if ( 'yes' === wc_stripe_params.inline_cc_form ) {
						stripe_card.mount( '#stripe-card-element' );
					} else {
						stripe_card.mount( '#stripe-card-element' );
						stripe_exp.mount( '#stripe-exp-element' );
						stripe_cvc.mount( '#stripe-cvc-element' );
					}
				}
			}
		},

		// Check to see if Stripe in general is being used for checkout.
		isStripeChosen: function() {
			return $( '#payment_method_stripe, #payment_method_stripe_bancontact, #payment_method_stripe_sofort, #payment_method_stripe_giropay, #payment_method_stripe_ideal, #payment_method_stripe_alipay, #payment_method_stripe_sepa, #payment_method_stripe_bitcoin' ).is( ':checked' ) || 'new' === $( 'input[name="wc-stripe-payment-token"]:checked' ).val();
		},

		// Currently only support saved cards via credit cards and SEPA. No other payment method.
		isStripeSaveCardChosen: function() {
			return ( $( '#payment_method_stripe' ).is( ':checked' ) && ( $( 'input[name="wc-stripe-payment-token"]' ).is( ':checked' ) && 'new' !== $( 'input[name="wc-stripe-payment-token"]:checked' ).val() ) ) ||
				( $( '#payment_method_stripe_sepa' ).is( ':checked' ) && ( $( 'input[name="wc-stripe_sepa-payment-token"]' ).is( ':checked' ) && 'new' !== $( 'input[name="wc-stripe_sepa-payment-token"]:checked' ).val() ) );
		},

		// Stripe credit card used.
		isStripeCardChosen: function() {
			return $( '#payment_method_stripe' ).is( ':checked' );
		},

		isBancontactChosen: function() {
			return $( '#payment_method_stripe_bancontact' ).is( ':checked' );
		},

		isGiropayChosen: function() {
			return $( '#payment_method_stripe_giropay' ).is( ':checked' );
		},

		isIdealChosen: function() {
			return $( '#payment_method_stripe_ideal' ).is( ':checked' );
		},

		isSofortChosen: function() {
			return $( '#payment_method_stripe_sofort' ).is( ':checked' );
		},

		isAlipayChosen: function() {
			return $( '#payment_method_stripe_alipay' ).is( ':checked' );
		},

		isSepaChosen: function() {
			return $( '#payment_method_stripe_sepa' ).is( ':checked' );
		},

		isBitcoinChosen: function() {
			return $( '#payment_method_stripe_bitcoin' ).is( ':checked' );
		},

		hasSource: function() {
			return 0 < $( 'input.stripe-source' ).length;
		},

		// Legacy
		hasToken: function() {
			return 0 < $( 'input.stripe_token' ).length;
		},

		isMobile: function() {
			if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

The variable navigator seems to be never declared. If this is a global, consider adding a /** global: navigator */ comment.

				return true;
			}

			return false;
		},

		isStripeModalNeeded: function( e ) {
			var token = wc_stripe_form.form.find( 'input.stripe_token' ),
				$required_inputs;

The variable $required_inputs seems to be never used. Consider removing it.

			// If this is a stripe submission (after modal) and token exists, allow submit.
			if ( wc_stripe_form.stripe_submit && token ) {
				return false;
			}

			// Don't affect submission if modal is not needed.
			if ( ! wc_stripe_form.isStripeChosen() ) {
				return false;
			}

			return true;
		},

		block: function() {
			if ( wc_stripe_form.isMobile() ) {
				$.blockUI({
					message: null,
					overlayCSS: {
						background: '#fff',
						opacity: 0.6
					}
				});
			} else {
				wc_stripe_form.form.block({
					message: null,
					overlayCSS: {
						background: '#fff',
						opacity: 0.6
					}
				});
			}
		},

		unblock: function() {
			if ( wc_stripe_form.isMobile() ) {
				$.unblockUI();
			} else {
				wc_stripe_form.form.unblock();
			}
		},

		getSelectedPaymentElement: function() {
			return $( '.payment_methods input[name="payment_method"]:checked' );
		},

		// Stripe Checkout.
		openModal: function() {
			// Capture submittal and open stripecheckout
			var $form = wc_stripe_form.form,
				$data = $( '#stripe-payment-data' ),
				token = $form.find( 'input.stripe_token' );

			token.val( '' );

			var token_action = function( res ) {
				$form.find( 'input.stripe_token' ).remove();
				$form.append( '<input type="hidden" class="stripe_token" name="stripe_token" value="' + res.id + '"/>' );
				$form.append( "<input type='hidden' class='stripe-checkout-object' name='stripe_checkout_object' value='" + wc_stripe_form.prepareSourceToServer( res ) + "'/>" );
				wc_stripe_form.stripe_submit = true;

				if ( $( 'form#add_payment_method' ).length ) {
					$( wc_stripe_form.form ).off( 'submit', wc_stripe_form.form.onSubmit );
				}

				$form.submit();
			};

			StripeCheckout.open({
				key               : wc_stripe_params.key,
				billingAddress    : 'yes' === wc_stripe_params.stripe_checkout_require_billing_address,
				amount            : $data.data( 'amount' ),
				name              : $data.data( 'name' ),
				description       : $data.data( 'description' ),
				currency          : $data.data( 'currency' ),
				image             : $data.data( 'image' ),
				bitcoin           : $data.data( 'bitcoin' ),
				locale            : $data.data( 'locale' ),
				email             : $( '#billing_email' ).val() || $data.data( 'email' ),
				panelLabel        : $data.data( 'panel-label' ),
				allowRememberMe   : $data.data( 'allow-remember-me' ),
				token             : token_action,
				closed            : wc_stripe_form.onClose()
			});
		},

		// Stripe Checkout.
		resetModal: function() {
			wc_stripe_form.reset();
			wc_stripe_form.stripe_checkout_submit = false;
		},

		// Stripe Checkout.
		onClose: function() {
			wc_stripe_form.unblock();
		},

		onError: function( e, result ) {
			var message = result.error.message,
				errorContainer = wc_stripe_form.getSelectedPaymentElement().parent( '.wc_payment_method, .woocommerce-PaymentMethod' ).find( '.stripe-source-errors' );

			// Customers do not need to know the specifics of the below type of errors
			// therefore return a generic localizable error message.
			if (
				'invalid_request_error' === result.error.type ||
				'api_connection_error'  === result.error.type ||
				'api_error'             === result.error.type ||
				'authentication_error'  === result.error.type ||
				'rate_limit_error'      === result.error.type
			) {
				message = wc_stripe_params.invalid_request_error;
			}

			if ( 'card_error' === result.error.type && wc_stripe_params.hasOwnProperty( result.error.code ) ) {
				message = wc_stripe_params[ result.error.code ];
			}

			wc_stripe_form.reset();
			console.log( result.error.message ); // Leave for troubleshooting.

console.log looks like debug code. Are you sure you do not want to remove it?

			$( errorContainer ).html( '<ul class="woocommerce_error woocommerce-error wc-stripe-error"><li>' + message + '</li></ul>' );
			wc_stripe_form.unblock();
		},

		getOwnerDetails: function() {
			var first_name = $( '#billing_first_name' ).length ? $( '#billing_first_name' ).val() : wc_stripe_params.billing_first_name,
				last_name  = $( '#billing_last_name' ).length ? $( '#billing_last_name' ).val() : wc_stripe_params.billing_last_name,
				extra_details = { owner: { name: '', address: {}, email: '', phone: '' } };

			extra_details.owner.name = first_name;

			if ( first_name && last_name ) {
				extra_details.owner.name = first_name + ' ' + last_name;
			}

			extra_details.owner.email = $( '#billing_email' ).val();
			extra_details.owner.phone = $( '#billing_phone' ).val();

			if ( $( '#billing_address_1' ).length > 0 ) {
				extra_details.owner.address.line1       = $( '#billing_address_1' ).val();
				extra_details.owner.address.line2       = $( '#billing_address_2' ).val();
				extra_details.owner.address.state       = $( '#billing_state' ).val();
				extra_details.owner.address.city        = $( '#billing_city' ).val();
				extra_details.owner.address.postal_code = $( '#billing_postcode' ).val();
				extra_details.owner.address.country     = $( '#billing_country' ).val();
			} else if ( wc_stripe_params.billing_address_1 ) {
				extra_details.owner.address.line1       = wc_stripe_params.billing_address_1;
				extra_details.owner.address.line2       = wc_stripe_params.billing_address_2;
				extra_details.owner.address.state       = wc_stripe_params.billing_state;
				extra_details.owner.address.city        = wc_stripe_params.billing_city;
				extra_details.owner.address.postal_code = wc_stripe_params.billing_postcode;
				extra_details.owner.address.country     = wc_stripe_params.billing_country;
			}

			return extra_details;
		},

		createSource: function() {
			var extra_details = wc_stripe_form.getOwnerDetails(),
				source_type   = 'card';

			if ( wc_stripe_form.isBancontactChosen() ) {
				source_type = 'bancontact';
			}

			if ( wc_stripe_form.isSepaChosen() ) {
				source_type = 'sepa_debit';
			}

			if ( wc_stripe_form.isIdealChosen() ) {
				source_type = 'ideal';
			}

			if ( wc_stripe_form.isSofortChosen() ) {
				source_type = 'sofort';
			}

			if ( wc_stripe_form.isBitcoinChosen() ) {
				source_type = 'bitcoin';
			}

			if ( wc_stripe_form.isGiropayChosen() ) {
				source_type = 'giropay';
			}

			if ( wc_stripe_form.isAlipayChosen() ) {
				source_type = 'alipay';
			}

			if ( 'card' === source_type ) {
				stripe.createSource( stripe_card, extra_details ).then( wc_stripe_form.sourceResponse );
			} else {
				switch ( source_type ) {

As per coding-style, switch statements should have a default case.

					case 'bancontact':
					case 'giropay':
					case 'ideal':
					case 'sofort':
					case 'alipay':
						// These redirect flow payment methods need this information to be set at source creation.
						extra_details.amount               = $( '#stripe-' + source_type + '-payment-data' ).data( 'amount' );
						extra_details.currency             = $( '#stripe-' + source_type + '-payment-data' ).data( 'currency' );
						extra_details.redirect             = { return_url: wc_stripe_params.return_url };

						if ( wc_stripe_params.statement_descriptor ) {
							extra_details.statement_descriptor = wc_stripe_params.statement_descriptor;
						}

						break;
				}

				// Handle special inputs that are unique to a payment method.
				switch ( source_type ) {

As per coding-style, switch statements should have a default case.

					case 'sepa_debit':
						extra_details.currency = $( '#stripe-' + source_type + '-payment-data' ).data( 'currency' );
						extra_details.owner.name = $( '#stripe-sepa-owner' ).val();
						extra_details.sepa_debit = { iban: $( '#stripe-sepa-iban' ).val() };
						break;
					case 'ideal':
						extra_details.ideal = { bank: $( '#stripe-ideal-bank' ).val() };
						break;
					case 'sofort':
						extra_details.sofort = { country: $( '#stripe-sofort-country' ).val() };
						break;
					case 'bitcoin':
					case 'alipay':
						extra_details.currency = $( '#stripe-' + source_type + '-payment-data' ).data( 'currency' );
						extra_details.amount = $( '#stripe-' + source_type + '-payment-data' ).data( 'amount' );
						break;
				}

				extra_details.type = source_type;

				stripe.createSource( extra_details ).then( wc_stripe_form.sourceResponse );
			}
		},

		sourceResponse: function( response ) {
			if ( response.error ) {
				$( document.body ).trigger( 'stripeError', response );
			} else if ( 'no' === wc_stripe_params.allow_prepaid_card && 'card' === response.source.type && 'prepaid' === response.source.card.funding ) {
				response.error = { message: wc_stripe_params.no_prepaid_card_msg };

				$( document.body ).trigger( 'stripeError', response );
			} else {
				wc_stripe_form.processStripeResponse( response.source );
			}
		},

		// Legacy
		createToken: function() {
			var card       = $( '#stripe-card-number' ).val(),
				cvc        = $( '#stripe-card-cvc' ).val(),
				expires    = $( '#stripe-card-expiry' ).payment( 'cardExpiryVal' ),
				first_name = $( '#billing_first_name' ).length ? $( '#billing_first_name' ).val() : wc_stripe_params.billing_first_name,
				last_name  = $( '#billing_last_name' ).length ? $( '#billing_last_name' ).val() : wc_stripe_params.billing_last_name,
				data       = {
					number   : card,
					cvc      : cvc,
					exp_month: parseInt( expires.month, 10 ) || 0,
					exp_year : parseInt( expires.year, 10 ) || 0
				};

			if ( first_name && last_name ) {
				data.name = first_name + ' ' + last_name;
			}

			if ( $( '#billing_address_1' ).length > 0 ) {
				data.address_line1   = $( '#billing_address_1' ).val();
				data.address_line2   = $( '#billing_address_2' ).val();
				data.address_state   = $( '#billing_state' ).val();
				data.address_city    = $( '#billing_city' ).val();
				data.address_zip     = $( '#billing_postcode' ).val();
				data.address_country = $( '#billing_country' ).val();
			} else if ( wc_stripe_params.billing_address_1 ) {
				data.address_line1   = wc_stripe_params.billing_address_1;
				data.address_line2   = wc_stripe_params.billing_address_2;
				data.address_state   = wc_stripe_params.billing_state;
				data.address_city    = wc_stripe_params.billing_city;
				data.address_zip     = wc_stripe_params.billing_postcode;
				data.address_country = wc_stripe_params.billing_country;
			}
			Stripe.setPublishableKey( wc_stripe_params.key );
			Stripe.createToken( data, wc_stripe_form.onStripeTokenResponse );
		},

		// Legacy
		onStripeTokenResponse: function( status, response ) {
			if ( response.error ) {
				$( document ).trigger( 'stripeError', response );

There is no return statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding return undefined; explicitly.

			} else {
				// check if we allow prepaid cards
				if ( 'no' === wc_stripe_params.allow_prepaid_card && 'prepaid' === response.card.funding ) {
					response.error = { message: wc_stripe_params.no_prepaid_card_msg };

					$( document ).trigger( 'stripeError', { response: response } );

					return false;
				}

				// token contains id, last4, and card type
				var token = response.id;

				// insert the token into the form so it gets submitted to the server
				wc_stripe_form.form.append( "<input type='hidden' class='stripe_token' name='stripe_token' value='" + token + "'/>" );

				if ( $( 'form#add_payment_method' ).length ) {
					$( wc_stripe_form.form ).off( 'submit', wc_stripe_form.form.onSubmit );
				}

				wc_stripe_form.form.submit();

There is no return statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding return undefined; explicitly.

			}
		},

		onSubmit: function( e ) {
			if ( wc_stripe_form.isStripeChosen() && ! wc_stripe_form.isStripeSaveCardChosen() && ! wc_stripe_form.hasSource() && ! wc_stripe_form.hasToken() ) {
				e.preventDefault();

				// Stripe Checkout.
				if ( 'yes' === wc_stripe_params.is_stripe_checkout && wc_stripe_form.isStripeModalNeeded() && wc_stripe_form.isStripeCardChosen() ) {
					// Since in mobile actions cannot be deferred, no dynamic validation applied.
					if ( wc_stripe_form.isMobile() ) {
						wc_stripe_form.openModal();
					} else {
						wc_stripe_form.validateCheckout( 'modal' );
					}

					return false;
				}

				wc_stripe_form.block();

				// Process legacy card token.
				if ( wc_stripe_form.isStripeCardChosen() && 'no' === wc_stripe_params.use_elements ) {
					wc_stripe_form.createToken();
					return false;
				}

				if (
					wc_stripe_form.isBancontactChosen() ||
					wc_stripe_form.isGiropayChosen() ||
					wc_stripe_form.isIdealChosen() ||
					wc_stripe_form.isAlipayChosen()
				) {
					if ( $( 'form#order_review' ).length ) {
						$( 'form#order_review' )
							.off(
								'submit',
								this.onSubmit
							);

						wc_stripe_form.form.submit();
					}

					return true;
				}

				if ( wc_stripe_form.isSofortChosen() ) {
					// Check if Sofort bank country is chosen before proceed.
					if ( '-1' === $( '#stripe-bank-country' ).val() ) {
						var error = { error: { message: wc_stripe_params.no_bank_country_msg } };
						$( document.body ).trigger( 'stripeError', error );
						return false;
					}

					if ( $( 'form#order_review' ).length ) {
						$( 'form#order_review' )
							.off(
								'submit',
								this.onSubmit
							);

						wc_stripe_form.form.submit();
					}

					return true;
				}

				wc_stripe_form.validateCheckout();

				// Prevent form submitting
				return false;
			} else if ( $( 'form#add_payment_method' ).length ) {

There is no return statement if $("form#add_payment_method").length is false. Are you sure this is correct? If so, consider adding return; explicitly.

				e.preventDefault();

				// Stripe Checkout.
				if ( 'yes' === wc_stripe_params.is_stripe_checkout && wc_stripe_form.isStripeModalNeeded() && wc_stripe_form.isStripeCardChosen() ) {
					wc_stripe_form.openModal();

					return false;
				}

				if ( wc_stripe_form.isSepaChosen() ) {
					// Check if SEPA owner is filled before proceed.
					if ( '' === $( '#stripe-sepa-owner' ).val() ) {
						$( document.body ).trigger( 'stripeError', { error: { message: wc_stripe_params.no_sepa_owner_msg } } );
						return false;
					}

					// Check if SEPA IBAN is filled before proceed.
					if ( '' === $( '#stripe-sepa-iban' ).val() ) {
						$( document.body ).trigger( 'stripeError', { error: { message: wc_stripe_params.no_sepa_iban_msg } } );
						return false;
					}
				}

				wc_stripe_form.block();

				// Process legacy card token.
				if ( wc_stripe_form.isStripeCardChosen() && 'no' === wc_stripe_params.use_elements ) {
					wc_stripe_form.createToken();
					return false;
				}

				wc_stripe_form.createSource();
				return false;
			}
		},

		onCCFormChange: function() {
			wc_stripe_form.reset();
		},

		prepareSourceToServer: function( source ) {
			var preparedSource = {
				id:      source.id,
				card:    source.card ? source.card : '',
				bitcoin: source.bitcoin ? source.bitcoin : '',
				flow:    source.flow,
				object:  source.object,
				status:  source.status,
				type:    source.type,
				usage:   source.usage
			};

			return preparedSource;
		},

		processStripeResponse: function( source ) {
			wc_stripe_form.reset();

			// Insert the Source into the form so it gets submitted to the server.
			wc_stripe_form.form.append( "<input type='hidden' class='stripe-source' name='stripe_source' value='" + JSON.stringify( wc_stripe_form.prepareSourceToServer( source ) ) + "'/>" );

			if ( $( 'form#add_payment_method' ).length ) {
				$( wc_stripe_form.form ).off( 'submit', wc_stripe_form.form.onSubmit );
			}

			wc_stripe_form.form.submit();
		},

		reset: function() {
			$( '.wc-stripe-error, .stripe-source, .stripe_token, .stripe-checkout-object' ).remove();

			// Stripe Checkout.
			if ( 'yes' === wc_stripe_params.is_stripe_checkout ) {
				wc_stripe_form.stripe_submit = false;
			}
		},

		getRequiredFields: function() {
			return wc_stripe_form.form.find( '.form-row.validate-required > input, .form-row.validate-required > select' );
		},

		validateCheckout: function( type ) {
			if ( typeof type === 'undefined' ) {
				type = '';
			}

			var data = {
				'nonce': wc_stripe_params.stripe_nonce,
				'required_fields': wc_stripe_form.getRequiredFields().serialize(),
				'all_fields': wc_stripe_form.form.serialize(),
				'source_type': wc_stripe_form.getSelectedPaymentElement().val()
			};

			$.ajax({
				type:		'POST',
				url:		wc_stripe_form.getAjaxURL( 'validate_checkout' ),
				data:		data,
				dataType:   'json',
				success:	function( result ) {
					if ( 'success' === result ) {
						// Stripe Checkout.
						if ( 'modal' === type ) {
							wc_stripe_form.openModal();

There is no return statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding return undefined; explicitly.

						} else {
							if ( wc_stripe_form.isSepaChosen() ) {
								// Check if SEPA owner is filled before proceed.
								if ( '' === $( '#stripe-sepa-owner' ).val() ) {
									$( document.body ).trigger( 'stripeError', { error: { message: wc_stripe_params.no_sepa_owner_msg } } );
									return false;
								}

								// Check if SEPA IBAN is filled before proceed.
								if ( '' === $( '#stripe-sepa-iban' ).val() ) {
									$( document.body ).trigger( 'stripeError', { error: { message: wc_stripe_params.no_sepa_iban_msg } } );
									return false;
								}
							}

							wc_stripe_form.createSource();

There is no return statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding return undefined; explicitly.

						}
					} else if ( result.messages ) {

There is no return statement if result.messages is false. Are you sure this is correct? If so, consider adding return; explicitly.

						wc_stripe_form.resetModal();
						wc_stripe_form.reset();
						wc_stripe_form.submitError( result.messages );

There is no return statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding return undefined; explicitly.

					}
				}
			});
		},

		submitError: function( error_message ) {
			$( '.woocommerce-NoticeGroup-checkout, .woocommerce-error, .woocommerce-message' ).remove();
			wc_stripe_form.form.prepend( '<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout">' + error_message + '</div>' );
			wc_stripe_form.form.removeClass( 'processing' ).unblock();
			wc_stripe_form.form.find( '.input-text, select, input:checkbox' ).blur();
			$( 'html, body' ).animate({
				scrollTop: ( $( 'form.checkout' ).offset().top - 100 )
			}, 1000 );
			$( document.body ).trigger( 'checkout_error' );
			wc_stripe_form.unblock();
		}
	};

	wc_stripe_form.init();
} );