Dive into secure and efficient coding practices with our curated list of the top 10 examples showcasing 'blinkid-react-native' in functional components in JavaScript. Our advanced machine learning engine meticulously scans each line of code, cross-referencing millions of open source libraries to ensure your implementation is not just functional, but also robust and secure. Elevate your React applications to new heights by mastering the art of handling side effects, API calls, and asynchronous operations with confidence and precision.
try {
// to scan any machine readable travel document (passports, visa's and IDs with
// machine readable zone), use MrtdRecognizer
// var mrtdRecognizer = new BlinkIDReactNative.MrtdRecognizer();
// mrtdRecognizer.returnFullDocumentImage = true;
// var mrtdSuccessFrameGrabber = new BlinkIDReactNative.SuccessFrameGrabberRecognizer(mrtdRecognizer);
// BlinkIDRecognizer automatically classifies different document types and scans the data from
// the supported document
var blinkIdRecognizer = new BlinkIDReactNative.BlinkIdRecognizer();
blinkIdRecognizer.returnFullDocumentImage = true;
blinkIdRecognizer.returnFaceImage = true;
const scanningResults = await BlinkIDReactNative.BlinkID.scanWithCamera(
new BlinkIDReactNative.BlinkIdOverlaySettings(),
new BlinkIDReactNative.RecognizerCollection([blinkIdRecognizer/*, mrtdSuccessFrameGrabber*/]),
licenseKey
);
if (scanningResults) {
let newState = {
showImageDocument: false,
resultImageDocument: '',
showImageFace: false,
resultImageFace: '',
results: '',
showSuccessFrame: false,
successFrame: ''
};
// to scan any machine readable travel document (passports, visa's and IDs with
// machine readable zone), use MrtdRecognizer
// var mrtdRecognizer = new BlinkIDReactNative.MrtdRecognizer();
// mrtdRecognizer.returnFullDocumentImage = true;
// var mrtdSuccessFrameGrabber = new BlinkIDReactNative.SuccessFrameGrabberRecognizer(mrtdRecognizer);
// BlinkIDRecognizer automatically classifies different document types and scans the data from
// the supported document
var blinkIdRecognizer = new BlinkIDReactNative.BlinkIdRecognizer();
blinkIdRecognizer.returnFullDocumentImage = true;
blinkIdRecognizer.returnFaceImage = true;
const scanningResults = await BlinkIDReactNative.BlinkID.scanWithCamera(
new BlinkIDReactNative.BlinkIdOverlaySettings(),
new BlinkIDReactNative.RecognizerCollection([blinkIdRecognizer/*, mrtdSuccessFrameGrabber*/]),
licenseKey
);
if (scanningResults) {
let newState = {
showImageDocument: false,
resultImageDocument: '',
showImageFace: false,
resultImageFace: '',
results: '',
showSuccessFrame: false,
successFrame: ''
};
for (let i = 0; i < scanningResults.length; ++i) {
async scan() {
try {
// to scan any machine readable travel document (passports, visa's and IDs with
// machine readable zone), use MrtdRecognizer
// var mrtdRecognizer = new BlinkIDReactNative.MrtdRecognizer();
// mrtdRecognizer.returnFullDocumentImage = true;
// var mrtdSuccessFrameGrabber = new BlinkIDReactNative.SuccessFrameGrabberRecognizer(mrtdRecognizer);
// BlinkIDRecognizer automatically classifies different document types and scans the data from
// the supported document
var blinkIdRecognizer = new BlinkIDReactNative.BlinkIdRecognizer();
blinkIdRecognizer.returnFullDocumentImage = true;
blinkIdRecognizer.returnFaceImage = true;
const scanningResults = await BlinkIDReactNative.BlinkID.scanWithCamera(
new BlinkIDReactNative.BlinkIdOverlaySettings(),
new BlinkIDReactNative.RecognizerCollection([blinkIdRecognizer/*, mrtdSuccessFrameGrabber*/]),
licenseKey
);
if (scanningResults) {
let newState = {
showImageDocument: false,
resultImageDocument: '',
showImageFace: false,
resultImageFace: '',
results: '',
blinkIdResult.dateOfExpiry.year + "." + fieldDelim;
}
// there are other fields to extract
localState.results += resultString;
// Document image is returned as Base64 encoded JPEG
if (blinkIdResult.fullDocumentImage) {
localState.showImageDocument = true;
localState.resultImageDocument = 'data:image/jpg;base64,' + blinkIdResult.fullDocumentImage;
}
// Face image is returned as Base64 encoded JPEG
if (blinkIdResult.faceImage) {
localState.showImageFace = true;
localState.resultImageFace = 'data:image/jpg;base64,' + blinkIdResult.faceImage;
}
} else if (result instanceof BlinkIDReactNative.MrtdRecognizerResult) {
let mrtdResult = result;
localState.results +=
"First name: " + mrtdResult.mrzResult.secondaryId + fieldDelim +
"Last name: " + mrtdResult.mrzResult.primaryId + fieldDelim +
"Nationality: " + mrtdResult.mrzResult.nationality + fieldDelim +
"Gender: " + mrtdResult.mrzResult.gender + fieldDelim +
"Date of birth: " +
mrtdResult.mrzResult.dateOfBirth.day + "." +
mrtdResult.mrzResult.dateOfBirth.month + "." +
mrtdResult.mrzResult.dateOfBirth.year + ".";
// Document image is returned as Base64 encoded JPEG
if (mrtdResult.fullDocumentImage) {
localState.showImageDocument = true;
localState.resultImageDocument = 'data:image/jpg;base64,' + mrtdResult.fullDocumentImage;
}
// to scan any machine readable travel document (passports, visa's and IDs with
// machine readable zone), use MrtdRecognizer
// var mrtdRecognizer = new BlinkIDReactNative.MrtdRecognizer();
// mrtdRecognizer.returnFullDocumentImage = true;
// var mrtdSuccessFrameGrabber = new BlinkIDReactNative.SuccessFrameGrabberRecognizer(mrtdRecognizer);
// BlinkIDRecognizer automatically classifies different document types and scans the data from
// the supported document
var blinkIdRecognizer = new BlinkIDReactNative.BlinkIdRecognizer();
blinkIdRecognizer.returnFullDocumentImage = true;
blinkIdRecognizer.returnFaceImage = true;
const scanningResults = await BlinkIDReactNative.BlinkID.scanWithCamera(
new BlinkIDReactNative.BlinkIdOverlaySettings(),
new BlinkIDReactNative.RecognizerCollection([blinkIdRecognizer/*, mrtdSuccessFrameGrabber*/]),
licenseKey
);
if (scanningResults) {
let newState = {
showImageDocument: false,
resultImageDocument: '',
showImageFace: false,
resultImageFace: '',
results: '',
showSuccessFrame: false,
successFrame: ''
};
for (let i = 0; i < scanningResults.length; ++i) {
let localState = this.handleResult(scanningResults[i]);
localState.results +=
"First name: " + mrtdResult.mrzResult.secondaryId + fieldDelim +
"Last name: " + mrtdResult.mrzResult.primaryId + fieldDelim +
"Nationality: " + mrtdResult.mrzResult.nationality + fieldDelim +
"Gender: " + mrtdResult.mrzResult.gender + fieldDelim +
"Date of birth: " +
mrtdResult.mrzResult.dateOfBirth.day + "." +
mrtdResult.mrzResult.dateOfBirth.month + "." +
mrtdResult.mrzResult.dateOfBirth.year + ".";
// Document image is returned as Base64 encoded JPEG
if (mrtdResult.fullDocumentImage) {
localState.showImageDocument = true;
localState.resultImageDocument = 'data:image/jpg;base64,' + mrtdResult.fullDocumentImage;
}
} else if (result instanceof BlinkIDReactNative.SuccessFrameGrabberRecognizerResult) {
// first handle slave result, and then add success frame image
localState = this.handleResult(result.slaveRecognizerResult);
// success frame is returned as Base64 encoded JPEG
if (result.successFrame) {
localState.showSuccessFrame = true;
localState.successFrame = 'data:image/jpg;base64,' + result.successFrame;
}
}
return localState;
}
handleResult(result) {
let fieldDelim = ";\n";
var localState = {
showImageDocument: false,
resultImageDocument: '',
showImageFace: false,
resultImageFace: '',
results: '',
showSuccessFrame: false,
successFrame: ''
};
if (result instanceof BlinkIDReactNative.BlinkIdRecognizerResult) {
let blinkIdResult = result;
let resultString =
"First name: " + blinkIdResult.firstName + fieldDelim +
"Last name: " + blinkIdResult.lastName + fieldDelim +
"Address: " + blinkIdResult.address + fieldDelim +
"Document number: " + blinkIdResult.documentNumber + fieldDelim +
"Sex: " + blinkIdResult.sex + fieldDelim;
if (blinkIdResult.dateOfBirth) {
resultString +=
"Date of birth: " +
blinkIdResult.dateOfBirth.day + "." +
blinkIdResult.dateOfBirth.month + "." +
blinkIdResult.dateOfBirth.year + "." + fieldDelim;
}
if (blinkIdResult.dateOfIssue) {
resultString +=