@jaak.ai/stamps 1.0.0-beta.1

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

@@ -0,0 +1,416 @@
+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 { StatusDocumentDetector } from "../../utils/status.document-detector";
+export class DocumentDetector {
+  constructor() {
+    this.blocked = false;
+    this.allowHelloMessage = false;
+    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;
+    this.hideFeedback = true;
+    this.hideLoadingAndErrorUi = false;
+    this.scanFromCamera = true;
+    this.scanFromImage = false;
+    this.thoroughScanFromImage = false;
+    this.galleryOverlayType = "INLINE";
+    this.galleryDropType = "INLINE";
+    this.showActionLabels = false;
+    this.showModalWindows = false;
+    this.showCameraFeedbackBarcodeMessage = false;
+    this.cameraId = null;
+    this.allowHelpScreensFab = false;
+    this.allowHelpScreensOnboarding = false;
+    this.allowHelpScreensOnboardingPerpetuity = false;
+    this.helpScreensTooltipPauseTimeout = 15000;
+    this.pingProxyUrl = null;
+    this.fatalError = {
+      emit: (data) => {
+        this.status.emit(StatusDocumentDetector.ERROR);
+        return undefined;
+      }
+    };
+    this.ready = {
+      emit: (data) => {
+        this.status.emit(StatusDocumentDetector.INITIALIZING);
+        return undefined;
+      }
+    };
+    this.scanError = {
+      emit: (data) => {
+        this.status.emit(StatusDocumentDetector.ERROR);
+        return undefined;
+      }
+    };
+    this.scanSuccess = {
+      emit: (data) => {
+        this.results.emit(data?.data?.data);
+        this.status.emit(StatusDocumentDetector.RESULTS_SUCCESS);
+        return undefined;
+      }
+    };
+    this.feedback = {
+      emit: (data) => {
+        console.log(data);
+        return undefined;
+      }
+    };
+    this.cameraScanStarted = {
+      emit: () => {
+        this.status.emit(StatusDocumentDetector.RECORDING);
+        return undefined;
+      }
+    };
+    this.imageScanStarted = {
+      emit: () => {
+        this.status.emit(StatusDocumentDetector.RUNNING);
+        return undefined;
+      }
+    };
+    this.scanAborted = {
+      emit: () => {
+        this.status.emit(StatusDocumentDetector.DETECTION_FAILED);
+        return undefined;
+      }
+    };
+    this.restart = false;
+    this.licenseKey = undefined;
+    this.config = undefined;
+  }
+  configHandler(newConfig) {
+    if (newConfig && newConfig.key) {
+      this.licenseKey = newConfig.key;
+    }
+  }
+  async setUiState(state) {
+    this.mbComponentEl.setUiState(state);
+  }
+  async startCameraScan() {
+    this.mbComponentEl.startCameraScan();
+  }
+  async startImageScan(file) {
+    this.mbComponentEl.startImageScan(file);
+  }
+  async startMultiSideImageScan(firstFile, secondFile) {
+    this.mbComponentEl.startMultiSideImageScan(firstFile, secondFile);
+  }
+  async setUiMessage(state, message) {
+    this.feedbackEl.show({ state, message });
+  }
+  async getProductIntegrationInfo() {
+    return this.sdkService?.getProductIntegrationInfo();
+  }
+  async restartComponent() {
+    this.sdkService?.delete();
+    this.init();
+    this.restart = true;
+    setTimeout(() => {
+      this.restart = false;
+      setTimeout(() => {
+        this.startCameraScan();
+      }, 300);
+    }, 100);
+  }
+  componentWillLoad() {
+    if (this.config && this.config.key) {
+      this.licenseKey = this.config.key;
+    }
+    this.init();
+  }
+  componentWillUpdate() {
+    if (this.blocked) {
+      return;
+    }
+    if (this.config && this.config.key) {
+      this.licenseKey = this.config.key;
+    }
+    this.sdkService?.delete();
+    this.init();
+  }
+  disconnectedCallback() {
+    this.sdkService?.delete();
+  }
+  init() {
+    const rawRecognizers = GenericHelpers.stringToArray(this.rawRecognizers);
+    this.finalRecognizers = this.recognizers
+      ? this.recognizers
+      : rawRecognizers;
+    const rawTranslations = GenericHelpers.stringToObject(this.rawTranslations);
+    this.finalTranslations = this.translations
+      ? this.translations
+      : rawTranslations;
+    this.translationService = new TranslationService(this.finalTranslations || {});
+    this.sdkService = new SdkService();
+  }
+  render() {
+    return (h(Host, null, h("mb-container", null, !this.restart && (h("mb-component", { dir: this.hostEl.getAttribute("dir"), ref: (el) => (this.mbComponentEl = el), allowHelloMessage: this.allowHelloMessage, recognitionPauseTimeout: this.recognitionPauseTimeout, cameraExperienceStateDurations: this.cameraExperienceStateDurations, engineLocation: this.engineLocation, workerLocation: this.workerLocation, licenseKey: this.licenseKey, wasmType: this.wasmType, blinkIdVariant: this.blinkIdVariant, recognizers: this.finalRecognizers, recognizerOptions: this.recognizerOptions, recognitionTimeout: this.recognitionTimeout, enableDrag: this.enableDrag, hideLoadingAndErrorUi: this.hideLoadingAndErrorUi, scanFromCamera: this.scanFromCamera, scanFromImage: this.scanFromImage, thoroughScanFromImage: this.thoroughScanFromImage, galleryOverlayType: this.galleryOverlayType, galleryDropType: this.galleryDropType, showActionLabels: this.showActionLabels, showModalWindows: this.showModalWindows, showCameraFeedbackBarcodeMessage: this.showCameraFeedbackBarcodeMessage, iconCameraDefault: this.iconCameraDefault, iconCameraActive: this.iconCameraActive, iconGalleryDefault: this.iconGalleryDefault, iconGalleryActive: this.iconGalleryActive, iconInvalidFormat: this.iconInvalidFormat, iconSpinnerScreenLoading: this.iconSpinnerScreenLoading, iconSpinnerFromGalleryExperience: this.iconSpinnerFromGalleryExperience, iconGalleryScanningCompleted: this.iconGalleryScanningCompleted, sdkService: this.sdkService, translationService: this.translationService, cameraId: this.cameraId, allowHelpScreens: false, pingProxyUrl: this.pingProxyUrl, allowHelpScreensFab: this.allowHelpScreensFab, allowHelpScreensOnboarding: this.allowHelpScreensOnboarding, allowHelpScreensOnboardingPerpetuity: this.allowHelpScreensOnboardingPerpetuity, helpScreensTooltipPauseTimeout: this.helpScreensTooltipPauseTimeout, onBlock: (ev) => {
+        this.blocked = ev.detail;
+      }, 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) }))));
+  }
+  static get is() { return "document-detector"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["document-detector.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["document-detector.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "licenseKey": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "license-key",
+        "reflect": false
+      },
+      "config": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "{\n    key: string;\n  }",
+          "resolved": "{ key: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "restart": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "results",
+        "name": "results",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "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() {
+    return {
+      "setUiState": {
+        "complexType": {
+          "signature": "(state: \"ERROR\" | \"LOADING\" | \"NONE\" | \"SUCCESS\") => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "startCameraScan": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "startImageScan": {
+        "complexType": {
+          "signature": "(file: File) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "File": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "startMultiSideImageScan": {
+        "complexType": {
+          "signature": "(firstFile: File, secondFile: File) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "File": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "setUiMessage": {
+        "complexType": {
+          "signature": "(state: \"FEEDBACK_ERROR\" | \"FEEDBACK_INFO\" | \"FEEDBACK_OK\", message: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "getProductIntegrationInfo": {
+        "complexType": {
+          "signature": "() => Promise<ProductIntegrationInfo>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ProductIntegrationInfo": {
+              "location": "import",
+              "path": "../../utils/data-structures"
+            }
+          },
+          "return": "Promise<ProductIntegrationInfo>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "restartComponent": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "hostEl"; }
+  static get watchers() {
+    return [{
+        "propName": "config",
+        "methodName": "configHandler"
+      }];
+  }
+}