@ekyc_qoobiss/qbs-ect-cmp 3.6.54 → 3.6.56

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

@@ -4419,24 +4419,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 +4458,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 +4491,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 +4503,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 +4540,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 +4549,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 +4567,8 @@ class Stream {
           }
         }
         else {
+          if (TranslationUtils.state.debug)
+            console.log('stream | getFrame | resolve');
           resolve(frame);
         }
       }, ImageFormat.PNG, 1);
@@ -4600,6 +4628,8 @@ const Camera = class {
     this.captureMode = undefined;
   }
   componentDidLoad() {
+    if (TranslationUtils.state.debug)
+      console.log('camera | componentDidLoad');
     this.startStream();
   }
   render() {
@@ -4616,6 +4646,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 +4752,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;
@@ -4915,12 +4947,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);
       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) {
@@ -4961,9 +4997,6 @@ const IdCapture = class {
     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;
@@ -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() {
+    if (TranslationUtils.state.debug)
+      console.log('id-capture | openCamera');
     const constraints = this.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,23 +5080,31 @@ 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) {
+      if (TranslationUtils.state.debug)
+        console.log('id-capture | takePhoto | sendingPhoto');
       let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
+      this.eventPhotoCapture.emit(res);
     }
     else {
       this.eventTimeElapsed.emit();
@@ -5061,14 +5112,16 @@ const IdCapture = class {
     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;
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
     this.showDemo = true;
+    this.demoVideo.loop = true;
     this.demoVideo.play();
   }
   render() {
@@ -5157,7 +5210,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.54";
+const version$1 = "3.6.56";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -8616,6 +8669,8 @@ const ProcessId = class {
         howToDone: false,
       };
     }
+    if (TranslationUtils.state.debug)
+      console.log('process-id | initFlow');
   }
   howToDone() {
     this.flow.howToDone = true;
@@ -8633,8 +8688,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 +8701,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 +8713,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 +8730,32 @@ 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);
+      let currentStatus = await TranslationUtils.ApiCall.instance.GetFlowState();
+      if (currentStatus != TranslationUtils.state.flowStatus) {
+        TranslationUtils.state.flowStatus = currentStatus;
+        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() {
@@ -8678,9 +8763,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;
@@ -8876,7 +8965,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;
@@ -8896,6 +8985,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;
@@ -8914,7 +9004,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;
@@ -9025,6 +9115,18 @@ const UserLiveness = class {
       }
     }
   }
+  async verificationFinished() {
+    this.verificationReceived = Date.now();
+    while (Date.now() - this.verificationReceived < 25000) {
+      await delay(2000);
+      let currentStatus = await TranslationUtils.ApiCall.instance.GetFlowState();
+      if (currentStatus != TranslationUtils.state.flowStatus) {
+        TranslationUtils.state.flowStatus = currentStatus;
+        break;
+      }
+    }
+    this.triggerErrorFlow();
+  }
   async disconnectedCallback() {
     await BaseComponent.finalize(this.currentStep);
   }

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,"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,"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,"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,"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

@@ -16,9 +16,6 @@ import { FlowStatus } from '../../../models/FlowStatus';
 export class IdCapture {
   // @State() private animationPath: string;
   constructor() {
-    this.photoIsReady = (photos) => {
-      this.eventPhotoCapture.emit(photos);
-    };
     this.videoStarted = undefined;
     this.cameraSize = undefined;
     this.captureTaken = undefined;
@@ -36,12 +33,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 +63,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 +80,15 @@ export class IdCapture {
     this.openCamera();
   }
   async openCamera() {
+    if (store.debug)
+      console.log('id-capture | openCamera');
     const constraints = this.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,23 +99,31 @@ 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) {
+      if (store.debug)
+        console.log('id-capture | takePhoto | sendingPhoto');
       let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
+      this.eventPhotoCapture.emit(res);
     }
     else {
       this.eventTimeElapsed.emit();
@@ -116,14 +131,16 @@ export class IdCapture {
     await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
+    if (store.debug)
+      console.log('id-capture | verificationFinished');
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
     this.showDemo = true;
+    this.demoVideo.loop = true;
     this.demoVideo.play();
   }
   render() {

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);