@ekyc_qoobiss/qbs-ect-cmp 3.6.7 → 3.6.10

package/dist/qbs-ect-cmp/p-d95265e0.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s}from"./p-aacd7024.js";import{B as h,F as a,l as e,s as o,c as n,S as r}from"./p-c8a04b87.js";const l=class{constructor(s){i(this,s),this.apiErrorEvent=t(this,"apiError",7),this.recordingResultCount=0,this.showTimeout=void 0,this.showHowTo=void 0,this.idFlow={verificationFinished:!1,photoDone:!1,recordingDone:!1,photoFile:null,recordingFile:null},this.baseComponent=new h(a.CiFront),this.baseComponent.setEventEmitter(this.apiErrorEvent),this.captureRetryCount=0,this.showHowTo=!0}captureErrorDone(){this.idFlow.photoFile=null,this.idFlow.recordingFile=null,this.showTimeout=!1}howToDone(){this.showHowTo=!1}timeElapsed(){this.showTimeout=!0}async captureIdImage(i){let t=i.detail;if(0==t.size)return await this.baseComponent.apiCall.AddLog({message:"Empty id photo",blobData:t},e()),void(this.showTimeout=!0);try{this.idFlow.photoFile=new File([t],"idImage.png",{type:"image/png"}),await this.uploadPhoto()}catch(i){this.apiErrorEvent.emit(i)}}async verificationFinished(i){this.idFlow.verificationFinished=!0,await this.endFlow()}async capturedIdRecording(i){let t=i.detail;if(0==t.size&&0==this.recordingResultCount)return void this.recordingResultCount++;if(0==t.size)return await this.baseComponent.apiCall.AddLog({message:"Empty ID recording",blobData:t},e()),void(this.showTimeout=!0);let s=t.type==r.mp4MimeType.type?r.mp4MimeType:r.webmMimeType;if(o.flowStatus==n.ID)try{this.idFlow.recordingFile=new File([t],"idVideo."+s.extension,{type:s.type}),await this.uploadRecording()}catch(i){this.apiErrorEvent.emit(i)}}async componentDidLoad(){await this.baseComponent.initialize()}async uploadPhoto(){null==this.idFlow.photoFile||this.idFlow.photoDone||(this.idFlow.photoDone=await this.baseComponent.apiCall.UploadFileForRequestB64(o.requestId,"IdFront",this.idFlow.photoFile),this.idFlow.photoDone?await this.endFlow():(this.idFlow.photoFile=null,this.idFlow.recordingFile=null,this.switchCamera(),this.showTimeout=!0))}async uploadRecording(){null==this.idFlow.recordingFile||this.idFlow.recordingDone||(this.idFlow.recordingDone=await this.baseComponent.apiCall.UploadFileForRequestB64(o.requestId,"IdFrontVideo",this.idFlow.recordingFile),this.idFlow.recordingDone?await this.endFlow():(this.idFlow.photoFile=null,this.idFlow.recordingFile=null,this.showTimeout=!0))}async endFlow(){this.idFlow.photoDone&&this.idFlow.recordingDone&&this.idFlow.verificationFinished&&(o.flowStatus=n.LIVENESS)}async disconnectedCallback(){await this.baseComponent.finalize()}switchCamera(){if(1==this.captureRetryCount){let i=o.cameraIds.indexOf(o.cameraId);o.cameraId=i===o.cameraIds.length-1?o.cameraIds[0]:o.cameraIds[i+1],this.captureRetryCount=0}else this.captureRetryCount++}render(){let i=s("capture-error",{type:"ID"}),t=s("id-capture",{id:"idFront"}),h=s("how-to-info",{idSide:"front"});return this.showHowTo?h:this.showTimeout?i:t}};l.style="";export{l as id_single_side}

package/dist/qbs-ect-cmp/p-e5c2d08c.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s}from"./p-aacd7024.js";import{B as h,F as a,l as e,s as o,c as d,S as r}from"./p-c8a04b87.js";const n=class{constructor(s){i(this,s),this.apiErrorEvent=t(this,"apiError",7),this.recordingResultCount=0,this.showTimeout=void 0,this.showInvalid=void 0,this.showHowTo=void 0,this.front=void 0,this.flow={photoDone:!1,recordingDone:!1,verificationFinished:!1,photoFile:null,photoFileName:"",photoUploadType:"",recordingFile:null,recordingFileName:"",recordingUploadType:""},this.baseComponent=new h(a.CiBack),this.baseComponent.setEventEmitter(this.apiErrorEvent)}componentWillLoad(){this.captureRetryCount=0,this.showHowTo=!0,this.flow.photoFileName="idImage.png",this.flow.recordingFileName="idVideo.",this.flow.photoUploadType="IdFront",this.flow.recordingUploadType="IdFrontVideo",this.front=!0}howToDone(){this.showHowTo=!1}timeElapsed(){this.showTimeout=!0}captureErrorDone(){1==this.showTimeout&&(this.showTimeout=!1),1==this.showInvalid&&(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=!1,this.flow.recordingDone=!1,this.front=!0,this.showInvalid=!1)}async captureIdImage(i){let t=i.detail;if(0==t.size)return await this.baseComponent.apiCall.AddLog({message:"Empty id photo",blobData:t},e()),void this.triggerErrorFlow();try{this.flow.photoFile=new File([t],this.flow.photoFileName,{type:"image/png"}),this.uploadPhoto()}catch(i){this.apiErrorEvent.emit(i)}}async captureIdBackImage(i){let t=i.detail;if(0==t.size)return await this.baseComponent.apiCall.AddLog({message:"Empty id photo",blobData:t},e()),void this.triggerErrorFlow();try{this.flow.photoFile=new File([t],this.flow.photoFileName,{type:"image/png"}),this.uploadPhoto()}catch(i){this.apiErrorEvent.emit(i)}}async capturedIdRecording(i){let t=i.detail;if(0==t.size&&0==this.recordingResultCount)return void this.recordingResultCount++;if(0==t.size)return await this.baseComponent.apiCall.AddLog({message:"Empty recording",blobData:t},e()),void this.triggerErrorFlow();this.recordingResultCount=0;let s=t.type==r.mp4MimeType.type?r.mp4MimeType:r.webmMimeType;try{this.flow.recordingFile=new File([t],this.flow.recordingFileName+s.extension,{type:s.type}),this.uploadRecording()}catch(i){o.recordingRetryCount<3?(o.recordingRetryCount++,this.triggerErrorFlow()):this.apiErrorEvent.emit(i)}}async verificationFinished(i){this.flow.verificationFinished=!0,await this.endFlow()}async componentDidLoad(){await this.baseComponent.initialize()}async uploadPhoto(){null==this.flow.photoFile||this.flow.photoDone||(this.flow.photoDone=await this.baseComponent.apiCall.UploadFileForRequestB64(o.requestId,this.flow.photoUploadType,this.flow.photoFile),this.flow.photoDone?await this.endFlow():(this.switchCamera(),this.triggerErrorFlow()))}async uploadRecording(){null==this.flow.recordingFile||this.flow.recordingDone||(this.flow.recordingDone=await this.baseComponent.apiCall.UploadFileForRequestB64(o.requestId,this.flow.recordingUploadType,this.flow.recordingFile),this.flow.recordingDone?await this.endFlow():this.triggerErrorFlow())}triggerErrorFlow(){this.flow.photoFile=null,this.flow.recordingFile=null,this.showInvalid=!0}async endFlow(){if(this.flow.photoDone&&this.flow.recordingDone)return 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=!1,this.flow.recordingDone=!1,this.front=!1,void(this.showHowTo=!0)):void(this.flow.verificationFinished&&(o.recordingRetryCount=0,o.flowStatus=d.LIVENESS))}async disconnectedCallback(){await this.baseComponent.finalize()}switchCamera(){if(1==this.captureRetryCount){let i=o.cameraIds.indexOf(o.cameraId);o.cameraId=i===o.cameraIds.length-1?o.cameraIds[0]:o.cameraIds[i+1],this.captureRetryCount=0}else this.captureRetryCount++}render(){let i=s("capture-error",{type:"ID"}),t=s("id-capture",{id:"idFront"}),h=s("id-back-capture",{id:"idBack"}),a=s("how-to-info",{idSide:this.front?"front":"back"});return this.showHowTo?a:this.showInvalid||this.showTimeout?i:this.front?t:h}};n.style="";export{n as id_double_side}

package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-06e42b28.js";export{s as setNonce}from"./p-06e42b28.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-4c8e922b",[[1,"loader-dots"]]],["p-3083aa5e",[[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"]}]]]],e)));
+import{p as e,b as t}from"./p-aacd7024.js";export{s as setNonce}from"./p-aacd7024.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-933b4d66",[[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"]}]]],["p-e5c2d08c",[[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"]]]]],["p-d95265e0",[[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"]]]]],["p-7c33dd41",[[1,"loader-dots"]]]],e)));

package/dist/types/components/common/id-back-capture/id-back-capture.d.ts

@@ -13,7 +13,6 @@ export declare class IdBackCapture {
   private showDemo;
   private demoVideo;
   constructor();
-  eventChangeTitle(event: any): Promise<void>;
   eventVideoStarted(event: any): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): Promise<void>;

package/dist/types/components/common/id-capture/id-capture.d.ts

@@ -13,7 +13,6 @@ export declare class IdCapture {
   apiErrorEvent: EventEmitter<any>;
   private cameras;
   constructor();
-  eventChangeTitle(event: any): Promise<void>;
   eventVideoStarted(event: any): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): Promise<void>;

package/dist/types/components/common/id-tilt/id-tilt.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class IdTilt {
+  private baseComponent;
+  component: HTMLElement;
+  private videoStarted;
+  private cameraSize;
+  private captureTaken;
+  private verified;
+  private titleMesage;
+  private showDemo;
+  private demoVideo;
+  eventPhotoCapture: EventEmitter;
+  apiErrorEvent: EventEmitter<any>;
+  private cameras;
+  constructor();
+  eventVideoStarted(event: any): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): Promise<void>;
+  openCamera(): Promise<void>;
+  closeCamera(): void;
+  disconnectedCallback(): void;
+  takePhoto(): Promise<void>;
+  verificationFinished(): Promise<void>;
+  photoIsReady: (photos: any) => void;
+  render(): any;
+}

package/dist/types/components/controls/camera/camera.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IDPose } from '../../../libs/IDML5Detector/IDPose';
 import { FacePose } from '../../../libs/FaceML5Detector/FacePose';
+import { RecordingCallback } from '../../../models/IRecordingCallback';
 export declare class Camera {
   component: HTMLElement;
   modelPath: string;
@@ -21,8 +22,8 @@ export declare class Camera {
   render(): any;
   callbackErrors: (error: Error, isError: boolean) => void;
   callbackAutoCapturing: () => void;
-  callbackSelfieRecordingReady: (recording: Blob) => void;
-  callbackIdRecordingReady: (recording: Blob) => void;
+  callbackSelfieRecordingReady: (recording: RecordingCallback) => void;
+  callbackIdRecordingReady: (recording: RecordingCallback) => void;
   callbackTimeElapsed: () => void;
   callbackChangeTitle: (message: FacePose | IDPose) => void;
   callbackVideoStarted: () => void;

package/dist/types/components/flow/process-id/process-id.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class ProcessId {
+  private captureRetryCount;
+  private baseComponent;
+  private recordingResultCount;
+  private captureStep;
+  private showTimeout;
+  private showInvalid;
+  private flow;
+  apiErrorEvent: EventEmitter<any>;
+  constructor();
+  componentWillLoad(): void;
+  howToDone(): void;
+  timeElapsed(): void;
+  captureErrorDone(): void;
+  captureIdImage(event: any): Promise<void>;
+  captureIdBackImage(event: any): Promise<void>;
+  capturedIdRecording(event: any): Promise<void>;
+  getRecordingFile(): Promise<boolean>;
+  componentDidLoad(): Promise<void>;
+  uploadPhotos(uploadType: string, photoFile: File): Promise<boolean>;
+  uploadRecording(uploadType: string, recordingFile: File): Promise<boolean>;
+  private triggerErrorFlow;
+  endFlow(): Promise<void>;
+  disconnectedCallback(): Promise<void>;
+  switchCamera(): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -38,6 +38,8 @@ export namespace Components {
     }
     interface IdSingleSide {
     }
+    interface IdTilt {
+    }
     interface IdentificationComponent {
         "api_url": string;
         "env": string;
@@ -52,6 +54,8 @@ export namespace Components {
     }
     interface MobileRedirect {
     }
+    interface ProcessId {
+    }
     interface SelfieCapture {
     }
     interface SmsCodeValidation {
@@ -103,6 +107,10 @@ export interface IdSingleSideCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIdSingleSideElement;
 }
+export interface IdTiltCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIdTiltElement;
+}
 export interface LandingValidationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLandingValidationElement;
@@ -111,6 +119,10 @@ export interface MobileRedirectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMobileRedirectElement;
 }
+export interface ProcessIdCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLProcessIdElement;
+}
 export interface SelfieCaptureCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSelfieCaptureElement;
@@ -196,6 +208,12 @@ declare global {
         prototype: HTMLIdSingleSideElement;
         new (): HTMLIdSingleSideElement;
     };
+    interface HTMLIdTiltElement extends Components.IdTilt, HTMLStencilElement {
+    }
+    var HTMLIdTiltElement: {
+        prototype: HTMLIdTiltElement;
+        new (): HTMLIdTiltElement;
+    };
     interface HTMLIdentificationComponentElement extends Components.IdentificationComponent, HTMLStencilElement {
     }
     var HTMLIdentificationComponentElement: {
@@ -220,6 +238,12 @@ declare global {
         prototype: HTMLMobileRedirectElement;
         new (): HTMLMobileRedirectElement;
     };
+    interface HTMLProcessIdElement extends Components.ProcessId, HTMLStencilElement {
+    }
+    var HTMLProcessIdElement: {
+        prototype: HTMLProcessIdElement;
+        new (): HTMLProcessIdElement;
+    };
     interface HTMLSelfieCaptureElement extends Components.SelfieCapture, HTMLStencilElement {
     }
     var HTMLSelfieCaptureElement: {
@@ -251,10 +275,12 @@ declare global {
         "id-capture": HTMLIdCaptureElement;
         "id-double-side": HTMLIdDoubleSideElement;
         "id-single-side": HTMLIdSingleSideElement;
+        "id-tilt": HTMLIdTiltElement;
         "identification-component": HTMLIdentificationComponentElement;
         "landing-validation": HTMLLandingValidationElement;
         "loader-dots": HTMLLoaderDotsElement;
         "mobile-redirect": HTMLMobileRedirectElement;
+        "process-id": HTMLProcessIdElement;
         "selfie-capture": HTMLSelfieCaptureElement;
         "sms-code-validation": HTMLSmsCodeValidationElement;
         "user-liveness": HTMLUserLivenessElement;
@@ -316,6 +342,10 @@ declare namespace LocalJSX {
     interface IdSingleSide {
         "onApiError"?: (event: IdSingleSideCustomEvent<any>) => void;
     }
+    interface IdTilt {
+        "onApiError"?: (event: IdTiltCustomEvent<any>) => void;
+        "onPhotoIdCapture"?: (event: IdTiltCustomEvent<any>) => void;
+    }
     interface IdentificationComponent {
         "api_url"?: string;
         "env"?: string;
@@ -332,6 +362,9 @@ declare namespace LocalJSX {
     interface MobileRedirect {
         "onApiError"?: (event: MobileRedirectCustomEvent<any>) => void;
     }
+    interface ProcessId {
+        "onApiError"?: (event: ProcessIdCustomEvent<any>) => void;
+    }
     interface SelfieCapture {
         "onApiError"?: (event: SelfieCaptureCustomEvent<any>) => void;
         "onPhotoSelfieCapture"?: (event: SelfieCaptureCustomEvent<any>) => void;
@@ -355,10 +388,12 @@ declare namespace LocalJSX {
         "id-capture": IdCapture;
         "id-double-side": IdDoubleSide;
         "id-single-side": IdSingleSide;
+        "id-tilt": IdTilt;
         "identification-component": IdentificationComponent;
         "landing-validation": LandingValidation;
         "loader-dots": LoaderDots;
         "mobile-redirect": MobileRedirect;
+        "process-id": ProcessId;
         "selfie-capture": SelfieCapture;
         "sms-code-validation": SmsCodeValidation;
         "user-liveness": UserLiveness;
@@ -380,10 +415,12 @@ declare module "@stencil/core" {
             "id-capture": LocalJSX.IdCapture & JSXBase.HTMLAttributes<HTMLIdCaptureElement>;
             "id-double-side": LocalJSX.IdDoubleSide & JSXBase.HTMLAttributes<HTMLIdDoubleSideElement>;
             "id-single-side": LocalJSX.IdSingleSide & JSXBase.HTMLAttributes<HTMLIdSingleSideElement>;
+            "id-tilt": LocalJSX.IdTilt & JSXBase.HTMLAttributes<HTMLIdTiltElement>;
             "identification-component": LocalJSX.IdentificationComponent & JSXBase.HTMLAttributes<HTMLIdentificationComponentElement>;
             "landing-validation": LocalJSX.LandingValidation & JSXBase.HTMLAttributes<HTMLLandingValidationElement>;
             "loader-dots": LocalJSX.LoaderDots & JSXBase.HTMLAttributes<HTMLLoaderDotsElement>;
             "mobile-redirect": LocalJSX.MobileRedirect & JSXBase.HTMLAttributes<HTMLMobileRedirectElement>;
+            "process-id": LocalJSX.ProcessId & JSXBase.HTMLAttributes<HTMLProcessIdElement>;
             "selfie-capture": LocalJSX.SelfieCapture & JSXBase.HTMLAttributes<HTMLSelfieCaptureElement>;
             "sms-code-validation": LocalJSX.SmsCodeValidation & JSXBase.HTMLAttributes<HTMLSmsCodeValidationElement>;
             "user-liveness": LocalJSX.UserLiveness & JSXBase.HTMLAttributes<HTMLUserLivenessElement>;

package/dist/types/helpers/Stream.d.ts

@@ -1,5 +1,7 @@
 import { FacePose } from '../libs/FaceML5Detector/FacePose';
 import { IDPose } from '../libs/IDML5Detector/IDPose';
+import { RecordingCallback } from '../models/IRecordingCallback';
+import { VerificationMode } from '../models/IVerificationMode';
 export declare class Stream {
   static mp4MimeType: {
     type: string;
@@ -23,6 +25,7 @@ export declare class Stream {
   private idDetection;
   private recordedChunks;
   private videoSize;
+  private verificationMode;
   private readonly idML5Detector;
   private readonly faceML5Detector;
   private callbackErrors;
@@ -38,11 +41,11 @@ export declare class Stream {
   setCallbackVideoStarted(fun: () => void): void;
   setCallbackErrors(fun: (error: Error, isError: boolean) => void): void;
   setCallbackAutoCapturing(fun: () => void): void;
-  setCallbackRecordingReady(fun: (recording: Blob) => void): void;
+  setCallbackRecordingReady(fun: (recording: RecordingCallback) => void): void;
   setCallbackTimeElapsed(fun: () => void): void;
   setVerificationFinished(fun: () => void): void;
   private constructor();
-  static getInstance(): Stream;
+  static getInstance(mode: VerificationMode): Stream;
   autoCapturing(): void;
   timeElapsed(): void;
   verificationReady(): void;

package/dist/types/libs/IDML5Detector/IDML5Detector.d.ts

@@ -1,4 +1,5 @@
 import { Stream } from '../../helpers/Stream';
+import { VerificationMode } from '../../models/IVerificationMode';
 export declare class IDML5Detector {
   static instance: IDML5Detector;
   private MAX_DETECTION;
@@ -8,13 +9,13 @@ export declare class IDML5Detector {
   private canvasElement;
   private stream;
   private ml5;
-  private full;
-  private tilted;
+  private targetedLabel;
+  private checked;
   private start;
   static getInstance(stream: Stream, isMobile: boolean): IDML5Detector;
   constructor(stream: Stream, _isMobile: boolean);
   updateHtmlElements(videoElement: HTMLVideoElement, canvasElement: HTMLCanvasElement, _component: HTMLElement): void;
-  initDetector(): void;
+  initDetector(mode: VerificationMode): void;
   private classifyVideo;
   private gotResults;
   private drawFrame;

package/dist/types/models/CaptureFlow.d.ts

@@ -0,0 +1,29 @@
+export interface CaptureFlow {
+  front: CaptureSide;
+  back: CaptureSide;
+  tilt: CaptureSide;
+  recordingData: any[];
+  mimeType: string;
+}
+export interface CaptureSide {
+  photoDone: boolean;
+  recordingDone: boolean;
+  file: File | null;
+  recoding: any[];
+  fileName: string;
+  uploadType: CaptureUploadTypes;
+}
+export declare enum CaptureUploadTypes {
+  IdFront = "IdFront",
+  IdBack = "IdBack",
+  IdFrontVideo = "IdFrontVideo",
+  None = "None"
+}
+export declare enum CaptureFlowStatus {
+  HowToFront = 0,
+  IdFront = 1,
+  HowToBack = 2,
+  IdBack = 3,
+  Tilt = 4,
+  End = 5
+}

package/dist/types/models/FlowSteps.d.ts

@@ -15,6 +15,7 @@ export declare enum FlowSteps {
   CiBackHoldAnimation,
   CiBackTiltAnimation,
   CiBackCapture,
+  CiTilt,
   SelfieHowTo,
   SelfieHoldAnimation,
   SelfieTiltAnimation,

package/dist/types/models/IEctStore.d.ts

@@ -11,6 +11,7 @@ export interface EctStore {
   cameraIds: string[];
   cameraId: string;
   hasIdBack: boolean;
+  idTiltCheck: boolean;
   agreementsValidation: boolean;
   phoneValidation: boolean;
   phoneNumber: string;

package/dist/types/models/IRecordingCallback.d.ts

@@ -0,0 +1,4 @@
+export interface RecordingCallback {
+  RecordingChunks: any[];
+  MimeType: string;
+}

package/dist/types/models/IVerificationMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum VerificationMode {
+  Full = 0,
+  Tilt = 1
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ekyc_qoobiss/qbs-ect-cmp",
-  "version": "3.6.7",
+  "version": "3.6.10",
   "description": "Person Identification Component",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",