@ekyc_qoobiss/qbs-ect-cmp 3.6.0 → 3.6.2

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

@@ -5568,6 +5568,7 @@ const CaptureError = class {
     index.registerInstance(this, hostRef);
     this.eventCaptureErrorDone = index.createEvent(this, "captureErrorDone", 7);
     this.type = undefined;
+    this.message = undefined;
     this.buttonEnabled = undefined;
     this.buttonText = undefined;
   }
@@ -5599,7 +5600,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.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" }, IdCaptureValues.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: "color-red font-weight-bold font-size-18 mt-5" }, this.message)), 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" }, IdCaptureValues.FooterText))))));
   }
 };
 CaptureError.style = captureErrorCss;
@@ -5686,7 +5687,7 @@ class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
@@ -5747,30 +5748,53 @@ class Cameras {
   GetConstraints(selectedDeviceId, device, portrait = false) {
     let constraints = {
       audio: false,
-      video: {
-        frameRate: 30,
-      },
+    };
+    let mediaTrack = {
+      frameRate: 30,
     };
     if (selectedDeviceId) {
-      constraints.video.deviceId = {
+      mediaTrack.deviceId = {
         exact: selectedDeviceId,
       };
     }
     if (device.isDesktop) {
-      constraints.video.width = { ideal: 1280 };
+      mediaTrack.width = { ideal: 1280 };
+    }
+    else {
+      mediaTrack.facingMode = 'user';
+      if (portrait) {
+        mediaTrack.width = { ideal: 1920 };
+        mediaTrack.height = { ideal: 1080 };
+      }
+      else {
+        mediaTrack.facingMode = 'environment';
+        mediaTrack.width = { ideal: 1280 };
+        mediaTrack.aspectRatio = 1;
+      }
+    }
+    constraints.video = mediaTrack;
+    return constraints;
+  }
+  GetConstraintsIOs(device, portrait = false) {
+    let constraints = {
+      audio: false,
+    };
+    let mediaTrack = {};
+    if (device.isDesktop) {
+      mediaTrack.width = 1280;
     }
     else {
+      mediaTrack.facingMode = 'user';
       if (portrait) {
-        constraints.video.facingMode = 'user';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.height = { ideal: 720 };
+        mediaTrack.width = 1280;
+        mediaTrack.height = 720;
       }
       else {
-        constraints.video.facingMode = 'environment';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.aspectRatio = 1;
+        mediaTrack.facingMode = 'environment';
+        //mediaTrack.width = 1280;
       }
     }
+    constraints.video = mediaTrack;
     return constraints;
   }
   GetRecommendedCamera(cameras) {
@@ -5862,7 +5886,7 @@ const IdBackCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device) : this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -5979,7 +6003,7 @@ const IdCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device) : this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -6262,17 +6286,20 @@ const IdSingleSide = class {
     this.idFlow.photoFile = null;
     this.idFlow.recordingFile = null;
     this.showTimeout = false;
+    this.errorMessage = '';
   }
   howToDone() {
     this.showHowTo = false;
   }
   timeElapsed() {
     this.showTimeout = true;
+    this.errorMessage = 'timeout';
   }
   async captureIdImage(event) {
     let idPhoto = event.detail;
     if (idPhoto.length == 0 || idPhoto.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
+      this.errorMessage = 'Empty id photo';
       this.showTimeout = true;
       return;
     }
@@ -6291,7 +6318,8 @@ const IdSingleSide = class {
   async capturedIdRecording(event) {
     let idRecording = event.detail;
     if (idRecording.length == 0 || idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      this.errorMessage = 'Empty id recording';
       this.showTimeout = true;
       return;
     }
@@ -6321,6 +6349,7 @@ const IdSingleSide = class {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
       this.switchCamera();
+      this.errorMessage = 'Upload photo not successful';
       this.showTimeout = true;
     }
   }
@@ -6335,6 +6364,7 @@ const IdSingleSide = class {
     else {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
+      this.errorMessage = 'Upload recording not successful';
       this.showTimeout = true;
     }
   }
@@ -6364,7 +6394,7 @@ const IdSingleSide = class {
     }
   }
   render() {
-    let error = index.h("capture-error", { type: "ID" });
+    let error = index.h("capture-error", { type: "ID", message: this.errorMessage });
     let capture = index.h("id-capture", { id: "idFront" });
     let howToInfo = index.h("how-to-info", { idSide: "front" });
     return this.showHowTo ? howToInfo : this.showTimeout ? error : capture;
@@ -6438,7 +6468,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.0";
+const version$1 = "3.6.2";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -9913,7 +9943,7 @@ const SelfieCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
-    const constraints = this.cameras.GetConstraints('', state.device, true);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device, true) : this.cameras.GetConstraints('', state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

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"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[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],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"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"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[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],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"message":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"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"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[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],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"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"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[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],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"message":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"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

@@ -4,6 +4,7 @@ import { delay } from '../../../utils/utils';
 export class CaptureError {
   constructor() {
     this.type = undefined;
+    this.message = undefined;
     this.buttonEnabled = undefined;
     this.buttonText = undefined;
   }
@@ -35,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.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" }, IdCaptureValues.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: "color-red font-weight-bold font-size-18 mt-5" }, this.message)), 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" }, IdCaptureValues.FooterText))))));
   }
   static get is() { return "capture-error"; }
   static get originalStyleUrls() {
@@ -66,6 +67,23 @@ export class CaptureError {
         },
         "attribute": "type",
         "reflect": false
+      },
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "message",
+        "reflect": false
       }
     };
   }

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

@@ -66,7 +66,7 @@ export class IdBackCapture {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(store.cameraId, store.device);
+    const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device) : this.cameras.GetConstraints(store.cameraId, store.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

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

@@ -62,7 +62,7 @@ export class IdCapture {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(store.cameraId, store.device);
+    const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device) : this.cameras.GetConstraints(store.cameraId, store.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

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

@@ -72,7 +72,7 @@ export class SelfieCapture {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
-    const constraints = this.cameras.GetConstraints('', store.device, true);
+    const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device, true) : this.cameras.GetConstraints('', store.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

package/dist/collection/components/flow/id-single-side/id-single-side.js

@@ -26,17 +26,20 @@ export class IdSingleSide {
     this.idFlow.photoFile = null;
     this.idFlow.recordingFile = null;
     this.showTimeout = false;
+    this.errorMessage = '';
   }
   howToDone() {
     this.showHowTo = false;
   }
   timeElapsed() {
     this.showTimeout = true;
+    this.errorMessage = 'timeout';
   }
   async captureIdImage(event) {
     let idPhoto = event.detail;
     if (idPhoto.length == 0 || idPhoto.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
+      this.errorMessage = 'Empty id photo';
       this.showTimeout = true;
       return;
     }
@@ -55,7 +58,8 @@ export class IdSingleSide {
   async capturedIdRecording(event) {
     let idRecording = event.detail;
     if (idRecording.length == 0 || idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      this.errorMessage = 'Empty id recording';
       this.showTimeout = true;
       return;
     }
@@ -85,6 +89,7 @@ export class IdSingleSide {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
       this.switchCamera();
+      this.errorMessage = 'Upload photo not successful';
       this.showTimeout = true;
     }
   }
@@ -99,6 +104,7 @@ export class IdSingleSide {
     else {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
+      this.errorMessage = 'Upload recording not successful';
       this.showTimeout = true;
     }
   }
@@ -128,7 +134,7 @@ export class IdSingleSide {
     }
   }
   render() {
-    let error = h("capture-error", { type: "ID" });
+    let error = h("capture-error", { type: "ID", message: this.errorMessage });
     let capture = h("id-capture", { id: "idFront" });
     let howToInfo = h("how-to-info", { idSide: "front" });
     return this.showHowTo ? howToInfo : this.showTimeout ? error : capture;

package/dist/collection/helpers/Cameras.js

@@ -6,7 +6,7 @@ export class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
@@ -67,30 +67,53 @@ export class Cameras {
   GetConstraints(selectedDeviceId, device, portrait = false) {
     let constraints = {
       audio: false,
-      video: {
-        frameRate: 30,
-      },
+    };
+    let mediaTrack = {
+      frameRate: 30,
     };
     if (selectedDeviceId) {
-      constraints.video.deviceId = {
+      mediaTrack.deviceId = {
         exact: selectedDeviceId,
       };
     }
     if (device.isDesktop) {
-      constraints.video.width = { ideal: 1280 };
+      mediaTrack.width = { ideal: 1280 };
+    }
+    else {
+      mediaTrack.facingMode = 'user';
+      if (portrait) {
+        mediaTrack.width = { ideal: 1920 };
+        mediaTrack.height = { ideal: 1080 };
+      }
+      else {
+        mediaTrack.facingMode = 'environment';
+        mediaTrack.width = { ideal: 1280 };
+        mediaTrack.aspectRatio = 1;
+      }
+    }
+    constraints.video = mediaTrack;
+    return constraints;
+  }
+  GetConstraintsIOs(device, portrait = false) {
+    let constraints = {
+      audio: false,
+    };
+    let mediaTrack = {};
+    if (device.isDesktop) {
+      mediaTrack.width = 1280;
     }
     else {
+      mediaTrack.facingMode = 'user';
       if (portrait) {
-        constraints.video.facingMode = 'user';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.height = { ideal: 720 };
+        mediaTrack.width = 1280;
+        mediaTrack.height = 720;
       }
       else {
-        constraints.video.facingMode = 'environment';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.aspectRatio = 1;
+        mediaTrack.facingMode = 'environment';
+        //mediaTrack.width = 1280;
       }
     }
+    constraints.video = mediaTrack;
     return constraints;
   }
   GetRecommendedCamera(cameras) {

package/dist/esm/agreement-check_18.entry.js

@@ -5564,6 +5564,7 @@ const CaptureError = class {
     registerInstance(this, hostRef);
     this.eventCaptureErrorDone = createEvent(this, "captureErrorDone", 7);
     this.type = undefined;
+    this.message = undefined;
     this.buttonEnabled = undefined;
     this.buttonText = undefined;
   }
@@ -5595,7 +5596,7 @@ const CaptureError = class {
     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.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" }, IdCaptureValues.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: "color-red font-weight-bold font-size-18 mt-5" }, this.message)), 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" }, IdCaptureValues.FooterText))))));
   }
 };
 CaptureError.style = captureErrorCss;
@@ -5682,7 +5683,7 @@ class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
@@ -5743,30 +5744,53 @@ class Cameras {
   GetConstraints(selectedDeviceId, device, portrait = false) {
     let constraints = {
       audio: false,
-      video: {
-        frameRate: 30,
-      },
+    };
+    let mediaTrack = {
+      frameRate: 30,
     };
     if (selectedDeviceId) {
-      constraints.video.deviceId = {
+      mediaTrack.deviceId = {
         exact: selectedDeviceId,
       };
     }
     if (device.isDesktop) {
-      constraints.video.width = { ideal: 1280 };
+      mediaTrack.width = { ideal: 1280 };
+    }
+    else {
+      mediaTrack.facingMode = 'user';
+      if (portrait) {
+        mediaTrack.width = { ideal: 1920 };
+        mediaTrack.height = { ideal: 1080 };
+      }
+      else {
+        mediaTrack.facingMode = 'environment';
+        mediaTrack.width = { ideal: 1280 };
+        mediaTrack.aspectRatio = 1;
+      }
+    }
+    constraints.video = mediaTrack;
+    return constraints;
+  }
+  GetConstraintsIOs(device, portrait = false) {
+    let constraints = {
+      audio: false,
+    };
+    let mediaTrack = {};
+    if (device.isDesktop) {
+      mediaTrack.width = 1280;
     }
     else {
+      mediaTrack.facingMode = 'user';
       if (portrait) {
-        constraints.video.facingMode = 'user';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.height = { ideal: 720 };
+        mediaTrack.width = 1280;
+        mediaTrack.height = 720;
       }
       else {
-        constraints.video.facingMode = 'environment';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.aspectRatio = 1;
+        mediaTrack.facingMode = 'environment';
+        //mediaTrack.width = 1280;
       }
     }
+    constraints.video = mediaTrack;
     return constraints;
   }
   GetRecommendedCamera(cameras) {
@@ -5858,7 +5882,7 @@ const IdBackCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device) : this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -5975,7 +5999,7 @@ const IdCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    var constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device) : this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -6258,17 +6282,20 @@ const IdSingleSide = class {
     this.idFlow.photoFile = null;
     this.idFlow.recordingFile = null;
     this.showTimeout = false;
+    this.errorMessage = '';
   }
   howToDone() {
     this.showHowTo = false;
   }
   timeElapsed() {
     this.showTimeout = true;
+    this.errorMessage = 'timeout';
   }
   async captureIdImage(event) {
     let idPhoto = event.detail;
     if (idPhoto.length == 0 || idPhoto.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
+      this.errorMessage = 'Empty id photo';
       this.showTimeout = true;
       return;
     }
@@ -6287,7 +6314,8 @@ const IdSingleSide = class {
   async capturedIdRecording(event) {
     let idRecording = event.detail;
     if (idRecording.length == 0 || idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      this.errorMessage = 'Empty id recording';
       this.showTimeout = true;
       return;
     }
@@ -6317,6 +6345,7 @@ const IdSingleSide = class {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
       this.switchCamera();
+      this.errorMessage = 'Upload photo not successful';
       this.showTimeout = true;
     }
   }
@@ -6331,6 +6360,7 @@ const IdSingleSide = class {
     else {
       this.idFlow.photoFile = null;
       this.idFlow.recordingFile = null;
+      this.errorMessage = 'Upload recording not successful';
       this.showTimeout = true;
     }
   }
@@ -6360,7 +6390,7 @@ const IdSingleSide = class {
     }
   }
   render() {
-    let error = h("capture-error", { type: "ID" });
+    let error = h("capture-error", { type: "ID", message: this.errorMessage });
     let capture = h("id-capture", { id: "idFront" });
     let howToInfo = h("how-to-info", { idSide: "front" });
     return this.showHowTo ? howToInfo : this.showTimeout ? error : capture;
@@ -6434,7 +6464,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.0";
+const version$1 = "3.6.2";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -9909,7 +9939,7 @@ const SelfieCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
-    const constraints = this.cameras.GetConstraints('', state.device, true);
+    const constraints = state.device.isAppleDevice ? this.cameras.GetConstraintsIOs(state.device, true) : this.cameras.GetConstraints('', state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)