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

✨ New PaymentButton base class for APM buttons

Browse source 
This class is used to render buttons in the front end, and encapsulates logic that is shared between ApplePay and GooglePay buttons
This commit is contained in:
Philipp Stracker 2024-08-02 17:12:07 +02:00
parent f1f243505c
commit f69209b91c
No known key found for this signature in database
2 changed files with 123 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,9 +1,8 @@
/* global google */
import ConsoleLogger from '../../../ppcp-button/resources/js/modules/Helper/ConsoleLogger';
import PaymentButton from '../../../ppcp-button/resources/js/modules/Renderer/PaymentButton';
import widgetBuilder from '../../../ppcp-button/resources/js/modules/Renderer/WidgetBuilder';
import UpdatePaymentData from './Helper/UpdatePaymentData';
import { apmButtonsInit } from '../../../ppcp-button/resources/js/modules/Helper/ApmButtons';
import {
PaymentMethods,
PaymentContext as CONTEXT,
@ -28,22 +27,10 @@ import {
* @property {string} language - The locale; an empty string will apply the user-agent's language.
*/
class GooglepayButton {
/**
* @type {ConsoleLogger}
*/
#logger;
class GooglepayButton extends PaymentButton {
#wrapperId = '';
#ppcpButtonWrapperId = '';
/**
* Whether the payment button is initialized.
*
* @type {boolean}
*/
#isInitialized = false;
/**
* Whether the current client support the payment button.
* This state is mainly dependent on the response of `PaymentClient.isReadyToPay()`
@ -72,12 +59,8 @@ class GooglepayButton {
ppcpConfig,
contextHandler
) {
this.#logger = new ConsoleLogger( 'GooglePayButton', context );
this.#logger.enabled = !! buttonConfig?.is_debug;
super( 'GooglePayButton', context, buttonConfig, ppcpConfig );
apmButtonsInit( ppcpConfig );
this.context = context;
this.externalHandler = externalHandler;
this.buttonConfig = buttonConfig;
this.ppcpConfig = ppcpConfig;
@ -88,14 +71,6 @@ class GooglepayButton {
this.log( 'Create instance' );
}
log( ...args ) {
this.#logger.log( ...args );
}
error( ...args ) {
this.#logger.error( ...args );
}
/**
* Determines if the current payment button should be rendered as a stand-alone gateway.
* The return value `false` usually means, that the payment button is bundled with all available
@ -301,8 +276,21 @@ class GooglepayButton {
this.refresh();
}
init( config, transactionInfo ) {
if ( this.#isInitialized ) {
init( config = null, transactionInfo = null ) {
if ( this.isInitialized ) {
return;
}
if ( config ) {
this.googlePayConfig = config;
}
if ( transactionInfo ) {
this.transactionInfo = transactionInfo;
}
if ( ! this.googlePayConfig || ! this.transactionInfo ) {
this.error(
'Init called without providing config or transactionInfo'
);
return;
}
@ -314,11 +302,8 @@ class GooglepayButton {
return;
}
this.log( 'Init' );
this.#isInitialized = true;
super.init();
this.googlePayConfig = config;
this.transactionInfo = transactionInfo;
this.allowedPaymentMethods = config.allowedPaymentMethods;
this.baseCardPaymentMethod = this.allowedPaymentMethods[ 0 ];
@ -353,12 +338,12 @@ class GooglepayButton {
}
reinit() {
if ( ! this.googlePayConfig ) {
if ( ! this.isInitialized ) {
return;
}
this.#isInitialized = false;
this.init( this.googlePayConfig, this.transactionInfo );
super.reinit();
this.init();
}
validateConfig() {