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

✨ Use new actitiy-state for login logic

Browse source
This commit is contained in:
Philipp Stracker 2024-12-05 18:56:43 +01:00
parent 64ea8ec011
commit 5b26d7c5ca
No known key found for this signature in database
1 changed files with 50 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

67
modules/ppcp-settings/resources/js/hooks/useHandleConnections.js
View file

@ -25,6 +25,12 @@ const MESSAGES = {
),
};
const ACTIVITIES = {
CONNECT_SANDBOX: 'ISU_LOGIN_SANDBOX',
CONNECT_PRODUCTION: 'ISU_LOGIN_PRODUCTION',
CONNECT_MANUAL: 'MANUAL_LOGIN',
};
const handlePopupWithCompletion = ( url, onError ) => {
return new Promise( ( resolve ) => {
const popup = openPopup( url );
@ -101,11 +107,20 @@ const useConnectionAttempt = ( connectFn, errorMessage ) => {
export const useSandboxConnection = () => {
const { connectToSandbox, isSandboxMode, setSandboxMode } =
CommonHooks.useSandbox();
const handleSandboxConnect = useConnectionAttempt(
const { withActivity } = CommonHooks.useBusyState();
const connectionAttempt = useConnectionAttempt(
connectToSandbox,
MESSAGES.SANDBOX_ERROR
);
const handleSandboxConnect = async () => {
return withActivity(
ACTIVITIES.CONNECT_SANDBOX,
'Connecting to sandbox account',
connectionAttempt
);
};
return {
handleSandboxConnect,
isSandboxMode,
@ -115,18 +130,28 @@ export const useSandboxConnection = () => {
export const useProductionConnection = () => {
const { connectToProduction } = CommonHooks.useProduction();
const { withActivity } = CommonHooks.useBusyState();
const products = OnboardingHooks.useDetermineProducts();
const handleProductionConnect = useConnectionAttempt(
const connectionAttempt = useConnectionAttempt(
() => connectToProduction( products ),
MESSAGES.PRODUCTION_ERROR
);
const handleProductionConnect = async () => {
return withActivity(
ACTIVITIES.CONNECT_PRODUCTION,
'Connecting to production account',
connectionAttempt
);
};
return { handleProductionConnect };
};
export const useManualConnection = () => {
const { handleError, handleSuccess, createErrorNotice } =
useConnectionBase();
const { withActivity } = CommonHooks.useBusyState();
const {
connectViaIdAndSecret,
isManualConnectionMode,
@ -138,22 +163,30 @@ export const useManualConnection = () => {
} = CommonHooks.useManualConnection();
const handleConnectViaIdAndSecret = async ( { validation } = {} ) => {
if ( 'function' === typeof validation ) {
try {
validation();
} catch ( exception ) {
createErrorNotice( exception.message );
return;
return withActivity(
ACTIVITIES.CONNECT_MANUAL,
'Connecting manually via Client ID and Secret',
async () => {
if ( 'function' === typeof validation ) {
try {
validation();
} catch ( exception ) {
createErrorNotice( exception.message );
return;
}
}
const res = await connectViaIdAndSecret();
if ( res.success ) {
await handleSuccess();
} else {
handleError( res, MESSAGES.MANUAL_ERROR );
}
return res.success;
}
}
const res = await connectViaIdAndSecret();
if ( res.success ) {
await handleSuccess();
} else {
handleError( res, MESSAGES.MANUAL_ERROR );
}
);
};
return {