mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-05 08:59:14 +08:00
47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import { cardFieldStyles } from './CardFieldsHelper';
|
|
|
|
export function renderFields( cardFields ) {
|
|
const nameField = document.getElementById(
|
|
'ppcp-credit-card-gateway-card-name'
|
|
);
|
|
if ( nameField && nameField.hidden !== true ) {
|
|
const styles = cardFieldStyles( nameField );
|
|
cardFields
|
|
.NameField( { style: { input: styles } } )
|
|
.render( nameField.parentNode );
|
|
nameField.hidden = true;
|
|
}
|
|
|
|
const numberField = document.getElementById(
|
|
'ppcp-credit-card-gateway-card-number'
|
|
);
|
|
if ( numberField && numberField.hidden !== true ) {
|
|
const styles = cardFieldStyles( numberField );
|
|
cardFields
|
|
.NumberField( { style: { input: styles } } )
|
|
.render( numberField.parentNode );
|
|
numberField.hidden = true;
|
|
}
|
|
|
|
const expiryField = document.getElementById(
|
|
'ppcp-credit-card-gateway-card-expiry'
|
|
);
|
|
if ( expiryField && expiryField.hidden !== true ) {
|
|
const styles = cardFieldStyles( expiryField );
|
|
cardFields
|
|
.ExpiryField( { style: { input: styles } } )
|
|
.render( expiryField.parentNode );
|
|
expiryField.hidden = true;
|
|
}
|
|
|
|
const cvvField = document.getElementById(
|
|
'ppcp-credit-card-gateway-card-cvc'
|
|
);
|
|
if ( cvvField && cvvField.hidden !== true ) {
|
|
const styles = cardFieldStyles( cvvField );
|
|
cardFields
|
|
.CVVField( { style: { input: styles } } )
|
|
.render( cvvField.parentNode );
|
|
cvvField.hidden = true;
|
|
}
|
|
}
|
