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

♻️ Simplify PaymentButton creation code

Browse source
This commit is contained in:
Philipp Stracker 2024-08-07 18:26:02 +02:00
parent 8c811d9f8e
commit 95c7d4f7bc
No known key found for this signature in database
2 changed files with 237 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,3 @@
/* global google */
import {
combineStyles,
combineWrapperIds,
@ -49,11 +47,47 @@ import { PaymentMethods } from '../../../ppcp-button/resources/js/modules/Helper
*/
class GooglepayButton extends PaymentButton {
/**
* @inheritDoc
*/
static methodId = PaymentMethods.GOOGLEPAY;
/**
* @inheritDoc
*/
static cssClass = 'google-pay';
/**
* Client reference, provided by the Google Pay JS SDK.
*/
#paymentsClient = null;
/**
* @inheritDoc
*/
static getWrappers( buttonConfig, ppcpConfig ) {
return combineWrapperIds(
buttonConfig.button.wrapper,
buttonConfig.button.mini_cart_wrapper,
ppcpConfig.button.wrapper,
'express-payment-method-ppcp-googlepay',
'ppc-button-ppcp-googlepay'
);
}
/**
* @inheritDoc
*/
static getStyles( buttonConfig, ppcpConfig ) {
const styles = combineStyles( ppcpConfig.button, buttonConfig.button );
if ( 'buy' === styles.MiniCart.type ) {
styles.MiniCart.type = 'pay';
}
return styles;
}
constructor(
context,
externalHandler,
@ -61,30 +95,8 @@ class GooglepayButton extends PaymentButton {
ppcpConfig,
contextHandler
) {
const wrappers = combineWrapperIds(
buttonConfig.button.wrapper,
buttonConfig.button.mini_cart_wrapper,
ppcpConfig.button.wrapper,
'express-payment-method-ppcp-googlepay',
'ppc-button-ppcp-googlepay'
);
super( context, buttonConfig, ppcpConfig );
const styles = combineStyles( ppcpConfig.button, buttonConfig.button );
if ( 'buy' === styles.MiniCart.type ) {
styles.MiniCart.type = 'pay';
}
super(
PaymentMethods.GOOGLEPAY,
context,
wrappers,
styles,
buttonConfig,
ppcpConfig
);
this.buttonConfig = buttonConfig;
this.contextHandler = contextHandler;
this.log( 'Create instance' );
@ -226,10 +238,11 @@ class GooglepayButton extends PaymentButton {
}
/**
* Add a Google Pay purchase button.
* Creates the payment button and calls `this.insertButton()` to make the button visible in the
* correct wrapper.
*/
addButton() {
if ( ! this.isInitialized ) {
if ( ! this.isInitialized || ! this.paymentsClient ) {
return;
}