@jaak.ai/stamps 1.0.0-dev.9 → 1.0.0

package/dist/collection/components/document-detector/document-detector.js

@@ -2,6 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { SdkService } from "../../utils/sdk.service";
 import { TranslationService } from "../../utils/translation.service";
 import * as GenericHelpers from "../../utils/generic.helpers";
+import * as DeviceHelpers from "../../utils/device.helpers";
 import { StatusDocumentDetector } from "../../utils/status.document-detector";
 export class DocumentDetector {
   constructor() {
@@ -10,22 +11,7 @@ export class DocumentDetector {
     this.engineLocation = "https://storage.googleapis.com/jaak-storage/models/web/document-detector/v2.0.0";
     this.workerLocation = "https://storage.googleapis.com/jaak-storage/models/web/document-detector/v2.0.0/BlinkIDWasmSDK.worker.min.js";
     this.wasmType = "ADVANCE";
-    this.blinkIdVariant = "lightweight";
     this.recognizers = ['BlinkIdMultiSideRecognizer'];
-    this.recognizerOptions = {
-      BlinkIdMultiSideRecognizer: {
-        returnEncodedFullDocumentImage: true,
-        returnEncodedFaceImage: true,
-        returnEncodedSignatureImage: true,
-        fullDocumentImageExtensionFactors: {
-          upFactor: 0.1,
-          downFactor: 0.1,
-          leftFactor: 0.1,
-          rightFactor: 0.1
-        },
-        fullDocumentImageDpi: 300
-      }
-    };
     this.recognitionPauseTimeout = 3800;
     this.cameraExperienceStateDurations = null;
     this.enableDrag = false;
@@ -53,7 +39,7 @@ export class DocumentDetector {
     };
     this.ready = {
       emit: (data) => {
-        this.status.emit(StatusDocumentDetector.INITIALIZING);
+        this.status.emit(StatusDocumentDetector.RECORDING);
         return undefined;
       }
     };
@@ -72,13 +58,12 @@ export class DocumentDetector {
     };
     this.feedback = {
       emit: (data) => {
-        console.log(data);
         return undefined;
       }
     };
     this.cameraScanStarted = {
       emit: () => {
-        this.status.emit(StatusDocumentDetector.RECORDING);
+        this.status.emit(StatusDocumentDetector.FRONT_SIDE_DETECTION);
         return undefined;
       }
     };
@@ -96,17 +81,57 @@ export class DocumentDetector {
     };
     this.restart = false;
     this.licenseKey = undefined;
+    this.blinkIdVariant = "lightweight";
+    this.recognizerOptions = {
+      BlinkIdMultiSideRecognizer: {
+        returnEncodedFullDocumentImage: true,
+        returnEncodedFaceImage: true,
+        returnEncodedSignatureImage: true,
+        fullDocumentImageExtensionFactors: {
+          upFactor: 0.1,
+          downFactor: 0.1,
+          leftFactor: 0.1,
+          rightFactor: 0.1
+        },
+        fullDocumentImageDpi: 300
+      }
+    };
     this.config = undefined;
   }
   configHandler(newConfig) {
-    if (newConfig && newConfig.key) {
+    if (newConfig) {
       this.licenseKey = newConfig.key;
+      this.blinkIdVariant = newConfig.dynamicMode ? (DeviceHelpers.isDesktop() ? "full" : "lightweight") : "lightweight";
+      if (newConfig.strictMode === false) {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: false,
+            enableGlareFilter: false,
+            blurStrictnessLevel: 2,
+            glareStrictnessLevel: 2
+          }
+        };
+      }
+      else {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: true,
+            enableGlareFilter: true,
+            blurStrictnessLevel: 1,
+            glareStrictnessLevel: 1
+          }
+        };
+      }
+      this.init();
     }
   }
   async setUiState(state) {
     this.mbComponentEl.setUiState(state);
   }
   async startCameraScan() {
+    this.status.emit(StatusDocumentDetector.INITIALIZING);
     this.mbComponentEl.startCameraScan();
   }
   async startImageScan(file) {
@@ -133,8 +158,31 @@ export class DocumentDetector {
     }, 100);
   }
   componentWillLoad() {
-    if (this.config && this.config.key) {
+    if (this.config) {
       this.licenseKey = this.config.key;
+      this.blinkIdVariant = this.config.dynamicMode ? (DeviceHelpers.isDesktop() ? "full" : "lightweight") : "lightweight";
+      if (this.config.strictMode === false) {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: false,
+            enableGlareFilter: false,
+            blurStrictnessLevel: 2,
+            glareStrictnessLevel: 2
+          }
+        };
+      }
+      else {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: true,
+            enableGlareFilter: true,
+            blurStrictnessLevel: 1,
+            glareStrictnessLevel: 1
+          }
+        };
+      }
     }
     this.init();
   }
@@ -160,7 +208,45 @@ export class DocumentDetector {
     this.finalTranslations = this.translations
       ? this.translations
       : rawTranslations;
-    this.translationService = new TranslationService(this.finalTranslations || {});
+    const customTranslations = {};
+    if (this.config && this.config.translation) {
+      if (this.config.translation.front) {
+        customTranslations["camera-feedback-scan-front"] = this.config.translation.front;
+      }
+      if (this.config.translation.back) {
+        customTranslations["camera-feedback-scan-back"] = this.config.translation.back;
+      }
+      if (this.config.translation.changeSide) {
+        customTranslations["camera-feedback-flip"] = this.config.translation.changeSide;
+      }
+      if (this.config.translation.adjustAngle) {
+        customTranslations["camera-feedback-adjust-angle"] = this.config.translation.adjustAngle;
+      }
+      if (this.config.translation.cameraFeedbackBlur) {
+        customTranslations["camera-feedback-blur"] = this.config.translation.cameraFeedbackBlur;
+      }
+      if (this.config.translation.cameraFeedbackFacePhotoCovered) {
+        customTranslations["camera-feedback-face-photo-covered"] = this.config.translation.cameraFeedbackFacePhotoCovered;
+      }
+      if (this.config.translation.cameraFeedbackGlare) {
+        customTranslations["camera-feedback-glare"] = this.config.translation.cameraFeedbackGlare;
+      }
+      if (this.config.translation.cameraFeedbackWrongSide) {
+        customTranslations["camera-feedback-wrong-side"] = this.config.translation.cameraFeedbackWrongSide;
+      }
+      if (this.config.translation.moveCloser) {
+        customTranslations["camera-feedback-move-closer"] = this.config.translation.moveCloser;
+      }
+      if (this.config.translation.moveFarther) {
+        customTranslations["camera-feedback-move-farther"] = this.config.translation.moveFarther;
+      }
+    }
+    // Merge custom translations with finalTranslations
+    const mergedTranslations = {
+      ...(this.finalTranslations || {}),
+      ...customTranslations
+    };
+    this.translationService = new TranslationService(mergedTranslations);
     this.sdkService = new SdkService();
   }
   render() {
@@ -169,7 +255,7 @@ export class DocumentDetector {
       }, onFeedback: (ev) => {
         this.feedbackEl.show(ev.detail);
         this.feedback.emit(ev.detail);
-      }, onScanSuccess: (ev) => this.scanSuccess.emit(ev.detail), onReady: (ev) => this.ready.emit(ev.detail), onCameraScanStarted: (ev) => this.cameraScanStarted.emit(ev.detail), onImageScanStarted: (ev) => this.imageScanStarted.emit(ev.detail), onScanError: (ev) => this.scanError.emit(ev.detail), onScanAborted: (ev) => this.scanAborted.emit(ev.detail) })), h("mb-feedback", { dir: this.hostEl.getAttribute("dir"), visible: !this.hideFeedback, ref: (el) => (this.feedbackEl = el) }))));
+      }, onScanSuccess: (ev) => this.scanSuccess.emit(ev.detail), onReady: (ev) => this.ready.emit(ev.detail), onCameraScanStarted: (ev) => this.cameraScanStarted.emit(ev.detail), onImageScanStarted: (ev) => this.imageScanStarted.emit(ev.detail), onScanError: (ev) => this.scanError.emit(ev.detail), onScanAborted: (ev) => this.scanAborted.emit(ev.detail), onStatus: (ev) => this.status.emit(ev.detail) })), h("mb-feedback", { dir: this.hostEl.getAttribute("dir"), visible: !this.hideFeedback, ref: (el) => (this.feedbackEl = el) }))));
   }
   static get is() { return "document-detector"; }
   static get encapsulation() { return "shadow"; }
@@ -206,8 +292,8 @@ export class DocumentDetector {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "{\n    key: string;\n  }",
-          "resolved": "{ key: string; }",
+          "original": "{\n    key: string;\n    dynamicMode: boolean;\n    strictMode: boolean;\n    translation: {\n      front: string;\n      back: string;\n      changeSide: string;\n      adjustAngle: string;\n      cameraFeedbackBlur: string;\n      cameraFeedbackFacePhotoCovered: string;\n      cameraFeedbackGlare: string;\n      cameraFeedbackWrongSide: string;\n      moveCloser: string;\n      moveFarther: string;\n    }\n  }",
+          "resolved": "{ key: string; dynamicMode: boolean; strictMode: boolean; translation: { front: string; back: string; changeSide: string; adjustAngle: string; cameraFeedbackBlur: string; cameraFeedbackFacePhotoCovered: string; cameraFeedbackGlare: string; cameraFeedbackWrongSide: string; moveCloser: string; moveFarther: string; }; }",
           "references": {}
         },
         "required": false,
@@ -221,7 +307,9 @@ export class DocumentDetector {
   }
   static get states() {
     return {
-      "restart": {}
+      "restart": {},
+      "blinkIdVariant": {},
+      "recognizerOptions": {}
     };
   }
   static get events() {

package/dist/collection/components/shared/mb-component/mb-component.js

@@ -1,10 +1,11 @@
-import { Host, h, } from "@stencil/core";
-import { CameraExperienceState, Code, MultiSideImageType, FeedbackCode, ImageRecognitionType, RecognitionStatus, SDKError, } from "../../../utils/data-structures";
+import { h, Host, } from "@stencil/core";
+import { CameraExperienceState, Code, FeedbackCode, ImageRecognitionType, MultiSideImageType, RecognitionStatus, SDKError, } from "../../../utils/data-structures";
 import * as ErrorTypes from "../../../utils/error-structures";
-import { sdkErrors, ErrorCodes, LicenseErrorType, } from "@microblink/blinkid-in-browser-sdk";
+import { ErrorCodes, LicenseErrorType, sdkErrors, } from "@microblink/blinkid-in-browser-sdk";
 import * as DeviceHelpers from "../../../utils/device.helpers";
 import * as GenericHelpers from "../../../utils/generic.helpers";
 import * as Utils from "./mb-component.utils";
+import { StatusDocumentDetector } from "../../../utils/status.document-detector";
 export class MbComponent {
   constructor() {
     this.screens = {
@@ -396,9 +397,11 @@ export class MbComponent {
           break;
         case RecognitionStatus.DetectionStatusFail:
           this.cameraExperience.setState(CameraExperienceState.Default, this.isBackSide);
+          this.status.emit(StatusDocumentDetector.DOCUMENT_NOT_FOUND);
           break;
         case RecognitionStatus.DetectionStatusSuccess:
           this.detectionSuccessLock = true;
+          this.status.emit(StatusDocumentDetector.DOCUMENT_DETECTED);
           window.setTimeout(() => {
             if (this.detectionSuccessLock) {
               this.cameraExperience.setState(CameraExperienceState.Detection);
@@ -542,6 +545,8 @@ export class MbComponent {
           break;
         // handle flipping of other documents
         case RecognitionStatus.OnFirstSideResult:
+          this.status.emit(StatusDocumentDetector.CHANGE_SIDE);
+          this.status.emit(StatusDocumentDetector.BACK_SIDE_DETECTION);
           this.sdkService.videoRecognizer.pauseRecognition();
           window.setTimeout(async () => {
             if (this.areHelpScreensOpen) {
@@ -2150,6 +2155,26 @@ export class MbComponent {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "status",
+        "name": "status",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "StatusDocumentDetector",
+          "resolved": "StatusDocumentDetector.BACK_SIDE_DETECTION | StatusDocumentDetector.CHANGE_SIDE | StatusDocumentDetector.DETECTION_FAILED | StatusDocumentDetector.DOCUMENT_DETECTED | StatusDocumentDetector.DOCUMENT_NOT_FOUND | StatusDocumentDetector.ERROR | StatusDocumentDetector.FRONT_SIDE_DETECTION | StatusDocumentDetector.INITIALIZING | StatusDocumentDetector.RECORDING | StatusDocumentDetector.RESULTS_EMPTY | StatusDocumentDetector.RESULTS_SUCCESS | StatusDocumentDetector.RUNNING",
+          "references": {
+            "StatusDocumentDetector": {
+              "location": "import",
+              "path": "../../../utils/status.document-detector"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/utils/device.helpers.js

@@ -33,5 +33,5 @@ export async function checkMandatoryCapabilites() {
  * Determine whether this is a desktop device based on the screen resolution.
  */
 export function isDesktop() {
-  return !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|Tablet/i.test(navigator.userAgent);
 }

package/dist/esm/document-detector_19.entry.js

@@ -6027,6 +6027,43 @@ function setWebComponentParts(hostEl) {
   hostEl.setAttribute("part", partParts.join(" ").trim());
 }
 
+function hasVideoDevices() {
+  return new Promise((resolve) => {
+    if (!window.navigator ||
+      !window.navigator.mediaDevices ||
+      typeof window.navigator.mediaDevices.enumerateDevices !== "function") {
+      resolve(false);
+      return;
+    }
+    window.navigator.mediaDevices.enumerateDevices().then((devices) => {
+      devices = devices || [];
+      for (const device of devices) {
+        if (device && device.kind === "videoinput") {
+          resolve(true);
+          return;
+        }
+      }
+      resolve(false);
+    });
+  });
+}
+function isWasmSupported() {
+  return new Promise((resolve) => {
+    const wasmSupport = isBrowserSupported();
+    resolve(wasmSupport);
+  });
+}
+async function checkMandatoryCapabilites() {
+  const wasmSupport = await isWasmSupported();
+  return wasmSupport;
+}
+/**
+ * Determine whether this is a desktop device based on the screen resolution.
+ */
+function isDesktop() {
+  return !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|Tablet/i.test(navigator.userAgent);
+}
+
 var StatusDocumentDetector;
 (function (StatusDocumentDetector) {
   StatusDocumentDetector["RECORDING"] = "RECORDING";
@@ -6055,22 +6092,7 @@ const DocumentDetector = class {
     this.engineLocation = "https://storage.googleapis.com/jaak-storage/models/web/document-detector/v2.0.0";
     this.workerLocation = "https://storage.googleapis.com/jaak-storage/models/web/document-detector/v2.0.0/BlinkIDWasmSDK.worker.min.js";
     this.wasmType = "ADVANCE";
-    this.blinkIdVariant = "lightweight";
     this.recognizers = ['BlinkIdMultiSideRecognizer'];
-    this.recognizerOptions = {
-      BlinkIdMultiSideRecognizer: {
-        returnEncodedFullDocumentImage: true,
-        returnEncodedFaceImage: true,
-        returnEncodedSignatureImage: true,
-        fullDocumentImageExtensionFactors: {
-          upFactor: 0.1,
-          downFactor: 0.1,
-          leftFactor: 0.1,
-          rightFactor: 0.1
-        },
-        fullDocumentImageDpi: 300
-      }
-    };
     this.recognitionPauseTimeout = 3800;
     this.cameraExperienceStateDurations = null;
     this.enableDrag = false;
@@ -6098,7 +6120,7 @@ const DocumentDetector = class {
     };
     this.ready = {
       emit: (data) => {
-        this.status.emit(StatusDocumentDetector.INITIALIZING);
+        this.status.emit(StatusDocumentDetector.RECORDING);
         return undefined;
       }
     };
@@ -6117,13 +6139,12 @@ const DocumentDetector = class {
     };
     this.feedback = {
       emit: (data) => {
-        console.log(data);
         return undefined;
       }
     };
     this.cameraScanStarted = {
       emit: () => {
-        this.status.emit(StatusDocumentDetector.RECORDING);
+        this.status.emit(StatusDocumentDetector.FRONT_SIDE_DETECTION);
         return undefined;
       }
     };
@@ -6141,17 +6162,57 @@ const DocumentDetector = class {
     };
     this.restart = false;
     this.licenseKey = undefined;
+    this.blinkIdVariant = "lightweight";
+    this.recognizerOptions = {
+      BlinkIdMultiSideRecognizer: {
+        returnEncodedFullDocumentImage: true,
+        returnEncodedFaceImage: true,
+        returnEncodedSignatureImage: true,
+        fullDocumentImageExtensionFactors: {
+          upFactor: 0.1,
+          downFactor: 0.1,
+          leftFactor: 0.1,
+          rightFactor: 0.1
+        },
+        fullDocumentImageDpi: 300
+      }
+    };
     this.config = undefined;
   }
   configHandler(newConfig) {
-    if (newConfig && newConfig.key) {
+    if (newConfig) {
       this.licenseKey = newConfig.key;
+      this.blinkIdVariant = newConfig.dynamicMode ? (isDesktop() ? "full" : "lightweight") : "lightweight";
+      if (newConfig.strictMode === false) {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: false,
+            enableGlareFilter: false,
+            blurStrictnessLevel: 2,
+            glareStrictnessLevel: 2
+          }
+        };
+      }
+      else {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: true,
+            enableGlareFilter: true,
+            blurStrictnessLevel: 1,
+            glareStrictnessLevel: 1
+          }
+        };
+      }
+      this.init();
     }
   }
   async setUiState(state) {
     this.mbComponentEl.setUiState(state);
   }
   async startCameraScan() {
+    this.status.emit(StatusDocumentDetector.INITIALIZING);
     this.mbComponentEl.startCameraScan();
   }
   async startImageScan(file) {
@@ -6178,8 +6239,31 @@ const DocumentDetector = class {
     }, 100);
   }
   componentWillLoad() {
-    if (this.config && this.config.key) {
+    if (this.config) {
       this.licenseKey = this.config.key;
+      this.blinkIdVariant = this.config.dynamicMode ? (isDesktop() ? "full" : "lightweight") : "lightweight";
+      if (this.config.strictMode === false) {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: false,
+            enableGlareFilter: false,
+            blurStrictnessLevel: 2,
+            glareStrictnessLevel: 2
+          }
+        };
+      }
+      else {
+        this.recognizerOptions = {
+          BlinkIdMultiSideRecognizer: {
+            ...this.recognizerOptions.BlinkIdMultiSideRecognizer,
+            enableBlurFilter: true,
+            enableGlareFilter: true,
+            blurStrictnessLevel: 1,
+            glareStrictnessLevel: 1
+          }
+        };
+      }
     }
     this.init();
   }
@@ -6205,7 +6289,45 @@ const DocumentDetector = class {
     this.finalTranslations = this.translations
       ? this.translations
       : rawTranslations;
-    this.translationService = new TranslationService(this.finalTranslations || {});
+    const customTranslations = {};
+    if (this.config && this.config.translation) {
+      if (this.config.translation.front) {
+        customTranslations["camera-feedback-scan-front"] = this.config.translation.front;
+      }
+      if (this.config.translation.back) {
+        customTranslations["camera-feedback-scan-back"] = this.config.translation.back;
+      }
+      if (this.config.translation.changeSide) {
+        customTranslations["camera-feedback-flip"] = this.config.translation.changeSide;
+      }
+      if (this.config.translation.adjustAngle) {
+        customTranslations["camera-feedback-adjust-angle"] = this.config.translation.adjustAngle;
+      }
+      if (this.config.translation.cameraFeedbackBlur) {
+        customTranslations["camera-feedback-blur"] = this.config.translation.cameraFeedbackBlur;
+      }
+      if (this.config.translation.cameraFeedbackFacePhotoCovered) {
+        customTranslations["camera-feedback-face-photo-covered"] = this.config.translation.cameraFeedbackFacePhotoCovered;
+      }
+      if (this.config.translation.cameraFeedbackGlare) {
+        customTranslations["camera-feedback-glare"] = this.config.translation.cameraFeedbackGlare;
+      }
+      if (this.config.translation.cameraFeedbackWrongSide) {
+        customTranslations["camera-feedback-wrong-side"] = this.config.translation.cameraFeedbackWrongSide;
+      }
+      if (this.config.translation.moveCloser) {
+        customTranslations["camera-feedback-move-closer"] = this.config.translation.moveCloser;
+      }
+      if (this.config.translation.moveFarther) {
+        customTranslations["camera-feedback-move-farther"] = this.config.translation.moveFarther;
+      }
+    }
+    // Merge custom translations with finalTranslations
+    const mergedTranslations = {
+      ...(this.finalTranslations || {}),
+      ...customTranslations
+    };
+    this.translationService = new TranslationService(mergedTranslations);
     this.sdkService = new SdkService();
   }
   render() {
@@ -6214,7 +6336,7 @@ const DocumentDetector = class {
       }, onFeedback: (ev) => {
         this.feedbackEl.show(ev.detail);
         this.feedback.emit(ev.detail);
-      }, onScanSuccess: (ev) => this.scanSuccess.emit(ev.detail), onReady: (ev) => this.ready.emit(ev.detail), onCameraScanStarted: (ev) => this.cameraScanStarted.emit(ev.detail), onImageScanStarted: (ev) => this.imageScanStarted.emit(ev.detail), onScanError: (ev) => this.scanError.emit(ev.detail), onScanAborted: (ev) => this.scanAborted.emit(ev.detail) })), h("mb-feedback", { dir: this.hostEl.getAttribute("dir"), visible: !this.hideFeedback, ref: (el) => (this.feedbackEl = el) }))));
+      }, onScanSuccess: (ev) => this.scanSuccess.emit(ev.detail), onReady: (ev) => this.ready.emit(ev.detail), onCameraScanStarted: (ev) => this.cameraScanStarted.emit(ev.detail), onImageScanStarted: (ev) => this.imageScanStarted.emit(ev.detail), onScanError: (ev) => this.scanError.emit(ev.detail), onScanAborted: (ev) => this.scanAborted.emit(ev.detail), onStatus: (ev) => this.status.emit(ev.detail) })), h("mb-feedback", { dir: this.hostEl.getAttribute("dir"), visible: !this.hideFeedback, ref: (el) => (this.feedbackEl = el) }))));
   }
   get hostEl() { return getElement(this); }
   static get watchers() { return {
@@ -6276,43 +6398,6 @@ const MbButton = class {
 };
 MbButton.style = mbButtonCss;
 
-function hasVideoDevices() {
-  return new Promise((resolve) => {
-    if (!window.navigator ||
-      !window.navigator.mediaDevices ||
-      typeof window.navigator.mediaDevices.enumerateDevices !== "function") {
-      resolve(false);
-      return;
-    }
-    window.navigator.mediaDevices.enumerateDevices().then((devices) => {
-      devices = devices || [];
-      for (const device of devices) {
-        if (device && device.kind === "videoinput") {
-          resolve(true);
-          return;
-        }
-      }
-      resolve(false);
-    });
-  });
-}
-function isWasmSupported() {
-  return new Promise((resolve) => {
-    const wasmSupport = isBrowserSupported();
-    resolve(wasmSupport);
-  });
-}
-async function checkMandatoryCapabilites() {
-  const wasmSupport = await isWasmSupported();
-  return wasmSupport;
-}
-/**
- * Determine whether this is a desktop device based on the screen resolution.
- */
-function isDesktop() {
-  return !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-}
-
 const mbButtonClassicCss = ":host{box-sizing:border-box;display:block}:host button{display:block;border:none;margin:0;padding:7px 16px;color:var(--mb-component-button-classic-text-color);background:var(--mb-component-button-classic-background);border:1px solid var(--mb-component-button-classic-background);border-radius:var(--mb-component-button-classic-border-radius);font-family:var(--mb-font-family);font-size:var(--mb-component-button-classic-font-size);font-weight:var(--mb-component-button-classic-font-weight)}:host button:not([disabled]){cursor:pointer}:host button[disabled]{opacity:0.5;pointer-events:none}:host(.mobile){width:50%;display:flex;flex-direction:column}:host(.mobile) button{display:block;border:none;margin:0;padding:7px 16px;color:var(--mb-component-button-classic-text-color);background:var(--mb-component-button-classic-background);border:1px solid var(--mb-component-button-classic-background);border-radius:var(--mb-component-button-classic-border-radius);font-family:var(--mb-font-family);font-size:var(--mb-component-button-classic-font-size);font-weight:var(--mb-component-button-classic-font-weight)}:host(.mobile) button:not([disabled]){cursor:pointer}:host(.mobile) button[disabled]{opacity:0.5;pointer-events:none}:host(.quit-mobile){width:170%;display:flex;flex-direction:column}:host(.quit-mobile) button{display:block;border:none;margin:0;padding:7px 16px;color:var(--mb-component-button-classic-text-color);background:var(--mb-component-button-classic-background);border:1px solid var(--mb-component-button-classic-background);border-radius:var(--mb-component-button-classic-border-radius);font-family:var(--mb-font-family);font-size:var(--mb-component-button-classic-font-size);font-weight:var(--mb-component-button-classic-font-weight)}:host(.quit-mobile) button:not([disabled]){cursor:pointer}:host(.quit-mobile) button[disabled]{opacity:0.5;pointer-events:none}:host(.inverted) a,:host(.inverted) button{background-color:white;color:var(--mb-component-button-classic-inverted-text-color);border:1px solid var(--mb-component-button-classic-inverted-border-color)}:host(.inverted) button:hover,:host(.inverted) button:active,:host(.inverted) button:focus{cursor:pointer;background-color:var(--mb-component-button-classic-inverted-hover-background)}:host(.inverted) button:focus{border-color:var(--mb-component-button-classic-focused-border-color)}";
 
 const MbButtonClassic = class {
@@ -6899,6 +6984,7 @@ const MbComponent = class {
     this.imageScanStarted = createEvent(this, "imageScanStarted", 7);
     this.scanAborted = createEvent(this, "scanAborted", 7);
     this.setIsCameraActive = createEvent(this, "setIsCameraActive", 7);
+    this.status = createEvent(this, "status", 7);
     this.screens = {
       action: null,
       error: null,
@@ -7288,9 +7374,11 @@ const MbComponent = class {
           break;
         case RecognitionStatus.DetectionStatusFail:
           this.cameraExperience.setState(CameraExperienceState.Default, this.isBackSide);
+          this.status.emit(StatusDocumentDetector.DOCUMENT_NOT_FOUND);
           break;
         case RecognitionStatus.DetectionStatusSuccess:
           this.detectionSuccessLock = true;
+          this.status.emit(StatusDocumentDetector.DOCUMENT_DETECTED);
           window.setTimeout(() => {
             if (this.detectionSuccessLock) {
               this.cameraExperience.setState(CameraExperienceState.Detection);
@@ -7434,6 +7522,8 @@ const MbComponent = class {
           break;
         // handle flipping of other documents
         case RecognitionStatus.OnFirstSideResult:
+          this.status.emit(StatusDocumentDetector.CHANGE_SIDE);
+          this.status.emit(StatusDocumentDetector.BACK_SIDE_DETECTION);
           this.sdkService.videoRecognizer.pauseRecognition();
           window.setTimeout(async () => {
             if (this.areHelpScreensOpen) {

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["mb-tooltip",[[1,"mb-tooltip",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"showWarningIcon":[4,"show-warning-icon"],"showInfoIcon":[4,"show-info-icon"],"textAlign":[1,"text-align"],"containerWidth":[1,"container-width"]}]]],["document-detector_19",[[1,"document-detector",{"licenseKey":[1025,"license-key"],"config":[1040],"restart":[32],"setUiState":[64],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiMessage":[64],"getProductIntegrationInfo":[64],"restartComponent":[64]}],[1,"mb-component",{"allowHelloMessage":[4,"allow-hello-message"],"engineLocation":[1,"engine-location"],"workerLocation":[1,"worker-location"],"licenseKey":[1,"license-key"],"wasmType":[1025,"wasm-type"],"blinkIdVariant":[1,"blink-id-variant"],"recognizers":[1040],"recognizerOptions":[1040],"recognitionTimeout":[2,"recognition-timeout"],"recognitionPauseTimeout":[2,"recognition-pause-timeout"],"cameraExperienceStateDurations":[16],"includeSuccessFrame":[4,"include-success-frame"],"enableDrag":[4,"enable-drag"],"hideLoadingAndErrorUi":[4,"hide-loading-and-error-ui"],"rtl":[4],"scanFromCamera":[4,"scan-from-camera"],"scanFromImage":[4,"scan-from-image"],"thoroughScanFromImage":[4,"thorough-scan-from-image"],"galleryOverlayType":[1,"gallery-overlay-type"],"galleryDropType":[1,"gallery-drop-type"],"showActionLabels":[4,"show-action-labels"],"showModalWindows":[4,"show-modal-windows"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"showScanningLine":[4,"show-scanning-line"],"iconCameraDefault":[1,"icon-camera-default"],"iconCameraActive":[1,"icon-camera-active"],"iconGalleryDefault":[1,"icon-gallery-default"],"iconDragAndDropGalleryDefault":[1,"icon-drag-and-drop-gallery-default"],"iconDragAndDropWarningDefault":[1,"icon-drag-and-drop-warning-default"],"iconGalleryActive":[1,"icon-gallery-active"],"iconInvalidFormat":[1,"icon-invalid-format"],"iconSpinnerScreenLoading":[1,"icon-spinner-screen-loading"],"iconSpinnerFromGalleryExperience":[1,"icon-spinner-from-gallery-experience"],"iconGalleryScanningCompleted":[1,"icon-gallery-scanning-completed"],"sdkService":[16],"translationService":[16],"cameraId":[1,"camera-id"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"pingProxyUrl":[1,"ping-proxy-url"],"galleryExperienceModalErrorWindowVisible":[32],"clearIsCameraActive":[32],"apiProcessStatusVisible":[32],"apiProcessStatusState":[32],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiState":[64]},[[8,"keyup","handleKeyUp"]]],[1,"mb-container"],[1,"mb-feedback",{"visible":[4],"paragraphClassName":[32],"paragraphValue":[32],"show":[64]}],[1,"mb-camera-experience",{"type":[1],"cameraExperienceStateDurations":[16],"showOverlay":[4,"show-overlay"],"translationService":[16],"apiState":[1,"api-state"],"cameraFlipped":[1028,"camera-flipped"],"showScanningLine":[4,"show-scanning-line"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"clearIsCameraActive":[4,"clear-is-camera-active"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"cameraCursorBarcodeClassName":[32],"cameraCursorIdentityCardClassName":[32],"scanningLineBarcodeClassName":[32],"cameraMessageIdentityCardContent":[32],"cameraMessageIdentityCardClassName":[32],"setActiveCamera":[64],"populateCameraDevices":[64],"setCameraFlipState":[64],"initializeHelpScreens":[64],"openHelpScreensOnboarding":[64],"terminateHelpScreens":[64],"setState":[64],"resetState":[64]}],[1,"mb-api-process-status",{"visible":[4],"state":[1],"translationService":[16]}],[1,"mb-button",{"clickHandler":[16],"disabled":[4],"visible":[4],"selected":[4],"imageSrcDefault":[1,"image-src-default"],"imageSrcActive":[1,"image-src-active"],"imageAlt":[1,"image-alt"],"label":[1],"buttonTitle":[1,"button-title"]}],[1,"mb-completed",{"icon":[1]}],[1,"mb-image-box",{"boxTitle":[1,"box-title"],"anchorText":[1,"anchor-text"],"clear":[64]}],[1,"mb-screen",{"visible":[4]}],[1,"mb-spinner",{"icon":[1],"size":[1]}],[1,"mb-help",{"allow":[4],"allowFab":[4,"allow-fab"],"allowOnboarding":[4,"allow-onboarding"],"allowOnboardingPerpetuity":[4,"allow-onboarding-perpetuity"],"tooltipPauseTimeout":[2,"tooltip-pause-timeout"],"translationService":[16],"isInitialized":[32],"isTooltipShownHover":[32],"isTooltipShownTimer":[32],"isModalShown":[32],"activeStepIndex":[32],"initialize":[64],"openOnboarding":[64],"openHelpScreens":[64],"close":[64],"terminate":[64]}],[1,"mb-camera-toolbar",{"showClose":[4,"show-close"],"clearIsCameraActive":[4,"clear-is-camera-active"],"enableCameraFlip":[4,"enable-camera-flip"],"cameraFlipped":[4,"camera-flipped"],"showCloseButton":[32],"isDesktop":[32],"setActiveCamera":[64],"populateCameraDevices":[64]},[[2,"setIsCameraActive","handleSetIsCameraActive"]]],[1,"mb-button-classic",{"inverted":[4],"quit":[4],"disabled":[4],"preventDefault":[4,"prevent-default"],"clickHandler":[16]}],[1,"mb-camera-selection",{"clearIsCameraActive":[4,"clear-is-camera-active"],"activeCamera":[32],"cameraList":[32],"isListVisible":[32],"setActiveCamera":[64],"populateCameraDevices":[64]}],[1,"mb-overlay",{"fullscreen":[4],"visible":[4]}],[1,"mb-progress-tracker",{"size":[2],"current":[2]}],[1,"mb-tooltip-advanced",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"textAlign":[1,"text-align"]}],[1,"mb-modal",{"visible":[4],"elevated":[4],"centered":[4],"modalTitle":[1,"modal-title"],"content":[1],"contentCentered":[4,"content-centered"],"showBackButton":[4,"show-back-button"],"hideFooter":[4,"hide-footer"],"hideCloseButton":[4,"hide-close-button"]}]]]], options);
+  return bootstrapLazy([["mb-tooltip",[[1,"mb-tooltip",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"showWarningIcon":[4,"show-warning-icon"],"showInfoIcon":[4,"show-info-icon"],"textAlign":[1,"text-align"],"containerWidth":[1,"container-width"]}]]],["document-detector_19",[[1,"document-detector",{"licenseKey":[1025,"license-key"],"config":[1040],"restart":[32],"blinkIdVariant":[32],"recognizerOptions":[32],"setUiState":[64],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiMessage":[64],"getProductIntegrationInfo":[64],"restartComponent":[64]}],[1,"mb-component",{"allowHelloMessage":[4,"allow-hello-message"],"engineLocation":[1,"engine-location"],"workerLocation":[1,"worker-location"],"licenseKey":[1,"license-key"],"wasmType":[1025,"wasm-type"],"blinkIdVariant":[1,"blink-id-variant"],"recognizers":[1040],"recognizerOptions":[1040],"recognitionTimeout":[2,"recognition-timeout"],"recognitionPauseTimeout":[2,"recognition-pause-timeout"],"cameraExperienceStateDurations":[16],"includeSuccessFrame":[4,"include-success-frame"],"enableDrag":[4,"enable-drag"],"hideLoadingAndErrorUi":[4,"hide-loading-and-error-ui"],"rtl":[4],"scanFromCamera":[4,"scan-from-camera"],"scanFromImage":[4,"scan-from-image"],"thoroughScanFromImage":[4,"thorough-scan-from-image"],"galleryOverlayType":[1,"gallery-overlay-type"],"galleryDropType":[1,"gallery-drop-type"],"showActionLabels":[4,"show-action-labels"],"showModalWindows":[4,"show-modal-windows"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"showScanningLine":[4,"show-scanning-line"],"iconCameraDefault":[1,"icon-camera-default"],"iconCameraActive":[1,"icon-camera-active"],"iconGalleryDefault":[1,"icon-gallery-default"],"iconDragAndDropGalleryDefault":[1,"icon-drag-and-drop-gallery-default"],"iconDragAndDropWarningDefault":[1,"icon-drag-and-drop-warning-default"],"iconGalleryActive":[1,"icon-gallery-active"],"iconInvalidFormat":[1,"icon-invalid-format"],"iconSpinnerScreenLoading":[1,"icon-spinner-screen-loading"],"iconSpinnerFromGalleryExperience":[1,"icon-spinner-from-gallery-experience"],"iconGalleryScanningCompleted":[1,"icon-gallery-scanning-completed"],"sdkService":[16],"translationService":[16],"cameraId":[1,"camera-id"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"pingProxyUrl":[1,"ping-proxy-url"],"galleryExperienceModalErrorWindowVisible":[32],"clearIsCameraActive":[32],"apiProcessStatusVisible":[32],"apiProcessStatusState":[32],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiState":[64]},[[8,"keyup","handleKeyUp"]]],[1,"mb-container"],[1,"mb-feedback",{"visible":[4],"paragraphClassName":[32],"paragraphValue":[32],"show":[64]}],[1,"mb-camera-experience",{"type":[1],"cameraExperienceStateDurations":[16],"showOverlay":[4,"show-overlay"],"translationService":[16],"apiState":[1,"api-state"],"cameraFlipped":[1028,"camera-flipped"],"showScanningLine":[4,"show-scanning-line"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"clearIsCameraActive":[4,"clear-is-camera-active"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"cameraCursorBarcodeClassName":[32],"cameraCursorIdentityCardClassName":[32],"scanningLineBarcodeClassName":[32],"cameraMessageIdentityCardContent":[32],"cameraMessageIdentityCardClassName":[32],"setActiveCamera":[64],"populateCameraDevices":[64],"setCameraFlipState":[64],"initializeHelpScreens":[64],"openHelpScreensOnboarding":[64],"terminateHelpScreens":[64],"setState":[64],"resetState":[64]}],[1,"mb-api-process-status",{"visible":[4],"state":[1],"translationService":[16]}],[1,"mb-button",{"clickHandler":[16],"disabled":[4],"visible":[4],"selected":[4],"imageSrcDefault":[1,"image-src-default"],"imageSrcActive":[1,"image-src-active"],"imageAlt":[1,"image-alt"],"label":[1],"buttonTitle":[1,"button-title"]}],[1,"mb-completed",{"icon":[1]}],[1,"mb-image-box",{"boxTitle":[1,"box-title"],"anchorText":[1,"anchor-text"],"clear":[64]}],[1,"mb-screen",{"visible":[4]}],[1,"mb-spinner",{"icon":[1],"size":[1]}],[1,"mb-help",{"allow":[4],"allowFab":[4,"allow-fab"],"allowOnboarding":[4,"allow-onboarding"],"allowOnboardingPerpetuity":[4,"allow-onboarding-perpetuity"],"tooltipPauseTimeout":[2,"tooltip-pause-timeout"],"translationService":[16],"isInitialized":[32],"isTooltipShownHover":[32],"isTooltipShownTimer":[32],"isModalShown":[32],"activeStepIndex":[32],"initialize":[64],"openOnboarding":[64],"openHelpScreens":[64],"close":[64],"terminate":[64]}],[1,"mb-camera-toolbar",{"showClose":[4,"show-close"],"clearIsCameraActive":[4,"clear-is-camera-active"],"enableCameraFlip":[4,"enable-camera-flip"],"cameraFlipped":[4,"camera-flipped"],"showCloseButton":[32],"isDesktop":[32],"setActiveCamera":[64],"populateCameraDevices":[64]},[[2,"setIsCameraActive","handleSetIsCameraActive"]]],[1,"mb-button-classic",{"inverted":[4],"quit":[4],"disabled":[4],"preventDefault":[4,"prevent-default"],"clickHandler":[16]}],[1,"mb-camera-selection",{"clearIsCameraActive":[4,"clear-is-camera-active"],"activeCamera":[32],"cameraList":[32],"isListVisible":[32],"setActiveCamera":[64],"populateCameraDevices":[64]}],[1,"mb-overlay",{"fullscreen":[4],"visible":[4]}],[1,"mb-progress-tracker",{"size":[2],"current":[2]}],[1,"mb-tooltip-advanced",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"textAlign":[1,"text-align"]}],[1,"mb-modal",{"visible":[4],"elevated":[4],"centered":[4],"modalTitle":[1,"modal-title"],"content":[1],"contentCentered":[4,"content-centered"],"showBackButton":[4,"show-back-button"],"hideFooter":[4,"hide-footer"],"hideCloseButton":[4,"hide-close-button"]}]]]], options);
   });
 };