ng-fad-acuant v5.10.1

Getting started

Installation

npm install ng-fad-acuant

Dependencies

Add the folder provided by the technical team within the project assets (third-party/acuant)

Import

In the file necessary example.module.ts import the module.

In this case app.module.ts

import { NgFadAcuantModule } from 'ng-fad-acuant';
.
.
.
... imports: [
       ...,
       BrowserAnimationsModule 
       NgFadAcuantModule
    ]...

Usage

HTML

Add the selector inside some component and configure the output events:

<ng-fad-acuant
  [credentials]="credentials"
  [configuration]= "configuration"
  [side]=0
  [idData]=false
  [idPhoto]=false
  [imageQuality]= 1
  (onerror)="onerror($event)"
  (oncomplete)="oncomplete($event)">
</ng-fad-acuant>

Typescript

Listen to the events:

.
.
.

export interface AcuantCredentials {
  passiveUsername: string;
  passivePassword: string;
  passiveSubscriptionId: string;
  acasEndpoint: string;
  livenessEndpoint: string;
}

export interface AcuantResultImage {
  image: {
    data: string;
    width: number;
    height: number;
  };
  glare: string;
  dpi: string;
  cardType: string;
  sharpness: string;
  moire: string;
  moireraw: string;
}

export class AcuantResultIdData {
  ocr: AcuantOcr;
  validation: AcuantValidation;
}

export interface AcuantResult {
  id: AcuantResultImage;
  idData?: AcuantResultIdData;
  idPhoto?: string;
}



export enum ErrorAcuant {
  REQUIRED_CREDENTIALS= -1,
  FAIL_INITIALIZATION= -2,
  UNSUPPORTED_CAMERA = -3,
  FAIL_INITIALIZATION_CAMERA_UI= -4,
  FAIL_CREATION_INSTANCE_DOCUMENT= -5,
  FAIL_UPLOAD_IMAGE= -6,
  FAIL_GET_OCR= -7,
  FAIL_GET_FACE_IMAGE= -8
}

.
.
.
.

readonly credentials = {
  passiveUsername: 'XXXXXXXX';
  passivePassword: 'XXXXXXXX';
  passiveSubscriptionId: 'XXXXXXXX';
  acasEndpoint: 'XXXXXXXX';
  livenessEndpoint: 'XXXXXXXX';
  assureidEndpoint: 'XXXXXXXX';
}


public configuration = {
  customization: {
    moduleCustomization: {
      legends: {
        initializing: 'iniciando',
        processing: 'procesando',
        scan: {
          none: 'ENFOCA TU ID SOBRE LA GUÍA',
          smallDocument: 'ACERCATE MÁS',
          goodDocument: null,
          capturing: 'CAPTURANDO',
          tapToCapture: 'TOCA LA PANTALLA PARA CAPTURAR'
        },
        manualCapture: {
          instruction: 'Captura el frente de tu identificación',
          buttonNext: 'Continuar'
        }
      },
    },
  },
}
  
.
.
.

oncomplete(result: AcuantResult) {
  console.log(result)
}

onerror(error: ErrorAcuant) {
   alert(JSON.stringify(error));
}

Inputs

Outputs