@ekyc_qoobiss/qbs-ect-cmp 1.12.2 → 1.12.3

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_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"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",{"device":[16],"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",{"device":[16],"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,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"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",{"device":[16],"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]}],[0,"id-capture",{"device":[16],"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]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"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",{"device":[16],"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",{"device":[16],"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,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"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",{"device":[16],"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]}],[0,"id-capture",{"device":[16],"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]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"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"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"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",{"device":[16],"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",{"device":[16],"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,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"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",{"device":[16],"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]}],[0,"id-capture",{"device":[16],"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]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"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",{"device":[16],"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",{"device":[16],"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,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"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",{"device":[16],"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]}],[0,"id-capture",{"device":[16],"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]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -14,6 +14,7 @@
     "./components/flow/id-double-side/id-double-side.js",
     "./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/sms-code-validation/sms-code-validation.js",
     "./components/flow/user-liveness/user-liveness.js",
     "./components/identification-component/identification-component.js"

package/dist/collection/components/flow/id-double-side/id-double-side.js

@@ -1,6 +1,7 @@
 import { h /*getAssetPath*/ } from '@stencil/core';
 import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
+import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdDoubleSide {
@@ -77,10 +78,13 @@ export class IdDoubleSide {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
-    let mimeType = idRecording.type.split(';')[0];
-    let extension = mimeType.split('/')[1];
+    if (idRecording.length == 0 || idRecording.size == 0) {
+      await this.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording });
+      return;
+    }
+    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
-      this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + extension, { type: mimeType });
+      this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + mimeType.extension, { type: mimeType.type });
       this.uploadRecording();
     }
     catch (e) {

package/dist/collection/components/flow/id-single-side/id-single-side.js

@@ -1,6 +1,7 @@
 import { h /*getAssetPath*/ } from '@stencil/core';
 import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
+import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdSingleSide {
@@ -46,11 +47,14 @@ export class IdSingleSide {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
-    let mimeType = idRecording.type.split(';')[0];
-    let extension = mimeType.split('/')[1];
+    if (idRecording.length == 0 || idRecording.size == 0) {
+      await this.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording });
+      return;
+    }
+    let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     if (store.flowStatus == FlowStatus.ID) {
       try {
-        this.idFlow.recordingFile = new File([idRecording], 'idVideo.' + extension, { type: mimeType });
+        this.idFlow.recordingFile = new File([idRecording], 'idVideo.' + mimeType.extension, { type: mimeType.type });
         await this.uploadRecording();
       }
       catch (e) {

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

@@ -0,0 +1,10 @@
+.qr-canvas {
+  max-height: 60vh;
+  max-width: 80vw;
+  text-align: center;
+}
+
+.qr-canvas > canvas {
+  width: 100%;
+  height: 100%;
+}

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

@@ -0,0 +1,123 @@
+import { h } from '@stencil/core';
+import { MobileRedirectValues } from '../../../helpers/textValues';
+import QRCode from 'qrcode';
+import store from '../../../helpers/store';
+import { ApiCall } from '../../../helpers/ApiCall';
+import { OrderStatuses } from '../../../models/OrderStatuses';
+import { FlowStatus } from '../../../models/FlowStatus';
+export class MobileRedirect {
+  constructor() {
+    this.delay = ms => new Promise(res => setTimeout(res, ms));
+    this.infoTextTop = undefined;
+    this.infoTextBottom = undefined;
+    this.contact = undefined;
+    this.invalidValue = undefined;
+    this.waitingMobile = undefined;
+    this.orderStatus = undefined;
+    this.redirectLink = undefined;
+    this.qrCode = undefined;
+    this.apiCall = new ApiCall();
+    this.invalidValue = false;
+    this.waitingMobile = false;
+  }
+  async componentWillLoad() {
+    this.infoTextTop = MobileRedirectValues.InfoTop;
+    this.infoTextBottom = MobileRedirectValues.InfoBottom;
+    let envUri = store.environment == 'PROD' ? 'ect' : 'test';
+    let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    this.redirectLink = baseUri + envUri + '?redirectId=' + store.redirectId;
+    var self = this;
+    QRCode.toDataURL(this.redirectLink, { type: 'image/png', errorCorrectionLevel: 'M', scale: 6 }, function (error, url) {
+      if (error)
+        console.error(error);
+      self.qrCode = url;
+    });
+  }
+  componentWillRender() { }
+  async componentDidLoad() {
+    await this.delay(5000);
+    await this.checkStatus();
+    while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
+      await this.checkStatus();
+      await this.delay(5000);
+    }
+  }
+  async checkStatus() {
+    this.orderStatus = await this.apiCall.GetStatus(store.requestId);
+    if (this.orderStatus == OrderStatuses.FinishedCapturing) {
+      this.waitingMobile = false;
+      store.flowStatus = FlowStatus.COMPLETE;
+    }
+    if (this.orderStatus == OrderStatuses.NotFound) {
+      this.apiErrorEvent.emit('No order was started for this process.');
+    }
+    if (this.orderStatus == OrderStatuses.Capturing) {
+      this.infoTextTop = MobileRedirectValues.InfoWaiting;
+      this.waitingMobile = true;
+    }
+  }
+  async buttonClick() {
+    if (this.contact == '' || this.contact.length != 10) {
+      this.invalidValue == true;
+      return;
+    }
+    this.waitingMobile = true;
+    this.infoTextTop = MobileRedirectValues.InfoWaiting;
+    await this.apiCall.SendLink(this.redirectLink, this.contact);
+  }
+  handleChangeContact(ev) {
+    let value = ev.target ? ev.target.value : '';
+    this.contact = value.replace(/\D/g, '');
+    if (this.contact.length > 10) {
+      this.contact = this.contact.substring(0, 10);
+    }
+    else if (this.contact.length == 10) {
+      this.invalidValue = false;
+    }
+    ev.target.value = this.contact;
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { hidden: this.waitingMobile }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop)), h("div", { class: "qr-canvas align-center" }, h("img", { src: this.qrCode })), h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextBottom)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, h("b", null, MobileRedirectValues.Validation)), h("input", { type: "text", id: "codeInput", class: "main-input", value: this.contact, onInput: ev => this.handleChangeContact(ev) })), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), h("p", { class: "main-text font-size-18 text-right mb-0" }, MobileRedirectValues.FooterText)))), h("div", { hidden: this.waitingMobile == false }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop))))));
+  }
+  static get is() { return "mobile-redirect"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mobile-redirect.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mobile-redirect.css"]
+    };
+  }
+  static get states() {
+    return {
+      "infoTextTop": {},
+      "infoTextBottom": {},
+      "contact": {},
+      "invalidValue": {},
+      "waitingMobile": {},
+      "orderStatus": {},
+      "redirectLink": {},
+      "qrCode": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}

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

@@ -1,6 +1,7 @@
 import { h } from '@stencil/core';
 import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
+import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 export class UserLiveness {
   constructor() {
@@ -40,10 +41,13 @@ export class UserLiveness {
   }
   async capturedSelfieRecording(event) {
     let selfieRecording = event.detail;
-    let mimeType = selfieRecording.type.split(';')[0];
-    let extension = mimeType.split('/')[1];
+    if (selfieRecording.length == 0 || selfieRecording.size == 0) {
+      await this.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording });
+      return;
+    }
+    let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
-      this.selfieFlow.recordingFile = new File([selfieRecording], 'selfieVideo.' + extension, { type: mimeType });
+      this.selfieFlow.recordingFile = new File([selfieRecording], 'selfieVideo.' + mimeType.extension, { type: mimeType.type });
       await this.uploadRecording();
     }
     catch (e) {

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

@@ -6,6 +6,7 @@ import store from '../../helpers/store';
 import { ML5 } from '../../helpers/ML5';
 import { FlowStatus } from '../../models/FlowStatus';
 import Events from '../../helpers/Events';
+import * as uuid from 'uuid';
 export class IdentificationComponent {
   async onTokenChange(newValue, _oldValue) {
     if (newValue == '') {
@@ -48,6 +49,16 @@ export class IdentificationComponent {
       store.environment = newValue;
     }
   }
+  async onRedirectIdChange(newValue, _oldValue) {
+    if (store.redirectId != '') {
+      newValue = store.redirectId;
+      return;
+    }
+    if (store.redirectId !== newValue) {
+      store.redirectId = newValue;
+    }
+    await this.initializeRequest();
+  }
   agreementAcceptanceEmitted(data) {
     try {
       this.apiCall.GenerateAgreement(data.detail.agreementType);
@@ -56,19 +67,23 @@ export class IdentificationComponent {
       this.apiErrorEmitter(e);
     }
   }
-  apiErrorEmitter(data) {
-    if (data.message) {
-      this.errorMessage = data.message;
-    }
-    else if (data.detail && data.detail.message) {
-      this.errorMessage = data.detail.message;
+  async apiErrorEmitter(data) {
+    let apiLogData = { message: '', stack: '' };
+    if (data.detail) {
+      if (data.detail.message) {
+        this.errorMessage = data.detail.message;
+      }
+      apiLogData.message = data.detail.message;
+      apiLogData.stack = data.detail.stack;
     }
-    else if (data.detail && data.detail.stack) {
-      this.errorMessage = data.detail.stack;
+    else if (data.message) {
+      this.errorMessage = data.message;
+      apiLogData.message = data.message;
     }
     else {
       this.errorMessage = data;
     }
+    await this.apiCall.AddLog(apiLogData);
     Events.flowError(data);
     store.flowStatus = FlowStatus.ERROREND;
   }
@@ -77,6 +92,7 @@ export class IdentificationComponent {
     this.order_id = undefined;
     this.api_url = undefined;
     this.env = undefined;
+    this.redirect_id = undefined;
     this.idSide = '';
     this.errorMessage = undefined;
     ML5.getInstance();
@@ -91,6 +107,9 @@ export class IdentificationComponent {
       store.requestId = this.order_id;
       sessionStorage.setItem(SessionKeys.RequestIdKey, store.requestId);
     }
+    if (this.redirect_id) {
+      store.redirectId = this.redirect_id;
+    }
     store.apiBaseUrl = this.api_url;
     store.environment = this.env;
     this.apiCall = new ApiCall();
@@ -111,8 +130,15 @@ export class IdentificationComponent {
       return;
     }
     try {
-      if (store.token != '' && store.requestId != '') {
-        store.initialised = await this.apiCall.AddIdentificationRequest(store.requestId, JSON.stringify(this.device));
+      if (!this.device.isMobile && store.redirectId == '') {
+        store.redirectId = uuid.v4();
+        this.redirect_id = store.redirectId;
+      }
+      if (store.token != '' && (store.requestId != '' || store.redirectId != '')) {
+        store.initialised = await this.apiCall.AddIdentificationRequest(this.device);
+        if (!this.order_id || this.order_id == '') {
+          this.order_id = store.requestId;
+        }
       }
     }
     catch (e) {
@@ -121,8 +147,13 @@ export class IdentificationComponent {
   }
   render() {
     let currentBlock = h("div", null);
-    if (store.flowStatus == FlowStatus.LANDING) {
-      currentBlock = h("landing-validation", { device: this.device });
+    if (this.device.isMobile) {
+      if (store.flowStatus == FlowStatus.LANDING) {
+        currentBlock = h("landing-validation", { device: this.device });
+      }
+    }
+    else {
+      currentBlock = h("mobile-redirect", null);
     }
     if (store.flowStatus == FlowStatus.AGREEMENT) {
       currentBlock = h("agreement-info", null);
@@ -234,6 +265,23 @@ export class IdentificationComponent {
         },
         "attribute": "env",
         "reflect": true
+      },
+      "redirect_id": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "redirect_id",
+        "reflect": true
       }
     };
   }
@@ -256,6 +304,9 @@ export class IdentificationComponent {
       }, {
         "propName": "env",
         "methodName": "onEnvChange"
+      }, {
+        "propName": "redirect_id",
+        "methodName": "onRedirectIdChange"
       }];
   }
   static get listeners() {

package/dist/collection/helpers/ApiCall.js

@@ -1,5 +1,7 @@
+import { OrderStatuses } from '../models/OrderStatuses';
 import store from './store';
-import { ApiUrls } from './textValues';
+import { ApiUrls, SessionKeys } from './textValues';
+import { FlowStatus } from '../models/FlowStatus';
 export class ApiCall {
   constructor() {
     this.toBase64 = (file) => new Promise((resolve, reject) => {
@@ -52,9 +54,17 @@ export class ApiCall {
     let jsonResp = await this.post(this.urls.OtpCheck, JSON.stringify(data));
     return jsonResp.valid;
   }
-  async AddIdentificationRequest(requestId, deviceInfo) {
-    let data = { requestId: requestId, clientDeviceInfo: deviceInfo };
+  async AddIdentificationRequest(deviceInfo) {
+    let data = {
+      requestId: store.requestId,
+      clientDeviceInfo: JSON.stringify(deviceInfo),
+      redirectId: store.redirectId,
+    };
     let jsonResp = await this.post(this.urls.IdentityInsert, JSON.stringify(data));
+    if (store.requestId == '') {
+      store.requestId = jsonResp.requestId;
+      sessionStorage.setItem(SessionKeys.RequestIdKey, jsonResp.requestId);
+    }
     store.hasIdBack = jsonResp.hasIdBack;
     store.agreementsValidation = jsonResp.agreementsValidation;
     store.phoneValidation = jsonResp.phoneValidation;
@@ -84,4 +94,21 @@ export class ApiCall {
     let resp = await this.post(this.urls.GenerateAgreement, JSON.stringify(data));
     return resp.generation;
   }
+  async GetStatus(requestId) {
+    let resp = await this.get(this.urls.GetStatus + '?orderId=' + requestId);
+    return OrderStatuses[resp.status];
+  }
+  async SendLink(link, phoneNumber) {
+    let data = { link: link, phoneNumber: phoneNumber };
+    let resp = await this.post(this.urls.SendLink, JSON.stringify(data));
+    return resp.sent;
+  }
+  async AddLog(error) {
+    try {
+      let data = { requestId: store.requestId, action: FlowStatus[store.flowStatus], message: JSON.stringify(error !== null && error !== void 0 ? error : 'no error data') };
+      let result = await this.post(this.urls.AddLog, JSON.stringify(data));
+      return result.saved;
+    }
+    catch (_a) { }
+  }
 }

package/dist/collection/helpers/Stream.js

@@ -120,17 +120,17 @@ export class Stream {
     // if (this.faceDetection) await Detector.getInstance().startDetector();
   }
   recordStream() {
-    var options = { mimeType: 'video/webm;codecs=vp8', videoBitsPerSecond: 1500000 };
+    var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
       if (this.device.isIos || this.device.isSafari)
-        options.mimeType = 'video/mp4;codecs:h264';
+        options.mimeType = Stream.mp4MimeType.mime;
     }
     this.recordedChunks = [];
     this.mediaRecorder = new MediaRecorder(this.stream, options);
     this.mediaRecorder.ondataavailable = event => {
       this.recordedChunks.push(event.data);
     };
-    this.mediaRecorder.onstop = async () => {
+    this.mediaRecorder.onstop = _e => {
       this.saveVideoRecording(this.recordedChunks, options.mimeType);
       this.recordedChunks = [];
     };
@@ -217,5 +217,7 @@ export class Stream {
     this.callbackChangeTitle(pose);
   }
 }
+Stream.mp4MimeType = { type: 'video/mp4', codec: 'codecs:h264', extension: 'mp4', mime: 'video/mp4;codecs:h264' };
+Stream.webmMimeType = { type: 'video/webm', codec: 'codecs=vp8', extension: 'webm', mime: 'video/webm;codecs=vp8' };
 window.addEventListener('resize', Stream.orientationChange, false);
 window.addEventListener('orientationchange', Stream.orientationChange, false);

package/dist/collection/helpers/store.js

@@ -5,6 +5,7 @@ const { state, onChange } = createStore({
   flowStatus: FlowStatus.LANDING,
   environment: 'PROD',
   requestId: '',
+  redirectId: '',
   initialised: false,
   token: '',
   cameraIds: [],

package/dist/collection/helpers/textValues.js

@@ -111,5 +111,14 @@ export class ApiUrls {
     this.UploadCapture = this.uriEnv + 'validation/upload/capture';
     this.GetAgreement = this.uriEnv + 'validation/agreement/content';
     this.GenerateAgreement = this.uriEnv + 'validation/agreement/generate';
+    this.SendLink = this.uriEnv + 'validation/otp/sendlink';
+    this.GetStatus = this.uriEnv + 'validation/identity/status';
+    this.AddLog = this.uriEnv + 'validation/logs/add';
   }
 }
+export class MobileRedirectValues extends GlobalValues {
+}
+MobileRedirectValues.InfoTop = 'Pentru a continua scanați codul de mai jos cu un smartphone.';
+MobileRedirectValues.InfoBottom = 'Sau introduceți un număr de telefon pentru a primi link-ul pe smartphone.';
+MobileRedirectValues.Validation = 'Număr de telefon invalid!';
+MobileRedirectValues.InfoWaiting = 'Așteptăm finalizarea procesului pe smartphone.';

package/dist/collection/models/ILinkSend.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/models/ILogResult.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/models/IOrderStatus.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/models/OrderStatuses.js

@@ -0,0 +1,7 @@
+export var OrderStatuses;
+(function (OrderStatuses) {
+  OrderStatuses[OrderStatuses["Capturing"] = 0] = "Capturing";
+  OrderStatuses[OrderStatuses["FinishedCapturing"] = 1] = "FinishedCapturing";
+  OrderStatuses[OrderStatuses["Waiting"] = 2] = "Waiting";
+  OrderStatuses[OrderStatuses["NotFound"] = 3] = "NotFound";
+})(OrderStatuses || (OrderStatuses = {}));