@ekyc_qoobiss/qbs-ect-cmp 1.5.21 → 1.5.23

package/dist/components/id-back-capture2.js

@@ -1,142 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
-import { I as IDPose, E as Events, S as Stream, a as IDML5Detector, F as FaceML5Detector, d as defineCustomElement$1 } from './camera.js';
-import { C as Cameras } from './Cameras.js';
-import { I as IdCaptureValues } from './textValues.js';
-
-const idBackCaptureCss = ".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 IdBackCapture = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.eventPhotoCapture = createEvent(this, "photoIdBackCapture", 7);
-    this.photoIsReady = photos => {
-      this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
-    this.device = undefined;
-    this.videoStarted = undefined;
-    this.cameraSize = undefined;
-    this.stopAnimation = undefined;
-    this.captureTaken = undefined;
-    this.titleMesage = undefined;
-    this.animationPath = undefined;
-    this.captureTaken = false;
-    this.cameras = new Cameras();
-  }
-  eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
-    this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
-  }
-  eventVideoStarted(event) {
-    this.videoStarted = true;
-    this.cameraSize = event.detail;
-  }
-  eventStopAnimation() {
-    this.stopAnimation = true;
-  }
-  async componentWillLoad() {
-    Events.init(this.component);
-    this.titleMesage = IdCaptureValues.Title;
-    if (!navigator.mediaDevices) {
-      Events.errorEvent('This browser does not support webRTC');
-    }
-  }
-  componentDidLoad() {
-    this.openCamera();
-    this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
-  }
-  async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
-    setTimeout(() => {
-      navigator.mediaDevices
-        .getUserMedia(constraints)
-        .then(stream => {
-        const superStream = Stream.getInstance();
-        superStream.initStream(stream);
-      })
-        .catch(e => {
-        this.closeCamera();
-        Events.errorEvent(e);
-      });
-    }, 100);
-  }
-  closeCamera() {
-    if (Stream.instance) {
-      Events.closeEvent();
-      Stream.getInstance().dropStream();
-    }
-  }
-  disconnectedCallback() {
-    this.closeCamera();
-    Stream.instance = null;
-    IDML5Detector.instance = null;
-    FaceML5Detector.instance = null;
-  }
-  takePhoto() {
-    if (this.captureTaken)
-      return;
-    this.captureTaken = true;
-    this.titleMesage = IdCaptureValues.Loading;
-    Stream.getInstance()
-      .takePhoto()
-      .then(res => {
-      this.photoIsReady(res[0]);
-    });
-  }
-  render() {
-    let loadingBlock;
-    if (this.captureTaken) {
-      loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
-    }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
-    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' };
-    }
-    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
-  }
-  get component() { return this; }
-  static get style() { return idBackCaptureCss; }
-}, [0, "id-back-capture", {
-    "device": [16],
-    "videoStarted": [32],
-    "cameraSize": [32],
-    "stopAnimation": [32],
-    "captureTaken": [32],
-    "titleMesage": [32],
-    "animationPath": [32]
-  }, [[0, "changeTitle", "eventChangeTitle"], [0, "videoStarted", "eventVideoStarted"], [0, "stopAnimation", "eventStopAnimation"], [0, "takePhoto", "takePhoto"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["id-back-capture", "camera-comp"];
-  components.forEach(tagName => { switch (tagName) {
-    case "id-back-capture":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, IdBackCapture);
-      }
-      break;
-    case "camera-comp":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { IdBackCapture as I, defineCustomElement as d };

package/dist/components/id-capture.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IdCapture extends Components.IdCapture, HTMLElement {}
-export const IdCapture: {
-  prototype: IdCapture;
-  new (): IdCapture;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/id-capture.js

@@ -1,6 +0,0 @@
-import { I as IdCapture$1, d as defineCustomElement$1 } from './id-capture2.js';
-
-const IdCapture = IdCapture$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { IdCapture, defineCustomElement };

package/dist/components/id-capture2.js

@@ -1,142 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
-import { I as IDPose, E as Events, S as Stream, a as IDML5Detector, F as FaceML5Detector, d as defineCustomElement$1 } from './camera.js';
-import { C as Cameras } from './Cameras.js';
-import { I as IdCaptureValues } from './textValues.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.eventPhotoCapture = createEvent(this, "photoIdCapture", 7);
-    this.photoIsReady = photos => {
-      this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
-    this.device = undefined;
-    this.videoStarted = undefined;
-    this.cameraSize = undefined;
-    this.stopAnimation = undefined;
-    this.captureTaken = undefined;
-    this.titleMesage = undefined;
-    this.animationPath = undefined;
-    this.captureTaken = false;
-    this.cameras = new Cameras();
-  }
-  eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
-    this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
-  }
-  eventVideoStarted(event) {
-    this.videoStarted = true;
-    this.cameraSize = event.detail;
-  }
-  eventStopAnimation() {
-    this.stopAnimation = true;
-  }
-  async componentWillLoad() {
-    Events.init(this.component);
-    this.titleMesage = IdCaptureValues.Title;
-    if (!navigator.mediaDevices) {
-      Events.errorEvent('This browser does not support webRTC');
-    }
-  }
-  componentDidLoad() {
-    this.openCamera();
-    this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
-  }
-  async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
-    setTimeout(() => {
-      navigator.mediaDevices
-        .getUserMedia(constraints)
-        .then(stream => {
-        const superStream = Stream.getInstance();
-        superStream.initStream(stream);
-      })
-        .catch(e => {
-        this.closeCamera();
-        Events.errorEvent(e);
-      });
-    }, 100);
-  }
-  closeCamera() {
-    if (Stream.instance) {
-      Events.closeEvent();
-      Stream.getInstance().dropStream();
-    }
-  }
-  disconnectedCallback() {
-    this.closeCamera();
-    Stream.instance = null;
-    IDML5Detector.instance = null;
-    FaceML5Detector.instance = null;
-  }
-  takePhoto() {
-    if (this.captureTaken)
-      return;
-    this.captureTaken = true;
-    this.titleMesage = IdCaptureValues.Loading;
-    Stream.getInstance()
-      .takePhoto()
-      .then(res => {
-      this.photoIsReady(res[0]);
-    });
-  }
-  render() {
-    let loadingBlock;
-    if (this.captureTaken) {
-      loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
-    }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
-    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' };
-    }
-    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
-  }
-  get component() { return this; }
-  static get style() { return idCaptureCss; }
-}, [0, "id-capture", {
-    "device": [16],
-    "videoStarted": [32],
-    "cameraSize": [32],
-    "stopAnimation": [32],
-    "captureTaken": [32],
-    "titleMesage": [32],
-    "animationPath": [32]
-  }, [[0, "changeTitle", "eventChangeTitle"], [0, "videoStarted", "eventVideoStarted"], [0, "stopAnimation", "eventStopAnimation"], [0, "takePhoto", "takePhoto"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["id-capture", "camera-comp"];
-  components.forEach(tagName => { switch (tagName) {
-    case "id-capture":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, IdCapture);
-      }
-      break;
-    case "camera-comp":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { IdCapture as I, defineCustomElement as d };

package/dist/components/identification-component.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IdentificationComponent extends Components.IdentificationComponent, HTMLElement {}
-export const IdentificationComponent: {
-  prototype: IdentificationComponent;
-  new (): IdentificationComponent;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;