stripe-apple-pay.js ➔ ... ➔ Stripe.applePay.buildSession-1 - Code Metrics - Inspection of "Log apple pay errors that happen before payment sh..." - woocommerce/woocommerce-gateway-stripe - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( cf995f...f5187d )

by Roy

created 2017-03-24 00:35 UTC

-1 B

↳ Parent: stripe-apple-pay.js ➔ ... ➔ $(ꞌ.apple-pay-buttonꞌ).click

Complexity

Conditions	1
Paths	1

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
dl	0
loc	27
rs	8.8571
c	0
b	0
f	0
cc	1
nc	1
nop	2

/* global wc_stripe_apple_pay_params, Stripe */
Stripe.setPublishableKey( wc_stripe_apple_pay_params.key );

jQuery( function( $ ) {

	'use strict';

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

		/**
		 * Initialize event handlers and UI state.
		 */
		init: function() {
			Stripe.applePay.checkAvailability( function( available ) {
				if ( available ) {
					$( '.apple-pay-button' ).show();
					// This is so it is centered on the checkout page.
					$( '.woocommerce-checkout .apple-pay-button' ).css( 'visibility', 'visible' );
					$( '.apple-pay-button-checkout-separator' ).show();

					wc_stripe_apple_pay.generate_cart();
				}
			});

			$( document.body ).on( 'click', '.apple-pay-button', function( e ) {
				e.preventDefault();

				var paymentRequest = {
						countryCode: wc_stripe_apple_pay_params.country_code,
						currencyCode: wc_stripe_apple_pay_params.currency_code,
						total: {
							label: wc_stripe_apple_pay_params.label,
							amount: wc_stripe_apple_pay_params.total
						},
						lineItems: wc_stripe_apple_pay_params.line_items,
						requiredBillingContactFields: ['postalAddress'],
						requiredShippingContactFields: 'yes' === wc_stripe_apple_pay_params.needs_shipping ? ['postalAddress', 'phone', 'email', 'name'] : ['phone', 'email', 'name']
					};

				var applePaySession = Stripe.applePay.buildSession( paymentRequest, function( result, completion ) {
					var data = {
						'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_nonce,
						'result': result
					};

					$.ajax({
						type:    'POST',
						data:    data,
						url:     wc_stripe_apple_pay.getAjaxURL( 'apple_pay' ),
						success: function( response ) {
							if ( 'true' === response.success ) {
								completion( ApplePaySession.STATUS_SUCCESS );

								window.location.href = response.redirect;
							}

							if ( 'false' === response.success ) {
								completion( ApplePaySession.STATUS_FAILURE );

								$( '.apple-pay-button' ).before( '<p class="woocommerce-error wc-stripe-apple-pay-error">' + response.msg + '</p>' );

								// Scroll to error so user can see it.
								$( document.body ).animate({ scrollTop: $( '.wc-stripe-apple-pay-error' ).offset().top }, 500 );
							}
						}
					});
				}, function( error ) {
					var data = {
						'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_cart_nonce,
						'errors': error.message
					};

					$.ajax({
						type:    'POST',
						data:    data,
						url:     wc_stripe_apple_pay.getAjaxURL( 'log_apple_pay_errors' )
					});
				});

				// If shipping is needed -- get shipping methods.
				if ( 'yes' === wc_stripe_apple_pay_params.needs_shipping ) {
					// After the shipping contact/address has been selected
					applePaySession.onshippingcontactselected = function( shipping ) {
						var data = {
							'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_get_shipping_methods_nonce,
							'address': shipping.shippingContact
						};

						$.ajax({
							type:    'POST',
							data:    data,
							url:     wc_stripe_apple_pay.getAjaxURL( 'apple_pay_get_shipping_methods' ),
							success: function( response ) {
								var total = { 
									'label': wc_stripe_apple_pay_params.label,
									'amount': response.total
								};

								if ( 'true' === response.success ) {
									applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_SUCCESS, response.shipping_methods, total, response.line_items );

								}

								if ( 'false' === response.success ) {
									applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, response.shipping_methods, total, response.line_items );
								}
							}
						});
					};

					// After the shipping method has been selected
					applePaySession.onshippingmethodselected = function( event ) {
						var data = {
							'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_update_shipping_method_nonce,
							'selected_shipping_method': event.shippingMethod
						};

						$.ajax({
							type:    'POST',
							data:    data,
							url:     wc_stripe_apple_pay.getAjaxURL( 'apple_pay_update_shipping_method' ),
							success: function( response ) {
								var newTotal = {
									'label': wc_stripe_apple_pay_params.label,
									'amount': parseFloat( response.total ).toFixed(2)
								};

								if ( 'true' === response.success ) {
									applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_SUCCESS, newTotal, response.line_items );

								}

								if ( 'false' === response.success ) {
									applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, newTotal, response.line_items );
								}
							}
						});
					};
				}

				applePaySession.begin();
			});
		},

		generate_cart: function() {
			var data = {
					'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_cart_nonce
				};

			$.ajax({
				type:    'POST',
				data:    data,
				url:     wc_stripe_apple_pay.getAjaxURL( 'generate_apple_pay_cart' ),
				success: function( response ) {
					wc_stripe_apple_pay_params.total      = response.total;
					wc_stripe_apple_pay_params.line_items = response.line_items;
				}
			});
		}
	};

	wc_stripe_apple_pay.init();

	// We need to refresh Apple Pay data when total is updated.
	$( document.body ).on( 'updated_cart_totals', function() {
		wc_stripe_apple_pay.init();
	});

	// We need to refresh Apple Pay data when total is updated.
	$( document.body ).on( 'updated_checkout', function() {
		wc_stripe_apple_pay.init();
	});
});


1			/* global wc_stripe_apple_pay_params, Stripe */
2			Stripe.setPublishableKey( wc_stripe_apple_pay_params.key );
3
4			jQuery( function( $ ) {
			0 ignored issues – show Duplication introduced 2017-03-09 13:18 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
5			'use strict';
6
7			/**
8			* Object to handle Stripe payment forms.
9			*/
10			var wc_stripe_apple_pay = {
11			/**
12			* Get WC AJAX endpoint URL.
13			*
14			* @param {String} endpoint Endpoint.
15			* @return {String}
16			*/
17			getAjaxURL: function( endpoint ) {
18			return wc_stripe_apple_pay_params.ajaxurl
19			.toString()
20			.replace( '%%endpoint%%', 'wc_stripe_' + endpoint );
21			},
22
23			/**
24			* Initialize event handlers and UI state.
25			*/
26			init: function() {
27			Stripe.applePay.checkAvailability( function( available ) {
28			if ( available ) {
29			$( '.apple-pay-button' ).show();
30			// This is so it is centered on the checkout page.
31			$( '.woocommerce-checkout .apple-pay-button' ).css( 'visibility', 'visible' );
32			$( '.apple-pay-button-checkout-separator' ).show();
33
34			wc_stripe_apple_pay.generate_cart();
35			}
36			});
37
38			$( document.body ).on( 'click', '.apple-pay-button', function( e ) {
39			e.preventDefault();
40
41			var paymentRequest = {
42			countryCode: wc_stripe_apple_pay_params.country_code,
43			currencyCode: wc_stripe_apple_pay_params.currency_code,
44			total: {
45			label: wc_stripe_apple_pay_params.label,
46			amount: wc_stripe_apple_pay_params.total
47			},
48			lineItems: wc_stripe_apple_pay_params.line_items,
49			requiredBillingContactFields: ['postalAddress'],
50			requiredShippingContactFields: 'yes' === wc_stripe_apple_pay_params.needs_shipping ? ['postalAddress', 'phone', 'email', 'name'] : ['phone', 'email', 'name']
51			};
52
53			var applePaySession = Stripe.applePay.buildSession( paymentRequest, function( result, completion ) {
54			var data = {
55			'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_nonce,
56			'result': result
57			};
58
59			$.ajax({
60			type: 'POST',
61			data: data,
62			url: wc_stripe_apple_pay.getAjaxURL( 'apple_pay' ),
63			success: function( response ) {
64			if ( 'true' === response.success ) {
65			completion( ApplePaySession.STATUS_SUCCESS );
			0 ignored issues – show Bug introduced 2016-10-22 22:01 UTC by Report Bug Copy Issue Report The variable `ApplePaySession` seems to be never declared. If this is a global, consider adding a `/** global: ApplePaySession */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
66			window.location.href = response.redirect;
67			}
68
69			if ( 'false' === response.success ) {
70			completion( ApplePaySession.STATUS_FAILURE );
71
72			$( '.apple-pay-button' ).before( '<p class="woocommerce-error wc-stripe-apple-pay-error">' + response.msg + '</p>' );
73
74			// Scroll to error so user can see it.
75			$( document.body ).animate({ scrollTop: $( '.wc-stripe-apple-pay-error' ).offset().top }, 500 );
76			}
77			}
78			});
79			}, function( error ) {
80			var data = {
81			'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_cart_nonce,
82			'errors': error.message
83			};
84
85			$.ajax({
86			type: 'POST',
87			data: data,
88			url: wc_stripe_apple_pay.getAjaxURL( 'log_apple_pay_errors' )
89			});
90			});
91
92			// If shipping is needed -- get shipping methods.
93			if ( 'yes' === wc_stripe_apple_pay_params.needs_shipping ) {
94			// After the shipping contact/address has been selected
95			applePaySession.onshippingcontactselected = function( shipping ) {
96			var data = {
97			'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_get_shipping_methods_nonce,
98			'address': shipping.shippingContact
99			};
100
101			$.ajax({
102			type: 'POST',
103			data: data,
104			url: wc_stripe_apple_pay.getAjaxURL( 'apple_pay_get_shipping_methods' ),
105			success: function( response ) {
106			var total = {
107			'label': wc_stripe_apple_pay_params.label,
108			'amount': response.total
109			};
110
111			if ( 'true' === response.success ) {
112			applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_SUCCESS, response.shipping_methods, total, response.line_items );
			0 ignored issues – show Bug introduced 2016-12-15 21:57 UTC by Report Bug Copy Issue Report The variable `ApplePaySession` seems to be never declared. If this is a global, consider adding a `/** global: ApplePaySession */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
113			}
114
115			if ( 'false' === response.success ) {
116			applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, response.shipping_methods, total, response.line_items );
117			}
118			}
119			});
120			};
121
122			// After the shipping method has been selected
123			applePaySession.onshippingmethodselected = function( event ) {
124			var data = {
125			'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_update_shipping_method_nonce,
126			'selected_shipping_method': event.shippingMethod
127			};
128
129			$.ajax({
130			type: 'POST',
131			data: data,
132			url: wc_stripe_apple_pay.getAjaxURL( 'apple_pay_update_shipping_method' ),
133			success: function( response ) {
134			var newTotal = {
135			'label': wc_stripe_apple_pay_params.label,
136			'amount': parseFloat( response.total ).toFixed(2)
137			};
138
139			if ( 'true' === response.success ) {
140			applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_SUCCESS, newTotal, response.line_items );
			0 ignored issues – show Bug introduced 2016-12-15 21:57 UTC by Report Bug Copy Issue Report The variable `ApplePaySession` seems to be never declared. If this is a global, consider adding a `/** global: ApplePaySession */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
141			}
142
143			if ( 'false' === response.success ) {
144			applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, newTotal, response.line_items );
145			}
146			}
147			});
148			};
149			}
150
151			applePaySession.begin();
152			});
153			},
154
155			generate_cart: function() {
156			var data = {
157			'nonce': wc_stripe_apple_pay_params.stripe_apple_pay_cart_nonce
158			};
159
160			$.ajax({
161			type: 'POST',
162			data: data,
163			url: wc_stripe_apple_pay.getAjaxURL( 'generate_apple_pay_cart' ),
164			success: function( response ) {
165			wc_stripe_apple_pay_params.total = response.total;
166			wc_stripe_apple_pay_params.line_items = response.line_items;
167			}
168			});
169			}
170			};
171
172			wc_stripe_apple_pay.init();
173
174			// We need to refresh Apple Pay data when total is updated.
175			$( document.body ).on( 'updated_cart_totals', function() {
176			wc_stripe_apple_pay.init();
177			});
178
179			// We need to refresh Apple Pay data when total is updated.
180			$( document.body ).on( 'updated_checkout', function() {
181			wc_stripe_apple_pay.init();
182			});
183			});
184

woocommerce / woocommerce-gateway-stripe

Push — master ( cf995f...f5187d )

-1 B

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like