assets/js/stripe-apple-pay-single.js - Code Metrics - Inspection of "Add Apple Pay button to single product page ref #1..." - woocommerce/woocommerce-gateway-stripe - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 5f4a71...b9b3e9 )

by Roy

created 2017-02-18 02:56 UTC

assets/js/stripe-apple-pay-single.js A

↳ Parent: Project

Complexity

Total Complexity	31
Complexity/F	1.82

Size

Lines of Code	206
Function Count	17

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
wmc	31
dl	0
loc	206
rs	9.8
c	0
b	0
f	0
cc	0
nc	16
mnd	3
bc	29
fnc	17
bpm	1.7058
cpm	1.8235
noi	4

1 Function

Rating	Name	Duplication	Size	Complexity
B	stripe-apple-pay-single.js ➔ jQuery	0	204	1

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

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

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

		/**
		 * Initialize event handlers and UI state.
		 */
		init: function() {

			Stripe.applePay.checkAvailability( function( available ) {
				if ( available ) {
					$( document.body ).on( 'woocommerce_variation_has_changed', function() {
						wc_stripe_apple_pay_single.generate_cart();
					})

					.on( 'change', '.quantity .qty', function() {
						wc_stripe_apple_pay_single.generate_cart();
					});

					wc_stripe_apple_pay_single.generate_cart();

					$( '.apple-pay-button' ).show();
				}
			});

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

				var addToCartButton = $( '.single_add_to_cart_button' );

				// First check if product can be added to cart.
				if ( addToCartButton.is( '.disabled' ) ) {
					if ( addToCartButton.is( '.wc-variation-is-unavailable' ) ) {
						window.alert( wc_add_to_cart_variation_params.i18n_unavailable_text );

					} else if ( addToCartButton.is( '.wc-variation-selection-needed' ) ) {
						window.alert( wc_add_to_cart_variation_params.i18n_make_a_selection_text );
					}

					return;
				}

				var paymentRequest = {
						countryCode: wc_stripe_apple_pay_single_params.country_code,
						currencyCode: wc_stripe_apple_pay_single_params.currency_code,
						total: {
							label: wc_stripe_apple_pay_single_params.label,
							amount: wc_stripe_apple_pay_single_params.total
						},
						lineItems: wc_stripe_apple_pay_single_params.line_items,
						requiredBillingContactFields: ['postalAddress'],
						requiredShippingContactFields: 'yes' === wc_stripe_apple_pay_single_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_single_params.stripe_apple_pay_nonce,
						'result': result
					};

					$.ajax({
						type:    'POST',
						data:    data,
						url:     wc_stripe_apple_pay_single.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 );
							}
						}
					});
				});

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

						$.ajax({
							type:    'POST',
							data:    data,
							url:     wc_stripe_apple_pay_single.getAjaxURL( 'apple_pay_get_shipping_methods' ),
							success: function( response ) {
								var total = { 
									'label': wc_stripe_apple_pay_single_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_single_params.stripe_apple_pay_update_shipping_method_nonce,
							'selected_shipping_method': event.shippingMethod
						};

						$.ajax({
							type:    'POST',
							data:    data,
							url:     wc_stripe_apple_pay_single.getAjaxURL( 'apple_pay_update_shipping_method' ),
							success: function( response ) {
								var newTotal = {
									'label': wc_stripe_apple_pay_single_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();
			});
		},

		get_attributes: function() {
			var select = $( '.variations_form' ).find( '.variations select' ),
				data   = {},
				count  = 0,
				chosen = 0;

			select.each( function() {
				var attribute_name = $( this ).data( 'attribute_name' ) || $( this ).attr( 'name' );
				var value          = $( this ).val() || '';

				if ( value.length > 0 ) {
					chosen ++;
				}

				count ++;
				data[ attribute_name ] = value;
			});

			return {
				'count'      : count,
				'chosenCount': chosen,
				'data'       : data
			};			
		},

		generate_cart: function() {
			var data = {
					'nonce':      wc_stripe_apple_pay_single_params.stripe_apple_pay_cart_nonce,
					'qty':        $( '.quantity .qty' ).val(),
					'attributes': $( '.variations_form' ).length ? wc_stripe_apple_pay_single.get_attributes().data : []
				};

			return $.ajax({
				type:    'POST',
				data:    data,
				url:     wc_stripe_apple_pay_single.getAjaxURL( 'generate_apple_pay_single' ),
				success: function( response ) {
					wc_stripe_apple_pay_single_params.total      = response.total;
					wc_stripe_apple_pay_single_params.line_items = response.line_items;
				}
			});
		}
	};

	wc_stripe_apple_pay_single.init();
});


1			/* global wc_stripe_apple_pay_single_params, Stripe */
2			Stripe.setPublishableKey( wc_stripe_apple_pay_single_params.key );
3
4			jQuery( function( $ ) {
5			'use strict';
6
7			/**
8			* Object to handle Stripe payment forms.
9			*/
10			var wc_stripe_apple_pay_single = {
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_single_params.ajaxurl
19			.toString()
20			.replace( '%%endpoint%%', 'wc_stripe_' + endpoint );
21			},
22
23			/**
24			* Initialize event handlers and UI state.
25			*/
26			init: function() {
			0 ignored issues – show Duplication introduced 2017-02-18 02:58 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
27			Stripe.applePay.checkAvailability( function( available ) {
28			if ( available ) {
29			$( document.body ).on( 'woocommerce_variation_has_changed', function() {
30			wc_stripe_apple_pay_single.generate_cart();
31			})
32
33			.on( 'change', '.quantity .qty', function() {
34			wc_stripe_apple_pay_single.generate_cart();
35			});
36
37			wc_stripe_apple_pay_single.generate_cart();
38
39			$( '.apple-pay-button' ).show();
40			}
41			});
42
43			$( document.body ).on( 'click', '.apple-pay-button', function( e ) {
44			e.preventDefault();
45
46			var addToCartButton = $( '.single_add_to_cart_button' );
47
48			// First check if product can be added to cart.
49			if ( addToCartButton.is( '.disabled' ) ) {
50			if ( addToCartButton.is( '.wc-variation-is-unavailable' ) ) {
51			window.alert( wc_add_to_cart_variation_params.i18n_unavailable_text );
			0 ignored issues – show Bug introduced 2017-02-18 02:58 UTC by Report Bug Copy Issue Report The variable `wc_add_to_cart_variation_params` seems to be never declared. If this is a global, consider adding a `/** global: wc_add_to_cart_variation_params */` 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...
52			} else if ( addToCartButton.is( '.wc-variation-selection-needed' ) ) {
53			window.alert( wc_add_to_cart_variation_params.i18n_make_a_selection_text );
54			}
55
56			return;
57			}
58
59			var paymentRequest = {
60			countryCode: wc_stripe_apple_pay_single_params.country_code,
61			currencyCode: wc_stripe_apple_pay_single_params.currency_code,
62			total: {
63			label: wc_stripe_apple_pay_single_params.label,
64			amount: wc_stripe_apple_pay_single_params.total
65			},
66			lineItems: wc_stripe_apple_pay_single_params.line_items,
67			requiredBillingContactFields: ['postalAddress'],
68			requiredShippingContactFields: 'yes' === wc_stripe_apple_pay_single_params.needs_shipping ? ['postalAddress', 'phone', 'email', 'name'] : ['phone', 'email', 'name']
69			};
70
71			var applePaySession = Stripe.applePay.buildSession( paymentRequest, function( result, completion ) {
72			var data = {
73			'nonce': wc_stripe_apple_pay_single_params.stripe_apple_pay_nonce,
74			'result': result
75			};
76
77			$.ajax({
78			type: 'POST',
79			data: data,
80			url: wc_stripe_apple_pay_single.getAjaxURL( 'apple_pay' ),
81			success: function( response ) {
82			if ( 'true' === response.success ) {
83			completion( ApplePaySession.STATUS_SUCCESS );
			0 ignored issues – show Bug introduced 2017-02-18 02:58 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...
84			window.location.href = response.redirect;
85			}
86
87			if ( 'false' === response.success ) {
88			completion( ApplePaySession.STATUS_FAILURE );
89
90			$( '.apple-pay-button' ).before( '<p class="woocommerce-error wc-stripe-apple-pay-error">' + response.msg + '</p>' );
91
92			// Scroll to error so user can see it.
93			$( document.body ).animate({ scrollTop: $( '.wc-stripe-apple-pay-error' ).offset().top }, 500 );
94			}
95			}
96			});
97			});
98
99			// If shipping is needed -- get shipping methods.
100			if ( 'yes' === wc_stripe_apple_pay_single_params.needs_shipping ) {
101			// After the shipping contact/address has been selected
102			applePaySession.onshippingcontactselected = function( shipping ) {
103			var data = {
104			'nonce': wc_stripe_apple_pay_single_params.stripe_apple_pay_get_shipping_methods_nonce,
105			'address': shipping.shippingContact
106			};
107
108			$.ajax({
109			type: 'POST',
110			data: data,
111			url: wc_stripe_apple_pay_single.getAjaxURL( 'apple_pay_get_shipping_methods' ),
112			success: function( response ) {
113			var total = {
114			'label': wc_stripe_apple_pay_single_params.label,
115			'amount': response.total
116			};
117
118			if ( 'true' === response.success ) {
119			applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_SUCCESS, response.shipping_methods, total, response.line_items );
			0 ignored issues – show Bug introduced 2017-02-18 02:58 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...
120			}
121
122			if ( 'false' === response.success ) {
123			applePaySession.completeShippingContactSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, response.shipping_methods, total, response.line_items );
124			}
125			}
126			});
127			};
128
129			// After the shipping method has been selected
130			applePaySession.onshippingmethodselected = function( event ) {
131			var data = {
132			'nonce': wc_stripe_apple_pay_single_params.stripe_apple_pay_update_shipping_method_nonce,
133			'selected_shipping_method': event.shippingMethod
134			};
135
136			$.ajax({
137			type: 'POST',
138			data: data,
139			url: wc_stripe_apple_pay_single.getAjaxURL( 'apple_pay_update_shipping_method' ),
140			success: function( response ) {
141			var newTotal = {
142			'label': wc_stripe_apple_pay_single_params.label,
143			'amount': parseFloat( response.total ).toFixed(2)
144			};
145
146			if ( 'true' === response.success ) {
147			applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_SUCCESS, newTotal, response.line_items );
			0 ignored issues – show Bug introduced 2017-02-18 02:58 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...
148			}
149
150			if ( 'false' === response.success ) {
151			applePaySession.completeShippingMethodSelection( ApplePaySession.STATUS_INVALID_SHIPPING_POSTAL_ADDRESS, newTotal, response.line_items );
152			}
153			}
154			});
155			};
156			}
157
158			applePaySession.begin();
159			});
160			},
161
162			get_attributes: function() {
163			var select = $( '.variations_form' ).find( '.variations select' ),
164			data = {},
165			count = 0,
166			chosen = 0;
167
168			select.each( function() {
169			var attribute_name = $( this ).data( 'attribute_name' ) \|\| $( this ).attr( 'name' );
170			var value = $( this ).val() \|\| '';
171
172			if ( value.length > 0 ) {
173			chosen ++;
174			}
175
176			count ++;
177			data[ attribute_name ] = value;
178			});
179
180			return {
181			'count' : count,
182			'chosenCount': chosen,
183			'data' : data
184			};
185			},
186
187			generate_cart: function() {
188			var data = {
189			'nonce': wc_stripe_apple_pay_single_params.stripe_apple_pay_cart_nonce,
190			'qty': $( '.quantity .qty' ).val(),
191			'attributes': $( '.variations_form' ).length ? wc_stripe_apple_pay_single.get_attributes().data : []
192			};
193
194			return $.ajax({
195			type: 'POST',
196			data: data,
197			url: wc_stripe_apple_pay_single.getAjaxURL( 'generate_apple_pay_single' ),
198			success: function( response ) {
199			wc_stripe_apple_pay_single_params.total = response.total;
200			wc_stripe_apple_pay_single_params.line_items = response.line_items;
201			}
202			});
203			}
204			};
205
206			wc_stripe_apple_pay_single.init();
207			});
208

woocommerce / woocommerce-gateway-stripe

Push — master ( 5f4a71...b9b3e9 )

assets/js/stripe-apple-pay-single.js A

Complexity

Size

Duplication

Importance

1 Function

Duplication Side-by-Side

Filter issues like