@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.29

package/dist/collection/components/flow/error-end/error-end.js

@@ -0,0 +1,61 @@
+import { h } from '@stencil/core';
+import store from '../../../helpers/store';
+export class ErrorEnd {
+  constructor() {
+    this.message = undefined;
+    this.errorTitle = undefined;
+  }
+  componentDidLoad() { }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.errorTitle)), h("div", { class: "text-center" }, h("p", null, store.requestId)), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
+  }
+  static get is() { return "error-end"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["error-end.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["error-end.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "message",
+        "reflect": false
+      },
+      "errorTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error-title",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/flow/landing-validation/landing-validation.js

@@ -0,0 +1,124 @@
+import { h } from '@stencil/core';
+import { SessionKeys } from '../../../helpers/textValues';
+import store from '../../../helpers/store';
+import Events from '../../../helpers/Events';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { ApiCall } from '../../../helpers/ApiCall';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { Cameras } from '../../../helpers/Cameras';
+import { BaseComponent } from '../../base-component';
+import { MobileOS } from '../../../models/IDevice';
+// @ts-ignore
+import info from '../../../assets/landing/info.svg';
+// @ts-ignore
+import idSvg from '../../../assets/landing/id.svg';
+// @ts-ignore
+import idValidation from '../../../assets/landing/validation.svg';
+// @ts-ignore
+import idDevice from '../../../assets/landing/device.svg';
+import { Translations } from '../../../helpers/TranslationUtils';
+export class LandingValidation {
+  constructor() {
+    this.warningText = undefined;
+    this.buttonDisabled = undefined;
+    this.baseComponent = new BaseComponent(FlowSteps.Landing);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+  }
+  async componentWillLoad() {
+    Events.flowStarted();
+    this.translations = await Translations.getValues();
+    this.baseComponent.apiCall = new ApiCall();
+    this.buttonDisabled = false;
+    await this.initRequest();
+  }
+  async componentDidLoad() {
+    if (store.environment !== 'DEMO') {
+      await this.baseComponent.initialize();
+    }
+  }
+  async initRequest() {
+    if (store.hasIdBack) {
+      this.warningText = this.translations.LandingValues.WarningMd;
+    }
+    else {
+      this.warningText = this.translations.LandingValues.Warning;
+    }
+  }
+  async startFlow() {
+    if (store.initialised) {
+      this.buttonDisabled = true;
+      if (store.environment === 'DEMO') {
+        store.flowStatus = FlowStatus.COMPLETE;
+        return;
+      }
+      if (!(await Cameras.InitCameras(store.device))) {
+        if (store.device.mobileOS == MobileOS.iOS)
+          sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
+        store.flowStatus = FlowStatus.CAMERAERROR;
+      }
+      else if (store.agreementsValidation) {
+        store.flowStatus = FlowStatus.AGREEMENT;
+      }
+      else if (store.phoneValidation) {
+        store.flowStatus = FlowStatus.PHONE;
+      }
+      else {
+        store.flowStatus = FlowStatus.ID;
+      }
+    }
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  async leaveFlow() {
+    if (this.buttonDisabled)
+      return;
+    store.initialised = false;
+    try {
+      await this.baseComponent.apiCall.AbortRequest();
+      Events.flowAborted();
+    }
+    catch (e) {
+      Events.flowAborted();
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, this.translations.LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, this.translations.LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, this.translations.LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, this.translations.LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, this.translations.LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !store.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, this.translations.LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, this.translations.LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+  }
+  static get is() { return "landing-validation"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["landing-validation.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["landing-validation.css"]
+    };
+  }
+  static get states() {
+    return {
+      "warningText": {},
+      "buttonDisabled": {}
+    };
+  }
+  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/flow/mobile-redirect/mobile-redirect.css

@@ -0,0 +1,10 @@
+.qr-canvas {
+  max-height: 60vh;
+  max-width: 80vw;
+  text-align: center;
+}
+
+.qr-canvas > canvas {
+  width: 100%;
+  height: 100%;
+}

package/dist/collection/components/flow/mobile-redirect/mobile-redirect.js

@@ -0,0 +1,145 @@
+import { h } from '@stencil/core';
+import QRCode from 'qrcode';
+import store from '../../../helpers/store';
+import Events from '../../../helpers/Events';
+import { OrderStatuses } from '../../../models/OrderStatuses';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { delay } from '../../../utils/utils';
+import { BaseComponent } from '../../base-component';
+import { Translations } from '../../../helpers/TranslationUtils';
+export class MobileRedirect {
+  constructor() {
+    this.infoTextTop = undefined;
+    this.infoTextBottom = undefined;
+    this.contact = undefined;
+    this.invalidValue = undefined;
+    this.waitingMobile = undefined;
+    this.orderStatus = undefined;
+    this.redirectLink = undefined;
+    this.qrCode = undefined;
+    this.prefilledPhone = false;
+    this.baseComponent = new BaseComponent(FlowSteps.MobileRedirect);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+    this.invalidValue = false;
+    this.waitingMobile = false;
+  }
+  async componentWillLoad() {
+    Events.flowStarted();
+    this.translations = await Translations.getValues();
+    this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
+    this.infoTextBottom = this.translations.MobileRedirectValues.InfoBottom;
+    let envUri = store.environment == 'QA' ? 'test' : 'ect';
+    let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.redirectId;
+    if (store.phoneNumber && store.phoneNumber != '') {
+      this.contact = store.phoneNumber;
+      this.prefilledPhone = true;
+    }
+    var self = this;
+    QRCode.toDataURL(this.redirectLink, { type: 'image/png', errorCorrectionLevel: 'M', scale: 6 }, function (error, url) {
+      if (error)
+        console.error(error);
+      self.qrCode = url;
+    });
+  }
+  async componentDidLoad() {
+    await this.baseComponent.initialize();
+    await delay(5000);
+    await this.checkStatus();
+    while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
+      await this.checkStatus();
+      await delay(5000);
+    }
+  }
+  async checkStatus() {
+    this.orderStatus = await this.baseComponent.apiCall.GetStatus(store.requestId);
+    if (this.orderStatus == OrderStatuses.FinishedCapturing) {
+      this.waitingMobile = false;
+      store.flowStatus = FlowStatus.COMPLETE;
+    }
+    if (this.orderStatus == OrderStatuses.NotFound) {
+      this.apiErrorEvent.emit({ message: 'No order was started for this process.' });
+    }
+    if (this.orderStatus == OrderStatuses.Capturing) {
+      this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
+      this.waitingMobile = true;
+    }
+    if (this.orderStatus == OrderStatuses.Aborted) {
+      this.waitingMobile = false;
+      this.infoTextTop = this.translations.MobileRedirectValues.InfoAborted;
+      Events.flowAborted();
+    }
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  async buttonClick() {
+    if (this.contact == '' || this.contact.length != 10) {
+      this.invalidValue == true;
+      return;
+    }
+    this.waitingMobile = true;
+    this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
+    try {
+      await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  handleChangeContact(ev) {
+    let value = ev.target ? ev.target.value : '';
+    this.contact = value.replace(/\D/g, '');
+    if (this.contact.length > 10) {
+      this.contact = this.contact.substring(0, 10);
+    }
+    this.invalidValue = this.contact.length != 10;
+    ev.target.value = this.contact;
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { hidden: this.waitingMobile }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop)), h("div", { class: "qr-canvas align-center" }, h("img", { src: this.qrCode })), h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextBottom)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, h("b", null, this.translations.MobileRedirectValues.Validation)), h("input", { type: "text", id: "codeInput", class: "main-input", disabled: this.prefilledPhone, value: this.contact, onInput: ev => this.handleChangeContact(ev) })), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText)))), h("div", { hidden: this.waitingMobile == false }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop))))));
+  }
+  static get is() { return "mobile-redirect"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mobile-redirect.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mobile-redirect.css"]
+    };
+  }
+  static get states() {
+    return {
+      "infoTextTop": {},
+      "infoTextBottom": {},
+      "contact": {},
+      "invalidValue": {},
+      "waitingMobile": {},
+      "orderStatus": {},
+      "redirectLink": {},
+      "qrCode": {},
+      "prefilledPhone": {}
+    };
+  }
+  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/{qbs-ect-cmp/process-id.entry.js → collection/components/flow/process-id/process-id.js}

@@ -1,19 +1,14 @@
-import { r as registerInstance, e as createEvent, h } from './index-78a05b9e.js';
-import { s as state, F as FlowStatus } from './textValues-6bcc85dd.js';
-import { S as Stream } from './Stream-b867a2be.js';
-import { B as BaseComponent, F as FlowSteps } from './base-component-2e490fd9.js';
-import { g as getLogMessage } from './utils-8225f0b7.js';
-import { C as CaptureUploadTypes, I as IdCaptureFlowStatus } from './CaptureFlow-db5d90a4.js';
-import './ML5-657ef934.js';
-import './_commonjsHelpers-321aa363.js';
-import './IDevice-15ecfdeb.js';
-
-const processIdCss = "";
-
-const ProcessId = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
+import { h /*getAssetPath*/ } from '@stencil/core';
+import store from '../../../helpers/store';
+import { Stream } from '../../../helpers/Stream';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { getLogMessage } from '../../../utils/utils';
+import { BaseComponent } from '../../base-component';
+import { IdCaptureFlowStatus, CaptureUploadTypes } from '../../../models/CaptureFlow';
+// import { IDPose } from '../../libs/IDML5Detector/IDPose';
+export class ProcessId {
+  constructor() {
     this.recordingResultCount = 0;
     this.captureStep = undefined;
     this.showTimeout = undefined;
@@ -36,7 +31,7 @@ const ProcessId = class {
       back: null,
       tilt: null,
     };
-    if (state.hasIdBack) {
+    if (store.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
@@ -46,7 +41,7 @@ const ProcessId = class {
         recType: CaptureUploadTypes.IdBackVideo,
       };
     }
-    if (state.hasIdTilt) {
+    if (store.hasIdTilt) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -146,7 +141,7 @@ const ProcessId = class {
     if (photoFile == null || uploadType == '') {
       return false;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, photoFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -160,7 +155,7 @@ const ProcessId = class {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, recordingFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -193,10 +188,10 @@ const ProcessId = class {
   async endFlow() {
     if (this.captureStep == IdCaptureFlowStatus.IdFront) {
       if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (state.hasIdBack) {
+        if (store.hasIdBack) {
           this.captureStep = IdCaptureFlowStatus.IdBack;
         }
-        else if (state.hasIdTilt) {
+        else if (store.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -207,9 +202,9 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && state.hasIdBack) {
+    if (this.captureStep == IdCaptureFlowStatus.IdBack && store.hasIdBack) {
       if (this.flow.back.photoDone && this.flow.back.recordingDone) {
-        if (state.hasIdTilt) {
+        if (store.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -220,7 +215,7 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && state.hasIdTilt) {
+    if (this.captureStep == IdCaptureFlowStatus.Tilt && store.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
         this.captureStep = IdCaptureFlowStatus.End;
       }
@@ -231,15 +226,15 @@ const ProcessId = class {
     if (this.captureStep != IdCaptureFlowStatus.End) {
       return;
     }
-    state.flowStatus = FlowStatus.LIVENESS;
+    store.flowStatus = FlowStatus.LIVENESS;
   }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = state.cameraIds.indexOf(state.cameraId);
-      state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
+      let camIndex = store.cameraIds.indexOf(store.cameraId);
+      store.cameraId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
       this.captureRetryCount = 0;
     }
     else {
@@ -272,7 +267,80 @@ const ProcessId = class {
       return tiltCapture;
     }
   }
-};
-ProcessId.style = processIdCss;
-
-export { ProcessId as process_id };
+  static get is() { return "process-id"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["process-id.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["process-id.css"]
+    };
+  }
+  static get states() {
+    return {
+      "captureStep": {},
+      "showTimeout": {},
+      "showInvalid": {},
+      "flow": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "howToInfoDone",
+        "method": "howToDone",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "timeElapsed",
+        "method": "timeElapsed",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "captureErrorDone",
+        "method": "captureErrorDone",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "photoIdCapture",
+        "method": "captureIdImage",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "photoIdBackCapture",
+        "method": "captureIdBackImage",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "recordingIdCapture",
+        "method": "capturedIdRecording",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}