@synaps-io-pre-prod/angular-verify NPM

angular-verify

Synaps Angular Verify SDK

Synaps is an all-in-one compliance platform. It offers a simple, fast and secure way to meet compliance requirements at scale.

Visit Synaps.io | Read the Synaps documentation

enter image description here

Install

With npm

npm install @synaps-io-pre-prod/angular-verify

With yarn

yarn add @synaps-io-pre-prod/angular-verify

Import

Go to app.module.ts then add:

...
import { AngularVerifyModule } from "@synaps-io-pre-prod/angular-verify";

@NgModule({
  declarations: [...],
  imports: [..., AngularVerifyModule],
  providers: [...],
  bootstrap: [...]
})
export class AppModule {}

Usage

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
  <div>
    <synaps-verify 
    sessionId="f3243476-cec44c4a-5565ccd6-e7e9622d"
    [color]="{ primary: '212b39', secondary: 'ffffff' }"
    lang="en"
    service="individual"
    (ready)="print('ready')"
    (finish)="print('finish')"
    ></synaps-verify>
  </div>
  `
})
export class AppComponent {
  title = 'test-angular';
  print(data: any) {
    console.log(data);
  }
}

Data list

Prop name	Prop type	Default	Required	Description
`sessionId`	`string`	`''`	Y	Session can be referred as a customer verification session. More info
`service`	`string`	`''`	Y	individual - for know your customer corporate - for know your business
`lang`	`string`	`'en'`	N	Event listener called on every open/close action
`tier`	`int`	`null`	N	Tier is a simply way to divide your workflow into small pieces. It is very useful when you offer different features based on the verification level of your customer. More info
`color`	`{primary : string, secondary: string}`	`null`	N	You can set a primary color and a secondary color, it will create a verification flow tailored to your compliance needs and your brand.
`ready`	`event`	`null`	N	Event listener called when the page is fully loaded
`finish`	`event`	`null`	N	Event listener called when the user finished verification

License

tslib

@infinitebrahmanuniverse/nolb-_syn @zalastax/nolb-_syn

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago