@ekyc_qoobiss/qbs-ect-cmp 3.6.39 → 3.6.41

package/dist/collection/components/flow/process-id/process-id.js

@@ -5,12 +5,11 @@ 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 { CaptureUploadTypes } from '../../../models/CaptureFlow';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class ProcessId {
   constructor() {
     this.recordingResultCount = 0;
-    this.captureStep = undefined;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
@@ -22,47 +21,42 @@ export class ProcessId {
     this.initFlow();
   }
   initFlow() {
-    this.flow = {
-      front: {
-        photoDone: false,
-        recordingDone: false,
-        fileName: 'idImage.png',
-        recName: 'idVideo.',
-        photoType: CaptureUploadTypes.IdFront,
-        recType: CaptureUploadTypes.IdFrontVideo,
-      },
-      back: null,
-      tilt: null,
-    };
-    if (store.hasIdBack) {
-      this.flow.back = {
-        photoDone: false,
-        recordingDone: false,
-        fileName: 'idBackImage.png',
-        recName: 'idBackVideo.',
-        photoType: CaptureUploadTypes.IdBack,
-        recType: CaptureUploadTypes.IdBackVideo,
+    if (store.flowStatus == FlowStatus.IDFRONT) {
+      this.flow = {
+        capture: {
+          fileName: 'idImage.png',
+          recName: 'idVideo.',
+          photoType: CaptureUploadTypes.IdFront,
+          recType: CaptureUploadTypes.IdFrontVideo,
+        },
+        howToDone: false,
+      };
+    }
+    else if (store.flowStatus == FlowStatus.IDBACK) {
+      this.flow = {
+        capture: {
+          fileName: 'idBackImage.png',
+          recName: 'idBackVideo.',
+          photoType: CaptureUploadTypes.IdBack,
+          recType: CaptureUploadTypes.IdBackVideo,
+        },
+        howToDone: false,
       };
     }
-    if (store.hasIdTilt) {
-      this.flow.tilt = {
-        photoDone: true,
-        recordingDone: false,
-        fileName: 'idTiltImage.png',
-        recName: 'idTiltVideo.',
-        photoType: CaptureUploadTypes.None,
-        recType: CaptureUploadTypes.TiltVideo,
+    else if (store.flowStatus == FlowStatus.IDTILT) {
+      this.flow = {
+        capture: {
+          fileName: 'idTiltImage.png',
+          recName: 'idTiltVideo.',
+          photoType: CaptureUploadTypes.None,
+          recType: CaptureUploadTypes.TiltVideo,
+        },
+        howToDone: false,
       };
     }
-    this.captureStep = IdCaptureFlowStatus.HowToFront;
   }
   howToDone() {
-    if (this.captureStep == IdCaptureFlowStatus.HowToFront) {
-      this.captureStep = IdCaptureFlowStatus.IdFront;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.HowToBack) {
-      this.captureStep = IdCaptureFlowStatus.IdBack;
-    }
+    this.flow.howToDone = true;
   }
   timeElapsed() {
     this.showTimeout = true;
@@ -83,25 +77,11 @@ export class ProcessId {
       return;
     }
     try {
-      let frontCapture = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
-      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.photoType, frontCapture);
-      await this.endFlow();
-    }
-    catch (e) {
-      this.apiErrorEvent.emit(e);
-    }
-  }
-  async captureIdBackImage(event) {
-    let idPhoto = event.detail;
-    if (idPhoto.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
-      this.triggerErrorFlow();
-      return;
-    }
-    try {
-      let backCapture = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
-      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.photoType, backCapture);
-      await this.endFlow();
+      let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
+      let uploadPhotoDone = await this.uploadPhotos(this.flow.capture.photoType, frontCapture);
+      if (!uploadPhotoDone) {
+        this.triggerErrorFlow();
+      }
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
@@ -119,22 +99,11 @@ export class ProcessId {
       return;
     }
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
-      let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
-      this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
-    }
-    else if (this.captureStep == IdCaptureFlowStatus.IdBack) {
-      let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
-      this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
-    }
-    else if (this.captureStep == IdCaptureFlowStatus.Tilt) {
-      let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
-      this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
-    }
-    else {
-      this.triggerErrorFlow(true);
+    let captureRec = new File([idRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
+    let recordingUploaded = await this.uploadRecording(this.flow.capture.recType, captureRec);
+    if (!recordingUploaded) {
+      this.triggerErrorFlow();
     }
-    await this.endFlow();
     this.recordingResultCount = 0;
   }
   async componentDidLoad() {
@@ -167,72 +136,9 @@ export class ProcessId {
     }
     return false;
   }
-  triggerErrorFlow(restart = false) {
-    if (this.captureStep == IdCaptureFlowStatus.IdBack) {
-      restart = true;
-    }
-    if (restart) {
-      this.initFlow();
-      this.showInvalid = true;
-      return;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
-      this.flow.front.photoDone = false;
-      this.flow.front.recordingDone = false;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack) {
-      this.flow.back.photoDone = false;
-      this.flow.back.recordingDone = false;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt) {
-      this.flow.tilt.photoDone = true;
-      this.flow.tilt.recordingDone = false;
-    }
+  triggerErrorFlow() {
     this.showInvalid = true;
   }
-  async endFlow() {
-    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
-      if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (store.hasIdBack) {
-          this.captureStep = IdCaptureFlowStatus.IdBack;
-        }
-        else if (store.hasIdTilt) {
-          this.captureStep = IdCaptureFlowStatus.Tilt;
-        }
-        else {
-          this.captureStep = IdCaptureFlowStatus.End;
-        }
-      }
-      else {
-        return;
-      }
-    }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && store.hasIdBack) {
-      if (this.flow.back.photoDone && this.flow.back.recordingDone) {
-        if (store.hasIdTilt) {
-          this.captureStep = IdCaptureFlowStatus.Tilt;
-        }
-        else {
-          this.captureStep = IdCaptureFlowStatus.End;
-        }
-      }
-      else {
-        return;
-      }
-    }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && store.hasIdTilt) {
-      if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
-        this.captureStep = IdCaptureFlowStatus.End;
-      }
-      else {
-        return;
-      }
-    }
-    if (this.captureStep != IdCaptureFlowStatus.End) {
-      return;
-    }
-    store.flowStatus = FlowStatus.LIVENESS;
-  }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
@@ -248,30 +154,17 @@ export class ProcessId {
   }
   render() {
     let error = h("capture-error", { type: "ID" });
-    let frontCapture = h("id-capture", null);
-    let secondCapture = h("id-back-capture", null);
-    let tiltCapture = h("id-tilt", null);
-    let howToFront = h("how-to-info", { idSide: "front" });
-    let howToBack = h("how-to-info", { idSide: "back" });
+    let capture = h("id-capture", null);
+    let howTo = h("how-to-info", null);
     if (this.showInvalid || this.showTimeout) {
       return error;
     }
-    if (this.captureStep == IdCaptureFlowStatus.HowToFront) {
-      return howToFront;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.HowToBack) {
-      return howToBack;
+    if (store.flowStatus != FlowStatus.IDTILT && this.flow.howToDone) {
+      return howTo;
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
-      return frontCapture;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack) {
-      return secondCapture;
-    }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt) {
-      return tiltCapture;
+    else {
+      return capture;
     }
-    return h("div", null);
   }
   static get is() { return "process-id"; }
   static get originalStyleUrls() {
@@ -286,7 +179,6 @@ export class ProcessId {
   }
   static get states() {
     return {
-      "captureStep": {},
       "showTimeout": {},
       "showInvalid": {},
       "flow": {}
@@ -335,12 +227,6 @@ export class ProcessId {
         "target": undefined,
         "capture": false,
         "passive": false
-      }, {
-        "name": "photoIdBackCapture",
-        "method": "captureIdBackImage",
-        "target": undefined,
-        "capture": false,
-        "passive": false
       }, {
         "name": "recordingIdCapture",
         "method": "capturedIdRecording",

package/dist/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -9,36 +9,16 @@ export class SmsCodeValidation {
     this.title = undefined;
     this.details = undefined;
     this.buttonText = undefined;
-    this.phoneNumber = undefined;
     this.code = undefined;
-    this.prefilledPhone = false;
     this.canSend = false;
-    if (store.flowStatus == FlowStatus.PHONE) {
-      this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
-    }
-    if (store.flowStatus == FlowStatus.CODE) {
-      this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
-    }
+    this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
     this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   async doAction() {
     try {
       this.canSend = false;
-      if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
-        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
-        if (codeChecked === true) {
-          store.flowStatus = FlowStatus.ID;
-        }
-        else {
-          store.flowStatus = FlowStatus.CODEERROR;
-        }
-      }
-      if (store.flowStatus == FlowStatus.PHONE) {
-        var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
-        if (codeSent === true) {
-          store.flowStatus = FlowStatus.CODE;
-        }
-      }
+      var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
+      store.flowStatus = FlowStatus[codeChecked.status];
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
@@ -49,33 +29,13 @@ export class SmsCodeValidation {
   }
   async componentWillRender() {
     this.translations = await Translations.getValues();
-    if (store.flowStatus == FlowStatus.PHONE) {
-      this.title = this.translations.PhoneValidationValues.Title;
-      this.details = this.translations.PhoneValidationValues.Description;
-      this.buttonText = this.translations.PhoneValidationValues.Button;
-      if (store.phoneNumber && store.phoneNumber != '') {
-        this.phoneNumber = store.phoneNumber;
-        this.prefilledPhone = true;
-        this.canSend = true;
-      }
-    }
-    if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
-      this.title = this.translations.CodeValidationValues.Title;
-      this.details = this.translations.CodeValidationValues.Description;
-      this.buttonText = this.translations.CodeValidationValues.Button;
-    }
+    this.title = this.translations.CodeValidationValues.Title;
+    this.details = this.translations.CodeValidationValues.Description;
+    this.buttonText = this.translations.CodeValidationValues.Button;
   }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
-  handleChangePhone(ev) {
-    let value = ev.target ? ev.target.value : '';
-    this.phoneNumber = value.replace(/\D/g, '');
-    if (this.phoneNumber.length > 10)
-      this.phoneNumber = this.phoneNumber.substring(0, 10);
-    this.canSend = this.phoneNumber.length == 10;
-    ev.target.value = this.phoneNumber;
-  }
   handleChangeCode(ev) {
     let value = ev.target ? ev.target.value : '';
     this.code = value;
@@ -85,18 +45,11 @@ export class SmsCodeValidation {
     ev.target.value = this.code;
   }
   render() {
-    let inputBlock;
     let errorBlock;
     if (store.flowStatus == FlowStatus.CODEERROR) {
       errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, this.translations.CodeValidationValues.Error);
     }
-    if (store.flowStatus == FlowStatus.PHONE) {
-      inputBlock = (h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
-    }
-    else {
-      inputBlock = (h("div", { class: "input-container mb-15" }, h("input", { type: "text", id: "codeInput", class: "main-input", onInput: ev => this.handleChangeCode(ev), value: this.code })));
-    }
-    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), errorBlock == null ? h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), inputBlock, h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), errorBlock == null ? h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), h("div", { class: "input-container mb-15" }, h("input", { type: "text", id: "codeInput", class: "main-input", onInput: ev => this.handleChangeCode(ev), value: this.code })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "sms-code-validation"; }
   static get originalStyleUrls() {
@@ -114,9 +67,7 @@ export class SmsCodeValidation {
       "title": {},
       "details": {},
       "buttonText": {},
-      "phoneNumber": {},
       "code": {},
-      "prefilledPhone": {},
       "canSend": {}
     };
   }

package/dist/collection/components/flow/sms-send/sms-send.js

@@ -0,0 +1,91 @@
+import { h } from '@stencil/core';
+import store from '../../../helpers/store';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { BaseComponent } from '../../base-component';
+import { Translations } from '../../../helpers/TranslationUtils';
+export class SmsSend {
+  constructor() {
+    this.buttonText = undefined;
+    this.phoneNumber = undefined;
+    this.prefilledPhone = false;
+    this.canSend = false;
+    this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+  }
+  async doAction() {
+    try {
+      this.canSend = false;
+      var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
+      if (codeSent.sent === true) {
+        store.flowStatus = FlowStatus[codeSent.status];
+      }
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  async componentWillRender() {
+    this.translations = await Translations.getValues();
+    this.buttonText = this.translations.PhoneValidationValues.Button;
+    if (store.phoneNumber && store.phoneNumber != '') {
+      this.phoneNumber = store.phoneNumber;
+      this.prefilledPhone = true;
+      this.canSend = true;
+    }
+  }
+  async componentDidLoad() {
+    await this.baseComponent.initialize();
+  }
+  handleChangePhone(ev) {
+    let value = ev.target ? ev.target.value : '';
+    this.phoneNumber = value.replace(/\D/g, '');
+    if (this.phoneNumber.length > 10)
+      this.phoneNumber = this.phoneNumber.substring(0, 10);
+    this.canSend = this.phoneNumber.length == 10;
+    ev.target.value = this.phoneNumber;
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+  }
+  static get is() { return "sms-send"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["sms-send.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["sms-send.css"]
+    };
+  }
+  static get states() {
+    return {
+      "buttonText": {},
+      "phoneNumber": {},
+      "prefilledPhone": {},
+      "canSend": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}