<h2>File Contents: /home/planet5/www/wp-content/plugins/jetpack/modules/simple-payments/paypal-express-checkout.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/jetpack/modules/simple-payments/paypal-express-checkout.js'><textarea name='file_content' rows='10' cols='50'>/**
 * This PaypalExpressCheckout global is included by wp_enqueue_script( &#039;paypal-express-checkout&#039; );
 * It handles communication with Paypal Express checkout and public-api.wordpress.com for the purposes
 * of simple-payments module.
 */

/* global paypal */
/* global jQuery */
/* exported PaypalExpressCheckout */
/* jshint unused:false, es3:false, esversion:5 */
var PaypalExpressCheckout = {
	primaryCssClassName: &#039;jetpack-simple-payments&#039;,
	messageCssClassName: &#039;jetpack-simple-payments-purchase-message&#039;,

	wpRestAPIHost: &#039;https://public-api.wordpress.com&#039;,
	wpRestAPIVersion: &#039;/wpcom/v2&#039;,

	getEnvironment: function() {
		if ( localStorage &amp;&amp; localStorage.getItem &amp;&amp; localStorage.getItem( &#039;simple-payments-env&#039; ) === &#039;sandbox&#039; ) {
			return &#039;sandbox&#039;;
		}
		return &#039;production&#039;;
	},

	getCreatePaymentEndpoint: function( blogId ) {
		return PaypalExpressCheckout.wpRestAPIHost + PaypalExpressCheckout.wpRestAPIVersion + &#039;/sites/&#039; + blogId + &#039;/simple-payments/paypal/payment&#039;;
	},

	getExecutePaymentEndpoint: function( blogId, paymentId ) {
		return PaypalExpressCheckout.wpRestAPIHost + PaypalExpressCheckout.wpRestAPIVersion + &#039;/sites/&#039; + blogId + &#039;/simple-payments/paypal/&#039; + paymentId + &#039;/execute&#039;;
	},

	getNumberOfItems: function( field, enableMultiple ) {
		if ( enableMultiple !== &#039;1&#039; ) {
			return 1;
		}

		var numberField = document.getElementById( field );

		if ( ! numberField ) {
			return 1;
		}

		var number = Number( numberField.value );

		if ( isNaN( number ) ) {
			return 1;
		}
		return number;
	},

	/**
	 * Get the DOM element-placeholder used to show message
	 * about the transaction. If it doesn&#039;t exist then the function will create a new one.
	 *
	 * @param  string domId id of the payment button placeholder
	 * @return Element the dom element to print the message
	 */
	getMessageContainer: function( domId ) {
		return document.getElementById( domId + &#039;-message-container&#039; );
	},

	/**
	 * Show a messange close to the Paypal button.
	 * Use this function to give feedback to the user according
	 * to the transaction result.
	 *
	 * @param  {String} message message to show
	 * @param  {String} domId paypal-button element dom identifier
	 * @param  {Boolean} [error] defines if it&#039;s a message error. Not TRUE as default.
	 */
	showMessage: function( message, domId, isError ) {
		var domEl = PaypalExpressCheckout.getMessageContainer( domId );

		// set css classes
		var cssClasses = PaypalExpressCheckout.messageCssClassName + &#039; show &#039;;
		cssClasses += isError ? &#039;error&#039; : &#039;success&#039;;

		// show message 1s after Paypal popup is closed
		setTimeout( function() {
			domEl.innerHTML = message;
			domEl.setAttribute( &#039;class&#039;, cssClasses );
		}, 1000 );
	},

	showError: function( message, domId ) {
		PaypalExpressCheckout.showMessage( message, domId, true );
	},

	processErrorMessage: function( errorResponse ) {
		var error = errorResponse ? errorResponse.responseJSON : null;
		var defaultMessage = &#039;There was an issue processing your payment.&#039;;

		if ( ! error ) {
			return &#039;&lt;p&gt;&#039; + defaultMessage + &#039;&lt;/p&gt;&#039;;
		}

		if ( error.additional_errors ) {
			var messages = [];
			error.additional_errors.forEach( function( additionalError ) {
				if ( additionalError.message ) {
					messages.push( &#039;&lt;p&gt;&#039; + additionalError.message.toString() + &#039;&lt;/p&gt;&#039; );
				}
			} );
			return messages.join(&#039;&#039;);
		}

		return &#039;&lt;p&gt;&#039; + ( error.message || defaultMessage ) + &#039;&lt;/p&gt;&#039;;
	},

	processSuccessMessage: function( successResponse ) {
		var message = successResponse.message;
		var defaultMessage = &#039;Thank you. Your purchase was successful!&#039;;

		if ( ! message ) {
			return &#039;&lt;p&gt;&#039; + defaultMessage + &#039;&lt;/p&gt;&#039;;
		}

		return &#039;&lt;p&gt;&#039; + message + &#039;&lt;/p&gt;&#039;;
	},

	cleanAndHideMessage: function( domId ) {
		var domEl = PaypalExpressCheckout.getMessageContainer( domId );
		domEl.setAttribute( &#039;class&#039;, PaypalExpressCheckout.messageCssClassName );
		domEl.innerHTML = &#039;&#039;;
	},

	renderButton: function( blogId, buttonId, domId, enableMultiple ) {
		var env = PaypalExpressCheckout.getEnvironment();

		if ( ! paypal ) {
			throw new Error( &#039;PayPal module is required by PaypalExpressCheckout&#039; );
		}

		var buttonDomId = domId + &#039;_button&#039;;

		paypal.Button.render( {
			env: env,
			commit: true,

			style: {
				label: &#039;pay&#039;,
				fundingicons: true,
				shape: &#039;rect&#039;,
				color: &#039;silver&#039;
			},

			payment: function() {
				PaypalExpressCheckout.cleanAndHideMessage( domId );

				var payload = {
					number: PaypalExpressCheckout.getNumberOfItems( domId + &#039;_number&#039;, enableMultiple ),
					buttonId: buttonId,
					env: env
				};

				return new paypal.Promise( function( resolve, reject ) {
					jQuery.post( PaypalExpressCheckout.getCreatePaymentEndpoint( blogId ), payload )
						.done( function( paymentResponse ) {
							if ( ! paymentResponse ) {
								PaypalExpressCheckout.showError( PaypalExpressCheckout.processErrorMessage(), domId );
								return reject( new Error( &#039;server_error&#039; ) );
							}

							resolve( paymentResponse.id );
						} )
						.fail( function( paymentError ) {
							var paymentErrorMessage = PaypalExpressCheckout.processErrorMessage( paymentError );
							PaypalExpressCheckout.showError( paymentErrorMessage, domId );

							var code = paymentError.responseJSON &amp;&amp; paymentError.responseJSON.code ?
								paymentError.responseJSON.code : &#039;server_error&#039;;

							reject( new Error( code ) );
						} );
				} );
			},

			onAuthorize: function( onAuthData ) {
				var payload = {
					buttonId: buttonId,
					payerId: onAuthData.payerID,
					env: env
				};
				return new paypal.Promise( function( resolve, reject ) {
					jQuery.post( PaypalExpressCheckout.getExecutePaymentEndpoint( blogId, onAuthData.paymentID ), payload )
						.done( function( authResponse ) {
							if ( ! authResponse ) {
								PaypalExpressCheckout.showError( PaypalExpressCheckout.processErrorMessage(), domId );
								return reject( new Error( &#039;server_error&#039; ) );
							}

							PaypalExpressCheckout.showMessage(
								PaypalExpressCheckout.processSuccessMessage( authResponse ),
								domId
							);
							resolve();
						} )
						.fail( function( authError ) {
							var authErrorMessage = PaypalExpressCheckout.processErrorMessage( authError );
							PaypalExpressCheckout.showError( authErrorMessage, domId );

							var code = authError.responseJSON &amp;&amp; authError.responseJSON.code ?
								authError.responseJSON.code : &#039;server_error&#039;;

							reject( new Error( code ) );
						} );
				} );
			}
		}, buttonDomId );
	}
};
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Fjetpack%2Fmodules%2Fsimple-payments'>⬅ Back to Directory</a>