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

Merge pull request #2624 from woocommerce/add-support-for-advanced-style-settings

Browse source 
Axo Blocks: Add support for Advanced Style Settings
This commit is contained in:
Danny Dudzic 2024-09-25 15:39:16 +02:00 • committed by GitHub
commit 09341f8475
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 36 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

27
modules/ppcp-axo-block/resources/js/hooks/useDeleteEmptyKeys.js Normal file
View file

@ -0,0 +1,27 @@
import { useCallback } from '@wordpress/element';
const isObject = ( value ) => typeof value === 'object' && value !== null;
const isNonEmptyString = ( value ) => value !== '';
const removeEmptyValues = ( obj ) => {
if ( ! isObject( obj ) ) {
return obj;
}
return Object.fromEntries(
Object.entries( obj )
.map( ( [ key, value ] ) => [
key,
isObject( value ) ? removeEmptyValues( value ) : value,
] )
.filter( ( [ _, value ] ) =>
isObject( value )
? Object.keys( value ).length > 0
: isNonEmptyString( value )
)
);
};
export const useDeleteEmptyKeys = () => {
return useCallback( removeEmptyValues, [] );
};

12
modules/ppcp-axo-block/resources/js/hooks/useFastlaneSdk.js
View file

@ -1,11 +1,17 @@
import { useEffect, useRef, useState } from '@wordpress/element';
import { useEffect, useRef, useState, useMemo } from '@wordpress/element';
import Fastlane from '../../../../ppcp-axo/resources/js/Connection/Fastlane';
import { log } from '../../../../ppcp-axo/resources/js/Helper/Debug';
import { useDeleteEmptyKeys } from './useDeleteEmptyKeys';
const useFastlaneSdk = ( axoConfig, ppcpConfig ) => {
const [ fastlaneSdk, setFastlaneSdk ] = useState( null );
const initializingRef = useRef( false );
const configRef = useRef( { axoConfig, ppcpConfig } );
const deleteEmptyKeys = useDeleteEmptyKeys();
const styleOptions = useMemo( () => {
return deleteEmptyKeys( configRef.current.axoConfig.style_options );
}, [ deleteEmptyKeys ] );
useEffect( () => {
const initFastlane = async () => {
@ -25,7 +31,7 @@ const useFastlaneSdk = ( axoConfig, ppcpConfig ) => {
await fastlane.connect( {
locale: configRef.current.ppcpConfig.locale,
styles: configRef.current.ppcpConfig.styles,
styles: styleOptions,
} );
fastlane.setLocale( 'en_us' );
@ -39,7 +45,7 @@ const useFastlaneSdk = ( axoConfig, ppcpConfig ) => {
};
initFastlane();
}, [] );
}, [ fastlaneSdk, styleOptions ] );
useEffect( () => {
configRef.current = { axoConfig, ppcpConfig };