@mafpay/weblib-angular9 v1.1.4-beta.1

In your angular project install the dependencies for payments component:

npm install @mafpay/weblib @mafpay/weblib-angular9 --save

or if you use yarn

yarn add @mafpay/weblib @mafpay/weblib-angular9

To configure the minimum styles add the following styles into angular.json

"styles": [
  "./node_modules/@mafpay/weblib/dist/mafpay/mafpay.css"
],

In main.ts call defineCustomElements() to start using MAF Pay components:

import { defineCustomElements } from "@mafpay/weblib";
defineCustomElements();

Next step is to import MAF Pay in an Angular module.

@NgModule({
  imports: [
    MafpayWeblibModule,
  ],
})
export class YourModule { }

All done! Now, MAF Pay components can be used by declaring them in the template HTML:

@Component({
  selector: 'app-your-component',
  template: `
    <mafpay-card-holder-name></mafpay-card-holder-name>
    <mafpay-card-number></mafpay-card-number>
    <mafpay-card-expiry></mafpay-card-expiry>
    <mafpay-card-cvc></mafpay-card-cvc>
    <mafpay-card-submit></mafpay-card-submit>
  `,
})
export class YourComponent {
}