@ekyc_qoobiss/qbs-ect-cmp 3.6.25 → 3.6.27

package/dist/collection/assets/loader.svg

@@ -1,29 +0,0 @@
-<svg id="spinnerLoaderRef" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" width="100" height="100" overflow="visible" fill="#000000" stroke="#030303" class="single-loader">
-  <defs>
-    <circle id="spinner" r="4" cx="50" cy="50" transform="translate(0 -30)"/>    
-  </defs>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(0 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(45 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.125s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(90 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.25s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(135 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.375s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(180 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.5s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(225 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.625s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(270 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.75s" repeatCount="indefinite"/>
-  </use>
-  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#spinner" transform="rotate(315 50 50)">
-    <animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.875s" repeatCount="indefinite"/>
-  </use>
-</svg>

package/dist/collection/collection-manifest.json

@@ -1,32 +0,0 @@
-{
-  "entries": [
-    "./components/common/agreement-check/agreement-check.js",
-    "./components/common/camera-error/camera-error.js",
-    "./components/common/capture-error/capture-error.js",
-    "./components/common/how-to-info/how-to-info.js",
-    "./components/common/id-back-capture/id-back-capture.js",
-    "./components/common/id-capture/id-capture.js",
-    "./components/common/id-tilt/id-tilt.js",
-    "./components/common/random-actions/random-actions.js",
-    "./components/common/selfie-capture/selfie-capture.js",
-    "./components/common/selfie-tilt/selfie-tilt.js",
-    "./components/controls/camera/camera.js",
-    "./components/controls/loader-dots/loader-dots.js",
-    "./components/flow/agreement-info/agreement-info.js",
-    "./components/flow/end-redirect/end-redirect.js",
-    "./components/flow/error-end/error-end.js",
-    "./components/flow/landing-validation/landing-validation.js",
-    "./components/flow/mobile-redirect/mobile-redirect.js",
-    "./components/flow/process-id/process-id.js",
-    "./components/flow/sms-code-validation/sms-code-validation.js",
-    "./components/flow/user-liveness/user-liveness.js",
-    "./components/identification-component/identification-component.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.22.3",
-    "typescriptVersion": "4.9.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/base-component.js

@@ -1,59 +0,0 @@
-import { ApiCall } from '../helpers/ApiCall';
-import { DeviceDetection } from '../helpers/DeviceDetection';
-import Events from '../helpers/Events';
-import store from '../helpers/store';
-import { FlowMoments } from '../models/FlowSteps';
-export class BaseComponent {
-  constructor(step) {
-    this.apiErrorEvent = null;
-    this.processError = null;
-    this.apiCall = new ApiCall();
-    if (step)
-      this.flowStep = step;
-    if (!store.device) {
-      store.device = new DeviceDetection().getDevice();
-    }
-  }
-  setEventEmitter(event) {
-    this.apiErrorEvent = event;
-  }
-  setErrorCallback(callback) {
-    this.processError = callback;
-  }
-  async logStep(step, moment) {
-    Events.flowEvent(step, moment);
-    try {
-      await this.apiCall.AddStep(step, moment);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${step}-${moment}`);
-    }
-  }
-  async initialize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Initialized);
-    try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Initialized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Initialized}`);
-    }
-  }
-  async finalize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Finalized);
-    try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Finalized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Finalized}`);
-    }
-  }
-}

package/dist/collection/components/common/agreement-check/agreement-check.js

@@ -1,101 +0,0 @@
-import { h } from '@stencil/core';
-import { ApiCall } from '../../../helpers/ApiCall';
-import { AgreementCheckValues, AgreementInfoValues } from '../../../helpers/textValues';
-export class AgreementCheck {
-  constructor() {
-    this.agreementType = undefined;
-    this.htmlContent = undefined;
-    this.buttonEnabled = undefined;
-    this.scrollClass = 'scroll';
-    this.apiCalls = new ApiCall();
-    this.buttonEnabled = true;
-  }
-  async componentDidLoad() {
-    try {
-      this.htmlContent = await this.apiCalls.GetAgreement(this.agreementType);
-    }
-    catch (e) {
-      this.apiErrorEvent.emit(e);
-    }
-  }
-  async buttonClick(result) {
-    this.buttonEnabled = false;
-    this.agreementAcceptance.emit({ agreementType: this.agreementType, result });
-  }
-  render() {
-    let content = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: this.scrollClass, innerHTML: this.htmlContent }), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("div", { class: "d-flex two-buttons" }, h("button", { class: "normal-button red-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(false) }, AgreementCheckValues.ButtonNo), h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, AgreementCheckValues.ButtonYes)), h("p", { class: "main-text font-size-18 text-right mb-0" }, AgreementInfoValues.FooterText))))));
-    return this.htmlContent ? content : h("div", null);
-  }
-  static get is() { return "agreement-check"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["agreement-check.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["agreement-check.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "agreementType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "agreement-type",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "htmlContent": {},
-      "buttonEnabled": {},
-      "scrollClass": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "agreementAcceptance",
-        "name": "agreementAcceptance",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/common/camera-error/camera-error.js

@@ -1,91 +0,0 @@
-import { h } from '@stencil/core';
-import { CameraErrorValues, SessionKeys } from '../../../helpers/textValues';
-import store from '../../../helpers/store';
-import { FlowStatus } from '../../../models/FlowStatus';
-import { FlowSteps } from '../../../models/FlowSteps';
-import { MobileOS } from '../../../models/IDevice';
-import { BaseComponent } from '../../base-component';
-export class CameraError {
-  constructor() {
-    this.title = undefined;
-    this.description = undefined;
-    this.buttonDisabled = undefined;
-    this.demoVideo = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CameraError);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
-  async componentWillLoad() {
-    this.buttonDisabled = false;
-    this.title = CameraErrorValues.Title;
-    this.description = CameraErrorValues.Description;
-    this.buttonText = CameraErrorValues.Button;
-  }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-    if (store.device.mobileOS != MobileOS.iOS) {
-      this.demoVideo.src = CameraErrorValues.HowToLink;
-      this.demoVideo.loop = true;
-      this.demoVideo.play();
-    }
-    else {
-      var loaded = sessionStorage.getItem(SessionKeys.RefreshDoneKey);
-      if (loaded === 'true') {
-        sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
-        store.flowStatus = FlowStatus.LANDING;
-      }
-    }
-  }
-  async disconnectedCallback() {
-    await this.baseComponent.finalize();
-  }
-  async buttonClick() {
-    this.buttonDisabled = true;
-    if (store.device.mobileOS == MobileOS.iOS) {
-      sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
-      window.location.reload();
-    }
-    else {
-      store.flowStatus = FlowStatus.LANDING;
-    }
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.title), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), h("div", { hidden: store.device.mobileOS == MobileOS.iOS }, h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
-  }
-  static get is() { return "camera-error"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["camera-error.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["camera-error.css"]
-    };
-  }
-  static get states() {
-    return {
-      "title": {},
-      "description": {},
-      "buttonDisabled": {},
-      "demoVideo": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/common/capture-error/capture-error.js

@@ -1,101 +0,0 @@
-import { h } from '@stencil/core';
-import { IdCaptureValues, SelfieCaptureValues } from '../../../helpers/textValues';
-import { delay } from '../../../utils/utils';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-export class CaptureError {
-  constructor() {
-    this.type = undefined;
-    this.buttonEnabled = undefined;
-    this.buttonText = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CiError);
-  }
-  async componentWillLoad() {
-    this.buttonEnabled = false;
-    if (this.type == 'ID') {
-      this.titleR1 = IdCaptureValues.ErrorTitleR1;
-      this.titleR2 = IdCaptureValues.ErrorTitleR2;
-      this.descriptionR1 = IdCaptureValues.ErrorR1;
-      this.descriptionR2 = IdCaptureValues.ErrorR2;
-    }
-    if (this.type == 'LIVENESS') {
-      this.titleR1 = SelfieCaptureValues.ErrorTitleR1;
-      this.titleR2 = SelfieCaptureValues.ErrorTitleR2;
-      this.descriptionR1 = SelfieCaptureValues.ErrorR1;
-      this.descriptionR2 = SelfieCaptureValues.ErrorR2;
-    }
-  }
-  async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.CiError, FlowMoments.Initialized);
-    for (let i = 5; i >= 1; i--) {
-      this.buttonText = i.toString();
-      await delay(1000);
-    }
-    this.buttonText = IdCaptureValues.Button;
-    this.buttonEnabled = true;
-  }
-  async buttonClick() {
-    this.buttonEnabled = false;
-    await this.baseComponent.logStep(FlowSteps.CiError, FlowMoments.Finalized);
-    this.eventCaptureErrorDone.emit();
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.titleR1), h("h1", { class: "color-red" }, this.titleR2), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
-  }
-  static get is() { return "capture-error"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["capture-error.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["capture-error.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "buttonEnabled": {},
-      "buttonText": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventCaptureErrorDone",
-        "name": "captureErrorDone",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/common/how-to-info/how-to-info.js

@@ -1,122 +0,0 @@
-import { h } from '@stencil/core';
-import { HowToValues } from '../../../helpers/textValues';
-import store from '../../../helpers/store';
-import { FlowStatus } from '../../../models/FlowStatus';
-import { BaseComponent } from '../../base-component';
-import { FlowSteps } from '../../../models/FlowSteps';
-export class HowToInfo {
-  constructor() { this.idSide = undefined; this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-  }
-  async disconnectedCallback() {
-    await this.baseComponent.finalize();
-  }
-  buttonClick() {
-    this.buttonEnabled = false;
-    this.eventHowToInfoDone.emit();
-  }
-  componentWillLoad() {
-    this.subTitle = '';
-    this.buttonEnabled = true;
-    if (store.flowStatus == FlowStatus.ID) {
-      this.topTitle = HowToValues.IdTitile;
-      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
-      this.buttonText = HowToValues.IdButton;
-      if (this.idSide == 'front') {
-        this.baseComponent = new BaseComponent(FlowSteps.CiFrontHowTo);
-        this.subTitle = HowToValues.IdSubTitileFace;
-      }
-      if (this.idSide == 'back') {
-        this.baseComponent = new BaseComponent(FlowSteps.CiBackHowTo);
-        this.subTitle = HowToValues.IdSubTitileBack;
-      }
-    }
-    if (store.flowStatus == FlowStatus.LIVENESS) {
-      this.baseComponent = new BaseComponent(FlowSteps.SelfieHowTo);
-      this.topTitle = HowToValues.SelfieTitile;
-      this.subTitle = HowToValues.SelfieSubTitile;
-      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
-      this.buttonText = HowToValues.SelfieButton;
-    }
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
-  render() {
-    let sub = this.subTitle != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
-  }
-  static get is() { return "how-to-info"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["how-to-info.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["how-to-info.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "idSide": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "id-side",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "topTitle": {},
-      "subTitle": {},
-      "imagePath": {},
-      "buttonText": {},
-      "buttonEnabled": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventHowToInfoDone",
-        "name": "howToInfoDone",
-        "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": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/common/id-back-capture/id-back-capture.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-capture/id-capture.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.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/random-actions/random-actions.js

@@ -1,20 +0,0 @@
-import { h } from '@stencil/core';
-import { HowToValues } from '../../../helpers/textValues';
-export class RandomActions {
-  componentWillLoad() { }
-  buttonClick() { }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.topTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
-  }
-  static get is() { return "random-actions"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["random-actions.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["random-actions.css"]
-    };
-  }
-}