@ekyc_qoobiss/qbs-ect-cmp 3.6.25 → 3.6.27

package/dist/{collection/components/common/id-capture/id-capture.js → qbs-ect-cmp/id-capture.entry.js}

@@ -1,19 +1,22 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-import { IdCaptureValues } from '../../../helpers/textValues';
-import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
-import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
-import { IDPose } from '../../../libs/IDML5Detector/IDPose';
-import { delay } from '../../../utils/utils';
-import store from '../../../helpers/store';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-import { VerificationMode } from '../../../models/IVerificationMode';
-// import { IDPose } from '../../libs/IDML5Detector/IDPose';
-export class IdCapture {
+import { r as registerInstance, e as createEvent, h, i as getElement } from './index-78a05b9e.js';
+import { C as Cameras } from './Cameras-dfbebc29.js';
+import { S as Stream, V as VerificationMode, I as IDML5Detector, F as FaceML5Detector } from './Stream-b867a2be.js';
+import { I as IdCaptureValues, s as state } from './textValues-6bcc85dd.js';
+import { I as IDPose } from './IDPose-181bcb25.js';
+import { d as delay } from './utils-8225f0b7.js';
+import { B as BaseComponent, F as FlowSteps, a as FlowMoments } from './base-component-2e490fd9.js';
+import './IDevice-15ecfdeb.js';
+import './ML5-657ef934.js';
+import './_commonjsHelpers-321aa363.js';
+
+const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
+
+const IdCapture = class {
   // @State() private animationPath: string;
-  constructor() {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventPhotoCapture = createEvent(this, "photoIdCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -36,7 +39,7 @@ export class IdCapture {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    this.titleMesage = IdCaptureValues.Title;
+    this.titleMesage = this.baseComponent.translations.IdCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -46,12 +49,12 @@ export class IdCapture {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
     this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
+    await delay(this.baseComponent.translations.GlobalValues.VideoLenght);
     this.showDemo = false;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
+    const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -88,7 +91,7 @@ export class IdCapture {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = IdCaptureValues.Loading;
+    this.titleMesage = this.baseComponent.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
@@ -110,83 +113,10 @@ export class IdCapture {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "id" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "id" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText)))));
   }
-  static get is() { return "id-capture"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["id-capture.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["id-capture.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "cameraSize": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "showDemo": {},
-      "demoVideo": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoIdCapture",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-  static get listeners() {
-    return [{
-        "name": "videoStarted",
-        "method": "eventVideoStarted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+  get component() { return getElement(this); }
+};
+IdCapture.style = idCaptureCss;
+
+export { IdCapture as id_capture };

package/dist/{collection/components/common/id-tilt/id-tilt.js → qbs-ect-cmp/id-tilt.entry.js}

@@ -1,19 +1,22 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-import { IdCaptureValues } from '../../../helpers/textValues';
-import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
-import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
-import { IDPose } from '../../../libs/IDML5Detector/IDPose';
-import { delay } from '../../../utils/utils';
-import store from '../../../helpers/store';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-import { VerificationMode } from '../../../models/IVerificationMode';
-// import { IDPose } from '../../libs/IDML5Detector/IDPose';
-export class IdTilt {
+import { r as registerInstance, e as createEvent, h, i as getElement } from './index-78a05b9e.js';
+import { C as Cameras } from './Cameras-dfbebc29.js';
+import { S as Stream, V as VerificationMode, I as IDML5Detector, F as FaceML5Detector } from './Stream-b867a2be.js';
+import { I as IdCaptureValues, s as state } from './textValues-6bcc85dd.js';
+import { I as IDPose } from './IDPose-181bcb25.js';
+import { d as delay } from './utils-8225f0b7.js';
+import { B as BaseComponent, F as FlowSteps, a as FlowMoments } from './base-component-2e490fd9.js';
+import './IDevice-15ecfdeb.js';
+import './ML5-657ef934.js';
+import './_commonjsHelpers-321aa363.js';
+
+const idTiltCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
+
+const IdTilt = class {
   // @State() private animationPath: string;
-  constructor() {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventPhotoCapture = createEvent(this, "photoTiltCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -36,7 +39,7 @@ export class IdTilt {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    this.titleMesage = IdCaptureValues.IDPoseMapping[1];
+    this.titleMesage = this.baseComponent.translations.IdCaptureValues.IDPoseMapping;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -46,12 +49,12 @@ export class IdTilt {
     await this.baseComponent.logStep(FlowSteps.CiTilt, FlowMoments.Initialized);
     this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
+    await delay(this.baseComponent.translations.GlobalValues.VideoLenght);
     this.showDemo = false;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
+    const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -88,7 +91,7 @@ export class IdTilt {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = IdCaptureValues.Loading;
+    this.titleMesage = this.baseComponent.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
@@ -110,83 +113,10 @@ export class IdTilt {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "tilt" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "tilt" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText)))));
   }
-  static get is() { return "id-tilt"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["id-tilt.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["id-tilt.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "cameraSize": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "showDemo": {},
-      "demoVideo": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoTiltCapture",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-  static get listeners() {
-    return [{
-        "name": "videoStarted",
-        "method": "eventVideoStarted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+  get component() { return getElement(this); }
+};
+IdTilt.style = idTiltCss;
+
+export { IdTilt as id_tilt };