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

♻️ Minor code improvements

Browse source
This commit is contained in:
Philipp Stracker 2024-12-03 19:00:04 +01:00
parent 782ba0fc61
commit cecb49cbf5
No known key found for this signature in database
1 changed files with 21 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Components/AdvancedOptionsForm.js
View file

@ -15,6 +15,21 @@ import {
import ConnectionButton from './ConnectionButton';
const FORM_ERRORS = {
noClientId: __(
'Please enter your Client ID',
'woocommerce-paypal-payments'
),
noClientSecret: __(
'Please enter your Secret Key',
'woocommerce-paypal-payments'
),
invalidClientId: __(
'Please enter a valid Client ID',
'woocommerce-paypal-payments'
),
};
const AdvancedOptionsForm = () => {
const [ clientValid, setClientValid ] = useState( false );
const [ secretValid, setSecretValid ] = useState( false );
@ -36,37 +51,22 @@ const AdvancedOptionsForm = () => {
const refClientId = useRef( null );
const refClientSecret = useRef( null );
const errors = {
noClientId: __(
'Please enter a Client ID',
'woocommerce-paypal-payments'
),
noClientSecret: __(
'Please enter your Secret Key',
'woocommerce-paypal-payments'
),
invalidClientId: __(
'Please enter a valid Client ID',
'woocommerce-paypal-payments'
),
};
const validateManualConnectionForm = () => {
const checks = [
{
ref: refClientId,
valid: () => clientId,
errorMessage: errors.noClientId,
errorMessage: FORM_ERRORS.noClientId,
},
{
ref: refClientId,
valid: () => clientValid,
errorMessage: errors.invalidClientId,
errorMessage: FORM_ERRORS.invalidClientId,
},
{
ref: refClientSecret,
valid: () => clientSecret && secretValid,
errorMessage: errors.noClientSecret,
errorMessage: FORM_ERRORS.noClientSecret,
},
];
@ -80,11 +80,10 @@ const AdvancedOptionsForm = () => {
}
};
const handleManualConnect = async () => {
await handleConnectViaIdAndSecret( {
const handleManualConnect = () =>
handleConnectViaIdAndSecret( {
validation: validateManualConnectionForm,
} );
};
useEffect( () => {
setClientValid( ! clientId || /^A[\w-]{79}$/.test( clientId ) );
@ -163,7 +162,7 @@ const AdvancedOptionsForm = () => {
/>
{ clientValid || (
<p className="client-id-error">
{ errors.invalidClientId }
{ FORM_ERRORS.invalidClientId }
</p>
) }
<DataStoreControl