@ekyc_qoobiss/qbs-ect-cmp 3.2.0 → 3.2.2

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

@@ -1,13 +1,12 @@
 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';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { getLogMessage } from '../../../utils/utils';
+import { BaseComponent } from '../../base-component';
 export class UserLiveness {
   constructor() {
-    this.device = undefined;
     this.showError = undefined;
     this.showHowTo = undefined;
     this.selfieFlow = {
@@ -17,15 +16,11 @@ export class UserLiveness {
       photoFile: null,
       recordingFile: null,
     };
-    this.apiCall = new ApiCall();
+    this.baseComponent = new BaseComponent(FlowSteps.Selfie);
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   async componentDidLoad() {
-    try {
-      await this.apiCall.AddStep(FlowSteps.Selfie);
-    }
-    catch (e) {
-      this.apiErrorEvent.emit(e);
-    }
+    await this.baseComponent.initialize();
   }
   componentWillLoad() {
     this.showHowTo = true;
@@ -46,7 +41,7 @@ export class UserLiveness {
   async captureSelfieImage(event) {
     let selfiePhoto = event.detail;
     if (selfiePhoto.length == 0 || selfiePhoto.size == 0) {
-      await this.apiCall.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
       return;
     }
     try {
@@ -60,7 +55,7 @@ export class UserLiveness {
   async capturedSelfieRecording(event) {
     let selfieRecording = event.detail;
     if (selfieRecording.length == 0 || selfieRecording.size == 0) {
-      await this.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
+      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
       return;
     }
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
@@ -69,42 +64,49 @@ export class UserLiveness {
       await this.uploadRecording();
     }
     catch (e) {
-      this.apiErrorEvent.emit(e);
+      if (store.recordingRetryCount < 3) {
+        store.recordingRetryCount++;
+        this.triggerErrorFlow();
+      }
+      else {
+        this.apiErrorEvent.emit(e);
+      }
     }
   }
   async verificationFinished(_event) {
     this.selfieFlow.verificationFinished = true;
-    this.endFlow();
+    await this.endFlow();
   }
   async uploadPhoto() {
     if (this.selfieFlow.photoFile == null || this.selfieFlow.photoDone) {
       return;
     }
-    this.selfieFlow.photoDone = await this.apiCall.UploadFileForRequestB64(store.requestId, 'Selfie', this.selfieFlow.photoFile);
+    this.selfieFlow.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, 'Selfie', this.selfieFlow.photoFile);
     if (this.selfieFlow.photoDone) {
-      this.endFlow();
+      await this.endFlow();
     }
     else {
-      this.selfieFlow.photoFile = null;
-      this.selfieFlow.recordingFile = null;
-      this.showError = true;
+      this.triggerErrorFlow();
     }
   }
   async uploadRecording() {
     if (this.selfieFlow.recordingFile == null || this.selfieFlow.recordingDone) {
       return;
     }
-    this.selfieFlow.recordingDone = await this.apiCall.UploadFileForRequestB64(store.requestId, 'SelfieVideo', this.selfieFlow.recordingFile);
+    this.selfieFlow.recordingDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, 'SelfieVideo', this.selfieFlow.recordingFile);
     if (this.selfieFlow.recordingDone) {
-      this.endFlow();
+      await this.endFlow();
     }
     else {
-      this.selfieFlow.photoFile = null;
-      this.selfieFlow.recordingFile = null;
-      this.showError = true;
+      this.triggerErrorFlow();
     }
   }
-  endFlow() {
+  triggerErrorFlow() {
+    this.selfieFlow.photoFile = null;
+    this.selfieFlow.recordingFile = null;
+    this.showError = true;
+  }
+  async endFlow() {
     if (!this.selfieFlow.photoDone) {
       return;
     }
@@ -114,11 +116,13 @@ export class UserLiveness {
     if (!this.selfieFlow.verificationFinished) {
       return;
     }
+    store.recordingRetryCount = 0;
+    await this.baseComponent.finalize();
     store.flowStatus = FlowStatus.COMPLETE;
   }
   render() {
     let howTo = h("how-to-info", { idSide: "" });
-    let capture = h("selfie-capture", { device: this.device, id: "camera" });
+    let capture = h("selfie-capture", { id: "camera" });
     let error = h("capture-error", { type: "LIVENESS" });
     return this.showHowTo ? howTo : this.showError ? error : capture;
   }
@@ -133,30 +137,6 @@ export class UserLiveness {
       "$": ["user-liveness.css"]
     };
   }
-  static get properties() {
-    return {
-      "device": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Device",
-          "resolved": "Device",
-          "references": {
-            "Device": {
-              "location": "import",
-              "path": "../../../models/IDevice"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
   static get states() {
     return {
       "showError": {},

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

@@ -1,7 +1,5 @@
 import { h } from '@stencil/core';
-import { initDevice } from '../../helpers';
 import { SessionKeys } from '../../helpers/textValues';
-import { ApiCall } from '../../helpers/ApiCall';
 import store from '../../helpers/store';
 import { ML5 } from '../../helpers/ML5';
 import { FlowStatus } from '../../models/FlowStatus';
@@ -9,6 +7,7 @@ import Events from '../../helpers/Events';
 import * as uuid from 'uuid';
 import packageJson from '../../../package.json';
 import { getLogMessage } from '../../utils/utils';
+import { BaseComponent } from '../base-component';
 export class IdentificationComponent {
   async onTokenChange(newValue, _oldValue) {
     if (store.debug)
@@ -28,10 +27,10 @@ export class IdentificationComponent {
     if (store.requestId !== newValue && newValue != '') {
       store.requestId = newValue;
       store.initialised = false;
+      await this.initializeRequest();
       if (store.flowStatus != FlowStatus.LANDING) {
         store.flowStatus = FlowStatus.LANDING;
       }
-      await this.initializeRequest();
     }
   }
   onApiUrlChange(newValue, _oldValue) {
@@ -75,7 +74,7 @@ export class IdentificationComponent {
   }
   agreementAcceptanceEmitted(data) {
     try {
-      this.apiCall.GenerateAgreement(data.detail.agreementType);
+      this.baseComponent.apiCall.GenerateAgreement(data.detail.agreementType);
     }
     catch (e) {
       this.apiErrorEmitter(e, 'Agreement Acceptance');
@@ -97,7 +96,7 @@ export class IdentificationComponent {
     else {
       this.errorTitle = data;
     }
-    await this.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
+    await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
     Events.flowError(data);
     store.flowStatus = FlowStatus.ERROREND;
   }
@@ -112,7 +111,8 @@ export class IdentificationComponent {
     this.idSide = '';
     this.errorMessage = undefined;
     this.errorTitle = undefined;
-    this.device = initDevice();
+    this.baseComponent = new BaseComponent(null);
+    this.baseComponent.setErrorCallback(this.apiErrorEmitter);
   }
   async componentWillLoad() {
     Events.init(window);
@@ -139,13 +139,6 @@ export class IdentificationComponent {
     if (this.phone_number && this.phone_number != '') {
       store.phoneNumber = this.phone_number;
     }
-    var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
-    if (flowSt) {
-      store.flowStatus = FlowStatus[flowSt];
-    }
-    else {
-      store.flowStatus = FlowStatus.LANDING;
-    }
     var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
     if (ini && ini.toLowerCase() == 'true') {
       store.initialised = true;
@@ -162,17 +155,18 @@ export class IdentificationComponent {
     if (phoneVal && phoneVal.toLowerCase() == 'true') {
       store.phoneValidation = true;
     }
+    var flowStatusToSet = null;
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
     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);
-        store.flowStatus = FlowStatus.LANDING;
+        flowStatusToSet = FlowStatus.LANDING;
         store.initialised = false;
       }
-      store.requestId = this.order_id;
     }
     else if (savedRequest) {
       if (store.debug)
@@ -180,8 +174,17 @@ export class IdentificationComponent {
       store.requestId = savedRequest;
       this.order_id = savedRequest;
     }
-    this.apiCall = new ApiCall();
+    if (flowStatusToSet == null) {
+      var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
+      if (flowSt) {
+        flowStatusToSet = FlowStatus[flowSt];
+      }
+      else {
+        flowStatusToSet = FlowStatus.LANDING;
+      }
+    }
     await this.initializeRequest();
+    store.flowStatus = flowStatusToSet;
   }
   componentWillRender() {
     if (this.idSide == '') {
@@ -198,16 +201,16 @@ export class IdentificationComponent {
     }
     try {
       if (store.debug)
-        this.apiCall.AddLog('init log', this.logInit);
+        this.baseComponent.apiCall.AddLog('init log', this.logInit);
     }
     catch (_a) { }
     try {
-      if (!this.device.isMobile && store.redirectId == '') {
+      if (!store.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, packageJson.version);
+        store.initialised = await this.baseComponent.apiCall.AddIdentificationRequest(store.device, packageJson.version);
         if (!this.order_id || this.order_id == '') {
           this.order_id = store.requestId;
         }
@@ -220,9 +223,9 @@ export class IdentificationComponent {
   }
   render() {
     let currentBlock = h("div", null);
-    if (this.device.isMobile || store.environment == 'DEMO') {
+    if (store.device.isMobile || store.environment == 'DEMO') {
       if (store.flowStatus == FlowStatus.LANDING) {
-        currentBlock = h("landing-validation", { device: this.device });
+        currentBlock = h("landing-validation", null);
       }
     }
     else {
@@ -241,13 +244,13 @@ export class IdentificationComponent {
       currentBlock = h("sms-code-validation", null);
     }
     if (store.flowStatus == FlowStatus.ID && !store.hasIdBack) {
-      currentBlock = h("id-single-side", { id: "idFront", device: this.device });
+      currentBlock = h("id-single-side", { id: "idFront" });
     }
     if (store.flowStatus == FlowStatus.ID && store.hasIdBack) {
-      currentBlock = h("id-double-side", { id: "idFront", device: this.device });
+      currentBlock = h("id-double-side", { id: "idFront" });
     }
     if (store.flowStatus == FlowStatus.LIVENESS) {
-      currentBlock = h("user-liveness", { device: this.device, id: "camera" });
+      currentBlock = h("user-liveness", { id: "camera" });
     }
     if (store.flowStatus == FlowStatus.COMPLETE) {
       currentBlock = h("end-redirect", null);
@@ -256,7 +259,7 @@ export class IdentificationComponent {
       currentBlock = h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
     if (store.flowStatus == FlowStatus.CAMERAERROR) {
-      currentBlock = h("camera-error", { device: this.device });
+      currentBlock = h("camera-error", null);
     }
     return h("div", null, currentBlock);
   }

package/dist/collection/helpers/ApiCall.js

@@ -2,7 +2,7 @@ import { OrderStatuses } from '../models/OrderStatuses';
 import store from './store';
 import { ApiUrls } from './textValues';
 import { FlowStatus } from '../models/FlowStatus';
-import { FlowSteps } from '../models/FlowSteps';
+import { FlowMoments, FlowSteps } from '../models/FlowSteps';
 export class ApiCall {
   constructor() {
     this.toBase64 = (file) => new Promise((resolve, reject) => {
@@ -123,8 +123,8 @@ export class ApiCall {
     }
     catch (_a) { }
   }
-  async AddStep(step) {
-    let data = { requestId: store.requestId, redirectId: store.redirectId, step: FlowSteps[step] };
+  async AddStep(step, moment) {
+    let data = { requestId: store.requestId, redirectId: store.redirectId, step: FlowSteps[step], moment: FlowMoments[moment] };
     let result = await this.post(this.urls.AddStep, JSON.stringify(data));
     return result.saved;
   }

package/dist/collection/helpers/Cameras.js

@@ -1,3 +1,4 @@
+import { Browser } from '../models/IDevice';
 import store from './store';
 export class Cameras {
   async GetCameras(deviceInfo) {
@@ -9,7 +10,7 @@ export class Cameras {
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
-        if (deviceInfo.isFirefox) {
+        if (deviceInfo.browser === Browser.Firefox) {
           const settings = track.getSettings();
           let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
           facingMode = facingMode === 'e' ? 'environment' : facingMode;
@@ -75,7 +76,7 @@ export class Cameras {
         exact: selectedDeviceId,
       };
     }
-    if (device.isWin) {
+    if (device.isDesktop) {
       constraints.video.width = { ideal: 1280 };
     }
     else {

package/dist/collection/helpers/DeviceDetection.js

@@ -0,0 +1,83 @@
+import { Browser, DesktopOS, MobileOS } from '../models/IDevice';
+export class DeviceDetection {
+  constructor() {
+    var _a, _b, _c, _d;
+    this.supportedScreenOrientation = (_b = (_a = ((screen === null || screen === void 0 ? void 0 : screen.orientation) || {}).type) !== null && _a !== void 0 ? _a : screen.mozOrientation) !== null && _b !== void 0 ? _b : screen.msOrientation;
+    this.safariScreenOrientation = !(screen === null || screen === void 0 ? void 0 : screen.orientation) && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
+    this.initialScreenOrientation = (_d = (_c = this.supportedScreenOrientation) !== null && _c !== void 0 ? _c : this.safariScreenOrientation) !== null && _d !== void 0 ? _d : 'portrait-primary';
+    this.userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
+    this.isMobile = this.isMobileDevice();
+    this.isTablet = this.isTabletDevice();
+    this.isDesktop = !this.isMobile && !this.isTablet;
+  }
+  // Device typology
+  isMobileDevice() {
+    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
+    return regexs.some(b => this.userAgent.match(b));
+  }
+  isTabletDevice() {
+    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
+    return regex.test(this.userAgent.toLowerCase());
+  }
+  // Device Operating System
+  getMobileOS() {
+    if (this.isMobileDevice()) {
+      if (/windows phone/i.test(this.userAgent))
+        return MobileOS.WindowsPhone;
+      else if (/android/i.test(this.userAgent))
+        return MobileOS.Android;
+      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
+        return MobileOS.iOS;
+      return MobileOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDesktopOS() {
+    if (this.isDesktop) {
+      if (this.userAgent.indexOf('Win') !== -1)
+        return DesktopOS.Windows;
+      else if (this.userAgent.indexOf('Mac') !== -1)
+        return DesktopOS.MacOS;
+      else if (this.userAgent.indexOf('X11') !== -1)
+        return DesktopOS.Unix;
+      else if (this.userAgent.indexOf('Linux') !== -1)
+        return DesktopOS.Linux;
+      return DesktopOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDeviceOS() {
+    var _a;
+    return (_a = this.getMobileOS()) !== null && _a !== void 0 ? _a : this.getDesktopOS();
+  }
+  getBrowser() {
+    var isChrome = /chrome/i.test(this.userAgent);
+    if (isChrome)
+      return Browser.Chrome;
+    if (/firefox/i.test(navigator.userAgent))
+      return Browser.Firefox;
+    else if (!isChrome && /safari/i.test(navigator.userAgent))
+      return Browser.Safari;
+    else
+      return Browser.Unknown;
+  }
+  getDevice() {
+    var device = {
+      isDesktop: this.isDesktop,
+      desktopOS: this.getDesktopOS(),
+      isWindowsDesktop: this.getDeviceOS() === DesktopOS.Windows,
+      isLinuxOrUnixDesktop: this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix,
+      isMobile: this.isMobile,
+      mobileOS: this.getMobileOS(),
+      isAndroidDevice: this.getDeviceOS() === MobileOS.Android,
+      isAppleDevice: this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS,
+      isUnknownMobileDevice: this.getDeviceOS() === MobileOS.Unknown,
+      browser: this.getBrowser(),
+      isTablet: this.isTablet,
+      initialScreenOrientation: this.initialScreenOrientation,
+    };
+    return device;
+  }
+}

package/dist/collection/helpers/Events.js

@@ -2,6 +2,15 @@ export default class Events {
   static init(element) {
     this.callingModule = element;
   }
+  static flowEvent(step, moment) {
+    const eventName = `ect-${step.toString()}-${moment.toString()}-event`;
+    this.callingModule.dispatchEvent(new CustomEvent(eventName, {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
   static flowStarted() {
     this.callingModule.dispatchEvent(new CustomEvent('ect-started', {
       detail: {},

package/dist/collection/helpers/Stream.js

@@ -3,6 +3,8 @@ import { FaceML5Detector } from '../libs/FaceML5Detector/FaceML5Detector';
 import { FacePose } from '../libs/FaceML5Detector/FacePose';
 import { FacePosePick } from '../libs/FaceML5Detector/FacePose';
 import { addExifInImg } from './security';
+import store from './store';
+import { Browser, MobileOS } from '../models/IDevice';
 var ImageFormat;
 (function (ImageFormat) {
   ImageFormat["JPEG"] = "image/jpeg";
@@ -44,7 +46,7 @@ export class Stream {
   setVerificationFinished(fun) {
     this.verificationFinished = fun;
   }
-  constructor(device, _modelPath) {
+  constructor(_modelPath) {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
@@ -55,13 +57,12 @@ export class Stream {
       // this.dropMask();
       // if (this.faceDetection) Detector.getInstance().stopDetector();
     };
-    this.device = device;
-    this.idML5Detector = IDML5Detector.getInstance(this, device.isMobile);
-    this.faceML5Detector = FaceML5Detector.getInstance(this, device.isMobile);
+    this.idML5Detector = IDML5Detector.getInstance(this, store.device.isMobile);
+    this.faceML5Detector = FaceML5Detector.getInstance(this, store.device.isMobile);
   }
-  static getInstance(device, modelPath) {
+  static getInstance(modelPath) {
     if (!Stream.instance) {
-      Stream.instance = new Stream(device, modelPath);
+      Stream.instance = new Stream(modelPath);
     }
     return Stream.instance;
   }
@@ -122,7 +123,7 @@ export class Stream {
   recordStream() {
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
-      if (this.device.isIos || this.device.isSafari)
+      if (store.device.mobileOS == MobileOS.iOS || store.device.browser == Browser.Safari)
         options.mimeType = Stream.mp4MimeType.mime;
     }
     this.recordedChunks = [];
@@ -177,7 +178,7 @@ export class Stream {
       const context = canvas.getContext('2d');
       context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
       canvas.toBlob((frame) => {
-        if (frame.type === ImageFormat.JPEG && !this.device.isIos) {
+        if (frame.type === ImageFormat.JPEG && !store.device.isAppleDevice) {
           try {
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }

package/dist/collection/helpers/index.js

@@ -1,36 +1,3 @@
-export const initDevice = () => {
-  let device = {
-    isMobile: false,
-    isAndroid: false,
-    isLinux: false,
-    isMac: false,
-    isWin: false,
-    isChrome: false,
-    isFirefox: false,
-    isSafari: false,
-    isIos: false,
-  };
-  device.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
-  device.isAndroid = /Android/i.test(navigator.userAgent);
-  device.isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
-  device.isLinux = /linux/i.test(navigator.platform);
-  device.isMac = /mac/i.test(navigator.platform);
-  device.isWin = /win/i.test(navigator.platform);
-  device.isChrome = /chrome/i.test(navigator.userAgent);
-  device.isFirefox = /firefox/i.test(navigator.userAgent);
-  device.isSafari = !device.isChrome ? /safari/i.test(navigator.userAgent) : false;
-  device.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
-  device.isAndroid = /Android/i.test(navigator.userAgent);
-  device.isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
-  if (!device.isIos) {
-    const isIPad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
-    if (isIPad) {
-      device.isIos = true;
-      device.isMobile = true;
-    }
-  }
-  return device;
-};
 export const convertToDataUrl = async (file) => {
   return new Promise(async (resolve) => {
     let arr = [];

package/dist/collection/helpers/store.js

@@ -16,6 +16,8 @@ const { state, onChange } = createStore({
   phoneValidation: true,
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
+  device: null,
+  recordingRetryCount: 0,
 });
 onChange('environment', value => {
   state.debug = value == 'QA';

package/dist/collection/models/FlowSteps.js

@@ -1,16 +1,22 @@
 export var FlowSteps;
 (function (FlowSteps) {
-  FlowSteps[FlowSteps["MobileRedirect"] = 0] = "MobileRedirect";
-  FlowSteps[FlowSteps["Landing"] = 1] = "Landing";
-  FlowSteps[FlowSteps["Agreements"] = 2] = "Agreements";
-  FlowSteps[FlowSteps["OtpSend"] = 3] = "OtpSend";
-  FlowSteps[FlowSteps["OtpCheck"] = 4] = "OtpCheck";
-  FlowSteps[FlowSteps["CiFrontHowTo"] = 5] = "CiFrontHowTo";
-  FlowSteps[FlowSteps["CiFront"] = 6] = "CiFront";
-  FlowSteps[FlowSteps["CiBackHowTo"] = 7] = "CiBackHowTo";
-  FlowSteps[FlowSteps["CiBack"] = 8] = "CiBack";
-  FlowSteps[FlowSteps["SelfieHowTo"] = 9] = "SelfieHowTo";
-  FlowSteps[FlowSteps["Selfie"] = 10] = "Selfie";
-  FlowSteps[FlowSteps["End"] = 11] = "End";
-  FlowSteps[FlowSteps["CameraError"] = 12] = "CameraError";
+  FlowSteps["MobileRedirect"] = "mobile-redirect";
+  FlowSteps["Landing"] = "landing";
+  FlowSteps["Agreements"] = "agreements";
+  FlowSteps["OtpSend"] = "otp-send";
+  FlowSteps["OtpCheck"] = "otp-check";
+  FlowSteps["CiFrontHowTo"] = "ci-front-how-to";
+  FlowSteps["CiFront"] = "ci-front";
+  FlowSteps["CiBackHowTo"] = "ci-back-how-to";
+  FlowSteps["CiBack"] = "ci-back";
+  FlowSteps["SelfieHowTo"] = "selfie-how-to";
+  FlowSteps["Selfie"] = "selfie";
+  FlowSteps["End"] = "end";
+  FlowSteps["CameraError"] = "camera-error";
 })(FlowSteps || (FlowSteps = {}));
+export var FlowMoments;
+(function (FlowMoments) {
+  FlowMoments["Initialized"] = "initialized";
+  FlowMoments["Finalized"] = "finalized";
+  FlowMoments["None"] = "none";
+})(FlowMoments || (FlowMoments = {}));

package/dist/collection/models/IDevice.js

@@ -1 +1,22 @@
-export {};
+export var MobileOS;
+(function (MobileOS) {
+  MobileOS["Android"] = "android";
+  MobileOS["iOS"] = "ios";
+  MobileOS["Unknown"] = "unknown";
+  MobileOS["WindowsPhone"] = "Windows Phone";
+})(MobileOS || (MobileOS = {}));
+export var DesktopOS;
+(function (DesktopOS) {
+  DesktopOS["Linux"] = "linux";
+  DesktopOS["MacOS"] = "mac_os";
+  DesktopOS["Unix"] = "unix";
+  DesktopOS["Unknown"] = "unknown";
+  DesktopOS["Windows"] = "windows";
+})(DesktopOS || (DesktopOS = {}));
+export var Browser;
+(function (Browser) {
+  Browser["Chrome"] = "chrome";
+  Browser["Firefox"] = "firefox";
+  Browser["Safari"] = "safari";
+  Browser["Unknown"] = "unknown";
+})(Browser || (Browser = {}));

package/dist/collection/models/IEctStore.js

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