woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 13:44:42 +08:00
Code Issues Projects Packages Wiki Activity Actions

♻️ Consolidate hook props

Browse source
This commit is contained in:
Philipp Stracker 2024-10-30 17:19:47 +01:00
parent fcf2a972a7
commit cff9919c78
No known key found for this signature in database
1 changed files with 26 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

56
modules/ppcp-settings/resources/js/data/onboarding/hooks.js
View file

@ -4,6 +4,8 @@ import { PRODUCT_TYPES, STORE_NAME } from '../constants';
export const useOnboardingDetails = () => { export const useOnboardingDetails = () => {
const { const {
persist, persist,
setOnboardingStep,
setCompleted,
setSandboxMode, setSandboxMode,
setManualConnectionMode, setManualConnectionMode,
setClientId, setClientId,
@ -17,7 +19,19 @@ export const useOnboardingDetails = () => {
return select( STORE_NAME ).getTransientData().isSaving; return select( STORE_NAME ).getTransientData().isSaving;
}, [] ); }, [] );
const isReady = useSelect( ( select ) => {
return select( STORE_NAME ).getTransientData().isReady;
} );
// Persistent accessors. // Persistent accessors.
const step = useSelect( ( select ) => {
return select( STORE_NAME ).getPersistentData().step || 0;
} );
const completed = useSelect( ( select ) => {
return select( STORE_NAME ).getPersistentData().completed;
} );
const clientId = useSelect( ( select ) => { const clientId = useSelect( ( select ) => {
return select( STORE_NAME ).getPersistentData().clientId; return select( STORE_NAME ).getPersistentData().clientId;
}, [] ); }, [] );
@ -56,17 +70,22 @@ export const useOnboardingDetails = () => {
return { return {
isSaving, isSaving,
isReady,
step,
setStep: ( value ) => setDetailAndPersist( setOnboardingStep, value ),
completed,
setCompleted: ( state ) => setDetailAndPersist( setCompleted, state ),
isSandboxMode, isSandboxMode,
setSandboxMode: ( state ) =>
setDetailAndPersist( setSandboxMode, state ),
isManualConnectionMode, isManualConnectionMode,
setManualConnectionMode: ( state ) =>
setDetailAndPersist( setManualConnectionMode, state ),
clientId, clientId,
setClientId: ( value ) => setDetailAndPersist( setClientId, value ), setClientId: ( value ) => setDetailAndPersist( setClientId, value ),
clientSecret, clientSecret,
setClientSecret: ( value ) => setClientSecret: ( value ) =>
setDetailAndPersist( setClientSecret, value ), setDetailAndPersist( setClientSecret, value ),
setSandboxMode: ( state ) =>
setDetailAndPersist( setSandboxMode, state ),
setManualConnectionMode: ( state ) =>
setDetailAndPersist( setManualConnectionMode, state ),
isCasualSeller, isCasualSeller,
setIsCasualSeller: ( value ) => setIsCasualSeller: ( value ) =>
setDetailAndPersist( setIsCasualSeller, value ), setDetailAndPersist( setIsCasualSeller, value ),
@ -76,31 +95,8 @@ export const useOnboardingDetails = () => {
}; };
export const useOnboardingStep = () => { export const useOnboardingStep = () => {
const { persist, setOnboardingStep, setCompleted } = const { isReady, step, setStep, completed, setCompleted } =
useDispatch( STORE_NAME ); useOnboardingDetails();
const isReady = useSelect( ( select ) => { return { isReady, step, setStep, completed, setCompleted };
return select( STORE_NAME ).getTransientData().isReady;
} );
const step = useSelect( ( select ) => {
return select( STORE_NAME ).getPersistentData().step || 0;
} );
const completed = useSelect( ( select ) => {
return select( STORE_NAME ).getPersistentData().completed;
} );
const setDetailAndPersist = async ( setter, value ) => {
setter( value );
await persist();
};
return {
isReady,
step,
setStep: ( value ) => setDetailAndPersist( setOnboardingStep, value ),
completed,
setCompleted: ( state ) => setDetailAndPersist( setCompleted, state ),
};
}; };