diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/LiveAccount.js b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/LiveAccount.js new file mode 100644 index 000000000..078554e24 --- /dev/null +++ b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/LiveAccount.js @@ -0,0 +1,206 @@ +import { __, sprintf } from '@wordpress/i18n'; +import { Button } from '@wordpress/components'; +import { + AccordionSettingsBlock, + ButtonSettingsBlock, + RadioSettingsBlock, + ToggleSettingsBlock, + InputSettingsBlock, +} from '../../../../ReusableComponents/SettingsBlocks'; +import TitleBadge, { + TITLE_BADGE_POSITIVE, +} from '../../../../ReusableComponents/TitleBadge'; +import ConnectionInfo, { + connectionStatusDataDefault, +} from '../../../../ReusableComponents/ConnectionInfo'; + +const LiveAccount = ( { settings, updateFormValue } ) => { + const className = settings.sandboxConnected + ? 'ppcp-r-settings-block--sandbox-connected' + : 'ppcp-r-settings-block--sandbox-disconnected'; + + return ( + + { ! settings.sandboxConnected && ( + + } + > +
+ + + +
+
+ ) } + { settings.sandboxConnected && ( + + global.ppcpSettings.startOnboarding() + } + > + { __( + 'Set up and connect live PayPal Account', + 'woocommerce-paypal-payments' + ) } + + ), + }, + { + id: 'manual_connect', + value: 'manual_connect', + label: __( + 'Manual Connect', + 'woocommerce-paypal-payments' + ), + description: sprintf( + __( + 'For advanced users: Connect a custom PayPal REST app for full control over your integration. For more information on creating a PayPal REST application, click here.', + 'woocommerce-paypal-payments' + ), + '#' + ), + additionalContent: ( + <> + + + + + ), + }, + ] } + actionProps={ { + name: 'paypal_connect_sandbox', + key: 'liveAccountMode', + currentValue: settings.liveAccountMode, + callback: updateFormValue, + } } + /> + ) } +
+ ); +}; + +export default LiveAccount;