@ekyc_qoobiss/qbs-ect-cmp 3.6.83 → 3.6.85

package/dist/cjs/{TranslationUtils-6fdf7b55.js → TranslationUtils-48d56242.js}

@@ -350,12 +350,6 @@ class ApiCall {
   }
   constructor() {
     this.serviceErrors = ['Service Unavailable', 'Unauthorized'];
-    this.toBase64 = (file) => new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = error => reject(error);
-    });
     this.urls = new ApiUrls();
   }
   // private async http2<T>(method: string, url: string, data: string): Promise<T> {
@@ -507,11 +501,11 @@ class ApiCall {
     state.modelsPath = jsonResp.modelsPath;
     return true;
   }
-  async UploadFileForRequestB64(requestId, type, file) {
+  async UploadFileForRequestB64(requestId, type, b64Data) {
     let data = {
       requestId: requestId,
       type: type,
-      data: await this.toBase64(file),
+      data: b64Data,
     };
     let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
     if (state.debug)

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-6fdf7b55.js');
+const TranslationUtils = require('./TranslationUtils-48d56242.js');
 
 const agreementCheckCss = "";
 
@@ -1522,6 +1522,10 @@ const blobToBase64 = (blob) => {
     reader.readAsDataURL(blob);
   });
 };
+const base64Size = (base64Data) => {
+  const kb = Math.ceil((base64Data.length * 6) / 8 / 1000);
+  return kb / 1000;
+};
 const delay = ms => new Promise(res => setTimeout(res, ms));
 const getLogMessage = (param_req_id = '', param_redirect_id = '', param_token = '') => {
   return {
@@ -4725,7 +4729,7 @@ CameraError.style = cameraErrorCss;
 const captureErrorCss = "";
 
 const CaptureError = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.eventCaptureErrorDone = index.createEvent(this, "captureErrorDone", 7); this.type = undefined; this.reason = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.eventCaptureErrorDone = index.createEvent(this, "captureErrorDone", 7); this.type = undefined; this.reason = undefined; this.error = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
   async componentWillLoad() {
     this.translations = await TranslationUtils.Translations.getValues();
     this.buttonEnabled = false;
@@ -4767,7 +4771,7 @@ const CaptureError = class {
     }
   }
   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), TranslationUtils.state.debug ? index.h("p", { class: "font-size-1" }, this.reason) : null), 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), TranslationUtils.state.debug ? index.h("p", { class: "font-size-1" }, `${this.reason} ${this.error}`) : null), 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;
@@ -4885,15 +4889,8 @@ const HowToInfo = class {
     this.buttonText = this.translations.HowToValues.IdButton;
   }
   render() {
-    let titleClass = 'color-black-2';
-    let bgDemo = 'container';
-    let rowClass = 'row';
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACKHOWTO) {
-      titleClass = 'color-white';
-      bgDemo = 'container bg-black';
-      rowClass = 'container-video';
-    }
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: rowClass, hidden: this.imageLoaded == false }, index.h("div", { class: "div-ci align-center", hidden: this.showVideo }, index.h("img", { ref: el => (this.image = el) })), index.h("div", { hidden: this.showVideo == false }, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "text-center" }, index.h("h1", { class: titleClass }, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    let howTo = this.showVideo == true ? (index.h("div", { class: "container bg-black" }, index.h("div", { class: "container-video" }, index.h("div", null, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "capture-title" }, index.h("h1", { class: "color-white text-center" }, this.topTitle), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))) : (index.h("div", { class: "container" }, index.h("div", { class: "row", hidden: this.imageLoaded == false }, index.h("div", { class: "div-ci align-center" }, index.h("img", { ref: el => (this.image = el) })), index.h("div", { class: "text-center" }, index.h("h1", { class: "color-black-2" }, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-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 howTo;
   }
 };
 HowToInfo.style = howToInfoCss;
@@ -5252,7 +5249,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.83";
+const version$1 = "3.6.85";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -8719,6 +8716,8 @@ const ProcessId = class {
         recName: 'idVideo.',
         photoType: CaptureUploadTypes.IdFront,
         recType: CaptureUploadTypes.IdFrontVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'back') {
@@ -8728,6 +8727,8 @@ const ProcessId = class {
         recName: 'idBackVideo.',
         photoType: CaptureUploadTypes.IdBack,
         recType: CaptureUploadTypes.IdBackVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'tilt') {
@@ -8737,6 +8738,8 @@ const ProcessId = class {
         recName: 'idTiltVideo.',
         photoType: CaptureUploadTypes.None,
         recType: CaptureUploadTypes.TiltVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     if (TranslationUtils.state.debug)
@@ -8769,7 +8772,9 @@ const ProcessId = class {
     }
     try {
       let frontCapture = new File([idPhoto], this.flow.fileName, { type: 'image/png' });
-      var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, frontCapture);
+      let b64Data = await blobToBase64(frontCapture);
+      this.flow.imageSize = base64Size(b64Data);
+      var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, b64Data);
       if (TranslationUtils.state.debug)
         console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (uploadResult.isValid) {
@@ -8801,7 +8806,9 @@ const ProcessId = class {
     }
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     let captureRec = new File([idRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
-    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, captureRec);
+    let b64Data = await blobToBase64(captureRec);
+    this.flow.videoSize = base64Size(b64Data);
+    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, b64Data);
     if (TranslationUtils.state.debug)
       console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (uploadResult.saved) {
@@ -8855,7 +8862,7 @@ const ProcessId = class {
     }
   }
   render() {
-    let error = index.h("capture-error", { type: "ID", reason: this.errorReason });
+    let error = index.h("capture-error", { type: "ID", reason: this.errorReason, error: `image:${this.flow.imageSize}mb video:${this.flow.videoSize}mb` });
     let capture = index.h("id-capture", null);
     if (this.showInvalid || this.showTimeout) {
       return error;
@@ -9116,6 +9123,8 @@ const UserLiveness = class {
         recName: 'selfieVideo.',
         photoType: CaptureUploadTypes.Selfie,
         recType: CaptureUploadTypes.SelfieVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'selfieGesture') {
@@ -9125,6 +9134,8 @@ const UserLiveness = class {
         recName: 'selfieTiltVideo.',
         photoType: CaptureUploadTypes.None,
         recType: CaptureUploadTypes.SelfieGestureVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
   }
@@ -9151,7 +9162,9 @@ const UserLiveness = class {
     }
     try {
       var uploadPhoto = new File([selfiePhoto], this.flow.fileName, { type: 'image/png' });
-      let photoUploaded = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, uploadPhoto);
+      let b64Data = await blobToBase64(uploadPhoto);
+      this.flow.imageSize = base64Size(b64Data);
+      let photoUploaded = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, b64Data);
       if (photoUploaded.isValid) {
         TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[photoUploaded.state];
       }
@@ -9178,7 +9191,9 @@ const UserLiveness = class {
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       let uploadRec = new File([selfieRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
-      let uplodDone = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, uploadRec);
+      let b64Data = await blobToBase64(uploadRec);
+      this.flow.videoSize = base64Size(b64Data);
+      let uplodDone = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, b64Data);
       if (uplodDone.saved) {
         TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[uplodDone.state];
       }
@@ -9222,7 +9237,7 @@ const UserLiveness = class {
   }
   render() {
     let capture = index.h("selfie-capture", null);
-    let error = index.h("capture-error", { type: "LIVENESS", reason: this.errorReason });
+    let error = index.h("capture-error", { type: "LIVENESS", reason: this.errorReason, error: `image:${this.flow.imageSize}mb video:${this.flow.videoSize}mb` });
     if (this.showError || this.showTimeout) {
       return error;
     }

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_18.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,"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]},[[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],"buttonDisabled":[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,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32],"image":[32],"imageLoaded":[32]}],[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,"state-transition"],[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,"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_18.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,"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]},[[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],"buttonDisabled":[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,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32],"image":[32],"imageLoaded":[32]}],[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,"state-transition"],[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],"error":[1],"buttonEnabled":[32],"buttonText":[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_18.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,"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]},[[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],"buttonDisabled":[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,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32],"image":[32],"imageLoaded":[32]}],[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,"state-transition"],[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,"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_18.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,"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]},[[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],"buttonDisabled":[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,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32],"image":[32],"imageLoaded":[32]}],[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,"state-transition"],[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],"error":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/random-actions.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-6fdf7b55.js');
+const TranslationUtils = require('./TranslationUtils-48d56242.js');
 
 const randomActionsCss = "";
 

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

@@ -7,7 +7,7 @@ import store from '../../../helpers/store';
 import { ApiCall } from '../../../helpers/ApiCall';
 import { FlowStatus } from '../../../models/FlowStatus';
 export class CaptureError {
-  constructor() { this.type = undefined; this.reason = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
+  constructor() { this.type = undefined; this.reason = undefined; this.error = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
     this.buttonEnabled = false;
@@ -49,7 +49,7 @@ export class CaptureError {
     }
   }
   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), store.debug ? h("p", { class: "font-size-1" }, this.reason) : null), 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), store.debug ? h("p", { class: "font-size-1" }, `${this.reason} ${this.error}`) : null), 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() {
@@ -97,6 +97,23 @@ export class CaptureError {
         },
         "attribute": "reason",
         "reflect": false
+      },
+      "error": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/common/how-to-info/how-to-info.js

@@ -72,15 +72,8 @@ export class HowToInfo {
     this.buttonText = this.translations.HowToValues.IdButton;
   }
   render() {
-    let titleClass = 'color-black-2';
-    let bgDemo = 'container';
-    let rowClass = 'row';
-    if (store.flowStatus == FlowStatus.IDBACKHOWTO) {
-      titleClass = 'color-white';
-      bgDemo = 'container bg-black';
-      rowClass = 'container-video';
-    }
-    return (h("div", { class: bgDemo }, h("div", { class: rowClass, hidden: this.imageLoaded == false }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { ref: el => (this.image = el) })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", { class: titleClass }, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    let howTo = this.showVideo == true ? (h("div", { class: "container bg-black" }, h("div", { class: "container-video" }, h("div", null, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "capture-title" }, h("h1", { class: "color-white text-center" }, this.topTitle), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))) : (h("div", { class: "container" }, h("div", { class: "row", hidden: this.imageLoaded == false }, h("div", { class: "div-ci align-center" }, h("img", { ref: el => (this.image = el) })), h("div", { class: "text-center" }, h("h1", { class: "color-black-2" }, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-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 howTo;
   }
   static get is() { return "how-to-info"; }
   static get originalStyleUrls() {

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

@@ -3,7 +3,7 @@ import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
-import { delay, getLogMessage } from '../../../utils/utils';
+import { base64Size, blobToBase64, delay, getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
@@ -29,6 +29,8 @@ export class ProcessId {
         recName: 'idVideo.',
         photoType: CaptureUploadTypes.IdFront,
         recType: CaptureUploadTypes.IdFrontVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'back') {
@@ -38,6 +40,8 @@ export class ProcessId {
         recName: 'idBackVideo.',
         photoType: CaptureUploadTypes.IdBack,
         recType: CaptureUploadTypes.IdBackVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'tilt') {
@@ -47,6 +51,8 @@ export class ProcessId {
         recName: 'idTiltVideo.',
         photoType: CaptureUploadTypes.None,
         recType: CaptureUploadTypes.TiltVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     if (store.debug)
@@ -79,7 +85,9 @@ export class ProcessId {
     }
     try {
       let frontCapture = new File([idPhoto], this.flow.fileName, { type: 'image/png' });
-      var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.photoType, frontCapture);
+      let b64Data = await blobToBase64(frontCapture);
+      this.flow.imageSize = base64Size(b64Data);
+      var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.photoType, b64Data);
       if (store.debug)
         console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (uploadResult.isValid) {
@@ -111,7 +119,9 @@ export class ProcessId {
     }
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     let captureRec = new File([idRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
-    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.recType, captureRec);
+    let b64Data = await blobToBase64(captureRec);
+    this.flow.videoSize = base64Size(b64Data);
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.recType, b64Data);
     if (store.debug)
       console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (uploadResult.saved) {
@@ -165,7 +175,7 @@ export class ProcessId {
     }
   }
   render() {
-    let error = h("capture-error", { type: "ID", reason: this.errorReason });
+    let error = h("capture-error", { type: "ID", reason: this.errorReason, error: `image:${this.flow.imageSize}mb video:${this.flow.videoSize}mb` });
     let capture = h("id-capture", null);
     if (this.showInvalid || this.showTimeout) {
       return error;

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

@@ -3,7 +3,7 @@ import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
-import { delay, getLogMessage } from '../../../utils/utils';
+import { base64Size, blobToBase64, delay, getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
@@ -25,6 +25,8 @@ export class UserLiveness {
         recName: 'selfieVideo.',
         photoType: CaptureUploadTypes.Selfie,
         recType: CaptureUploadTypes.SelfieVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
     else if (this.mode == 'selfieGesture') {
@@ -34,6 +36,8 @@ export class UserLiveness {
         recName: 'selfieTiltVideo.',
         photoType: CaptureUploadTypes.None,
         recType: CaptureUploadTypes.SelfieGestureVideo,
+        imageSize: 0,
+        videoSize: 0,
       };
     }
   }
@@ -60,7 +64,9 @@ export class UserLiveness {
     }
     try {
       var uploadPhoto = new File([selfiePhoto], this.flow.fileName, { type: 'image/png' });
-      let photoUploaded = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.photoType, uploadPhoto);
+      let b64Data = await blobToBase64(uploadPhoto);
+      this.flow.imageSize = base64Size(b64Data);
+      let photoUploaded = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.photoType, b64Data);
       if (photoUploaded.isValid) {
         store.flowStatus = FlowStatus[photoUploaded.state];
       }
@@ -87,7 +93,9 @@ export class UserLiveness {
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       let uploadRec = new File([selfieRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
-      let uplodDone = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.recType, uploadRec);
+      let b64Data = await blobToBase64(uploadRec);
+      this.flow.videoSize = base64Size(b64Data);
+      let uplodDone = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.recType, b64Data);
       if (uplodDone.saved) {
         store.flowStatus = FlowStatus[uplodDone.state];
       }
@@ -131,7 +139,7 @@ export class UserLiveness {
   }
   render() {
     let capture = h("selfie-capture", null);
-    let error = h("capture-error", { type: "LIVENESS", reason: this.errorReason });
+    let error = h("capture-error", { type: "LIVENESS", reason: this.errorReason, error: `image:${this.flow.imageSize}mb video:${this.flow.videoSize}mb` });
     if (this.showError || this.showTimeout) {
       return error;
     }

package/dist/collection/helpers/ApiCall.js

@@ -12,12 +12,6 @@ export class ApiCall {
   }
   constructor() {
     this.serviceErrors = ['Service Unavailable', 'Unauthorized'];
-    this.toBase64 = (file) => new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = error => reject(error);
-    });
     this.urls = new ApiUrls();
   }
   // private async http2<T>(method: string, url: string, data: string): Promise<T> {
@@ -169,11 +163,11 @@ export class ApiCall {
     store.modelsPath = jsonResp.modelsPath;
     return true;
   }
-  async UploadFileForRequestB64(requestId, type, file) {
+  async UploadFileForRequestB64(requestId, type, b64Data) {
     let data = {
       requestId: requestId,
       type: type,
-      data: await this.toBase64(file),
+      data: b64Data,
     };
     let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
     if (store.debug)

package/dist/collection/utils/utils.js

@@ -10,6 +10,10 @@ export const blobToBase64 = (blob) => {
     reader.readAsDataURL(blob);
   });
 };
+export const base64Size = (base64Data) => {
+  const kb = Math.ceil((base64Data.length * 6) / 8 / 1000);
+  return kb / 1000;
+};
 export const delay = ms => new Promise(res => setTimeout(res, ms));
 export const getLogMessage = (param_req_id = '', param_redirect_id = '', param_token = '') => {
   return {

package/dist/esm/{TranslationUtils-57159270.js → TranslationUtils-ecf807c7.js}

@@ -348,12 +348,6 @@ class ApiCall {
   }
   constructor() {
     this.serviceErrors = ['Service Unavailable', 'Unauthorized'];
-    this.toBase64 = (file) => new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = error => reject(error);
-    });
     this.urls = new ApiUrls();
   }
   // private async http2<T>(method: string, url: string, data: string): Promise<T> {
@@ -505,11 +499,11 @@ class ApiCall {
     state.modelsPath = jsonResp.modelsPath;
     return true;
   }
-  async UploadFileForRequestB64(requestId, type, file) {
+  async UploadFileForRequestB64(requestId, type, b64Data) {
     let data = {
       requestId: requestId,
       type: type,
-      data: await this.toBase64(file),
+      data: b64Data,
     };
     let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
     if (state.debug)