@ekyc_qoobiss/qbs-ect-cmp 3.6.6 → 3.6.10

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

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79f82518.js');
+const Stream = require('./Stream-1b0beea8.js');
+
+const idDoubleSideCss = "";
+
+const IdDoubleSide = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
+    this.showTimeout = undefined;
+    this.showInvalid = undefined;
+    this.showHowTo = undefined;
+    this.front = undefined;
+    this.flow = {
+      photoDone: false,
+      recordingDone: false,
+      verificationFinished: false,
+      photoFile: null,
+      photoFileName: '',
+      photoUploadType: '',
+      recordingFile: null,
+      recordingFileName: '',
+      recordingUploadType: '',
+    };
+    this.baseComponent = new Stream.BaseComponent(Stream.FlowSteps.CiBack);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+  }
+  componentWillLoad() {
+    this.captureRetryCount = 0;
+    this.showHowTo = true;
+    this.flow.photoFileName = 'idImage.png';
+    this.flow.recordingFileName = 'idVideo.';
+    this.flow.photoUploadType = 'IdFront';
+    this.flow.recordingUploadType = 'IdFrontVideo';
+    this.front = true;
+  }
+  howToDone() {
+    this.showHowTo = false;
+  }
+  timeElapsed() {
+    this.showTimeout = true;
+  }
+  captureErrorDone() {
+    if (this.showTimeout == true) {
+      this.showTimeout = false;
+    }
+    if (this.showInvalid == true) {
+      this.flow.photoFileName = 'idImage.png';
+      this.flow.recordingFileName = 'idVideo.';
+      this.flow.photoUploadType = 'IdFront';
+      this.flow.recordingUploadType = 'IdFrontVideo';
+      this.flow.photoFile = null;
+      this.flow.recordingFile = null;
+      this.flow.photoDone = false;
+      this.flow.recordingDone = false;
+      this.front = true;
+      this.showInvalid = false;
+    }
+  }
+  async captureIdImage(event) {
+    let idPhoto = event.detail;
+    if (idPhoto.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, Stream.getLogMessage());
+      this.triggerErrorFlow();
+      return;
+    }
+    try {
+      this.flow.photoFile = new File([idPhoto], this.flow.photoFileName, { type: 'image/png' });
+      this.uploadPhoto();
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  async captureIdBackImage(event) {
+    let idPhoto = event.detail;
+    if (idPhoto.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, Stream.getLogMessage());
+      this.triggerErrorFlow();
+      return;
+    }
+    try {
+      this.flow.photoFile = new File([idPhoto], this.flow.photoFileName, { type: 'image/png' });
+      this.uploadPhoto();
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  async capturedIdRecording(event) {
+    let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
+    if (idRecording.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, Stream.getLogMessage());
+      this.triggerErrorFlow();
+      return;
+    }
+    this.recordingResultCount = 0;
+    let mimeType = idRecording.type == Stream.Stream.mp4MimeType.type ? Stream.Stream.mp4MimeType : Stream.Stream.webmMimeType;
+    try {
+      this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + mimeType.extension, { type: mimeType.type });
+      this.uploadRecording();
+    }
+    catch (e) {
+      if (Stream.state.recordingRetryCount < 3) {
+        Stream.state.recordingRetryCount++;
+        this.triggerErrorFlow();
+      }
+      else {
+        this.apiErrorEvent.emit(e);
+      }
+    }
+  }
+  async verificationFinished(_event) {
+    this.flow.verificationFinished = true;
+    await this.endFlow();
+  }
+  async componentDidLoad() {
+    await this.baseComponent.initialize();
+  }
+  async uploadPhoto() {
+    if (this.flow.photoFile == null || this.flow.photoDone) {
+      return;
+    }
+    this.flow.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(Stream.state.requestId, this.flow.photoUploadType, this.flow.photoFile);
+    if (this.flow.photoDone) {
+      await this.endFlow();
+    }
+    else {
+      this.switchCamera();
+      this.triggerErrorFlow();
+    }
+  }
+  async uploadRecording() {
+    if (this.flow.recordingFile == null || this.flow.recordingDone) {
+      return;
+    }
+    this.flow.recordingDone = await this.baseComponent.apiCall.UploadFileForRequestB64(Stream.state.requestId, this.flow.recordingUploadType, this.flow.recordingFile);
+    if (this.flow.recordingDone) {
+      await this.endFlow();
+    }
+    else {
+      this.triggerErrorFlow();
+    }
+  }
+  triggerErrorFlow() {
+    this.flow.photoFile = null;
+    this.flow.recordingFile = null;
+    this.showInvalid = true;
+  }
+  async endFlow() {
+    if (!this.flow.photoDone) {
+      return;
+    }
+    if (!this.flow.recordingDone) {
+      return;
+    }
+    if (this.front) {
+      this.flow.photoFileName = 'idBackImage.png';
+      this.flow.recordingFileName = 'idBackVideo.';
+      this.flow.photoUploadType = 'IdBack';
+      this.flow.recordingUploadType = 'IdBackVideo';
+      this.flow.photoFile = null;
+      this.flow.recordingFile = null;
+      this.flow.photoDone = false;
+      this.flow.recordingDone = false;
+      this.front = false;
+      this.showHowTo = true;
+      return;
+    }
+    if (!this.flow.verificationFinished) {
+      return;
+    }
+    Stream.state.recordingRetryCount = 0;
+    Stream.state.flowStatus = Stream.FlowStatus.LIVENESS;
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  switchCamera() {
+    if (this.captureRetryCount == 1) {
+      let camIndex = Stream.state.cameraIds.indexOf(Stream.state.cameraId);
+      Stream.state.cameraId = camIndex === Stream.state.cameraIds.length - 1 ? Stream.state.cameraIds[0] : Stream.state.cameraIds[camIndex + 1];
+      this.captureRetryCount = 0;
+    }
+    else {
+      this.captureRetryCount++;
+    }
+  }
+  render() {
+    let error = index.h("capture-error", { type: "ID" });
+    let frontCapture = index.h("id-capture", { id: "idFront" });
+    let secondCapture = index.h("id-back-capture", { id: "idBack" });
+    let howToInfo = index.h("how-to-info", { idSide: this.front ? 'front' : 'back' });
+    return this.showHowTo ? howToInfo : this.showInvalid || this.showTimeout ? error : this.front ? frontCapture : secondCapture;
+  }
+};
+IdDoubleSide.style = idDoubleSideCss;
+
+exports.id_double_side = IdDoubleSide;

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

@@ -0,0 +1,147 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79f82518.js');
+const Stream = require('./Stream-1b0beea8.js');
+
+const idSingleSideCss = "";
+
+const IdSingleSide = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
+    this.showTimeout = undefined;
+    this.showHowTo = undefined;
+    this.idFlow = {
+      verificationFinished: false,
+      photoDone: false,
+      recordingDone: false,
+      photoFile: null,
+      recordingFile: null,
+    };
+    this.baseComponent = new Stream.BaseComponent(Stream.FlowSteps.CiFront);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+    this.captureRetryCount = 0;
+    this.showHowTo = true;
+  }
+  captureErrorDone() {
+    this.idFlow.photoFile = null;
+    this.idFlow.recordingFile = null;
+    this.showTimeout = false;
+  }
+  howToDone() {
+    this.showHowTo = false;
+  }
+  timeElapsed() {
+    this.showTimeout = true;
+  }
+  async captureIdImage(event) {
+    let idPhoto = event.detail;
+    if (idPhoto.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, Stream.getLogMessage());
+      this.showTimeout = true;
+      return;
+    }
+    try {
+      this.idFlow.photoFile = new File([idPhoto], 'idImage.png', { type: 'image/png' });
+      await this.uploadPhoto();
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  async verificationFinished(_event) {
+    this.idFlow.verificationFinished = true;
+    await this.endFlow();
+  }
+  async capturedIdRecording(event) {
+    let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
+    if (idRecording.size == 0) {
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, Stream.getLogMessage());
+      this.showTimeout = true;
+      return;
+    }
+    let mimeType = idRecording.type == Stream.Stream.mp4MimeType.type ? Stream.Stream.mp4MimeType : Stream.Stream.webmMimeType;
+    if (Stream.state.flowStatus == Stream.FlowStatus.ID) {
+      try {
+        this.idFlow.recordingFile = new File([idRecording], 'idVideo.' + mimeType.extension, { type: mimeType.type });
+        await this.uploadRecording();
+      }
+      catch (e) {
+        this.apiErrorEvent.emit(e);
+      }
+    }
+  }
+  async componentDidLoad() {
+    await this.baseComponent.initialize();
+  }
+  async uploadPhoto() {
+    if (this.idFlow.photoFile == null || this.idFlow.photoDone) {
+      return;
+    }
+    this.idFlow.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(Stream.state.requestId, 'IdFront', this.idFlow.photoFile);
+    if (this.idFlow.photoDone) {
+      await this.endFlow();
+    }
+    else {
+      this.idFlow.photoFile = null;
+      this.idFlow.recordingFile = null;
+      this.switchCamera();
+      this.showTimeout = true;
+    }
+  }
+  async uploadRecording() {
+    if (this.idFlow.recordingFile == null || this.idFlow.recordingDone) {
+      return;
+    }
+    this.idFlow.recordingDone = await this.baseComponent.apiCall.UploadFileForRequestB64(Stream.state.requestId, 'IdFrontVideo', this.idFlow.recordingFile);
+    if (this.idFlow.recordingDone) {
+      await this.endFlow();
+    }
+    else {
+      this.idFlow.photoFile = null;
+      this.idFlow.recordingFile = null;
+      this.showTimeout = true;
+    }
+  }
+  async endFlow() {
+    if (!this.idFlow.photoDone) {
+      return;
+    }
+    if (!this.idFlow.recordingDone) {
+      return;
+    }
+    if (!this.idFlow.verificationFinished) {
+      return;
+    }
+    Stream.state.flowStatus = Stream.FlowStatus.LIVENESS;
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  switchCamera() {
+    if (this.captureRetryCount == 1) {
+      let camIndex = Stream.state.cameraIds.indexOf(Stream.state.cameraId);
+      Stream.state.cameraId = camIndex === Stream.state.cameraIds.length - 1 ? Stream.state.cameraIds[0] : Stream.state.cameraIds[camIndex + 1];
+      this.captureRetryCount = 0;
+    }
+    else {
+      this.captureRetryCount++;
+    }
+  }
+  render() {
+    let error = index.h("capture-error", { type: "ID" });
+    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;
+  }
+};
+IdSingleSide.style = idSingleSideCss;
+
+exports.id_single_side = IdSingleSide;

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([["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,"process-id",{"captureStep":[32],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[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-tilt",{"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],"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-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[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,"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"]}]]],["id-double-side.cjs",[[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"]]]]],["id-single-side.cjs",[[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"]]]]],["loader-dots.cjs",[[1,"loader-dots"]]]], 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([["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,"process-id",{"captureStep":[32],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[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-tilt",{"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],"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-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[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,"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"]}]]],["id-double-side.cjs",[[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"]]]]],["id-single-side.cjs",[[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"]]]]],["loader-dots.cjs",[[1,"loader-dots"]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -6,6 +6,7 @@
     "./components/common/how-to-info/how-to-info.js",
     "./components/common/id-back-capture/id-back-capture.js",
     "./components/common/id-capture/id-capture.js",
+    "./components/common/id-tilt/id-tilt.js",
     "./components/common/selfie-capture/selfie-capture.js",
     "./components/controls/camera/camera.js",
     "./components/controls/loader-dots/loader-dots.js",
@@ -16,6 +17,7 @@
     "./components/flow/id-single-side/id-single-side.js",
     "./components/flow/landing-validation/landing-validation.js",
     "./components/flow/mobile-redirect/mobile-redirect.js",
+    "./components/flow/process-id/process-id.js",
     "./components/flow/sms-code-validation/sms-code-validation.js",
     "./components/flow/user-liveness/user-liveness.js",
     "./components/identification-component/identification-component.js"

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

@@ -9,6 +9,7 @@ import { delay } from '../../../utils/utils';
 import store from '../../../helpers/store';
 import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
+import { VerificationMode } from '../../../models/IVerificationMode';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdBackCapture {
   // @State() private animationPath: string;
@@ -30,16 +31,6 @@ export class IdBackCapture {
     this.showDemo = true;
     this.baseComponent = new BaseComponent(FlowSteps.CiBackHoldAnimation);
   }
-  async eventChangeTitle(event) {
-    await this.baseComponent.logStep(FlowSteps.CiBackTiltAnimation, FlowMoments.Initialized);
-    this.showDemo = true;
-    this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.BackTilted];
-    this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
-    this.showDemo = false;
-    await this.baseComponent.logStep(FlowSteps.CiBackTiltAnimation, FlowMoments.Finalized);
-  }
   eventVideoStarted(event) {
     this.videoStarted = true;
     this.cameraSize = event.detail;
@@ -71,7 +62,7 @@ export class IdBackCapture {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
-        const superStream = Stream.getInstance();
+        const superStream = Stream.getInstance(VerificationMode.Full);
         superStream.initStream(stream);
       })
         .catch(e => {
@@ -82,7 +73,7 @@ export class IdBackCapture {
   }
   closeCamera() {
     if (Stream.instance) {
-      Stream.getInstance().dropStream();
+      Stream.getInstance(VerificationMode.Full).dropStream();
     }
   }
   disconnectedCallback() {
@@ -106,7 +97,7 @@ export class IdBackCapture {
     if (this.captureTaken)
       return;
     this.captureTaken = true;
-    let res = await Stream.getInstance().takePhoto();
+    let res = await Stream.getInstance(VerificationMode.Full).takePhoto();
     this.photoIsReady(res);
     await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Finalized);
   }
@@ -180,12 +171,6 @@ export class IdBackCapture {
   static get elementRef() { return "component"; }
   static get listeners() {
     return [{
-        "name": "changeTitle",
-        "method": "eventChangeTitle",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
         "name": "videoStarted",
         "method": "eventVideoStarted",
         "target": undefined,

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

@@ -9,6 +9,7 @@ import { delay } from '../../../utils/utils';
 import store from '../../../helpers/store';
 import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
+import { VerificationMode } from '../../../models/IVerificationMode';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdCapture {
   // @State() private animationPath: string;
@@ -30,16 +31,6 @@ export class IdCapture {
     this.showDemo = true;
     this.baseComponent = new BaseComponent(FlowSteps.CiFrontHoldAnimation);
   }
-  async eventChangeTitle(event) {
-    await this.baseComponent.logStep(FlowSteps.CiFrontTiltAnimation, FlowMoments.Initialized);
-    this.showDemo = true;
-    this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
-    this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
-    this.showDemo = false;
-    await this.baseComponent.logStep(FlowSteps.CiFrontTiltAnimation, FlowMoments.Finalized);
-  }
   eventVideoStarted(event) {
     this.videoStarted = true;
     this.cameraSize = event.detail;
@@ -67,7 +58,7 @@ export class IdCapture {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
-        const superStream = Stream.getInstance();
+        const superStream = Stream.getInstance(VerificationMode.Full);
         superStream.initStream(stream);
       })
         .catch(e => {
@@ -78,7 +69,7 @@ export class IdCapture {
   }
   closeCamera() {
     if (Stream.instance) {
-      Stream.getInstance().dropStream();
+      Stream.getInstance(VerificationMode.Full).dropStream();
     }
   }
   disconnectedCallback() {
@@ -91,7 +82,7 @@ export class IdCapture {
     if (this.captureTaken)
       return;
     this.captureTaken = true;
-    let res = await Stream.getInstance().takePhoto();
+    let res = await Stream.getInstance(VerificationMode.Full).takePhoto();
     this.photoIsReady(res);
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Finalized);
   }
@@ -181,12 +172,6 @@ export class IdCapture {
   static get elementRef() { return "component"; }
   static get listeners() {
     return [{
-        "name": "changeTitle",
-        "method": "eventChangeTitle",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
         "name": "videoStarted",
         "method": "eventVideoStarted",
         "target": undefined,

package/dist/collection/components/common/id-tilt/id-tilt.css

@@ -0,0 +1,35 @@
+/* .cameraContainer {
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+  position: relative;
+  overflow: hidden;
+} */
+
+.logo {
+  max-height: 450px;
+  max-width: 450px;
+}
+
+/* .block {
+  width: 90%;
+  padding-left: 5%;
+  padding-right: 5%;
+  margin-top: 5vh;
+} */
+
+.canvas-on-video {
+  max-width: 100%;
+  max-height: 100%;
+  position: absolute;
+  z-index: 2;
+  transform: scale(-1, 1);
+}
+/* 
+@media screen and (max-height: 414px) {
+  .logo {
+    background-size: 140px;
+    max-height: 140px;
+    max-width: 140px;
+  }
+} */