2024-05-15 17:37:02 +02:00
|
|
|
import {useEffect} from '@wordpress/element';
|
|
|
|
import {usePayPalCardFields} from "@paypal/react-paypal-js";
|
|
|
|
|
2024-05-22 15:52:45 +02:00
|
|
|
export const CheckoutHandler = ({getCardFieldsForm, getSavePayment, saveCardText, is_vaulting_enabled}) => {
|
2024-05-15 17:37:02 +02:00
|
|
|
const {cardFieldsForm} = usePayPalCardFields();
|
|
|
|
|
|
|
|
useEffect(() => {
|
2024-05-20 16:37:11 +02:00
|
|
|
getCardFieldsForm(cardFieldsForm)
|
|
|
|
}, []);
|
2024-05-15 17:37:02 +02:00
|
|
|
|
2024-05-22 15:52:45 +02:00
|
|
|
if (!is_vaulting_enabled) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<input type="checkbox" id="save" name="save" onChange={(e) => getSavePayment(e.target.checked)}/>
|
|
|
|
<label htmlFor="save">{saveCardText}</label>
|
|
|
|
</>
|
|
|
|
)
|
2024-05-15 17:37:02 +02:00
|
|
|
}
|