@ekyc_qoobiss/qbs-ect-cmp 3.6.55 → 3.6.57

package/dist/cjs/agreement-check_17.cjs.entry.js

@@ -1590,6 +1590,8 @@ class IDML5Detector {
     }
     if (results[0].label == this.targetedLabel && results[0].confidence > 0.9 && !this.checked) {
       this.checked = true;
+      if (TranslationUtils.state.debug)
+        console.log('idml5detector | gotResults | autoCapturing');
       this.stream.autoCapturing();
       await this.drawFrame('green');
     }
@@ -4419,24 +4421,36 @@ class Stream {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
+    if (TranslationUtils.state.debug)
+      console.log('stream | constructor');
     this.initFacePose();
     this.idML5Detector = IDML5Detector.getInstance(this, TranslationUtils.state.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, TranslationUtils.state.device.isMobile);
     this.verificationMode = mode;
   }
   static getNewInstance(mode) {
+    if (TranslationUtils.state.debug)
+      console.log('stream | getNewInstance');
     if (!Stream.instance) {
+      if (TranslationUtils.state.debug)
+        console.log('stream | getNewInstance | new instance');
       Stream.instance = new Stream(mode);
     }
     return Stream.instance;
   }
   autoCapturing() {
+    if (TranslationUtils.state.debug)
+      console.log('stream | autoCapturing');
     this.callbackAutoCapturing();
   }
   timeElapsed() {
+    if (TranslationUtils.state.debug)
+      console.log('stream | timeElapsed');
     this.callbackTimeElapsed();
   }
   verificationReady() {
+    if (TranslationUtils.state.debug)
+      console.log('stream | verificationReady');
     this.verificationFinished();
   }
   updateHtmlElements(videoElement, canvasElement, component) {
@@ -4446,6 +4460,8 @@ class Stream {
     this.faceML5Detector.updateHtmlElements(this.videoElement, this.canvasElement, component);
   }
   startStream(stream) {
+    if (TranslationUtils.state.debug)
+      console.log('stream | startStream');
     if (this.stream)
       this.stream.getTracks().forEach((track) => track.stop());
     this.stream = stream;
@@ -4477,6 +4493,8 @@ class Stream {
     this.recordStream();
   }
   recordStream() {
+    if (TranslationUtils.state.debug)
+      console.log('stream | recordStream');
     if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
       return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
@@ -4487,9 +4505,13 @@ class Stream {
     this.recordedChunks = [];
     this.mediaRecorder = new MediaRecorder(this.stream, options);
     this.mediaRecorder.ondataavailable = event => {
+      if (TranslationUtils.state.debug)
+        console.log('stream | recordStream | ondataavailable');
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
+      if (TranslationUtils.state.debug)
+        console.log('stream | recordStream | onstop');
       var rec = new Blob(this.recordedChunks, {
         type: options.mimeType.split(';')[0],
       });
@@ -4520,6 +4542,8 @@ class Stream {
     return !(this.stream && this.stream.getTracks && this.stream.getTracks().length > 0);
   }
   async takePhoto() {
+    if (TranslationUtils.state.debug)
+      console.log('stream | takePhoto');
     const canvas = document.createElement('canvas');
     canvas.style.visibility = 'hidden';
     canvas.width = this.videoElement.videoWidth;
@@ -4527,12 +4551,16 @@ class Stream {
     return await this.getFrame(canvas);
   }
   getFrame(canvas) {
+    if (TranslationUtils.state.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 && !TranslationUtils.state.device.isAppleDevice) {
           try {
+            if (TranslationUtils.state.debug)
+              console.log('stream | getFrame | addExifInImg');
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }
           catch (e) {
@@ -4541,6 +4569,8 @@ class Stream {
           }
         }
         else {
+          if (TranslationUtils.state.debug)
+            console.log('stream | getFrame | resolve');
           resolve(frame);
         }
       }, ImageFormat.PNG, 1);
@@ -4600,6 +4630,8 @@ const Camera = class {
     this.captureMode = undefined;
   }
   componentDidLoad() {
+    if (TranslationUtils.state.debug)
+      console.log('camera | componentDidLoad');
     this.startStream();
   }
   render() {
@@ -4616,6 +4648,8 @@ const Camera = class {
     return (index.h("div", { class: "camera" }, index.h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), index.h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
+    if (TranslationUtils.state.debug)
+      console.log('camera | startStream');
     let verificationMode = [TranslationUtils.FlowStatus.IDTILT, TranslationUtils.FlowStatus.LIVENESSGESTURE].includes(TranslationUtils.state.flowStatus) ? VerificationMode.Tilt : VerificationMode.Full;
     const stream = Stream.getNewInstance(verificationMode);
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
@@ -4720,7 +4754,7 @@ const CaptureError = class {
     this.eventCaptureErrorDone.emit();
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.titleR1), index.h("h1", { class: "color-red" }, this.titleR2), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.reason), index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.titleR1), index.h("h1", { class: "color-red" }, this.titleR2), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2), index.h("p", { class: "font-size-1" }, this.reason)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 CaptureError.style = captureErrorCss;
@@ -4806,7 +4840,7 @@ const HowToInfo = class {
 HowToInfo.style = howToInfoCss;
 
 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');
@@ -4869,7 +4903,7 @@ class Cameras {
     }
     return allDevices;
   }
-  GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
+  static GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
     let constraints = {
       audio: audio,
     };
@@ -4905,7 +4939,7 @@ 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) {
@@ -4915,12 +4949,16 @@ class Cameras {
     return null;
   }
   static async InitCameras(device) {
+    if (TranslationUtils.state.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);
-      TranslationUtils.state.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);
+      TranslationUtils.state.cameraIds = envCameras.map(camera => camera.deviceId);
       TranslationUtils.state.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
+      if (TranslationUtils.state.debug)
+        console.log(`cameras | initCameras | cameraIds ${TranslationUtils.state.cameraIds} | cameraId ${TranslationUtils.state.cameraId}`);
       return true;
     }
     catch (e) {
@@ -4955,15 +4993,11 @@ var IDPose;
 const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdCapture = class {
-  // @State() private animationPath: string;
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
-    this.photoIsReady = (photos) => {
-      this.eventPhotoCapture.emit(photos);
-    };
     this.videoStarted = undefined;
     this.cameraSize = undefined;
     this.captureTaken = undefined;
@@ -4973,7 +5007,6 @@ const IdCapture = class {
     this.demoVideo = undefined;
     this.captureTaken = false;
     this.verified = false;
-    this.cameras = new Cameras();
     this.showDemo = true;
   }
   eventVideoStarted(event) {
@@ -4981,12 +5014,16 @@ const IdCapture = class {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | componentWillLoad');
     this.translations = await TranslationUtils.Translations.getValues();
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   initVariables() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | initVariables');
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
       this.pose = IDPose.Straight;
       this.flowStep = TranslationUtils.FlowSteps.CiFrontCapture;
@@ -5007,6 +5044,8 @@ const IdCapture = class {
     }
   }
   async componentDidLoad() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
@@ -5022,11 +5061,15 @@ const IdCapture = class {
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(TranslationUtils.state.cameraId, TranslationUtils.state.device);
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | openCamera');
+    const constraints = Cameras.GetConstraints(TranslationUtils.state.cameraId, TranslationUtils.state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
+        if (TranslationUtils.state.debug)
+          console.log('id-capture | openCamera | streamObtained');
         const superStream = Stream.getNewInstance(this.verificationMode);
         superStream.initStream(stream);
       })
@@ -5037,30 +5080,35 @@ const IdCapture = class {
     }, 100);
   }
   closeCamera() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | closeCamera');
     if (Stream.instance) {
       Stream.instance.dropStream();
     }
   }
   disconnectedCallback() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | disconnectedCallback');
     this.closeCamera();
     Stream.instance = null;
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
   }
   async takePhoto() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | takePhoto');
     if (this.captureTaken)
       return;
     this.captureTaken = true;
-    if (Stream.instance) {
-      let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
-    }
-    else {
-      this.eventTimeElapsed.emit();
-    }
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | takePhoto | sendingPhoto');
+    let res = await Stream.instance.takePhoto();
+    this.eventPhotoCapture.emit(res);
     await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Finalized);
   }
   async verificationFinished() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | verificationFinished');
     if (this.verified)
       return;
     this.verified = true;
@@ -5157,7 +5205,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.55";
+const version$1 = "3.6.57";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -8616,6 +8664,8 @@ const ProcessId = class {
         howToDone: false,
       };
     }
+    if (TranslationUtils.state.debug)
+      console.log('process-id | initFlow');
   }
   howToDone() {
     this.flow.howToDone = true;
@@ -8633,8 +8683,12 @@ const ProcessId = class {
     }
   }
   async captureIdImage(event) {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | captureIdImage');
     let idPhoto = event.detail;
     if (idPhoto.size == 0) {
+      if (TranslationUtils.state.debug)
+        console.log('process-id | captureIdImage | Empty id photo');
       await TranslationUtils.ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
@@ -8642,6 +8696,8 @@ const ProcessId = class {
     try {
       let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
       var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.photoType, frontCapture);
+      if (TranslationUtils.state.debug)
+        console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (!uploadResult) {
         this.switchCamera();
         this.triggerErrorFlow();
@@ -8652,12 +8708,16 @@ const ProcessId = class {
     }
   }
   async capturedIdRecording(event) {
+    if (TranslationUtils.state.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 (TranslationUtils.state.debug)
+        console.log('process-id | capturedIdRecording | Empty ID recording');
       await TranslationUtils.ApiCall.instance.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
@@ -8665,12 +8725,16 @@ const ProcessId = class {
     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 TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.recType, captureRec);
+    if (TranslationUtils.state.debug)
+      console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (!uploadResult) {
       this.triggerErrorFlow();
     }
     this.recordingResultCount = 0;
   }
   async verificationFinished() {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | verificationFinished');
     this.verificationReceived = Date.now();
     while (Date.now() - this.verificationReceived < 25000) {
       await delay(2000);
@@ -8680,9 +8744,13 @@ const ProcessId = class {
         break;
       }
     }
+    if (TranslationUtils.state.debug)
+      console.log('process-id | verificationFinished | waitingFinished ');
     this.triggerErrorFlow();
   }
   async componentDidLoad() {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | componentDidLoad');
     await BaseComponent.initialize(this.currentStep);
   }
   triggerErrorFlow() {
@@ -8690,9 +8758,13 @@ const ProcessId = class {
     this.showInvalid = true;
   }
   async disconnectedCallback() {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | disconnectedCallback');
     await BaseComponent.finalize(this.currentStep);
   }
   switchCamera() {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | switchCamera');
     if (this.captureRetryCount == 1) {
       Cameras.switchCamera();
       this.captureRetryCount = 0;
@@ -8736,7 +8808,6 @@ const SelfieCapture = class {
     this.captureWidth = undefined;
     this.captureTaken = false;
     this.verified = false;
-    this.cameras = new Cameras();
     this.demoEnded = false;
   }
   eventVideoStarted(event) {
@@ -8773,7 +8844,7 @@ const SelfieCapture = class {
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', TranslationUtils.state.device, true);
+    const constraints = Cameras.GetConstraints('', TranslationUtils.state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -8888,7 +8959,7 @@ SmsCodeValidation.style = smsCodeValidationCss;
 const smsSendCss = "";
 
 const SmsSend = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.details = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
@@ -8908,6 +8979,7 @@ const SmsSend = class {
     this.translations = await TranslationUtils.Translations.getValues();
     this.buttonText = this.translations.PhoneValidationValues.Button;
     this.title = this.translations.PhoneValidationValues.Title;
+    this.details = this.translations.PhoneValidationValues.Description;
     if (TranslationUtils.state.phoneNumber && TranslationUtils.state.phoneNumber != '') {
       this.phoneNumber = TranslationUtils.state.phoneNumber;
       this.prefilledPhone = true;
@@ -8926,7 +8998,7 @@ const SmsSend = class {
     ev.target.value = this.phoneNumber;
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row row-validare" }, index.h("div", null, index.h("h1", { class: "text-center" }, this.title)), index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, this.translations.PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row row-validare" }, index.h("div", null, index.h("h1", { class: "text-center" }, this.title), index.h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details)), index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, this.translations.PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 SmsSend.style = smsSendCss;

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
   });
 };
 

package/dist/cjs/qbs-ect-cmp.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -36,7 +36,7 @@ export class CaptureError {
     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.reason), 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" }, this.translations.GlobalValues.FooterText))))));
+    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("p", { class: "font-size-1" }, this.reason)), 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" }, this.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "capture-error"; }
   static get originalStyleUrls() {

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

@@ -14,11 +14,7 @@ import { Translations } from '../../../helpers/TranslationUtils';
 import { FlowStatus } from '../../../models/FlowStatus';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdCapture {
-  // @State() private animationPath: string;
   constructor() {
-    this.photoIsReady = (photos) => {
-      this.eventPhotoCapture.emit(photos);
-    };
     this.videoStarted = undefined;
     this.cameraSize = undefined;
     this.captureTaken = undefined;
@@ -28,7 +24,6 @@ export class IdCapture {
     this.demoVideo = undefined;
     this.captureTaken = false;
     this.verified = false;
-    this.cameras = new Cameras();
     this.showDemo = true;
   }
   eventVideoStarted(event) {
@@ -36,12 +31,16 @@ export class IdCapture {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
+    if (store.debug)
+      console.log('id-capture | componentWillLoad');
     this.translations = await Translations.getValues();
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   initVariables() {
+    if (store.debug)
+      console.log('id-capture | initVariables');
     if (store.flowStatus == FlowStatus.IDFRONT) {
       this.pose = IDPose.Straight;
       this.flowStep = FlowSteps.CiFrontCapture;
@@ -62,6 +61,8 @@ export class IdCapture {
     }
   }
   async componentDidLoad() {
+    if (store.debug)
+      console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
     if (store.flowStatus == FlowStatus.IDBACK) {
@@ -77,11 +78,15 @@ export class IdCapture {
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
+    if (store.debug)
+      console.log('id-capture | openCamera');
+    const constraints = Cameras.GetConstraints(store.cameraId, store.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
+        if (store.debug)
+          console.log('id-capture | openCamera | streamObtained');
         const superStream = Stream.getNewInstance(this.verificationMode);
         superStream.initStream(stream);
       })
@@ -92,30 +97,35 @@ export class IdCapture {
     }, 100);
   }
   closeCamera() {
+    if (store.debug)
+      console.log('id-capture | closeCamera');
     if (Stream.instance) {
       Stream.instance.dropStream();
     }
   }
   disconnectedCallback() {
+    if (store.debug)
+      console.log('id-capture | disconnectedCallback');
     this.closeCamera();
     Stream.instance = null;
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
   }
   async takePhoto() {
+    if (store.debug)
+      console.log('id-capture | takePhoto');
     if (this.captureTaken)
       return;
     this.captureTaken = true;
-    if (Stream.instance) {
-      let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
-    }
-    else {
-      this.eventTimeElapsed.emit();
-    }
+    if (store.debug)
+      console.log('id-capture | takePhoto | sendingPhoto');
+    let res = await Stream.instance.takePhoto();
+    this.eventPhotoCapture.emit(res);
     await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
+    if (store.debug)
+      console.log('id-capture | verificationFinished');
     if (this.verified)
       return;
     this.verified = true;

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

@@ -23,7 +23,6 @@ export class SelfieCapture {
     this.captureWidth = undefined;
     this.captureTaken = false;
     this.verified = false;
-    this.cameras = new Cameras();
     this.demoEnded = false;
   }
   eventVideoStarted(event) {
@@ -60,7 +59,7 @@ export class SelfieCapture {
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', store.device, true);
+    const constraints = Cameras.GetConstraints('', store.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

package/dist/collection/components/controls/camera/camera.js

@@ -32,6 +32,8 @@ export class Camera {
     this.captureMode = undefined;
   }
   componentDidLoad() {
+    if (store.debug)
+      console.log('camera | componentDidLoad');
     this.startStream();
   }
   render() {
@@ -48,6 +50,8 @@ export class Camera {
     return (h("div", { class: "camera" }, h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
+    if (store.debug)
+      console.log('camera | startStream');
     let verificationMode = [FlowStatus.IDTILT, FlowStatus.LIVENESSGESTURE].includes(store.flowStatus) ? VerificationMode.Tilt : VerificationMode.Full;
     const stream = Stream.getNewInstance(verificationMode);
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);