@jaak.ai/stamps 1.0.0 → 2.0.0-beta.2

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

@@ -1,504 +0,0 @@
-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() {
-    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.recognizers = ['BlinkIdMultiSideRecognizer'];
-    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.RECORDING);
-        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) => {
-        return undefined;
-      }
-    };
-    this.cameraScanStarted = {
-      emit: () => {
-        this.status.emit(StatusDocumentDetector.FRONT_SIDE_DETECTION);
-        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.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) {
-      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) {
-    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.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();
-  }
-  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;
-    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() {
-    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), 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"; }
-  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    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,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "restart": {},
-      "blinkIdVariant": {},
-      "recognizerOptions": {}
-    };
-  }
-  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"
-      }];
-  }
-}