@ekyc_qoobiss/qbs-ect-cmp 3.6.40 → 3.6.42

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_19.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[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],"captureStep":[32],"flow":[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,"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,"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,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-tilt",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"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([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[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],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"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);
   });
 };
 

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

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_19.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[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],"captureStep":[32],"flow":[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,"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,"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,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-tilt",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"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([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"showError":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[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],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"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);
 });
 
 exports.setNonce = index.setNonce;

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

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

package/dist/collection/collection-manifest.json

@@ -4,12 +4,9 @@
     "./components/common/camera-error/camera-error.js",
     "./components/common/capture-error/capture-error.js",
     "./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/random-actions/random-actions.js",
     "./components/common/selfie-capture/selfie-capture.js",
-    "./components/common/selfie-tilt/selfie-tilt.js",
     "./components/controls/camera/camera.js",
     "./components/controls/loader-dots/loader-dots.js",
     "./components/flow/agreement-info/agreement-info.js",
@@ -19,6 +16,7 @@
     "./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/sms-send/sms-send.js",
     "./components/flow/user-liveness/user-liveness.js",
     "./components/identification-component/identification-component.js"
   ],

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

@@ -5,7 +5,7 @@ import { BaseComponent } from '../../base-component';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { Translations } from '../../../helpers/TranslationUtils';
 export class HowToInfo {
-  constructor() { this.idSide = undefined; this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
+  constructor() { this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
   async componentDidLoad() {
     await this.baseComponent.initialize();
   }
@@ -20,18 +20,16 @@ export class HowToInfo {
     this.translations = await Translations.getValues();
     this.subTitle = '';
     this.buttonEnabled = true;
-    if (store.flowStatus == FlowStatus.ID) {
-      this.topTitle = this.translations.HowToValues.IdTitile;
-      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
-      this.buttonText = this.translations.HowToValues.IdButton;
-      if (this.idSide == 'front') {
-        this.baseComponent = new BaseComponent(FlowSteps.CiFrontHowTo);
-        this.subTitle = this.translations.HowToValues.IdSubTitileFace;
-      }
-      if (this.idSide == 'back') {
-        this.baseComponent = new BaseComponent(FlowSteps.CiBackHowTo);
-        this.subTitle = this.translations.HowToValues.IdSubTitileBack;
-      }
+    this.topTitle = this.translations.HowToValues.IdTitile;
+    this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
+    this.buttonText = this.translations.HowToValues.IdButton;
+    if (store.flowStatus == FlowStatus.IDFRONT) {
+      this.baseComponent = new BaseComponent(FlowSteps.CiFrontHowTo);
+      this.subTitle = this.translations.HowToValues.IdSubTitileFace;
+    }
+    else if (store.flowStatus == FlowStatus.IDBACK) {
+      this.baseComponent = new BaseComponent(FlowSteps.CiBackHowTo);
+      this.subTitle = this.translations.HowToValues.IdSubTitileBack;
     }
     if (store.flowStatus == FlowStatus.LIVENESS) {
       this.baseComponent = new BaseComponent(FlowSteps.SelfieHowTo);
@@ -57,27 +55,6 @@ export class HowToInfo {
       "$": ["how-to-info.css"]
     };
   }
-  static get properties() {
-    return {
-      "idSide": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "id-side",
-        "reflect": false
-      }
-    };
-  }
   static get states() {
     return {
       "topTitle": {},

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

@@ -11,12 +11,12 @@ import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
 import { VerificationMode } from '../../../models/IVerificationMode';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { FlowStatus } from '../../../models/FlowStatus';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdCapture {
   // @State() private animationPath: string;
   constructor() {
-    this.photoIsReady = photos => {
-      //this.closeCamera();
+    this.photoIsReady = (photos) => {
       this.eventPhotoCapture.emit(photos);
     };
     this.videoStarted = undefined;
@@ -30,7 +30,6 @@ export class IdCapture {
     this.verified = false;
     this.cameras = new Cameras();
     this.showDemo = true;
-    this.baseComponent = new BaseComponent(FlowSteps.CiFrontCapture);
   }
   eventVideoStarted(event) {
     this.videoStarted = true;
@@ -38,15 +37,41 @@ export class IdCapture {
   }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
-    this.titleMesage = this.translations.IdCaptureValues.Title;
-    //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
+    this.baseComponent = new BaseComponent(this.flowStep);
+  }
+  initVariables() {
+    if (store.flowStatus == FlowStatus.IDFRONT) {
+      this.pose = IDPose.Straight;
+      this.flowStep = FlowSteps.CiFrontCapture;
+      this.titleMesage = this.translations.IdCaptureValues.Title;
+      this.verificationMode = VerificationMode.Full;
+    }
+    else if (store.flowStatus == FlowStatus.IDBACK) {
+      this.pose = IDPose.BackStraight;
+      this.flowStep = FlowSteps.CiBackCapture;
+      this.titleMesage = this.translations.IdCaptureValues.TtileRotate;
+      this.verificationMode = VerificationMode.Full;
+    }
+    else if (store.flowStatus == FlowStatus.IDTILT) {
+      this.titleMesage = this.translations.IdCaptureValues.IDPoseMapping;
+      this.pose = IDPose.Tilted;
+      this.flowStep = FlowSteps.CiTilt;
+      this.verificationMode = VerificationMode.Tilt;
+    }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
+    await this.baseComponent.logStep(this.flowStep, FlowMoments.Initialized);
+    this.initVariables();
+    if (store.flowStatus == FlowStatus.IDBACK) {
+      this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+      this.titleMesage = this.translations.IdCaptureValues.TitleBack;
+    }
+    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[this.pose];
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
     this.showDemo = false;
@@ -58,7 +83,7 @@ export class IdCapture {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
-        const superStream = Stream.getNewInstance(VerificationMode.Full);
+        const superStream = Stream.getNewInstance(this.verificationMode);
         superStream.initStream(stream);
       })
         .catch(e => {
@@ -89,7 +114,7 @@ export class IdCapture {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Finalized);
+    await this.baseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -97,15 +122,11 @@ export class IdCapture {
     this.verified = true;
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
-    this.showDemo = true;
-    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = false;
-    while (loops < 7) {
-      loops++;
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-    }
+    this.demoVideo.loop = true;
+    this.showDemo = true;
+    this.demoVideo.play();
+    await delay(10000);
     this.eventTimeElapsed.emit();
   }
   render() {
@@ -121,9 +142,8 @@ export class IdCapture {
       cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
     }
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
-    //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "id" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText)))));
+    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.showDemo }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { "capture-mode": "id" })))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText)))));
   }
   static get is() { return "id-capture"; }
   static get originalStyleUrls() {

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

@@ -10,28 +10,21 @@ import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
 import { VerificationMode } from '../../../models/IVerificationMode';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { FlowStatus } from '../../../models/FlowStatus';
 export class SelfieCapture {
-  // @State() private animationPath: string;
   constructor() {
-    this.photoIsReady = photos => {
-      //this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
     this.videoStarted = undefined;
     this.captureTaken = undefined;
     this.verified = undefined;
     this.titleMesage = undefined;
     this.demoEnded = undefined;
     this.demoVideo = undefined;
-    this.uploadingLink = undefined;
     this.captureHeight = undefined;
     this.captureWidth = undefined;
     this.captureTaken = false;
     this.verified = false;
     this.cameras = new Cameras();
     this.demoEnded = false;
-    this.uploadingLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
-    this.baseComponent = new BaseComponent(FlowSteps.SelfieCapture);
   }
   eventVideoStarted(event) {
     this.videoStarted = true;
@@ -49,8 +42,20 @@ export class SelfieCapture {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
-    this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
+    if (store.flowStatus == FlowStatus.LIVENESS) {
+      this.verificationMode = VerificationMode.Full;
+      this.currentStep = FlowSteps.SelfieCapture;
+      this.mainStream = Stream.getNewInstance(this.verificationMode);
+      this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
+    }
+    else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
+      this.verificationMode = VerificationMode.Tilt;
+      this.currentStep = FlowSteps.SelfieTilt;
+      this.mainStream = Stream.getNewInstance(this.verificationMode);
+      this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
+    }
+    this.baseComponent = new BaseComponent(this.currentStep);
+    await this.baseComponent.logStep(this.currentStep, FlowMoments.Initialized);
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
     this.demoEnded = true;
@@ -62,8 +67,7 @@ export class SelfieCapture {
       navigator.mediaDevices
         .getUserMedia(constraints)
         .then(stream => {
-        const superStream = Stream.getNewInstance(VerificationMode.Full);
-        superStream.initStream(stream);
+        this.mainStream.initStream(stream);
       })
         .catch(e => {
         this.closeCamera();
@@ -72,8 +76,8 @@ export class SelfieCapture {
     }, 100);
   }
   closeCamera() {
-    if (Stream.instance) {
-      Stream.instance.dropStream();
+    if (this.mainStream) {
+      this.mainStream.dropStream();
     }
   }
   disconnectedCallback() {
@@ -85,14 +89,14 @@ export class SelfieCapture {
     if (this.captureTaken)
       return;
     this.captureTaken = true;
-    if (Stream.instance) {
-      let res = await Stream.instance.takePhoto();
-      this.photoIsReady(res);
+    if (this.mainStream) {
+      let res = await this.mainStream.takePhoto();
+      this.eventPhotoCapture.emit(res);
     }
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Finalized);
+    await this.baseComponent.logStep(this.currentStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -101,14 +105,10 @@ export class SelfieCapture {
     this.titleMesage = this.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
-    var loops = 0;
-    this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = false;
-    while (loops < 7) {
-      loops++;
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-    }
+    this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
+    this.demoVideo.loop = true;
+    this.demoVideo.play();
+    await delay(10000);
     this.eventTimeElapsed.emit();
   }
   render() {
@@ -147,7 +147,6 @@ export class SelfieCapture {
       "titleMesage": {},
       "demoEnded": {},
       "demoVideo": {},
-      "uploadingLink": {},
       "captureHeight": {},
       "captureWidth": {}
     };

package/dist/collection/components/controls/camera/camera.js

@@ -1,7 +1,6 @@
 import { Stream } from '../../../helpers/Stream';
 import { h } from '@stencil/core';
 import store from '../../../helpers/store';
-import { VerificationMode } from '../../../models/IVerificationMode';
 // import { PipelineResult } from '../../../libs/FaceDetector/PipelineResult';
 export class Camera {
   constructor() {
@@ -47,8 +46,7 @@ export class Camera {
     return (h("div", { class: "camera" }, h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
-    var captureMode = this.captureMode == 'tilt' ? VerificationMode.Tilt : VerificationMode.Full;
-    const stream = Stream.getNewInstance(captureMode);
+    const stream = Stream.instance;
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
     if (this.captureMode == 'selfie') {
       stream.setFaceDetection(true);

package/dist/collection/components/flow/agreement-info/agreement-info.js

@@ -1,6 +1,5 @@
 import { h } from '@stencil/core';
 import store from '../../../helpers/store';
-import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
@@ -28,11 +27,11 @@ export class AgreementInfo {
   }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
-      if (store.phoneValidation) {
-        store.flowStatus = FlowStatus.PHONE;
+      try {
+        store.flowStatus = await this.baseComponent.apiCall.GetNextFlowState();
       }
-      else {
-        store.flowStatus = FlowStatus.ID;
+      catch (e) {
+        this.apiErrorEvent.emit(e);
       }
     }
   }

package/dist/collection/components/flow/landing-validation/landing-validation.js

@@ -37,33 +37,25 @@ export class LandingValidation {
     }
   }
   async initRequest() {
-    if (store.hasIdBack) {
-      this.warningText = this.translations.LandingValues.WarningMd;
-    }
-    else {
-      this.warningText = this.translations.LandingValues.Warning;
-    }
+    this.warningText = this.translations.LandingValues.Warning;
   }
   async startFlow() {
-    if (store.initialised) {
+    if (!this.buttonDisabled) {
       this.buttonDisabled = true;
       if (store.environment === 'DEMO') {
         store.flowStatus = FlowStatus.COMPLETE;
         return;
       }
-      if (!(await Cameras.InitCameras(store.device))) {
+      var cameraIsAccessible = await Cameras.InitCameras(store.device);
+      if (!cameraIsAccessible) {
         if (store.device.mobileOS == MobileOS.iOS)
           sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
-        store.flowStatus = FlowStatus.CAMERAERROR;
-      }
-      else if (store.agreementsValidation) {
-        store.flowStatus = FlowStatus.AGREEMENT;
       }
-      else if (store.phoneValidation) {
-        store.flowStatus = FlowStatus.PHONE;
+      try {
+        store.flowStatus = await this.baseComponent.apiCall.LandingValidationStartFlow(cameraIsAccessible);
       }
-      else {
-        store.flowStatus = FlowStatus.ID;
+      catch (e) {
+        this.apiErrorEvent.emit(e);
       }
     }
   }
@@ -73,9 +65,9 @@ export class LandingValidation {
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
-    store.initialised = false;
     try {
-      await this.baseComponent.apiCall.AbortRequest();
+      let abortResult = await this.baseComponent.apiCall.AbortRequest();
+      store.flowStatus = FlowStatus[abortResult.state];
       Events.flowAborted();
     }
     catch (e) {
@@ -84,7 +76,7 @@ export class LandingValidation {
     }
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, this.translations.LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, this.translations.LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, this.translations.LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, this.translations.LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, this.translations.LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !store.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, this.translations.LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, this.translations.LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, this.translations.LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, this.translations.LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, this.translations.LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, this.translations.LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, this.translations.LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.startFlow() }, this.translations.LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, this.translations.LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "landing-validation"; }
   static get originalStyleUrls() {

package/dist/collection/components/flow/mobile-redirect/mobile-redirect.js

@@ -30,7 +30,7 @@ export class MobileRedirect {
     this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
     this.infoTextBottom = this.translations.MobileRedirectValues.InfoBottom;
     let envUri = store.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    let baseUri = store.apiBaseUrl.includes("apimd") ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
     this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.redirectId;
     if (store.phoneNumber && store.phoneNumber != '') {
       this.contact = store.phoneNumber;