Skip to content
🚀 React components for integrating with Trulioo
JavaScript HTML
Branch: master
Clone or download
mkotsollaris Merge pull request #73 from Trulioo/optional-apiKey
Added Optional ApiKey as a header
Latest commit 412f4ad Jan 22, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows docs: github workflow update Oct 27, 2019
examples/src
public
src feat: added Optional ApiKey as a header. This feature can be used for… Jan 22, 2020
.babelrc
.eslintignore added .eslintignore Oct 16, 2019
.eslintrc.js
.gitignore
.stylelintignore added stylelint Oct 11, 2019
.stylelintrc
CHANGELOG.md
CONTRIBUTING.md feat: added Optional ApiKey as a header. This feature can be used for… Jan 22, 2020
LICENSE Initial commit Jan 11, 2019
README.md Country preselect (#71) Jan 22, 2020
STYLING.md feat(added the option to customize the label of the submit button): c… Dec 16, 2019
TRULIOO_FIELDS.md fix(styling documentation): styling documentation update Oct 27, 2019
package-lock.json feat: added Optional ApiKey as a header. This feature can be used for… Jan 22, 2020
package.json
webpack.config.js improvement: added dotenv configuration Dec 18, 2019

README.md

trulioo-react

Github Coverage Status Language grade: JavaScript Greenkeeper badge Known Vulnerabilities

npm downloads FOSSA Status dependencies Status devDependencies Status peerDependencies Status Try on RunKit

code style: eslint semantic-release npm version PRs Welcome

Install

npm install trulioo-react

Description

Trulioo EmbedID⚡ provides instant identity verification utilizing Trulioo's API. Get your API key from Trulioo's Developers Portal.

Use

import { EmbedID } from 'trulioo-react';

const handleResponse = (e) => {
    // handle verification submission result here ...
}

<EmbedID url='SERVER_URL' handleResponse={handleResponse} />

Customize additional fields

Example of additional fields on base level:

const simpleExample = {
  field1: {
    title: 'What is your name?',
    type: 'string',
  },
  field2: {
    title: 'What is your age?',
    type: 'number',
  },
  field3: {
    title: 'What is your favourite color?',
    type: 'string',
    enum: ['red', 'yellow', 'blue'],
  },
};

Example of additional fields section with required fields:

const additionalFields = {
  title: 'Additional Fields',
  type: 'object',
  required: ['name', 'age'],
  properties: {
    name: {
      title: 'What is your name?',
      type: 'string',
    },
    age: {
      title: 'What is your age?',
      type: 'number',
    },
    color: {
      title: 'What is your favourite color?',
      type: 'string',
      enum: ['red', 'yellow', 'blue'],
    },
  },
};

Render <EmbedID/> :

render(
  <EmbedID
    url="http://localhost:3111"
    handleResponse={handleResponse}
    additionalFields={additionalFields}
    handleSubmit={handleSubmit}
  />,
  document.getElementById('root'),
);

See styling guide on how to style form according to your needs.

Add Bootstrap CSS for better looks 💇🏼

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Best Practice

Trulioo EmbedID passes user input data to your server. When developing systems that consume internet exposed fields for the purpose of data collection, ensure you take all necessary precautions to protect your system from from denial of service attacks, exploits or security vulnerabilities. Please refer to the Legal disclaimer on the Trulioo Developer Portal.

Learn More Follow on Twitter

Trulioo is a global identity verification company that provides secure access to reliable and independent data sources to instantly verify individuals and business entities online. Hundreds of organizations across the world use GlobalGateway, Trulioo’s RESTful API used to verify five billion people and 250 million businesses across 195 countries. In addition to helping organizations meet compliance requirements, GlobalGateway also streamlines the customer onboarding process, mitigates risk, and performs the first layer of defense against fraud. Learn more about Trulioo.

License

Apache 2

FOSSA Status

You can’t perform that action at this time.