Este es un proyecto desarrollado en Angular version 14 donde se adapto la herramienta de NetpayJS (Custom Checkout).
npm i netpayjs-angular
Agregar los siguientes fragmentos de codigo en el componente donde este importaria la libreria.
<div>
<div id="netpay-form"></div>
<netpayjs [apikey]="'Public Key'" [forms]="Formulario"></netpayjs>
</div>
import { NetpayjsModule } from 'netpayjs-angular'
@NgModule({
imports: [
NetpayjsModule
]
})
export class AppComponent implements OnInit {
form:any;
noForm:any;
constructor(){
this.form = {
id: 'netpay-form',
succes: this.success,
error: this.error,
options: { title: "Pagos con tarjeta", submitText: "Continuar" },
sandboxMode: true,
}
this.noForm = {
succes: this.success,
error: this.error,
cardInformation: {
cardNumber: 'Num. Tarjeta',
expMonth: 'Mes',
expYear: 'Año',
cvv2: 'CVV',
deviceFingerPrint: ''
},
sandboxMode: true,
}
}
success(e:any) {
console.log("Token created successfully");
console.log(e);
}
error(e:any) {
console.log("Something went wrong!");
console.log(e);
}
}