woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-07 19:54:15 +08:00
Code Issues Projects Packages Wiki Activity Actions

Add card fields component (WIP)

Browse source
This commit is contained in:
Emili Castells Guasch 2024-04-17 16:20:42 +02:00
parent 7c90031c4f
commit 061d30f575
4 changed files with 73 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

32
modules/ppcp-blocks/resources/js/Components/CardFields.js Normal file
View file

@ -0,0 +1,32 @@
import {useEffect} from '@wordpress/element';
export function CardFields({config}) {
const cardField = paypal.CardFields({
createOrder: () => {},
onApprove: () => {},
onError: function (error) {
console.error(error)
}
});
useEffect(() => {
if (cardField.isEligible()) {
const numberField = cardField.NumberField();
numberField.render("#card-number-field-container");
const cvvField = cardField.CVVField();
cvvField.render("#card-cvv-field-container");
const expiryField = cardField.ExpiryField();
expiryField.render("#card-expiry-field-container");
}
}, []);
return (
<>
<div id="card-number-field-container"></div>
<div id="card-expiry-field-container"></div>
<div id="card-cvv-field-container"></div>
</>
)
}