@fad-delivery/delivery-ng-fad-acuant v1.0.0

Getting started

Installation

npm install @fad-producto/ng-fad-acuant

Update

npm install @fad-producto/ng-fad-acuant@latest

Assets

Add into the assets array (angular.json) the next lines:

{
  "glob": "**/*",
  "input": "node_modules/@fad-producto/ng-fad-acuant/assets",
  "output": "./assets/"
}

Example:

"architect": {
  "build": {
    "options": {
      "assets": [
        "src/favicon.ico",
        "src/assets",
        {
          "glob": "**/*",
          "input": "node_modules/@fad-producto/ng-fad-acuant/assets",
          "output": "./assets/"
        }
      ],
    }
  }
}

Import

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

In this case app.module.ts

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

Note: BrowserAnimationsModule is required.

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
  [forcePhoto]= false
  [imageQuality]= 1
  [documentInstance]="documentInstance"
  (onerror)="onerror($event)"
  (oncomplete)="oncomplete($event)">
</ng-fad-acuant>

Typescript

Listen to the events:

import { IAcuantConfiguration, AcuantCredentials, ResponseError, AcuantResult, ErrorCode, CONFIGURATION_DEFAULT } from '@fad-producto/ng-fad-acuant';

const CREDENTIALS : AcuantCredentials  = {
  passiveUsername: 'XXXXXXXXXXXXXXXXXXXXXXXXX',
  passivePassword: 'XXXXXXXXXXXXXXXXXXXXXXXXX',
  passiveSubscriptionId: 'XXXXXXXXXXXXXXXXXXXXXXXXX',
  acasEndpoint: 'XXXXXXXXXXXXXXXXXXXXXXXXX',
  livenessEndpoint: 'XXXXXXXXXXXXXXXXXXXXXXXXX',
  assureidEndpoint: 'XXXXXXXXXXXXXXXXXXXXXXXXX'
};



public configuration: IAcuantConfiguration = {
  customization: {
    moduleCustomization: {
      legends: {
        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: ResponseError) {
   console.error(error);
    // if (error.code === ErrorCode.REQUIRED_CREDENTIALS) // do something
}

Inputs

Outputs