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

Add the UnifiedScriptLoader and usePayPalCommerceGateway hook

Browse source
This commit is contained in:
Daniel Dudzic 2024-10-07 10:42:56 +02:00
parent 5e1c2a22d2
commit 07bedc4460
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
4 changed files with 111 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

75
modules/ppcp-button/resources/js/modules/Helper/UnifiedScriptLoader.js Normal file
View file

@ -0,0 +1,75 @@
import { loadScript } from '@paypal/paypal-js';
class UnifiedScriptLoader {
constructor() {
this.loadedScripts = new Map();
this.scriptPromises = new Map();
}
async loadPayPalScript( namespace, config ) {
if ( ! namespace ) {
throw new Error( 'Namespace is required' );
}
if ( this.loadedScripts.has( namespace ) ) {
console.log(
`PayPal script already loaded for namespace: ${ namespace }`
);
return this.loadedScripts.get( namespace );
}
if ( this.scriptPromises.has( namespace ) ) {
console.log(
`PayPal script loading in progress for namespace: ${ namespace }`
);
return this.scriptPromises.get( namespace );
}
const scriptPromise = new Promise( ( resolve, reject ) => {
const scriptOptions = {
...config.url_params,
...config.script_attributes,
'data-namespace': namespace,
};
if ( config.axo?.sdk_client_token ) {
scriptOptions[ 'data-sdk-client-token' ] =
config.axo.sdk_client_token;
scriptOptions[ 'data-client-metadata-id' ] =
config.axo.client_metadata_id;
}
if (
config.save_payment_methods?.id_token &&
! config.axo?.sdk_client_token
) {
scriptOptions[ 'data-user-id-token' ] =
config.save_payment_methods.id_token;
}
loadScript( scriptOptions )
.then( ( paypal ) => {
this.loadedScripts.set( namespace, paypal );
console.log(
`PayPal script loaded for namespace: ${ namespace }`
);
resolve( paypal );
} )
.catch( ( error ) => {
console.error(
`Failed to load PayPal script for namespace: ${ namespace }`,
error
);
reject( error );
} )
.finally( () => {
this.scriptPromises.delete( namespace );
} );
} );
this.scriptPromises.set( namespace, scriptPromise );
return scriptPromise;
}
}
export default new UnifiedScriptLoader();