@regulaforensics/ionic-native-document-reader 6.9.0 → 7.1.0

package/README.md

@@ -1,18 +1,19 @@
-#  Regula Document Reader (Ionic)
+#  Regula Document Reader SDK for Ionic
+
 Regula Document Reader SDK allows you to read various kinds of identification documents, passports, driving licenses, ID cards, etc. All processing is performed completely _**offline**_ on your device. No any data leaving your device.
 
 You can use native camera to scan the documents or image from gallery for extract all data from it.
 
 This repository contains the source code of the Document Reader API, and the sample application that demonstrates the _**API**_ calls you can use to interact with the Document Reader library.
 
-# Contents
-* [Documentation](#documentation)
-* [Additional information](#additional-information)
-
 ## Documentation
-You can find documentation on API [here](https://docs.regulaforensics.com/develop/doc-reader-sdk/mobile/ionic).
 
-## Additional information
-If you have any technical questions, feel free to [contact](mailto:dev.support@regulaforensics.com) us or create issue [here](https://github.com/regulaforensics/DocumentReader-Ionic-Plugin/issues).
+You can find documentation [here](https://docs.regulaforensics.com/develop/doc-reader-sdk/mobile/ionic).
+
+## License
+
+To obtaining the production license or other purchasing information, please [submit an inquiry](https://regulaforensics.com/talk-to-an-expert) and our sales team will contact you shortly.
+
+## Support
 
-To use our SDK in your own app you need to [purchase](https://pipedrivewebforms.com/form/394a3706041290a04fbd0d18e7d7810f1841159) a commercial license.
+Please do not hesitate to [contact us](https://support.regulaforensics.com/hc/requests/new), if you need any assistance or want to report a bug / suggest an improvement.

package/example/README.md

@@ -1,19 +1,21 @@
 # How to build demo application
-1. Visit [licensing.regulaforensics.com](https://licensing.regulaforensics.com) to get a trial license (`regula.license` file). The license creation wizard will guide you through the necessary steps.
-2. Download or clone this repository using the command `git clone https://github.com/regulaforensics/DocumentReader-Ionic-Plugin.git`.
-3. Run the following commands in Terminal:
+1. Get the trial license at [client.regulaforensics.com](https://client.regulaforensics.com/) (`regula.license` file). The license creation wizard will guide you through the necessary steps.
+2. Get the trial database at [client.regulaforensics.com/customer/databases](https://client.regulaforensics.com/customer/databases) (`db.dat`)
+3. Download or clone this repository using the command `git clone https://github.com/regulaforensics/DocumentReader-Ionic-Plugin.git`.
+4. Copy the `regula.license` file to the `example/src/assets/` folder.
+5. Copy the `db.dat` file to the `example/src/assets/` folder.
+6. Run the following commands in Terminal:
 ```bash
 $ cd example
 $ npm install
 $ npx jetify
 $ ionic cordova prepare
 ```
-4. Copy the `regula.license` file to the `example/src/assets` folder.
 
-5. Android:
+7. Android:
   * Run `ionic cordova build android`, then`ionic cordova run android` inside `example` folder - this is just one way to run the app. You can also run it directly from within Android Studio.
 
-6. iOS:
+8. iOS:
   * Run `ionic cordova build ios`, then `ionic cordova run ios` inside `example` folder - this is just one way to run the app. You can also run it directly from within Xcode.
 
 

package/example/config.xml

@@ -19,22 +19,17 @@
     <preference name="SplashScreen" value="screen" />
     <preference name="SplashScreenDelay" value="3000" />
     <platform name="android">
+        <resource-file src="src/assets/db.dat" target="app/src/main/assets/Regula/db.dat"/>
         <framework src="com.android.support:appcompat-v7:+" />
         <config-file parent="/*" target="AndroidManifest.xml">
             <uses-permission android:name="android.permission.NFC" />
             <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
             <uses-permission android:name="android.permission.BLUETOOTH_SCAN" />
         </config-file>
-        <config-file parent="/manifest/application" target="AndroidManifest.xml">
-            <activity android:label="@string/multi_app_name" android:name="com.synconset.MultiImageChooserActivity" android:theme="@style/Theme.AppCompat.Light" />
-        </config-file>
         
         <preference name="android-minSdkVersion" value="21" />
         <preference name="android-targetSdkVersion" value="33" />
-        <preference name="AndroidXEnabled" value="true" />
         <preference name="GradlePluginKotlinEnabled" value="true" />
-        <preference name="GradlePluginKotlinCodeStyle" value="official" />
-        <preference name="GradlePluginKotlinVersion" value="1.7.10" />
 
         <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />
         <allow-intent href="market:*" />
@@ -58,12 +53,15 @@
         <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
     </platform>
     <platform name="ios">
+        <resource-file src="src/assets/db.dat" />
         <allow-intent href="itms:*" />
         <allow-intent href="itms-apps:*" />
-        <preference default=" " name="CAMERA_USAGE_DESCRIPTION" />
         <config-file parent="NSCameraUsageDescription" target="*-Info.plist">
             <string>To use camera</string>
         </config-file>
+        <config-file parent="NSPhotoLibraryUsageDescription" target="*-Info.plist">
+            <string>To pick images</string>
+        </config-file>
         <config-file parent="NFCReaderUsageDescription" target="*-Info.plist">
             <string>To use NFC</string>
         </config-file>
@@ -136,7 +134,6 @@
         <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
         <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
     </platform>
-    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
     <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
     <plugin name="cordova-plugin-device" spec="2.0.2" />
     <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />

package/example/package.json

@@ -13,29 +13,27 @@
   },
   "private": true,
   "dependencies": {
+    "@regulaforensics/cordova-plugin-document-reader-api": "7.1.0",
+    "@regulaforensics/cordova-plugin-document-reader-core-fullrfid": "7.1.0",
+    "@regulaforensics/ionic-native-document-reader": "7.1.0",
+    "cordova-plugin-camera": "7.0.0",
+    "@awesome-cordova-plugins/camera": "6.6.0",
+    "@awesome-cordova-plugins/core": "6.6.0",
+    "@awesome-cordova-plugins/file": "6.6.0",
+    "@awesome-cordova-plugins/splash-screen": "6.6.0",
+    "@awesome-cordova-plugins/status-bar": "6.6.0",
     "@angular/common": "~13.3.2",
     "@angular/core": "~13.3.2",
     "@angular/forms": "~13.3.2",
     "@angular/platform-browser": "~13.3.2",
     "@angular/platform-browser-dynamic": "~13.3.2",
     "@angular/router": "~13.3.2",
-    "@awesome-cordova-plugins/android-permissions": "^5.28.0",
-    "@awesome-cordova-plugins/core": "^5.28.0",
-    "@awesome-cordova-plugins/file": "^5.28.0",
-    "@awesome-cordova-plugins/image-picker": "^5.28.0",
-    "@awesome-cordova-plugins/splash-screen": "^5.28.0",
-    "@awesome-cordova-plugins/status-bar": "^5.28.0",
     "@ionic/angular": "^6.0.15",
     "@ionic/cordova-builders": "^6.1.0",
-    "cordova-ios": "^6.2.0",
-    "@regulaforensics/cordova-plugin-document-reader-api": "6.9.0",
-    "@regulaforensics/cordova-plugin-document-reader-core-fullrfid": "6.9.0",
-    "@regulaforensics/ionic-native-document-reader": "6.9.0",
-    "cordova-android": "^10.1.1",
+    "cordova-android": "12.0.1",
+    "cordova-ios": "6.3.0",
     "cordova-plugin-add-swift-support": "^2.0.2",
-    "cordova-plugin-android-permissions": "^1.1.0",
-    "cordova-plugin-file": "^6.0.2",
-    "cordova-plugin-telerik-imagepicker": "^2.3.5",
+    "cordova-plugin-file": "8.0.1",
     "core-js": "^3.6.5",
     "rxjs": "~6.6.3",
     "tslib": "^2.0.1",
@@ -61,7 +59,6 @@
     "cordova-plugin-ionic-webview": "^5.0.0",
     "cordova-plugin-splashscreen": "^6.0.0",
     "cordova-plugin-statusbar": "^2.4.3",
-    "cordova-plugin-whitelist": "^1.3.5",
     "jasmine-core": "~4.0.1",
     "jasmine-spec-reporter": "~6.0.0",
     "karma": "~6.3.17",
@@ -79,18 +76,12 @@
     "plugins": {
       "@regulaforensics/cordova-plugin-document-reader-api": {},
       "@regulaforensics/cordova-plugin-document-reader-core-fullrfid": {},
-      "cordova-plugin-android-permissions": {},
-      "cordova-plugin-telerik-imagepicker": {
-        "PHOTO_LIBRARY_USAGE_DESCRIPTION": " "
-      },
+      "cordova-plugin-camera": {},
       "cordova-plugin-file": {},
-      "cordova-plugin-whitelist": {},
       "cordova-plugin-statusbar": {},
       "cordova-plugin-device": {},
       "cordova-plugin-splashscreen": {},
-      "cordova-plugin-ionic-webview": {
-        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
-      },
+      "cordova-plugin-ionic-webview": {},
       "cordova-plugin-ionic-keyboard": {}
     },
     "platforms": [

package/example/src/app/home/home.module.ts

@@ -3,8 +3,7 @@ import { CommonModule } from '@angular/common';
 import { IonicModule } from '@ionic/angular';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
-import { ImagePicker } from "@awesome-cordova-plugins/image-picker/ngx";
-import { AndroidPermissions } from '@awesome-cordova-plugins/android-permissions/ngx';
+import { Camera } from "@awesome-cordova-plugins/camera/ngx"
 import { DocumentReader } from '@regulaforensics/ionic-native-document-reader/ngx';
 
 import { HomePage } from './home.page';
@@ -22,8 +21,7 @@ import { HomePage } from './home.page';
     ])
   ],
   providers:[
-    ImagePicker,
-    AndroidPermissions,
+    Camera,
     DocumentReader
   ],
   declarations: [HomePage]

package/example/src/app/home/home.page.ts

@@ -1,9 +1,8 @@
 import { Component, ViewChild, ElementRef } from '@angular/core'
 import { File } from '@awesome-cordova-plugins/file'
-import { ImagePicker } from '@awesome-cordova-plugins/image-picker/ngx'
-import { AndroidPermissions } from '@awesome-cordova-plugins/android-permissions/ngx'
+import { Camera, DestinationType, MediaType, PictureSourceType } from '@awesome-cordova-plugins/camera/ngx'
 import { Platform } from '@ionic/angular'
-import { DocumentReader, DocumentReaderScenario, Enum, DocumentReaderCompletion, DocumentReaderResults, DocumentReaderNotification, ScannerConfig, RecognizeConfig } from '@regulaforensics/ionic-native-document-reader/ngx'
+import { DocumentReader, DocumentReaderScenario, Enum, DocumentReaderCompletion, DocumentReaderResults, DocumentReaderNotification, ScannerConfig, RecognizeConfig, DocReaderConfig } from '@regulaforensics/ionic-native-document-reader/ngx'
 
 var selectedScenario = "Mrz"
 var doRfid: boolean = false
@@ -36,71 +35,54 @@ export class HomePage {
   @ViewChild('rfidProgress', { static: false }) rfidProgress: ElementRef
   @ViewChild('cancelButton', { static: false }) cancelButton: ElementRef
 
-  constructor(public DocumentReader: DocumentReader, public platform: Platform, private imagePicker: ImagePicker, private androidPermissions: AndroidPermissions) {
+  constructor(public DocumentReader: DocumentReader, public platform: Platform, private camera: Camera) {
   }
 
   ionViewDidEnter() {
-    var app = this
-    var DocumentReader = this.DocumentReader
-    var error1 = e => {
-      console.log(e)
-      this.status.nativeElement.innerHTML = e
-      this.status.nativeElement.style.backgroundColor = "red"
-    }
-    var error2 = e => {
-      e = JSON.stringify(e, undefined, 2)
-      console.log(e)
-      alert(e)
+    function onInitialized() {
+      app.status.nativeElement.innerHTML = "Ready"
+      app.status.nativeElement.style.backgroundColor = "green"
+
+      DocumentReader.setFunctionality({
+        showCaptureButton: true
+      })
     }
 
-    app.cancelButton.nativeElement.addEventListener("click", stopRfid)
+    var app = this
+    var DocumentReader = this.DocumentReader
+    app.cancelButton.nativeElement.addEventListener("click", hideRfidUI)
     updateUI()
     app.status.nativeElement.innerHTML = "loading......"
     app.status.nativeElement.style.backgroundColor = "grey"
     app.platform.ready().then(() => {
-      readFile("www/assets", "regula.license", (license) => {
-        DocumentReader.prepareDatabase("Full").subscribe(r => {
-          if (r != "database prepared")
-            app.status.nativeElement.innerHTML = "Downloading database: " + r + "%"
-          else {
-            app.status.nativeElement.innerHTML = "Loading......"
-            DocumentReader.initializeReader({
-              license: license,
-              delayedNNLoad: true
-            }).then(m => onInitialized()).catch(error1)
+      readFile("www/assets", "regula.license", (license: string) => {
+        var config = new DocReaderConfig()
+        config.license = license
+        config.delayedNNLoad = true
+        DocumentReader.initializeReader(config).then((message: string) => {
+          var callback = JSON.parse(message)
+          if (!callback.success) {
+            var error = "Init error: " + callback.error.message
+            console.log(error)
+            this.status.nativeElement.innerHTML = error
+            this.status.nativeElement.style.backgroundColor = "red"
+            return
           }
+          console.log("Init complete")
+          app.showScannerButton.nativeElement.addEventListener("click", scan)
+          app.showImagePicker.nativeElement.addEventListener("click", recognize)
+          DocumentReader.getAvailableScenarios().then(sc =>
+            DocumentReader.getIsRFIDAvailableForUse().then((canRfid: boolean) =>
+              postInitialize(JSON.parse(sc), canRfid)))
+          onInitialized()
         })
       })
     })
 
-    function addCertificates() {
-      File.resolveDirectoryUrl(File.applicationDirectory + "certificates").then(dir => {
-        dir.createReader().readEntries(entries => {
-          for (let i = 0; i < entries.length; i++) {
-            if (entries[i].isFile) {
-              var findExt = entries[i].name.split('.')
-              var pkdResourceType = 0
-              if (findExt.length > 0)
-                pkdResourceType = Enum.PKDResourceType.getType(findExt[findExt.length - 1].toLowerCase())
-              readFile("certificates", entries[i].name, (file, resType) => {
-                resType = resType[0]
-                var certificates = []
-                certificates.push({
-                  'binaryData': file,
-                  'resourceType': resType
-                })
-                DocumentReader.addPKDCertificates(certificates).then(s => console.log("certificate added")).catch(e => console.log(e))
-              }, pkdResourceType)
-            }
-          }
-        })
-      })
-    }
-
-    function readFile(dirPath: string, fileName: string, callback, ...items) {
+    function readFile(dirPath: string, fileName: string, callback: any, ...items: any) {
       File.resolveDirectoryUrl(File.applicationDirectory + dirPath).then(dir => File.getFile(dir, fileName, null).then(fileEntry => fileEntry.file(file => {
         var reader = new FileReader()
-        reader.onloadend = (evt) => {
+        reader.onloadend = (_) => {
           var data = reader.result as String
           data = data.substring(data.indexOf(',') + 1)
           callback(data, items)
@@ -118,32 +100,27 @@ export class HomePage {
       app.rfidProgress.nativeElement.value = rfidProgress
     }
 
-    function stopRfid() {
-      hideRfidUI()
-      DocumentReader.stopRFIDReader()
-    }
-
     function handleCompletion(completion: DocumentReaderCompletion) {
-      console.log("DocReaderAction: " + completion.action)
-      if (isReadingRfidCustomUi && (completion.action === Enum.DocReaderAction.CANCEL || completion.action === Enum.DocReaderAction.ERROR))
-        hideRfidUI()
-      if (isReadingRfidCustomUi && completion.action === Enum.DocReaderAction.NOTIFICATION)
-        updateRfidUI(completion.results.documentReaderNotification)
-      if (completion.action === Enum.DocReaderAction.COMPLETE)
-        if (isReadingRfidCustomUi) {
-          if (completion.results.rfidResult !== 1)
-            restartRfidUI()
-          else {
-            hideRfidUI()
-            displayResults(completion.results)
-          }
+      if (isReadingRfidCustomUi) {
+        if (completion.action == Enum.DocReaderAction.ERROR) restartRfidUI()
+        if (actionSuccess(completion.action) || actionError(completion.action)) {
+          hideRfidUI()
+          displayResults(completion.results)
         }
-        else
-          handleResults(completion.results)
-      if (completion.action === Enum.DocReaderAction.TIMEOUT)
+      } else if (actionSuccess(completion.action))
         handleResults(completion.results)
     }
 
+    function actionSuccess(action: number) {
+      if (action == Enum.DocReaderAction.COMPLETE || action == Enum.DocReaderAction.TIMEOUT) return true
+      return false
+    }
+
+    function actionError(action: number) {
+      if (action == Enum.DocReaderAction.CANCEL || action == Enum.DocReaderAction.ERROR) return true
+      return false
+    }
+
     function showRfidUI() {
       // show animation
       isReadingRfidCustomUi = true
@@ -152,6 +129,7 @@ export class HomePage {
 
     function hideRfidUI() {
       // show animation
+      DocumentReader.stopRFIDReader()
       restartRfidUI()
       isReadingRfidCustomUi = false
       rfidUIHeader = "Reading RFID"
@@ -168,77 +146,39 @@ export class HomePage {
     }
 
     function updateRfidUI(notification: DocumentReaderNotification) {
-      if (notification.progress === undefined) return
       if (notification.notificationCode === Enum.eRFID_NotificationCodes.RFID_NOTIFICATION_PCSC_READING_DATAGROUP)
-        rfidDescription = notification.dataFileType.toString()
+        rfidDescription = "ERFIDDataFileType: " + notification.dataFileType
       rfidUIHeader = "Reading RFID"
       rfidUIHeaderColor = "black"
-      rfidProgress = notification.progress
+      if (notification.progress != undefined)
+        rfidProgress = notification.progress
       updateUI()
-      if (app.platform.is("ios"))
-        DocumentReader.setRfidSessionStatus(rfidDescription + "\n" + notification.progress + "%")
     }
 
     function customRFID() {
       showRfidUI()
-      DocumentReader.readRFID().subscribe(m => handleRfidCompletion(m))
+      DocumentReader.readRFID(false, false, false).subscribe((m: string) => handleRfidCompletion(m))
     }
 
     function usualRFID() {
       isReadingRfid = true
-      DocumentReader.startRFIDReader().subscribe(m => handleRfidCompletion(m))
+      DocumentReader.startRFIDReader(false, false, false).subscribe((m: string) => handleRfidCompletion(m))
     }
 
     function handleRfidCompletion(raw: string) {
-      var notification = "rfidNotificationCompletionEvent"
-      var paCert = "paCertificateCompletionEvent"
-      var taCert = "taCertificateCompletionEvent"
-      var taSig = "taSignatureCompletionEvent"
-      if (raw.substring(0, notification.length) === notification) {
-        raw = raw.substring(notification.length, raw.length)
-        console.log(notification + ": " + raw)
-      } else if (raw.substring(0, paCert.length) === paCert) {
-        raw = raw.substring(paCert.length, raw.length)
-        console.log(paCert + ": " + raw)
-      } else if (raw.substring(0, taCert.length) === taCert) {
-        raw = raw.substring(taCert.length, raw.length)
-        console.log(taCert + ": " + raw)
-      } else if (raw.substring(0, taSig.length) === taSig) {
-        raw = raw.substring(taSig.length, raw.length)
-        console.log(taSig + ": " + raw)
-      } else
+      var idDetected = "rfidOnChipDetectedEvent"
+      var idProgress = "rfidOnProgressCompletion"
+      var idRetry = "rfidOnRetryReadChipEvent"
+      if (raw.substring(0, idDetected.length) === idDetected)
+        console.log("chip detected")
+      else if (raw.substring(0, idRetry.length) === idRetry)
+        console.log("error reading chip, retrying...")
+      else if (raw.substring(0, idProgress.length) === idProgress)
+        updateRfidUI(DocumentReaderNotification.fromJson(JSON.parse(raw.substring(idProgress.length, raw.length))))
+      else
         handleCompletion(DocumentReaderCompletion.fromJson(JSON.parse(raw)))
     }
 
-    function onInitialized() {
-      app.status.nativeElement.innerHTML = "Ready"
-      app.status.nativeElement.style.backgroundColor = "green"
-      app.showScannerButton.nativeElement.addEventListener("click", scan)
-      if (app.platform.is("android"))
-        app.showImagePicker.nativeElement.addEventListener("click", recognizeAndroid)
-      if (app.platform.is("ios"))
-        app.showImagePicker.nativeElement.addEventListener("click", recognize)
-      DocumentReader.setConfig({
-        functionality: {
-          videoCaptureMotionControl: true,
-          showCaptureButton: true
-        },
-        customization: {
-          showResultStatusMessages: true,
-          showStatusMessages: true
-        },
-        processParams: {
-          scenario: "Mrz",
-          doRfid: false
-        },
-      })
-      DocumentReader.getAvailableScenarios().then(sc =>
-        DocumentReader.isRFIDAvailableForUse().then(canRfid =>
-          postInitialize(JSON.parse(sc), canRfid)))
-      DocumentReader.setRfidDelegate(Enum.RFIDDelegate.NO_PA)
-      // addCertificates()
-    }
-
     function postInitialize(scenarios: Array<any>, canRfid: boolean) {
       var inputs = []
       for (let index of scenarios) {
@@ -273,7 +213,7 @@ export class HomePage {
 
     function handleResults(results: DocumentReaderResults) {
       clearResults()
-      if (doRfid && !isReadingRfid && results != null && results.chipPage != 0) {
+      if (doRfid && !isReadingRfid && results != null) {
         // customRFID()
         usualRFID()
       } else {
@@ -310,42 +250,25 @@ export class HomePage {
     function scan() {
       var config = new ScannerConfig()
       config.scenario = selectedScenario
-      DocumentReader.scan(config).subscribe(m =>
+      DocumentReader.scan(config).subscribe((m: string) =>
         handleCompletion(DocumentReaderCompletion.fromJson(JSON.parse(m))))
     }
 
     function recognize() {
-      app.imagePicker.getPictures({ maximumImagesCount: 1 }).then((results) => {
-        if (results.length > 0) {
-          clearResults()
-          app.status.nativeElement.innerHTML = "copying image......"
-          app.status.nativeElement.style.backgroundColor = "grey"
-        }
-        File.readAsDataURL((app.platform.is("ios") ? "file://" : "") + results[0].substring(0, (results[0] as string).lastIndexOf("/")), results[0].substring((results[0] as string).lastIndexOf("/") + 1)).then((file => {
-          app.status.nativeElement.innerHTML = "processing image......"
-          app.status.nativeElement.style.backgroundColor = "grey"
-          let fileString = (file as string)
-          var config = new RecognizeConfig()
-          config.scenario = selectedScenario
-          config.image = fileString.substring(fileString.indexOf(",") + 1)
-          DocumentReader.recognize(config).subscribe(m =>
-            handleCompletion(DocumentReaderCompletion.fromJson(JSON.parse(m))))
-        })).catch(error2)
-      }, error2)
-    }
-
-    function recognizeAndroid() {
-      app.androidPermissions.checkPermission(app.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE).then(result => {
-        if (result.hasPermission)
-          recognize()
-        else
-          app.androidPermissions.requestPermission(app.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE).then(result => {
-            if (result.hasPermission)
-              recognize()
-            else
-              console.log("storage permission denied")
-          }, err => console.log(JSON.stringify(err)))
-      }, err => console.log(JSON.stringify(err)))
+      app.camera.getPicture({
+        destinationType: DestinationType.DATA_URL,
+        mediaType: MediaType.PICTURE,
+        sourceType: PictureSourceType.PHOTOLIBRARY
+      }).then((result: string) => {
+        clearResults()
+        app.status.nativeElement.innerHTML = "processing image......"
+        app.status.nativeElement.style.backgroundColor = "grey"
+        var config = new RecognizeConfig()
+        config.scenario = selectedScenario
+        config.image = result
+        DocumentReader.recognize(config).subscribe((m: string) =>
+          handleCompletion(DocumentReaderCompletion.fromJson(JSON.parse(m))))
+      })
     }
   }
 }