@ekyc_qoobiss/qbs-ect-cmp 3.6.40 → 3.6.42

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

@@ -5,63 +5,58 @@ import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
-import { CaptureUploadTypes, SelfieFlowStatus } from '../../../models/CaptureFlow';
+import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 export class UserLiveness {
   constructor() {
     this.recordingResultCount = 0;
     this.recordingRetryCount = 0;
     this.showError = undefined;
-    this.captureStep = undefined;
     this.flow = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.Selfie);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+    this.howToDone = false;
   }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
   componentWillLoad() {
-    this.flow = {
-      front: {
-        photoDone: false,
-        recordingDone: false,
-        fileName: 'selfie.png',
-        recName: 'selfieVideo.',
-        photoType: CaptureUploadTypes.Selfie,
-        recType: CaptureUploadTypes.SelfieVideo,
-      },
-      back: null,
-      tilt: null,
-    };
-    if (store.hasSelfieGesture) {
-      this.flow.tilt = {
-        photoDone: true,
-        recordingDone: false,
-        fileName: '',
-        recName: 'selfieTiltVideo.',
-        photoType: CaptureUploadTypes.None,
-        recType: CaptureUploadTypes.SelfieGestureVideo,
+    if (store.flowStatus == FlowStatus.LIVENESS) {
+      this.currentStep = FlowSteps.Selfie;
+      this.flow = {
+        capture: {
+          fileName: 'selfie.png',
+          recName: 'selfieVideo.',
+          photoType: CaptureUploadTypes.Selfie,
+          recType: CaptureUploadTypes.SelfieVideo,
+        },
+        howToDone: false,
       };
     }
-    this.captureStep = SelfieFlowStatus.HowToSelfie;
+    else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
+      this.currentStep = FlowSteps.SelfieTilt;
+      this.flow = {
+        capture: {
+          fileName: '',
+          recName: 'selfieTiltVideo.',
+          photoType: CaptureUploadTypes.None,
+          recType: CaptureUploadTypes.SelfieGestureVideo,
+        },
+        howToDone: false,
+      };
+    }
+    this.baseComponent = new BaseComponent(this.currentStep);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
-  howToDone() {
-    this.captureStep = SelfieFlowStatus.Selfie;
+  howToDoneEvent() {
+    this.howToDone = true;
   }
   timeElapsed() {
     this.showError = true;
   }
   captureErrorDone() {
     this.showError = false;
-    if (this.captureStep == SelfieFlowStatus.Selfie) {
-      this.flow.front.photoDone = false;
-      this.flow.front.recordingDone = false;
-    }
-    if (this.captureStep == SelfieFlowStatus.Gesture) {
-      this.flow.tilt.photoDone = false;
-      this.flow.tilt.recordingDone = false;
-    }
   }
   async captureSelfieImage(event) {
+    if (store.flowStatus == FlowStatus.LIVENESSGESTURE)
+      return;
     let selfiePhoto = event.detail;
     if (selfiePhoto.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
@@ -69,8 +64,11 @@ export class UserLiveness {
       return;
     }
     try {
-      var uploadPhoto = new File([selfiePhoto], this.flow.front.fileName, { type: 'image/png' });
-      await this.uploadPhoto(uploadPhoto, this.flow.front.photoType);
+      var uploadPhoto = new File([selfiePhoto], this.flow.capture.fileName, { type: 'image/png' });
+      let photoUploaded = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, this.flow.capture.photoType, uploadPhoto);
+      if (!photoUploaded) {
+        this.triggerErrorFlow();
+      }
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
@@ -90,18 +88,11 @@ export class UserLiveness {
     }
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
-      if (this.captureStep == SelfieFlowStatus.Selfie) {
-        let uploadRec = new File([selfieRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
-        this.flow.front.recordingDone = await this.uploadRecording(uploadRec, this.flow.front.recType);
-      }
-      else if (this.captureStep == SelfieFlowStatus.Gesture) {
-        let uploadRec = new File([selfieRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
-        this.flow.tilt.recordingDone = await this.uploadRecording(uploadRec, this.flow.tilt.recType);
-      }
-      else {
+      let uploadRec = new File([selfieRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
+      let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, this.flow.capture.recType, uploadRec);
+      if (!uplodDone) {
         this.triggerErrorFlow();
       }
-      this.endFlow();
     }
     catch (e) {
       if (this.recordingRetryCount < 3) {
@@ -113,82 +104,25 @@ export class UserLiveness {
       }
     }
   }
-  async verificationFinished(_event) {
-    this.endFlow();
-  }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
-  async uploadPhoto(photoFile, photoType) {
-    if (this.flow.front.photoDone) {
-      return;
-    }
-    this.flow.front.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, photoType, photoFile);
-    if (this.flow.front.photoDone) {
-      this.endFlow();
-    }
-    else {
-      this.triggerErrorFlow();
-    }
-  }
-  async uploadRecording(uploadRec, recType) {
-    let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, recType, uploadRec);
-    if (uplodDone) {
-      return true;
-    }
-    else {
-      this.triggerErrorFlow();
-    }
-    return false;
-  }
   triggerErrorFlow() {
     this.showError = true;
   }
-  endFlow() {
-    if (this.captureStep == SelfieFlowStatus.Selfie) {
-      if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (store.hasSelfieGesture) {
-          this.captureStep = SelfieFlowStatus.Gesture;
-        }
-        else {
-          this.captureStep = SelfieFlowStatus.End;
-        }
-      }
-      else {
-        return;
-      }
-    }
-    if (this.captureStep == SelfieFlowStatus.Gesture) {
-      if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
-        this.captureStep = SelfieFlowStatus.End;
-      }
-      else {
-        return;
-      }
-    }
-    if (this.captureStep != SelfieFlowStatus.End) {
-      return;
-    }
-    store.flowStatus = FlowStatus.COMPLETE;
-  }
   render() {
-    let howTo = h("how-to-info", { idSide: "" });
-    let capture = h("selfie-capture", { id: "camera" });
-    let tilt = h("selfie-tilt", { id: "camera" });
+    let howTo = h("how-to-info", null);
+    let capture = h("selfie-capture", null);
     let error = h("capture-error", { type: "LIVENESS" });
     if (this.showError) {
       return error;
     }
-    if (this.captureStep == SelfieFlowStatus.HowToSelfie) {
-      return howTo;
-    }
-    if (this.captureStep == SelfieFlowStatus.Selfie) {
+    if (this.howToDone) {
       return capture;
     }
-    if (this.captureStep == SelfieFlowStatus.Gesture) {
-      return tilt;
+    else {
+      return howTo;
     }
-    return h("div", null);
   }
   static get is() { return "user-liveness"; }
   static get originalStyleUrls() {
@@ -204,8 +138,8 @@ export class UserLiveness {
   static get states() {
     return {
       "showError": {},
-      "captureStep": {},
-      "flow": {}
+      "flow": {},
+      "howToDone": {}
     };
   }
   static get events() {
@@ -229,7 +163,7 @@ export class UserLiveness {
   static get listeners() {
     return [{
         "name": "howToInfoDone",
-        "method": "howToDone",
+        "method": "howToDoneEvent",
         "target": undefined,
         "capture": false,
         "passive": false
@@ -257,12 +191,6 @@ export class UserLiveness {
         "target": undefined,
         "capture": false,
         "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
       }];
   }
 }

package/dist/collection/components/identification-component/identification-component.js

@@ -65,6 +65,7 @@ export class IdentificationComponent {
   constructor() {
     this.logInit = {};
     this.flowStatusToSet = FlowStatus.NONE;
+    this.initialised = false;
     this.token = undefined;
     this.order_id = undefined;
     this.api_url = undefined;
@@ -72,7 +73,6 @@ export class IdentificationComponent {
     this.redirect_id = undefined;
     this.phone_number = undefined;
     this.lang_iso = undefined;
-    this.idSide = '';
     this.errorMessage = undefined;
     this.errorTitle = undefined;
   }
@@ -107,33 +107,14 @@ export class IdentificationComponent {
     if (this.lang_iso && this.lang_iso != '') {
       store.langIso = this.lang_iso;
     }
-    var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
-    if (ini && ini.toLowerCase() == 'true') {
-      store.initialised = true;
-    }
-    var hasIdBk = sessionStorage.getItem(SessionKeys.HasIdBackKey);
-    if (hasIdBk && hasIdBk.toLowerCase() == 'true') {
-      store.hasIdBack = true;
-    }
-    var agrVal = sessionStorage.getItem(SessionKeys.AgreementValidationKey);
-    if (agrVal && agrVal.toLowerCase() == 'true') {
-      store.agreementsValidation = true;
-    }
-    var phoneVal = sessionStorage.getItem(SessionKeys.PhoneValidationKey);
-    if (phoneVal && phoneVal.toLowerCase() == 'true') {
-      store.phoneValidation = true;
-    }
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
+    if (savedRequest && savedRequest != '' && savedRequest != this.order_id && store.debug) {
+      console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
+    }
     if (this.order_id && this.order_id != '') {
       store.requestId = this.order_id;
       if (store.debug)
         console.log('Current RequestId has value: ' + this.order_id);
-      if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
-        if (store.debug)
-          console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
-        this.flowStatusToSet = FlowStatus.LANDING;
-        store.initialised = false;
-      }
     }
     else if (savedRequest) {
       if (store.debug)
@@ -155,17 +136,12 @@ export class IdentificationComponent {
     await this.initializeRequest();
     store.flowStatus = this.flowStatusToSet;
   }
-  componentWillRender() {
-    if (this.idSide == '') {
-      this.idSide = store.hasIdBack ? 'front' : '';
-    }
-  }
   async initializeRequest() {
-    if (store.initialised) {
+    if (this.initialised) {
       return;
     }
+    this.initialised = true;
     if (store.environment == 'DEMO') {
-      store.initialised = true;
       return;
     }
     if (store.device.browser == Browser.Mi) {
@@ -183,7 +159,7 @@ export class IdentificationComponent {
         this.redirect_id = store.redirectId;
       }
       if (store.token != '' && (store.requestId != '' || store.redirectId != '')) {
-        store.initialised = await this.baseComponent.apiCall.AddIdentificationRequest(store.device, packageJson.version);
+        await this.baseComponent.apiCall.AddIdentificationRequest(store.device, packageJson.version);
         if (!this.order_id || this.order_id == '') {
           this.order_id = store.requestId;
         }
@@ -199,19 +175,17 @@ export class IdentificationComponent {
   }
   render() {
     let currentBlock = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: loaderImg })))));
-    if (store.device.isMobile || store.environment == 'DEMO') {
-      if (store.flowStatus == FlowStatus.LANDING) {
-        currentBlock = h("landing-validation", null);
-      }
+    if (store.flowStatus == FlowStatus.LANDING) {
+      currentBlock = h("landing-validation", null);
     }
-    else if (store.flowStatus != FlowStatus.NONE) {
+    if (store.flowStatus == FlowStatus.MOBILE) {
       currentBlock = h("mobile-redirect", null);
     }
     if (store.flowStatus == FlowStatus.AGREEMENT) {
       currentBlock = h("agreement-info", null);
     }
     if (store.flowStatus == FlowStatus.PHONE) {
-      currentBlock = h("sms-code-validation", null);
+      currentBlock = h("sms-send", null);
     }
     if (store.flowStatus == FlowStatus.CODE) {
       currentBlock = h("sms-code-validation", null);
@@ -219,11 +193,11 @@ export class IdentificationComponent {
     if (store.flowStatus == FlowStatus.CODEERROR) {
       currentBlock = h("sms-code-validation", null);
     }
-    if (store.flowStatus == FlowStatus.ID) {
+    if (store.flowStatus in [FlowStatus.IDFRONT, FlowStatus.IDBACK, FlowStatus.IDTILT]) {
       currentBlock = h("process-id", null);
     }
-    if (store.flowStatus == FlowStatus.LIVENESS) {
-      currentBlock = h("user-liveness", { id: "camera" });
+    if (store.flowStatus in [FlowStatus.LIVENESS, FlowStatus.LIVENESSGESTURE]) {
+      currentBlock = h("user-liveness", null);
     }
     if (store.flowStatus == FlowStatus.COMPLETE) {
       currentBlock = h("end-redirect", null);
@@ -373,7 +347,6 @@ export class IdentificationComponent {
   }
   static get states() {
     return {
-      "idSide": {},
       "errorMessage": {},
       "errorTitle": {}
     };

package/dist/collection/helpers/ApiCall.js

@@ -134,12 +134,12 @@ export class ApiCall {
   async SendOTPCode(requestId, phoneNumber) {
     let data = { requestId: requestId, phone: phoneNumber };
     let jsonResp = await this.post(this.urls.OtpSend, JSON.stringify(data));
-    return jsonResp.sent;
+    return jsonResp;
   }
   async CheckOTPCode(requestId, otpCode) {
     let data = { requestId: requestId, otp: otpCode };
     let jsonResp = await this.post(this.urls.OtpCheck, JSON.stringify(data));
-    return jsonResp.valid;
+    return jsonResp;
   }
   async AddIdentificationRequest(deviceInfo, version) {
     if (store.debug)
@@ -155,12 +155,8 @@ export class ApiCall {
     if (store.requestId == '') {
       store.requestId = jsonResp.requestId;
     }
-    store.hasIdBack = jsonResp.hasIdBack;
-    store.hasIdTilt = jsonResp.hasIdTilt;
-    store.hasSelfieGesture = jsonResp.hasSelfieGesture;
-    store.agreementsValidation = jsonResp.agreementsValidation;
-    store.phoneValidation = jsonResp.phoneValidation;
     store.phoneNumber = jsonResp.phoneNumber;
+    store.flowStatus = FlowStatus[jsonResp.status];
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -170,13 +166,8 @@ export class ApiCall {
       data: await this.toBase64(file),
     };
     let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
-    if (!store.hasIdBack && type == 'IdFront') {
-      return respJson.isValid;
-    }
-    if (store.hasIdBack && type == 'IdBack') {
-      return respJson.isValid;
-    }
-    if (type == 'Selfie') {
+    store.flowStatus = FlowStatus[respJson.state];
+    if (type in ['IdFront', 'IdBack', 'Selfie']) {
       return respJson.isValid;
     }
     return true;
@@ -218,10 +209,18 @@ export class ApiCall {
   }
   async AbortRequest() {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.requestId }));
-    return result.saved;
+    return result;
   }
   async GetTranslations(langIso) {
     let result = await this.get(this.urls.Translations + '?langIso=' + langIso);
     return result;
   }
+  async LandingValidationStartFlow(cameraIsAccessible) {
+    let result = await this.post(this.urls.StartFlow, JSON.stringify({ requesId: store.requestId, cameraIsAccessible: cameraIsAccessible }));
+    return FlowStatus[result.state];
+  }
+  async GetNextFlowState() {
+    let result = await this.get(this.urls.StartFlow + '?requesId=' + store.requestId);
+    return FlowStatus[result.state];
+  }
 }

package/dist/collection/helpers/ML5.js

@@ -14,7 +14,7 @@ export class ML5 {
   }
   async init() {
     return new Promise(async (resolve) => {
-      const modelPath = store.hasIdBack ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
+      const modelPath = store.apiBaseUrl.includes("apimd") ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
       this.classifier = await ml5.imageClassifier(modelPath, this.loaded);
       this.faceapi = await ml5.faceApi({ withLandmarks: true, withDescriptors: false }, this.loaded);
       //warmup

package/dist/collection/helpers/store.js

@@ -7,15 +7,9 @@ const { state, onChange } = createStore({
   debug: false,
   requestId: '',
   redirectId: '',
-  initialised: false,
   token: '',
   cameraIds: [],
   cameraId: '',
-  hasIdBack: false,
-  hasSelfieGesture: false,
-  hasIdTilt: false,
-  agreementsValidation: true,
-  phoneValidation: true,
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
   device: null,
@@ -33,16 +27,4 @@ onChange('token', value => {
 onChange('requestId', value => {
   sessionStorage.setItem(SessionKeys.RequestIdKey, value);
 });
-onChange('initialised', value => {
-  sessionStorage.setItem(SessionKeys.InitialisedKey, String(value));
-});
-onChange('hasIdBack', value => {
-  sessionStorage.setItem(SessionKeys.HasIdBackKey, String(value));
-});
-onChange('agreementsValidation', value => {
-  sessionStorage.setItem(SessionKeys.AgreementValidationKey, String(value));
-});
-onChange('phoneValidation', value => {
-  sessionStorage.setItem(SessionKeys.PhoneValidationKey, String(value));
-});
 export default state;

package/dist/collection/helpers/textValues.js

@@ -45,5 +45,7 @@ export class ApiUrls {
     this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
     this.Translations = this.uriEnv + 'validation/translations/get';
+    this.StartFlow = this.uriEnv + 'flowstate/startflow';
+    this.NextFlowState = this.uriEnv + 'flowstate/getnextstate';
   }
 }

package/dist/collection/models/CaptureFlow.js

@@ -10,19 +10,3 @@ export var CaptureUploadTypes;
   CaptureUploadTypes["TiltVideo"] = "TiltVideo";
   CaptureUploadTypes["None"] = "None";
 })(CaptureUploadTypes || (CaptureUploadTypes = {}));
-export var IdCaptureFlowStatus;
-(function (IdCaptureFlowStatus) {
-  IdCaptureFlowStatus[IdCaptureFlowStatus["HowToFront"] = 0] = "HowToFront";
-  IdCaptureFlowStatus[IdCaptureFlowStatus["IdFront"] = 1] = "IdFront";
-  IdCaptureFlowStatus[IdCaptureFlowStatus["HowToBack"] = 2] = "HowToBack";
-  IdCaptureFlowStatus[IdCaptureFlowStatus["IdBack"] = 3] = "IdBack";
-  IdCaptureFlowStatus[IdCaptureFlowStatus["Tilt"] = 4] = "Tilt";
-  IdCaptureFlowStatus[IdCaptureFlowStatus["End"] = 5] = "End";
-})(IdCaptureFlowStatus || (IdCaptureFlowStatus = {}));
-export var SelfieFlowStatus;
-(function (SelfieFlowStatus) {
-  SelfieFlowStatus[SelfieFlowStatus["HowToSelfie"] = 0] = "HowToSelfie";
-  SelfieFlowStatus[SelfieFlowStatus["Selfie"] = 1] = "Selfie";
-  SelfieFlowStatus[SelfieFlowStatus["Gesture"] = 2] = "Gesture";
-  SelfieFlowStatus[SelfieFlowStatus["End"] = 3] = "End";
-})(SelfieFlowStatus || (SelfieFlowStatus = {}));

package/dist/collection/models/FlowStatus.js

@@ -1,14 +1,20 @@
 export var FlowStatus;
 (function (FlowStatus) {
   FlowStatus[FlowStatus["LANDING"] = 0] = "LANDING";
-  FlowStatus[FlowStatus["AGREEMENT"] = 1] = "AGREEMENT";
-  FlowStatus[FlowStatus["PHONE"] = 2] = "PHONE";
-  FlowStatus[FlowStatus["CODE"] = 3] = "CODE";
-  FlowStatus[FlowStatus["CODEERROR"] = 4] = "CODEERROR";
-  FlowStatus[FlowStatus["ID"] = 5] = "ID";
-  FlowStatus[FlowStatus["LIVENESS"] = 6] = "LIVENESS";
-  FlowStatus[FlowStatus["COMPLETE"] = 7] = "COMPLETE";
-  FlowStatus[FlowStatus["ERROREND"] = 8] = "ERROREND";
-  FlowStatus[FlowStatus["CAMERAERROR"] = 9] = "CAMERAERROR";
-  FlowStatus[FlowStatus["NONE"] = 10] = "NONE";
+  FlowStatus[FlowStatus["MOBILE"] = 1] = "MOBILE";
+  FlowStatus[FlowStatus["AGREEMENT"] = 2] = "AGREEMENT";
+  FlowStatus[FlowStatus["PHONE"] = 3] = "PHONE";
+  FlowStatus[FlowStatus["CODE"] = 4] = "CODE";
+  FlowStatus[FlowStatus["CODEERROR"] = 5] = "CODEERROR";
+  FlowStatus[FlowStatus["IDFRONT"] = 6] = "IDFRONT";
+  FlowStatus[FlowStatus["IDBACK"] = 7] = "IDBACK";
+  FlowStatus[FlowStatus["IDTILT"] = 8] = "IDTILT";
+  FlowStatus[FlowStatus["LIVENESS"] = 9] = "LIVENESS";
+  FlowStatus[FlowStatus["LIVENESSGESTURE"] = 10] = "LIVENESSGESTURE";
+  FlowStatus[FlowStatus["COMPLETE"] = 11] = "COMPLETE";
+  FlowStatus[FlowStatus["ERROREND"] = 12] = "ERROREND";
+  FlowStatus[FlowStatus["CAMERAERROR"] = 13] = "CAMERAERROR";
+  FlowStatus[FlowStatus["ABORTED"] = 14] = "ABORTED";
+  FlowStatus[FlowStatus["NONE"] = 15] = "NONE";
 })(FlowStatus || (FlowStatus = {}));
+;