woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-03 08:37:53 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

♻️ Clean up the Google Pay preview button code

Browse source
This commit is contained in:
Philipp Stracker 2024-06-07 12:23:03 +02:00
parent 180afaad89
commit 93c6b40abc
No known key found for this signature in database
1 changed files with 46 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

113
modules/ppcp-googlepay/resources/js/boot-admin.js
View file

@ -3,92 +3,39 @@ import widgetBuilder from "../../../ppcp-button/resources/js/modules/Renderer/Wi
import PreviewButton from "../../../ppcp-button/resources/js/modules/Renderer/PreviewButton";
import PreviewButtonManager from "../../../ppcp-button/resources/js/modules/Renderer/PreviewButtonManager";
/**
* Button manager instance; we usually only need a single instance of this object.
*
* @see buttonManager()
*/
let managerInstance = null;
/**
* Default attributes for new buttons.
*/
const defaultAttributes = {
button: {
style: {
type: 'pay',
color: 'black',
language: 'en'
}
}
};
/**
* Accessor that creates and returns a single PreviewButtonManager instance.
*/
const buttonManager = () => {
if (!managerInstance) {
managerInstance = new GooglePayPreviewButtonManager();
if (!GooglePayPreviewButtonManager.instance) {
GooglePayPreviewButtonManager.instance = new GooglePayPreviewButtonManager();
}
return managerInstance;
return GooglePayPreviewButtonManager.instance;
}
// ----------------------------------------------------------------------------
/**
* A single GooglePay preview button instance.
*/
class GooglePayPreviewButton extends PreviewButton {
constructor(args) {
super(args);
this.selector = `${args.selector}GooglePay`
}
createNewWrapper() {
const element = super.createNewWrapper();
element.addClass('ppcp-button-googlepay');
return element;
}
createButton() {
const button = new GooglepayButton(
'preview',
null,
this.buttonConfig,
this.ppcpConfig,
);
button.init(this.configResponse);
return button;
}
}
// ----------------------------------------------------------------------------
/**
* Manages all GooglePay preview buttons on this page.
*/
class GooglePayPreviewButtonManager extends PreviewButtonManager {
constructor() {
const defaultButton = {
style: {
type: 'pay',
color: 'black',
language: 'en'
}
};
const args = {
// WooCommerce configuration object.
methodName: 'GooglePay',
buttonConfig: window.wc_ppcp_googlepay_admin,
// Internal widgetBuilder instance.
widgetBuilder,
// Default button styles.
defaultAttributes
defaultAttributes: {button: defaultButton}
};
super(args);
this.methodName = 'GooglePay';
}
/**
@ -123,8 +70,40 @@ class GooglePayPreviewButtonManager extends PreviewButtonManager {
}
}
/**
* A single GooglePay preview button instance.
*/
class GooglePayPreviewButton extends PreviewButton {
constructor(args) {
super(args);
this.selector = `${args.selector}GooglePay`
}
createNewWrapper() {
const element = super.createNewWrapper();
element.addClass('ppcp-button-googlepay');
return element;
}
createButton() {
const button = new GooglepayButton(
'preview',
null,
this.buttonConfig,
this.ppcpConfig,
);
button.init(this.configResponse);
return button;
}
}
// Initialize the preview button manager.
buttonManager()
buttonManager();
// todo - Expose button manager for testing. Remove this!
window.gpay = buttonManager()