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 7

🐛 Improve error logging and dependency detection

Browse source
This commit is contained in:
Philipp Stracker 2024-06-11 15:23:06 +02:00
parent cdc98159b8
commit c75d9ce56f
No known key found for this signature in database
1 changed files with 28 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

34
modules/ppcp-button/resources/js/modules/Renderer/PreviewButtonManager.js
View file

@ -105,16 +105,38 @@ class PreviewButtonManager {
const customScriptPromise = loadCustomScript({url: this.buttonConfig.sdk_url});
// Wait until PayPal is ready.
const paypalPromise = new Promise(resolve => {
if (this.widgetBuilder.paypal) {
resolve();
} else {
jQuery(document).on('ppcp-paypal-loaded', resolve);
const paypalPromise = new Promise((resolve, reject) => {
const maxWaitTime = 3000; // 3 seconds before failing.
const resolveIfAvailable = () => {
if (this.widgetBuilder.paypal) {
resolve();
}
}
// Resolve this promise instantly, if the PayPal object is available.
resolveIfAvailable();
// If the object is not available yet, wait for (a) the custom event, or (b) a custom timeout.
jQuery(document).on('ppcp-paypal-loaded', resolve);
setTimeout(() => {
resolveIfAvailable();
reject('Timeout while waiting for widgetBuilder.paypal')
}, maxWaitTime)
});
await Promise.all([customScriptPromise, paypalPromise]);
// Wait for both promises to resolve before continuing.
await Promise
.all([customScriptPromise, paypalPromise])
.catch(err => {
console.log(`Failed to load ${this.methodName} dependencies:`, err)
})
/*
The fetchConfig method requires two objects to succeed:
(a) the SDK custom-script
(b) the `widgetBuilder.paypal` object
*/
this.apiConfig = await this.fetchConfig();
await this.#onInitResolver()