@ekyc_qoobiss/qbs-ect-cmp 3.6.55 → 3.6.57

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

@@ -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,16 @@ 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);
@@ -122,9 +138,13 @@ export class ProcessId {
         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() {
@@ -132,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;

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/helpers/Cameras.js

@@ -1,7 +1,7 @@
 import { Browser } from '../models/IDevice';
 import store from './store';
 export class Cameras {
-  async GetCameras(deviceInfo) {
+  static async GetCameras(deviceInfo) {
     var allDevices = [];
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
@@ -64,7 +64,7 @@ export class Cameras {
     }
     return allDevices;
   }
-  GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
+  static GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
     let constraints = {
       audio: audio,
     };
@@ -100,7 +100,7 @@ export class Cameras {
     constraints.video = mediaTrack;
     return constraints;
   }
-  GetRecommendedCamera(cameras) {
+  static GetRecommendedCamera(cameras) {
     if (cameras && cameras.length > 0) {
       var recommDevice = cameras.find(c => c.recommended);
       if (recommDevice) {
@@ -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);
+      let cameras = await Cameras.GetCameras(device);
+      let envCameras = cameras.filter(c => c.facingMode == 'environment');
+      var recommCamera = Cameras.GetRecommendedCamera(envCameras);
+      store.cameraIds = envCameras.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);

package/dist/collection/libs/IDML5Detector/IDML5Detector.js

@@ -5,6 +5,7 @@ import id_white_svg from '../../assets/canvas-masks/id_white.svg';
 import id_green_svg from '../../assets/canvas-masks/id_green.svg';
 import { delay } from '../../utils/utils';
 import { VerificationMode } from '../../models/IVerificationMode';
+import store from '../../helpers/store';
 export class IDML5Detector {
   static getInstance(stream, isMobile) {
     if (!IDML5Detector.instance) {
@@ -61,6 +62,8 @@ export class IDML5Detector {
     }
     if (results[0].label == this.targetedLabel && results[0].confidence > 0.9 && !this.checked) {
       this.checked = true;
+      if (store.debug)
+        console.log('idml5detector | gotResults | autoCapturing');
       this.stream.autoCapturing();
       await this.drawFrame('green');
     }