@ekyc_qoobiss/qbs-ect-cmp 3.6.40 → 3.6.42

package/dist/collection/components/common/id-back-capture/id-back-capture.js

@@ -1,219 +0,0 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-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 { IdCaptureValues } from '../../../helpers/textValues';
-import { Translations } from '../../../helpers/TranslationUtils';
-// import { IDPose } from '../../libs/IDML5Detector/IDPose';
-export class IdBackCapture {
-  // @State() private animationPath: string;
-  constructor() {
-    this.photoIsReady = photos => {
-      //this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
-    this.videoStarted = undefined;
-    this.cameraSize = undefined;
-    this.captureTaken = undefined;
-    this.verified = undefined;
-    this.titleMesage = undefined;
-    this.showDemo = undefined;
-    this.demoVideo = undefined;
-    this.captureTaken = false;
-    this.verified = false;
-    this.cameras = new Cameras();
-    this.showDemo = true;
-    this.baseComponent = new BaseComponent(FlowSteps.CiBackCapture);
-  }
-  eventVideoStarted(event) {
-    this.videoStarted = true;
-    this.cameraSize = event.detail;
-  }
-  async componentWillLoad() {
-    this.translations = await Translations.getValues();
-    //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' });
-    }
-  }
-  async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Initialized);
-    this.titleMesage = this.translations.IdCaptureValues.TtileRotate;
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
-    this.demoVideo.play();
-    await delay(this.translations.GlobalValues.VideoLenght);
-    this.titleMesage = this.translations.IdCaptureValues.TitleBack;
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.BackStraight];
-    this.demoVideo.play();
-    await delay(this.translations.GlobalValues.VideoLenght);
-    this.showDemo = false;
-    this.openCamera();
-  }
-  async openCamera() {
-    const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
-    setTimeout(() => {
-      navigator.mediaDevices
-        .getUserMedia(constraints)
-        .then(stream => {
-        const superStream = Stream.getNewInstance(VerificationMode.Full);
-        superStream.initStream(stream);
-      })
-        .catch(e => {
-        this.closeCamera();
-        this.apiErrorEvent.emit(e);
-      });
-    }, 100);
-  }
-  closeCamera() {
-    if (Stream.instance) {
-      Stream.instance.dropStream();
-    }
-  }
-  disconnectedCallback() {
-    this.closeCamera();
-    Stream.instance = null;
-    IDML5Detector.instance = null;
-    FaceML5Detector.instance = null;
-  }
-  async verificationFinished() {
-    if (this.verified)
-      return;
-    this.verified = true;
-    this.titleMesage = this.translations.IdCaptureValues.Loading;
-    this.closeCamera();
-    this.showDemo = true;
-    var loops = 0;
-    this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = false;
-    while (loops < 7) {
-      loops++;
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-    }
-    this.eventTimeElapsed.emit();
-  }
-  async takePhoto() {
-    if (this.captureTaken)
-      return;
-    this.captureTaken = true;
-    if (Stream.instance) {
-      let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
-    }
-    else {
-      this.eventTimeElapsed.emit();
-    }
-    await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Finalized);
-  }
-  render() {
-    let cameraStyle;
-    let cameraStyleInner;
-    if (this.videoStarted) {
-      cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
-      cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
-    }
-    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: "howtoBack", 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.translations.GlobalValues.FooterText)))));
-  }
-  static get is() { return "id-back-capture"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["id-back-capture.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["id-back-capture.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "cameraSize": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "showDemo": {},
-      "demoVideo": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoIdBackCapture",
-        "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": {}
-        }
-      }, {
-        "method": "eventTimeElapsed",
-        "name": "timeElapsed",
-        "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": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}

package/dist/collection/components/common/id-tilt/id-tilt.css

@@ -1,35 +0,0 @@
-/* .cameraContainer {
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-  position: relative;
-  overflow: hidden;
-} */
-
-.logo {
-  max-height: 450px;
-  max-width: 450px;
-}
-
-/* .block {
-  width: 90%;
-  padding-left: 5%;
-  padding-right: 5%;
-  margin-top: 5vh;
-} */
-
-.canvas-on-video {
-  max-width: 100%;
-  max-height: 100%;
-  position: absolute;
-  z-index: 2;
-  transform: scale(-1, 1);
-}
-/* 
-@media screen and (max-height: 414px) {
-  .logo {
-    background-size: 140px;
-    max-height: 140px;
-    max-width: 140px;
-  }
-} */

package/dist/collection/components/common/id-tilt/id-tilt.js

@@ -1,220 +0,0 @@
-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 { Translations } from '../../../helpers/TranslationUtils';
-// import { IDPose } from '../../libs/IDML5Detector/IDPose';
-export class IdTilt {
-  // @State() private animationPath: string;
-  constructor() {
-    this.photoIsReady = photos => {
-      //this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
-    this.videoStarted = undefined;
-    this.cameraSize = undefined;
-    this.captureTaken = undefined;
-    this.verified = undefined;
-    this.titleMesage = undefined;
-    this.showDemo = undefined;
-    this.demoVideo = undefined;
-    this.captureTaken = false;
-    this.verified = false;
-    this.cameras = new Cameras();
-    this.showDemo = true;
-    this.baseComponent = new BaseComponent(FlowSteps.CiTilt);
-  }
-  eventVideoStarted(event) {
-    this.videoStarted = true;
-    this.cameraSize = event.detail;
-  }
-  async componentWillLoad() {
-    this.translations = await Translations.getValues();
-    this.titleMesage = this.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' });
-    }
-  }
-  async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.CiTilt, FlowMoments.Initialized);
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
-    this.demoVideo.play();
-    await delay(this.translations.GlobalValues.VideoLenght);
-    this.showDemo = false;
-    this.openCamera();
-  }
-  async openCamera() {
-    const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
-    setTimeout(() => {
-      navigator.mediaDevices
-        .getUserMedia(constraints)
-        .then(stream => {
-        const superStream = Stream.getNewInstance(VerificationMode.Tilt);
-        superStream.initStream(stream);
-      })
-        .catch(e => {
-        this.closeCamera();
-        this.apiErrorEvent.emit(e);
-      });
-    }, 100);
-  }
-  closeCamera() {
-    if (Stream.instance) {
-      Stream.instance.dropStream();
-    }
-  }
-  disconnectedCallback() {
-    this.closeCamera();
-    Stream.instance = null;
-    IDML5Detector.instance = null;
-    FaceML5Detector.instance = null;
-  }
-  async takePhoto() {
-    if (this.captureTaken)
-      return;
-    this.captureTaken = true;
-    if (Stream.instance) {
-      let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
-    }
-    else {
-      this.eventTimeElapsed.emit();
-    }
-    await this.baseComponent.logStep(FlowSteps.CiTilt, FlowMoments.Finalized);
-  }
-  async verificationFinished() {
-    if (this.verified)
-      return;
-    this.verified = true;
-    this.titleMesage = this.translations.IdCaptureValues.Loading;
-    this.closeCamera();
-    this.showDemo = true;
-    var loops = 0;
-    this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = false;
-    while (loops < 7) {
-      loops++;
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-    }
-    this.eventTimeElapsed.emit();
-  }
-  render() {
-    let cameraStyle;
-    let cameraStyleInner;
-    if (this.videoStarted) {
-      cameraStyle = {
-        width: Math.round(this.cameraSize.width) + 'px',
-        height: Math.round((this.cameraSize.width * 9) / 16) + 'px',
-        overflow: 'hidden',
-        borderRadius: '10px',
-      };
-      cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
-    }
-    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" }, this.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": {}
-        }
-      }, {
-        "method": "eventTimeElapsed",
-        "name": "timeElapsed",
-        "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
-      }];
-  }
-}

package/dist/collection/components/common/selfie-tilt/selfie-tilt.css

@@ -1,7 +0,0 @@
-/* .cameraContainer {
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-  position: relative;
-  overflow: hidden;
-} */