@ekyc_qoobiss/qbs-ect-cmp 3.6.54 → 3.6.56

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

@@ -3,7 +3,7 @@ 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 { delay, getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
@@ -58,6 +58,8 @@ export class ProcessId {
         howToDone: false,
       };
     }
+    if (store.debug)
+      console.log('process-id | initFlow');
   }
   howToDone() {
     this.flow.howToDone = true;
@@ -75,8 +77,12 @@ export class ProcessId {
     }
   }
   async captureIdImage(event) {
+    if (store.debug)
+      console.log('process-id | captureIdImage');
     let idPhoto = event.detail;
     if (idPhoto.size == 0) {
+      if (store.debug)
+        console.log('process-id | captureIdImage | Empty id photo');
       await ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
@@ -84,6 +90,8 @@ export class ProcessId {
     try {
       let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
       var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.photoType, frontCapture);
+      if (store.debug)
+        console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (!uploadResult) {
         this.switchCamera();
         this.triggerErrorFlow();
@@ -94,12 +102,16 @@ export class ProcessId {
     }
   }
   async capturedIdRecording(event) {
+    if (store.debug)
+      console.log('process-id | capturedIdRecording');
     let idRecording = event.detail;
     if (idRecording.size == 0 && this.recordingResultCount == 0) {
       this.recordingResultCount++;
       return;
     }
     if (idRecording.size == 0) {
+      if (store.debug)
+        console.log('process-id | capturedIdRecording | Empty ID recording');
       await ApiCall.instance.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
@@ -107,12 +119,32 @@ export class ProcessId {
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     let captureRec = new File([idRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
     var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.recType, captureRec);
+    if (store.debug)
+      console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (!uploadResult) {
       this.triggerErrorFlow();
     }
     this.recordingResultCount = 0;
   }
+  async verificationFinished() {
+    if (store.debug)
+      console.log('process-id | verificationFinished');
+    this.verificationReceived = Date.now();
+    while (Date.now() - this.verificationReceived < 25000) {
+      await delay(2000);
+      let currentStatus = await ApiCall.instance.GetFlowState();
+      if (currentStatus != store.flowStatus) {
+        store.flowStatus = currentStatus;
+        break;
+      }
+    }
+    if (store.debug)
+      console.log('process-id | verificationFinished | waitingFinished ');
+    this.triggerErrorFlow();
+  }
   async componentDidLoad() {
+    if (store.debug)
+      console.log('process-id | componentDidLoad');
     await BaseComponent.initialize(this.currentStep);
   }
   triggerErrorFlow() {
@@ -120,9 +152,13 @@ export class ProcessId {
     this.showInvalid = true;
   }
   async disconnectedCallback() {
+    if (store.debug)
+      console.log('process-id | disconnectedCallback');
     await BaseComponent.finalize(this.currentStep);
   }
   switchCamera() {
+    if (store.debug)
+      console.log('process-id | switchCamera');
     if (this.captureRetryCount == 1) {
       Cameras.switchCamera();
       this.captureRetryCount = 0;
@@ -233,6 +269,12 @@ export class ProcessId {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

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

@@ -6,7 +6,7 @@ import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
 import { ApiCall } from '../../../helpers/ApiCall';
 export class SmsSend {
-  constructor() { this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
+  constructor() { this.buttonText = undefined; this.title = undefined; this.details = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
@@ -26,6 +26,7 @@ export class SmsSend {
     this.translations = await Translations.getValues();
     this.buttonText = this.translations.PhoneValidationValues.Button;
     this.title = this.translations.PhoneValidationValues.Title;
+    this.details = this.translations.PhoneValidationValues.Description;
     if (store.phoneNumber && store.phoneNumber != '') {
       this.phoneNumber = store.phoneNumber;
       this.prefilledPhone = true;
@@ -44,7 +45,7 @@ export class SmsSend {
     ev.target.value = this.phoneNumber;
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title)), 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))))));
+    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details)), 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() {
@@ -61,6 +62,7 @@ export class SmsSend {
     return {
       "buttonText": {},
       "title": {},
+      "details": {},
       "phoneNumber": {},
       "prefilledPhone": {},
       "canSend": {}

package/dist/collection/components/flow/user-liveness/user-liveness.js

@@ -3,7 +3,7 @@ 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 { delay, getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
@@ -109,6 +109,18 @@ export class UserLiveness {
       }
     }
   }
+  async verificationFinished() {
+    this.verificationReceived = Date.now();
+    while (Date.now() - this.verificationReceived < 25000) {
+      await delay(2000);
+      let currentStatus = await ApiCall.instance.GetFlowState();
+      if (currentStatus != store.flowStatus) {
+        store.flowStatus = currentStatus;
+        break;
+      }
+    }
+    this.triggerErrorFlow();
+  }
   async disconnectedCallback() {
     await BaseComponent.finalize(this.currentStep);
   }
@@ -219,6 +231,12 @@ export class UserLiveness {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/helpers/Cameras.js

@@ -110,12 +110,16 @@ export class Cameras {
     return null;
   }
   static async InitCameras(device) {
+    if (store.debug)
+      console.log('cameras | initCameras');
     try {
       let cam = new Cameras();
       let cameras = (await cam.GetCameras(device)).filter(c => c.facingMode == 'environment');
       var recommCamera = cam.GetRecommendedCamera(cameras);
       store.cameraIds = cameras.map(camera => camera.deviceId);
       store.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
+      if (store.debug)
+        console.log(`cameras | initCameras | cameraIds ${store.cameraIds} | cameraId ${store.cameraId}`);
       return true;
     }
     catch (e) {

package/dist/collection/helpers/Stream.js

@@ -38,24 +38,36 @@ export class Stream {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
+    if (store.debug)
+      console.log('stream | constructor');
     this.initFacePose();
     this.idML5Detector = IDML5Detector.getInstance(this, store.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, store.device.isMobile);
     this.verificationMode = mode;
   }
   static getNewInstance(mode) {
+    if (store.debug)
+      console.log('stream | getNewInstance');
     if (!Stream.instance) {
+      if (store.debug)
+        console.log('stream | getNewInstance | new instance');
       Stream.instance = new Stream(mode);
     }
     return Stream.instance;
   }
   autoCapturing() {
+    if (store.debug)
+      console.log('stream | autoCapturing');
     this.callbackAutoCapturing();
   }
   timeElapsed() {
+    if (store.debug)
+      console.log('stream | timeElapsed');
     this.callbackTimeElapsed();
   }
   verificationReady() {
+    if (store.debug)
+      console.log('stream | verificationReady');
     this.verificationFinished();
   }
   updateHtmlElements(videoElement, canvasElement, component) {
@@ -65,6 +77,8 @@ export class Stream {
     this.faceML5Detector.updateHtmlElements(this.videoElement, this.canvasElement, component);
   }
   startStream(stream) {
+    if (store.debug)
+      console.log('stream | startStream');
     if (this.stream)
       this.stream.getTracks().forEach((track) => track.stop());
     this.stream = stream;
@@ -96,6 +110,8 @@ export class Stream {
     this.recordStream();
   }
   recordStream() {
+    if (store.debug)
+      console.log('stream | recordStream');
     if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
       return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
@@ -106,9 +122,13 @@ export class Stream {
     this.recordedChunks = [];
     this.mediaRecorder = new MediaRecorder(this.stream, options);
     this.mediaRecorder.ondataavailable = event => {
+      if (store.debug)
+        console.log('stream | recordStream | ondataavailable');
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
+      if (store.debug)
+        console.log('stream | recordStream | onstop');
       var rec = new Blob(this.recordedChunks, {
         type: options.mimeType.split(';')[0],
       });
@@ -139,6 +159,8 @@ export class Stream {
     return !(this.stream && this.stream.getTracks && this.stream.getTracks().length > 0);
   }
   async takePhoto() {
+    if (store.debug)
+      console.log('stream | takePhoto');
     const canvas = document.createElement('canvas');
     canvas.style.visibility = 'hidden';
     canvas.width = this.videoElement.videoWidth;
@@ -146,12 +168,16 @@ export class Stream {
     return await this.getFrame(canvas);
   }
   getFrame(canvas) {
+    if (store.debug)
+      console.log('stream | getFrame');
     return new Promise(resolve => {
       const context = canvas.getContext('2d');
       context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
       canvas.toBlob((frame) => {
         if (frame.type === ImageFormat.JPEG && !store.device.isAppleDevice) {
           try {
+            if (store.debug)
+              console.log('stream | getFrame | addExifInImg');
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }
           catch (e) {
@@ -160,6 +186,8 @@ export class Stream {
           }
         }
         else {
+          if (store.debug)
+            console.log('stream | getFrame | resolve');
           resolve(frame);
         }
       }, ImageFormat.PNG, 1);