@ekyc_qoobiss/qbs-ect-cmp 3.6.12 → 3.6.14

package/dist/cjs/{Stream-f03c722d.js → Stream-097bd1e9.js}

@@ -594,7 +594,7 @@ class ApiCall {
       state.requestId = jsonResp.requestId;
     }
     state.hasIdBack = jsonResp.hasIdBack;
-    state.hasSelfieGesture = jsonResp.hasIdTilt;
+    state.hasIdTilt = jsonResp.hasIdTilt;
     state.hasSelfieGesture = jsonResp.hasSelfieGesture;
     state.agreementsValidation = jsonResp.agreementsValidation;
     state.phoneValidation = jsonResp.phoneValidation;
@@ -5239,11 +5239,10 @@ class Stream {
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
-      var resp = {
-        RecordingChunks: this.recordedChunks,
-        MimeType: options.mimeType,
-      };
-      this.callbackRecordingReady(resp);
+      var rec = new Blob(this.recordedChunks, {
+        type: options.mimeType.split(';')[0],
+      });
+      this.callbackRecordingReady(rec);
     };
     this.mediaRecorder.start(); // Start recording, and dump data every second
   }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79f82518.js');
-const Stream = require('./Stream-f03c722d.js');
+const Stream = require('./Stream-097bd1e9.js');
 
 const agreementCheckCss = "";
 
@@ -896,7 +896,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.12";
+const version$1 = "3.6.14";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -4304,6 +4304,10 @@ var CaptureUploadTypes;
   CaptureUploadTypes["IdFront"] = "IdFront";
   CaptureUploadTypes["IdBack"] = "IdBack";
   CaptureUploadTypes["IdFrontVideo"] = "IdFrontVideo";
+  CaptureUploadTypes["IdBackVideo"] = "IdBackVideo";
+  CaptureUploadTypes["SelfieVideo"] = "SelfieVideo";
+  CaptureUploadTypes["SelfieGestureVideo"] = "SelfieGestureVideo";
+  CaptureUploadTypes["TiltVideo"] = "TiltVideo";
   CaptureUploadTypes["None"] = "None";
 })(CaptureUploadTypes || (CaptureUploadTypes = {}));
 var CaptureFlowStatus;
@@ -4337,23 +4341,21 @@ const ProcessId = class {
         photoDone: false,
         recordingDone: false,
         fileName: 'idImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdFront,
+        recName: 'idVideo.',
+        photoType: CaptureUploadTypes.IdFront,
+        recType: CaptureUploadTypes.IdFrontVideo,
       },
       back: null,
       tilt: null,
-      recordingData: [],
-      mimeType: '',
     };
     if (Stream.state.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
         fileName: 'idBackImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdBack,
+        recName: 'idBackVideo.',
+        photoType: CaptureUploadTypes.IdBack,
+        recType: CaptureUploadTypes.IdBackVideo,
       };
     }
     if (Stream.state.hasIdTilt) {
@@ -4361,9 +4363,9 @@ const ProcessId = class {
         photoDone: true,
         recordingDone: false,
         fileName: 'idTiltImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.None,
+        recName: 'idTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.TiltVideo,
       };
     }
     this.captureStep = CaptureFlowStatus.HowToFront;
@@ -4395,8 +4397,8 @@ const ProcessId = class {
       return;
     }
     try {
-      this.flow.front.file = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
-      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.uploadType, this.flow.front.file);
+      let frontCapture = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
+      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.photoType, frontCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -4411,8 +4413,8 @@ const ProcessId = class {
       return;
     }
     try {
-      this.flow.back.file = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
-      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.uploadType, this.flow.back.file);
+      let backCapture = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
+      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.photoType, backCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -4420,56 +4422,32 @@ const ProcessId = class {
     }
   }
   async capturedIdRecording(event) {
-    var recResults = event.detail;
-    if (recResults.RecordingChunks.length == 0 && this.recordingResultCount == 0) {
+    let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
       this.recordingResultCount++;
       return;
     }
-    if (recResults.RecordingChunks.length == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording for ' + this.captureStep, blobData: recResults.RecordingChunks }, Stream.getLogMessage());
-      this.triggerErrorFlow();
+    if (idRecording.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, Stream.getLogMessage());
+      this.showTimeout = true;
       return;
     }
-    this.flow.mimeType = event.detail.MimeType;
+    let mimeType = idRecording.type == Stream.Stream.mp4MimeType.type ? Stream.Stream.mp4MimeType : Stream.Stream.webmMimeType;
     if (this.captureStep == CaptureFlowStatus.IdFront) {
-      this.flow.front.recoding = recResults.RecordingChunks;
-      this.flow.front.recordingDone = true;
+      let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
     }
     if (this.captureStep == CaptureFlowStatus.IdBack) {
-      this.flow.back.recoding = recResults.RecordingChunks;
-      this.flow.back.recordingDone = true;
+      let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
     }
     if (this.captureStep == CaptureFlowStatus.Tilt) {
-      this.flow.tilt.recoding = recResults.RecordingChunks;
-      this.flow.tilt.recordingDone = true;
+      let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
     }
     await this.endFlow();
     this.recordingResultCount = 0;
   }
-  async getRecordingFile() {
-    let idRecording = new Blob(this.flow.recordingData, {
-      type: this.flow.mimeType,
-    });
-    if (idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, Stream.getLogMessage());
-      this.triggerErrorFlow(true);
-      return;
-    }
-    let mimeType = idRecording.type == Stream.Stream.mp4MimeType.type ? Stream.Stream.mp4MimeType : Stream.Stream.webmMimeType;
-    try {
-      var file = new File([idRecording], 'idVideo.' + mimeType.extension, { type: mimeType.type });
-      var uploadResult = this.uploadRecording('IdFrontVideo', file);
-      if (uploadResult) {
-        return true;
-      }
-      else {
-        this.triggerErrorFlow(true);
-      }
-    }
-    catch (e) {
-      this.triggerErrorFlow(true);
-    }
-  }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
@@ -4505,21 +4483,16 @@ const ProcessId = class {
       this.captureStep = CaptureFlowStatus.IdFront;
     }
     if (this.captureStep == CaptureFlowStatus.IdFront || restart) {
-      this.flow.front.file = null;
       this.flow.front.photoDone = false;
       this.flow.front.recordingDone = false;
-      this.flow.front.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.IdBack || restart) {
-      this.flow.back.file = null;
       this.flow.back.photoDone = false;
       this.flow.back.recordingDone = false;
-      this.flow.back.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.Tilt || restart) {
       this.flow.tilt.photoDone = true;
       this.flow.tilt.recordingDone = false;
-      this.flow.tilt.recoding = null;
     }
     this.showInvalid = true;
   }
@@ -4555,10 +4528,6 @@ const ProcessId = class {
     }
     if (this.captureStep == CaptureFlowStatus.Tilt && Stream.state.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
-        this.flow.recordingData.push(...this.flow.front.recoding);
-        this.flow.recordingData.push(...this.flow.back.recoding);
-        this.flow.recordingData.push(...this.flow.tilt.recoding);
-        await this.getRecordingFile();
         this.captureStep = CaptureFlowStatus.End;
       }
       else {

package/dist/cjs/id-double-side.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79f82518.js');
-const Stream = require('./Stream-f03c722d.js');
+const Stream = require('./Stream-097bd1e9.js');
 
 const idDoubleSideCss = "";
 

package/dist/cjs/id-single-side.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79f82518.js');
-const Stream = require('./Stream-f03c722d.js');
+const Stream = require('./Stream-097bd1e9.js');
 
 const idSingleSideCss = "";
 

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

@@ -24,23 +24,21 @@ export class ProcessId {
         photoDone: false,
         recordingDone: false,
         fileName: 'idImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdFront,
+        recName: 'idVideo.',
+        photoType: CaptureUploadTypes.IdFront,
+        recType: CaptureUploadTypes.IdFrontVideo,
       },
       back: null,
       tilt: null,
-      recordingData: [],
-      mimeType: '',
     };
     if (store.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
         fileName: 'idBackImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdBack,
+        recName: 'idBackVideo.',
+        photoType: CaptureUploadTypes.IdBack,
+        recType: CaptureUploadTypes.IdBackVideo,
       };
     }
     if (store.hasIdTilt) {
@@ -48,9 +46,9 @@ export class ProcessId {
         photoDone: true,
         recordingDone: false,
         fileName: 'idTiltImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.None,
+        recName: 'idTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.TiltVideo,
       };
     }
     this.captureStep = CaptureFlowStatus.HowToFront;
@@ -82,8 +80,8 @@ export class ProcessId {
       return;
     }
     try {
-      this.flow.front.file = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
-      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.uploadType, this.flow.front.file);
+      let frontCapture = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
+      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.photoType, frontCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -98,8 +96,8 @@ export class ProcessId {
       return;
     }
     try {
-      this.flow.back.file = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
-      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.uploadType, this.flow.back.file);
+      let backCapture = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
+      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.photoType, backCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -107,56 +105,32 @@ export class ProcessId {
     }
   }
   async capturedIdRecording(event) {
-    var recResults = event.detail;
-    if (recResults.RecordingChunks.length == 0 && this.recordingResultCount == 0) {
+    let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
       this.recordingResultCount++;
       return;
     }
-    if (recResults.RecordingChunks.length == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording for ' + this.captureStep, blobData: recResults.RecordingChunks }, getLogMessage());
-      this.triggerErrorFlow();
+    if (idRecording.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      this.showTimeout = true;
       return;
     }
-    this.flow.mimeType = event.detail.MimeType;
+    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     if (this.captureStep == CaptureFlowStatus.IdFront) {
-      this.flow.front.recoding = recResults.RecordingChunks;
-      this.flow.front.recordingDone = true;
+      let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
     }
     if (this.captureStep == CaptureFlowStatus.IdBack) {
-      this.flow.back.recoding = recResults.RecordingChunks;
-      this.flow.back.recordingDone = true;
+      let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
     }
     if (this.captureStep == CaptureFlowStatus.Tilt) {
-      this.flow.tilt.recoding = recResults.RecordingChunks;
-      this.flow.tilt.recordingDone = true;
+      let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
     }
     await this.endFlow();
     this.recordingResultCount = 0;
   }
-  async getRecordingFile() {
-    let idRecording = new Blob(this.flow.recordingData, {
-      type: this.flow.mimeType,
-    });
-    if (idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
-      this.triggerErrorFlow(true);
-      return;
-    }
-    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    try {
-      var file = new File([idRecording], 'idVideo.' + mimeType.extension, { type: mimeType.type });
-      var uploadResult = this.uploadRecording('IdFrontVideo', file);
-      if (uploadResult) {
-        return true;
-      }
-      else {
-        this.triggerErrorFlow(true);
-      }
-    }
-    catch (e) {
-      this.triggerErrorFlow(true);
-    }
-  }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
@@ -192,21 +166,16 @@ export class ProcessId {
       this.captureStep = CaptureFlowStatus.IdFront;
     }
     if (this.captureStep == CaptureFlowStatus.IdFront || restart) {
-      this.flow.front.file = null;
       this.flow.front.photoDone = false;
       this.flow.front.recordingDone = false;
-      this.flow.front.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.IdBack || restart) {
-      this.flow.back.file = null;
       this.flow.back.photoDone = false;
       this.flow.back.recordingDone = false;
-      this.flow.back.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.Tilt || restart) {
       this.flow.tilt.photoDone = true;
       this.flow.tilt.recordingDone = false;
-      this.flow.tilt.recoding = null;
     }
     this.showInvalid = true;
   }
@@ -242,10 +211,6 @@ export class ProcessId {
     }
     if (this.captureStep == CaptureFlowStatus.Tilt && store.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
-        this.flow.recordingData.push(...this.flow.front.recoding);
-        this.flow.recordingData.push(...this.flow.back.recoding);
-        this.flow.recordingData.push(...this.flow.tilt.recoding);
-        await this.getRecordingFile();
         this.captureStep = CaptureFlowStatus.End;
       }
       else {

package/dist/collection/helpers/ApiCall.js

@@ -156,7 +156,7 @@ export class ApiCall {
       store.requestId = jsonResp.requestId;
     }
     store.hasIdBack = jsonResp.hasIdBack;
-    store.hasSelfieGesture = jsonResp.hasIdTilt;
+    store.hasIdTilt = jsonResp.hasIdTilt;
     store.hasSelfieGesture = jsonResp.hasSelfieGesture;
     store.agreementsValidation = jsonResp.agreementsValidation;
     store.phoneValidation = jsonResp.phoneValidation;

package/dist/collection/helpers/Stream.js

@@ -135,11 +135,10 @@ export class Stream {
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
-      var resp = {
-        RecordingChunks: this.recordedChunks,
-        MimeType: options.mimeType,
-      };
-      this.callbackRecordingReady(resp);
+      var rec = new Blob(this.recordedChunks, {
+        type: options.mimeType.split(';')[0],
+      });
+      this.callbackRecordingReady(rec);
     };
     this.mediaRecorder.start(); // Start recording, and dump data every second
   }

package/dist/collection/models/CaptureFlow.js

@@ -3,6 +3,10 @@ export var CaptureUploadTypes;
   CaptureUploadTypes["IdFront"] = "IdFront";
   CaptureUploadTypes["IdBack"] = "IdBack";
   CaptureUploadTypes["IdFrontVideo"] = "IdFrontVideo";
+  CaptureUploadTypes["IdBackVideo"] = "IdBackVideo";
+  CaptureUploadTypes["SelfieVideo"] = "SelfieVideo";
+  CaptureUploadTypes["SelfieGestureVideo"] = "SelfieGestureVideo";
+  CaptureUploadTypes["TiltVideo"] = "TiltVideo";
   CaptureUploadTypes["None"] = "None";
 })(CaptureUploadTypes || (CaptureUploadTypes = {}));
 export var CaptureFlowStatus;

package/dist/esm/{Stream-9d2f3b4a.js → Stream-d1fb2210.js}

@@ -592,7 +592,7 @@ class ApiCall {
       state.requestId = jsonResp.requestId;
     }
     state.hasIdBack = jsonResp.hasIdBack;
-    state.hasSelfieGesture = jsonResp.hasIdTilt;
+    state.hasIdTilt = jsonResp.hasIdTilt;
     state.hasSelfieGesture = jsonResp.hasSelfieGesture;
     state.agreementsValidation = jsonResp.agreementsValidation;
     state.phoneValidation = jsonResp.phoneValidation;
@@ -5237,11 +5237,10 @@ class Stream {
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
-      var resp = {
-        RecordingChunks: this.recordedChunks,
-        MimeType: options.mimeType,
-      };
-      this.callbackRecordingReady(resp);
+      var rec = new Blob(this.recordedChunks, {
+        type: options.mimeType.split(';')[0],
+      });
+      this.callbackRecordingReady(rec);
     };
     this.mediaRecorder.start(); // Start recording, and dump data every second
   }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5d6f9123.js';
-import { A as ApiCall, a as AgreementCheckValues, b as AgreementInfoValues, B as BaseComponent, F as FlowSteps, s as state, c as FlowStatus, S as Stream, V as VerificationMode, C as CameraErrorValues, M as MobileOS, d as SessionKeys, I as IdCaptureValues, e as SelfieCaptureValues, f as delay, E as Events, g as CompleteValues, H as HowToValues, h as Browser, i as FlowMoments, j as IDML5Detector, k as FaceML5Detector, l as getLogMessage, m as ML5, L as LandingValues, n as createCommonjsModule, o as MobileRedirectValues, O as OrderStatuses, p as FacePose, P as PhoneValidationValues, q as CodeValidationValues } from './Stream-9d2f3b4a.js';
+import { A as ApiCall, a as AgreementCheckValues, b as AgreementInfoValues, B as BaseComponent, F as FlowSteps, s as state, c as FlowStatus, S as Stream, V as VerificationMode, C as CameraErrorValues, M as MobileOS, d as SessionKeys, I as IdCaptureValues, e as SelfieCaptureValues, f as delay, E as Events, g as CompleteValues, H as HowToValues, h as Browser, i as FlowMoments, j as IDML5Detector, k as FaceML5Detector, l as getLogMessage, m as ML5, L as LandingValues, n as createCommonjsModule, o as MobileRedirectValues, O as OrderStatuses, p as FacePose, P as PhoneValidationValues, q as CodeValidationValues } from './Stream-d1fb2210.js';
 
 const agreementCheckCss = "";
 
@@ -892,7 +892,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.12";
+const version$1 = "3.6.14";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -4300,6 +4300,10 @@ var CaptureUploadTypes;
   CaptureUploadTypes["IdFront"] = "IdFront";
   CaptureUploadTypes["IdBack"] = "IdBack";
   CaptureUploadTypes["IdFrontVideo"] = "IdFrontVideo";
+  CaptureUploadTypes["IdBackVideo"] = "IdBackVideo";
+  CaptureUploadTypes["SelfieVideo"] = "SelfieVideo";
+  CaptureUploadTypes["SelfieGestureVideo"] = "SelfieGestureVideo";
+  CaptureUploadTypes["TiltVideo"] = "TiltVideo";
   CaptureUploadTypes["None"] = "None";
 })(CaptureUploadTypes || (CaptureUploadTypes = {}));
 var CaptureFlowStatus;
@@ -4333,23 +4337,21 @@ const ProcessId = class {
         photoDone: false,
         recordingDone: false,
         fileName: 'idImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdFront,
+        recName: 'idVideo.',
+        photoType: CaptureUploadTypes.IdFront,
+        recType: CaptureUploadTypes.IdFrontVideo,
       },
       back: null,
       tilt: null,
-      recordingData: [],
-      mimeType: '',
     };
     if (state.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
         fileName: 'idBackImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.IdBack,
+        recName: 'idBackVideo.',
+        photoType: CaptureUploadTypes.IdBack,
+        recType: CaptureUploadTypes.IdBackVideo,
       };
     }
     if (state.hasIdTilt) {
@@ -4357,9 +4359,9 @@ const ProcessId = class {
         photoDone: true,
         recordingDone: false,
         fileName: 'idTiltImage.png',
-        file: null,
-        recoding: null,
-        uploadType: CaptureUploadTypes.None,
+        recName: 'idTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.TiltVideo,
       };
     }
     this.captureStep = CaptureFlowStatus.HowToFront;
@@ -4391,8 +4393,8 @@ const ProcessId = class {
       return;
     }
     try {
-      this.flow.front.file = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
-      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.uploadType, this.flow.front.file);
+      let frontCapture = new File([idPhoto], this.flow.front.fileName, { type: 'image/png' });
+      this.flow.front.photoDone = await this.uploadPhotos(this.flow.front.photoType, frontCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -4407,8 +4409,8 @@ const ProcessId = class {
       return;
     }
     try {
-      this.flow.back.file = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
-      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.uploadType, this.flow.back.file);
+      let backCapture = new File([idPhoto], this.flow.back.fileName, { type: 'image/png' });
+      this.flow.back.photoDone = await this.uploadPhotos(this.flow.back.photoType, backCapture);
       await this.endFlow();
     }
     catch (e) {
@@ -4416,56 +4418,32 @@ const ProcessId = class {
     }
   }
   async capturedIdRecording(event) {
-    var recResults = event.detail;
-    if (recResults.RecordingChunks.length == 0 && this.recordingResultCount == 0) {
+    let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
       this.recordingResultCount++;
       return;
     }
-    if (recResults.RecordingChunks.length == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording for ' + this.captureStep, blobData: recResults.RecordingChunks }, getLogMessage());
-      this.triggerErrorFlow();
+    if (idRecording.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      this.showTimeout = true;
       return;
     }
-    this.flow.mimeType = event.detail.MimeType;
+    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     if (this.captureStep == CaptureFlowStatus.IdFront) {
-      this.flow.front.recoding = recResults.RecordingChunks;
-      this.flow.front.recordingDone = true;
+      let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
     }
     if (this.captureStep == CaptureFlowStatus.IdBack) {
-      this.flow.back.recoding = recResults.RecordingChunks;
-      this.flow.back.recordingDone = true;
+      let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
     }
     if (this.captureStep == CaptureFlowStatus.Tilt) {
-      this.flow.tilt.recoding = recResults.RecordingChunks;
-      this.flow.tilt.recordingDone = true;
+      let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
+      this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
     }
     await this.endFlow();
     this.recordingResultCount = 0;
   }
-  async getRecordingFile() {
-    let idRecording = new Blob(this.flow.recordingData, {
-      type: this.flow.mimeType,
-    });
-    if (idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
-      this.triggerErrorFlow(true);
-      return;
-    }
-    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    try {
-      var file = new File([idRecording], 'idVideo.' + mimeType.extension, { type: mimeType.type });
-      var uploadResult = this.uploadRecording('IdFrontVideo', file);
-      if (uploadResult) {
-        return true;
-      }
-      else {
-        this.triggerErrorFlow(true);
-      }
-    }
-    catch (e) {
-      this.triggerErrorFlow(true);
-    }
-  }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
@@ -4501,21 +4479,16 @@ const ProcessId = class {
       this.captureStep = CaptureFlowStatus.IdFront;
     }
     if (this.captureStep == CaptureFlowStatus.IdFront || restart) {
-      this.flow.front.file = null;
       this.flow.front.photoDone = false;
       this.flow.front.recordingDone = false;
-      this.flow.front.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.IdBack || restart) {
-      this.flow.back.file = null;
       this.flow.back.photoDone = false;
       this.flow.back.recordingDone = false;
-      this.flow.back.recoding = null;
     }
     if (this.captureStep == CaptureFlowStatus.Tilt || restart) {
       this.flow.tilt.photoDone = true;
       this.flow.tilt.recordingDone = false;
-      this.flow.tilt.recoding = null;
     }
     this.showInvalid = true;
   }
@@ -4551,10 +4524,6 @@ const ProcessId = class {
     }
     if (this.captureStep == CaptureFlowStatus.Tilt && state.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
-        this.flow.recordingData.push(...this.flow.front.recoding);
-        this.flow.recordingData.push(...this.flow.back.recoding);
-        this.flow.recordingData.push(...this.flow.tilt.recoding);
-        await this.getRecordingFile();
         this.captureStep = CaptureFlowStatus.End;
       }
       else {