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

Adds all expert settings

Browse source
This commit is contained in:
inpsyde-maticluznar 2024-11-12 10:12:31 +01:00
parent 51b7b48381
commit e72cc8a213
No known key found for this signature in database
GPG key ID: D005973F231309F6
6 changed files with 101 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

19
modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js
View file

@ -1,4 +1,4 @@
import { Button, ToggleControl, Dropdown } from '@wordpress/components';
import { Button, ToggleControl, SelectControl } from '@wordpress/components';
import data from '../../utils/data';
import { useState } from '@wordpress/element';
@ -113,7 +113,22 @@ const SettingsBlock = ( {
</div>
) }
{ actionProps?.type === SETTINGS_BLOCK_TYPE_SELECT && (
<Dropdown />
<SelectControl
className={
actionProps.value === '' &&
'ppcp-r-select-no-value-assigned'
}
value={ actionProps.value }
options={ actionProps?.options }
multiple={ true }
onChange={ ( newValue ) =>
actionProps?.callback &&
actionProps.callback(
actionProps?.key,
newValue
)
}
/>
) }
</div>
</div>

1
modules/ppcp-settings/resources/js/Components/Screens/Dashboard/TabSettings.js
View file

@ -17,6 +17,7 @@ const TabSettings = () => {
brandName: '',
softDescriptor: '',
paypalLandingPage: null,
buttonLanguage: '',
} );
const updateFormValue = ( key, value ) => {
console.log( key, value );

30
modules/ppcp-settings/resources/js/Components/Screens/Dashboard/TabSettingsElements/Blocks/PaypalSettings.js
View file

@ -4,6 +4,7 @@ import SettingsBlock, {
SETTINGS_BLOCK_STYLING_TYPE_SECONDARY,
SETTINGS_BLOCK_TYPE_EMPTY,
SETTINGS_BLOCK_TYPE_INPUT,
SETTINGS_BLOCK_TYPE_SELECT,
SETTINGS_BLOCK_TYPE_TOGGLE,
SETTINGS_BLOCK_TYPE_TOGGLE_CONTENT,
} from '../../../../ReusableComponents/SettingsBlock';
@ -204,8 +205,37 @@ const PaypalSettings = ( { updateFormValue, settings } ) => {
/>
</div>
</SettingsBlock>
<SettingsBlock
title={ __( 'Button Language', 'woocommerce-paypal-payments' ) }
description={ __(
'If left blank, PayPal and other buttons will present in the user’s detected language. Enter a language here to force all buttons to display in that language.',
'woocommerce-paypal-payments'
) }
style={ SETTINGS_BLOCK_STYLING_TYPE_SECONDARY }
actionProps={ {
type: SETTINGS_BLOCK_TYPE_SELECT,
value: settings.buttonLanguage,
callback: updateFormValue,
options: languagesExample,
key: 'buttonLanguage',
placeholder: __(
'Browser language',
'woocommerce-paypal-payments'
),
} }
/>
</SettingsBlock>
);
};
const languagesExample = [
{
value: '',
label: __( 'Browser language', 'woocommerce-paypal-payments' ),
},
{ value: 'en', label: 'English' },
{ value: 'de', label: 'German' },
{ value: 'es', label: 'Spanish' },
{ value: 'it', label: 'Italian' },
];
export default PaypalSettings;

44
modules/ppcp-settings/resources/js/Components/Screens/Dashboard/TabSettingsElements/ExpertSettings.js
View file

@ -1,6 +1,8 @@
import { __ } from '@wordpress/i18n';
import SettingsBlock, {
SETTINGS_BLOCK_STYLING_TYPE_PRIMARY,
SETTINGS_BLOCK_STYLING_TYPE_SECONDARY,
SETTINGS_BLOCK_TYPE_SELECT,
SETTINGS_BLOCK_TYPE_TOGGLE_CONTENT,
} from '../../../ReusableComponents/SettingsBlock';
import SettingsCard from '../../../ReusableComponents/SettingsCard';
@ -49,13 +51,47 @@ const ExpertSettings = ( { updateFormValue, settings } ) => {
style={ SETTINGS_BLOCK_STYLING_TYPE_PRIMARY }
actionProps={ {
type: SETTINGS_BLOCK_TYPE_TOGGLE_CONTENT,
callback: updateFormValue,
key: 'payNowExperience',
value: settings.payNowExperience,
} }
/>
>
<SettingsBlock
title={ __(
'Disable specific credit cards',
'woocommerce-paypal-payments'
) }
description={ __(
'If left blank, PayPal and other buttons will present in the user’s detected language. Enter a language here to force all buttons to display in that language.',
'woocommerce-paypal-payments'
) }
style={ SETTINGS_BLOCK_STYLING_TYPE_SECONDARY }
actionProps={ {
type: SETTINGS_BLOCK_TYPE_SELECT,
options: creditCardExamples,
value: settings.buttonLanguage,
callback: updateFormValue,
key: 'buttonLanguage',
} }
/>
</SettingsBlock>
</SettingsCard>
);
};
const creditCardExamples = [
{ value: '', label: __( 'Select', 'woocommerce-paypal-payments' ) },
{
value: 'mastercard',
label: __( 'Mastercard', 'woocommerce-paypal-payments' ),
},
{ value: 'visa', label: __( 'Visa', 'woocommerce-paypal-payments' ) },
{
value: 'amex',
label: __( 'American Express', 'woocommerce-paypal-payments' ),
},
{ value: 'jcb', label: __( 'JCB', 'woocommerce-paypal-payments' ) },
{
value: 'diners-club',
label: __( 'Diners Club', 'woocommerce-paypal-payments' ),
},
];
export default ExpertSettings;