woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

💡 Improve/adjust debug logging

Browse source
This commit is contained in:
Philipp Stracker 2024-07-29 18:30:03 +02:00
parent 1e5b6d5a21
commit 8814b1f636
No known key found for this signature in database
1 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

40
modules/ppcp-googlepay/resources/js/GooglepayButton.js
View file

@ -36,6 +36,8 @@ class GooglepayButton {
this.buttonConfig = buttonConfig; this.buttonConfig = buttonConfig;
this.ppcpConfig = ppcpConfig; this.ppcpConfig = ppcpConfig;
this.contextHandler = contextHandler; this.contextHandler = contextHandler;
this.log( 'Create instance' );
} }
/** /**
@ -47,7 +49,8 @@ class GooglepayButton {
* Enables debugging tools, when the button's is_debug flag is set. * Enables debugging tools, when the button's is_debug flag is set.
* *
* @param {boolean} enableDebugging If debugging features should be enabled for this instance. * @param {boolean} enableDebugging If debugging features should be enabled for this instance.
* @param {string} context Used to make the instance accessible via the global debug object. * @param {string} context Used to make the instance accessible via the global debug
* object.
* @private * @private
*/ */
_initDebug( enableDebugging, context ) { _initDebug( enableDebugging, context ) {
@ -81,6 +84,8 @@ class GooglepayButton {
return; return;
} }
this.log( 'Init' );
this.googlePayConfig = config; this.googlePayConfig = config;
this.transactionInfo = transactionInfo; this.transactionInfo = transactionInfo;
this.allowedPaymentMethods = config.allowedPaymentMethods; this.allowedPaymentMethods = config.allowedPaymentMethods;
@ -218,9 +223,13 @@ class GooglepayButton {
this.onPaymentDataChanged.bind( this ); this.onPaymentDataChanged.bind( this );
} }
/**
* Consider providing merchant info here:
*
* @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentOptions
*/
this.paymentsClient = new google.payments.api.PaymentsClient( { this.paymentsClient = new google.payments.api.PaymentsClient( {
environment: this.buttonConfig.environment, environment: this.buttonConfig.environment,
// add merchant info maybe
paymentDataCallbacks: callbacks, paymentDataCallbacks: callbacks,
} ); } );
} }
@ -266,7 +275,7 @@ class GooglepayButton {
* @param baseCardPaymentMethod * @param baseCardPaymentMethod
*/ */
addButton( baseCardPaymentMethod ) { addButton( baseCardPaymentMethod ) {
this.log( 'addButton', this.context ); this.log( 'addButton' );
const { wrapper, ppcpStyle, buttonStyle } = this.contextConfig(); const { wrapper, ppcpStyle, buttonStyle } = this.contextConfig();
@ -344,17 +353,14 @@ class GooglepayButton {
* Show Google Pay payment sheet when Google Pay payment button is clicked * Show Google Pay payment sheet when Google Pay payment button is clicked
*/ */
onButtonClick() { onButtonClick() {
this.log( 'onButtonClick', this.context ); this.log( 'onButtonClick' );
const paymentDataRequest = this.paymentDataRequest(); const paymentDataRequest = this.paymentDataRequest();
this.log( this.log( 'onButtonClick: paymentDataRequest', paymentDataRequest );
'onButtonClick: paymentDataRequest',
paymentDataRequest,
this.context
);
window.ppcpFundingSource = 'googlepay'; // Do this on another place like on create order endpoint handler. // Do this on another place like on create order endpoint handler.
window.ppcpFundingSource = 'googlepay';
this.paymentsClient.loadPaymentData( paymentDataRequest ); this.paymentsClient.loadPaymentData( paymentDataRequest );
} }
@ -404,8 +410,7 @@ class GooglepayButton {
} }
onPaymentDataChanged( paymentData ) { onPaymentDataChanged( paymentData ) {
this.log( 'onPaymentDataChanged', this.context ); this.log( 'onPaymentDataChanged', paymentData );
this.log( 'paymentData', paymentData );
return new Promise( async ( resolve, reject ) => { return new Promise( async ( resolve, reject ) => {
try { try {
@ -478,18 +483,18 @@ class GooglepayButton {
//------------------------ //------------------------
onPaymentAuthorized( paymentData ) { onPaymentAuthorized( paymentData ) {
this.log( 'onPaymentAuthorized', this.context ); this.log( 'onPaymentAuthorized' );
return this.processPayment( paymentData ); return this.processPayment( paymentData );
} }
async processPayment( paymentData ) { async processPayment( paymentData ) {
this.log( 'processPayment', this.context ); this.log( 'processPayment' );
return new Promise( async ( resolve, reject ) => { return new Promise( async ( resolve, reject ) => {
try { try {
const id = await this.contextHandler.createOrder(); const id = await this.contextHandler.createOrder();
this.log( 'processPayment: createOrder', id, this.context ); this.log( 'processPayment: createOrder', id );
const confirmOrderResponse = await widgetBuilder.paypal const confirmOrderResponse = await widgetBuilder.paypal
.Googlepay() .Googlepay()
@ -500,8 +505,7 @@ class GooglepayButton {
this.log( this.log(
'processPayment: confirmOrder', 'processPayment: confirmOrder',
confirmOrderResponse, confirmOrderResponse
this.context
); );
/** Capture the Order on the Server */ /** Capture the Order on the Server */
@ -571,7 +575,7 @@ class GooglepayButton {
}; };
} }
this.log( 'processPaymentResponse', response, this.context ); this.log( 'processPaymentResponse', response );
return response; return response;
} }