To integrate the Orba One SDK, follow this guide and use your own API Key which you can obtained from the developer dashboard.
The integration of the Orba One Web SDK follows these simple steps:
Additionally, there is a non package manager installation option. You can start using Orba One SDK library by directly by including it in your HTML file. Instructions can be found here.
# Yarn
yarn add @orbaone/core
# NPM
npm install --save @orbaone/core
Orba One uses API keys to allow access to the API and show onboarded users in your dashboard. Login to your Orba One account and create a new Orba One API key form your Developer Dashboard.
Import the Orba One SDK
import { renderButton } from "@orbaone/core";
renderButton({
apiKey: "exampleAPIKey",
target: "#button",
applicantId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {console.log(data)},
onError: (err) => {console.log(err)},
onCancelled: (state) => {console.log(state);},
})
renderButton({
apiKey: "exampleAPIKey",
target: "#button",
companyId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {console.log(data)},
onError: (err) => {console.log(err)},
onCancelled: (state) => {console.log(state);},
})
Parameter | Type | Description |
---|---|---|
target | string or DOMElement | The DOM element you want to mount the button on. |
apiKey | string | The OrbaOne Key you obtained from the dashboard. |
applicantId | string (optional) | The id of the applicant being verified |
companyId | string (optional) | The id of the company being verified |
apiKey | string | The OrbaOne Key you obtained from the dashboard. |
disableStyle | boolean (optional) | Disables styling. |
useAudioInstructions | boolean (optional) | Specifies whether or not to use audio instructions. |
onSuccess | function | Callback function that is triggered after onboarding is complete. |
onError | function | Callback function that is triggered if onboarding has failed. |
onCancelled | function | Callback function that is triggered when the state of the button changes. |
steps | array | Array of verification steps. |
OrbaOne is available over unpkg CDN
<script type="text/javascript" defer="true" src="https://unpkg.com/@orbaone/core" />
<script type="text/javascript">
// Verifying An Applicant
OrbaOne.renderButton({
apiKey: "exampleAPIKey",
target: "#button",
applicantId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {
console.log(data);
},
onError: (err) => {
console.log(err);
},
onChange: (state) => {
console.log(state);
},
steps: ["welcome"],
});
// Verifying A Company
OrbaOne.renderButton({
apiKey: "exampleAPIKey",
target: "#button",
companyId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {
console.log(data);
},
onError: (err) => {
console.log(err);
},
onChange: (state) => {
console.log(state);
},
steps: ["welcome"],
});
</script>