@ekyc_qoobiss/qbs-ect-cmp 3.3.1 → 3.3.3

package/dist/cjs/agreement-check_18.cjs.entry.js

@@ -439,6 +439,30 @@ class ApiCall {
     });
     this.urls = new ApiUrls();
   }
+  async http2(method, url, data) {
+    return new Promise((resolve, reject) => {
+      var xhr = new XMLHttpRequest();
+      xhr.open(method, url);
+      xhr.onload = function () {
+        if (xhr.status >= 200 && xhr.status < 300) {
+          resolve(xhr.response);
+        }
+        else {
+          reject({
+            status: xhr.status,
+            statusText: xhr.statusText,
+          });
+        }
+      };
+      xhr.onerror = function () {
+        reject({
+          status: xhr.status,
+          statusText: xhr.statusText,
+        });
+      };
+      xhr.send(data);
+    });
+  }
   async http(request) {
     const response = await fetch(request);
     if (!response.ok) {
@@ -452,24 +476,56 @@ class ApiCall {
       throw new Error('No json found in response ' + ex);
     }
   }
-  async post(url, data) {
-    return await this.http(new Request(state.apiBaseUrl + url, {
+  async post(url, data, withRetry = true) {
+    var request = new Request(state.apiBaseUrl + url, {
       method: 'POST',
       body: data,
       headers: {
         'Content-Type': 'application/json',
         'Authorization': 'IDKYC-TOKEN ' + state.token,
       },
-    }));
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      this.AddLog('Error in post ', ex);
+      if (!withRetry) {
+        throw ex;
+      }
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        this.AddLog('Error in post ', ex2);
+        return await this.http2('POST', state.apiBaseUrl + url, data);
+      }
+    }
   }
-  async get(url) {
-    return await this.http(new Request(state.apiBaseUrl + url, {
+  async get(url, withRetry = true) {
+    var request = new Request(state.apiBaseUrl + url, {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
         'Authorization': 'IDKYC-TOKEN ' + state.token,
       },
-    }));
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      this.AddLog('Error in get ', ex);
+      if (!withRetry) {
+        throw ex;
+      }
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        this.AddLog('Error in get ', ex2);
+        return await this.http2('GET', state.apiBaseUrl + url, '');
+      }
+    }
   }
   async SendOTPCode(requestId, phoneNumber) {
     let data = { requestId: requestId, phone: phoneNumber };
@@ -544,7 +600,7 @@ class ApiCall {
         action: FlowStatus[state.flowStatus],
         message: JSON.stringify({ error, context }),
       };
-      let result = await this.post(this.urls.AddLog, JSON.stringify(data));
+      let result = await this.post(this.urls.AddLog, JSON.stringify(data), false);
       return result.saved;
     }
     catch (_a) { }
@@ -826,9 +882,11 @@ const AgreementInfo = class {
     this.openAgreements = false;
     this.openTerms = false;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
-      await this.baseComponent.finalize();
       state.flowStatus = FlowStatus.PHONE;
     }
   }
@@ -5432,9 +5490,11 @@ const CameraError = class {
       }
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     this.buttonDisabled = true;
-    await this.baseComponent.finalize();
     if (state.device.mobileOS == MobileOS.iOS) {
       sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
       window.location.reload();
@@ -5523,10 +5583,7 @@ const ErrorEnd = class {
     this.message = undefined;
     this.errorTitle = undefined;
   }
-  componentDidLoad() {
-    Events.init(window);
-    Events.flowError(this.errorTitle + ' ' + this.message);
-  }
+  componentDidLoad() { }
   render() {
     return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "text-center" }, index.h("h1", null, this.errorTitle)), index.h("div", { class: "text-center" }, index.h("p", null, state.requestId)), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
   }
@@ -5706,6 +5763,7 @@ const IdBackCapture = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdBackCapture", 7);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5735,10 +5793,9 @@ const IdBackCapture = class {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    Events.init(this.component);
     //this.videoDemoStyle = this.device.isMobile ? { width: window.screen.width + 'px', height: window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -5764,7 +5821,7 @@ const IdBackCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -5820,6 +5877,7 @@ const IdCapture = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdCapture", 7);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5849,11 +5907,10 @@ const IdCapture = class {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    Events.init(this.component);
     this.titleMesage = IdCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -5874,7 +5931,7 @@ const IdCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -6094,9 +6151,11 @@ const IdDoubleSide = class {
       return;
     }
     state.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     state.flowStatus = FlowStatus.LIVENESS;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   switchCamera() {
     if (this.captureRetryCount == 1) {
       let camIndex = state.cameraIds.indexOf(state.cameraId);
@@ -6225,9 +6284,11 @@ const IdSingleSide = class {
     if (!this.idFlow.verificationFinished) {
       return;
     }
-    await this.baseComponent.finalize();
     state.flowStatus = FlowStatus.LIVENESS;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   switchCamera() {
     if (this.captureRetryCount == 1) {
       let camIndex = state.cameraIds.indexOf(state.cameraId);
@@ -6313,7 +6374,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.3.1";
+const version$1 = "3.3.3";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -6475,7 +6536,7 @@ const IdentificationComponent = class {
       await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
     }
     catch (_c) { }
-    Events.flowError(data);
+    Events.flowError(this.errorTitle);
     state.flowStatus = FlowStatus.ERROREND;
   }
   constructor(hostRef) {
@@ -6703,7 +6764,6 @@ const LandingValidation = class {
         state.flowStatus = FlowStatus.COMPLETE;
         return;
       }
-      await this.baseComponent.finalize();
       if (!(await Cameras.InitCameras(state.device))) {
         if (state.device.mobileOS == MobileOS.iOS)
           sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
@@ -6720,13 +6780,15 @@ const LandingValidation = class {
       }
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
     state.initialised = false;
     try {
       await this.baseComponent.apiCall.AbortRequest();
-      await this.baseComponent.finalize();
       Events.flowAborted();
     }
     catch (e) {
@@ -9665,7 +9727,6 @@ const MobileRedirect = class {
     this.orderStatus = await this.baseComponent.apiCall.GetStatus(state.requestId);
     if (this.orderStatus == OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
-      await this.baseComponent.finalize();
       state.flowStatus = FlowStatus.COMPLETE;
     }
     if (this.orderStatus == OrderStatuses.NotFound) {
@@ -9681,6 +9742,9 @@ const MobileRedirect = class {
       Events.flowAborted();
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
       return;
@@ -9716,6 +9780,7 @@ const SelfieCapture = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoSelfieCapture", 7);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -9757,11 +9822,10 @@ const SelfieCapture = class {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    Events.init(this.component);
     this.titleMesage = SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -9782,7 +9846,7 @@ const SelfieCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -9859,7 +9923,6 @@ const SmsCodeValidation = class {
   async doAction() {
     try {
       this.canSend = false;
-      await this.baseComponent.finalize();
       if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(state.requestId, this.code);
         if (codeChecked === true) {
@@ -9880,6 +9943,9 @@ const SmsCodeValidation = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   componentWillRender() {
     if (state.flowStatus == FlowStatus.PHONE) {
       this.title = PhoneValidationValues.Title;
@@ -10009,6 +10075,9 @@ const UserLiveness = class {
     this.selfieFlow.verificationFinished = true;
     await this.endFlow();
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async uploadPhoto() {
     if (this.selfieFlow.photoFile == null || this.selfieFlow.photoDone) {
       return;
@@ -10049,7 +10118,6 @@ const UserLiveness = class {
       return;
     }
     state.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     state.flowStatus = FlowStatus.COMPLETE;
   }
   render() {

package/dist/collection/components/common/camera-error/camera-error.js

@@ -35,9 +35,11 @@ export class CameraError {
       }
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     this.buttonDisabled = true;
-    await this.baseComponent.finalize();
     if (store.device.mobileOS == MobileOS.iOS) {
       sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
       window.location.reload();

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

@@ -1,5 +1,4 @@
 import { h } from '@stencil/core';
-import Events from '../../../helpers/Events';
 import { Cameras } from '../../../helpers/Cameras';
 import { Stream } from '../../../helpers/Stream';
 import { IdCaptureValues } from '../../../helpers/textValues';
@@ -41,10 +40,9 @@ export class IdBackCapture {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    Events.init(this.component);
     //this.videoDemoStyle = this.device.isMobile ? { width: window.screen.width + 'px', height: window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -70,7 +68,7 @@ export class IdBackCapture {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -153,6 +151,21 @@ export class IdBackCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -1,5 +1,4 @@
 import { h } from '@stencil/core';
-import Events from '../../../helpers/Events';
 import { Cameras } from '../../../helpers/Cameras';
 import { Stream } from '../../../helpers/Stream';
 import { IdCaptureValues } from '../../../helpers/textValues';
@@ -41,11 +40,10 @@ export class IdCapture {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    Events.init(this.component);
     this.titleMesage = IdCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -66,7 +64,7 @@ export class IdCapture {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -154,6 +152,21 @@ export class IdCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -1,5 +1,4 @@
 import { h } from '@stencil/core';
-import Events from '../../../helpers/Events';
 import { Cameras } from '../../../helpers/Cameras';
 import { Stream } from '../../../helpers/Stream';
 import { SelfieCaptureValues } from '../../../helpers/textValues';
@@ -51,11 +50,10 @@ export class SelfieCapture {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    Events.init(this.component);
     this.titleMesage = SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
-      Events.flowError('This browser does not support webRTC');
+      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
   }
   async componentDidLoad() {
@@ -76,7 +74,7 @@ export class SelfieCapture {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -165,6 +163,21 @@ export class SelfieCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -22,9 +22,11 @@ export class AgreementInfo {
     this.openAgreements = false;
     this.openTerms = false;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
-      await this.baseComponent.finalize();
       store.flowStatus = FlowStatus.PHONE;
     }
   }

package/dist/collection/components/flow/error-end/error-end.js

@@ -1,15 +1,11 @@
 import { h } from '@stencil/core';
-import Events from '../../../helpers/Events';
 import store from '../../../helpers/store';
 export class ErrorEnd {
   constructor() {
     this.message = undefined;
     this.errorTitle = undefined;
   }
-  componentDidLoad() {
-    Events.init(window);
-    Events.flowError(this.errorTitle + ' ' + this.message);
-  }
+  componentDidLoad() { }
   render() {
     return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.errorTitle)), h("div", { class: "text-center" }, h("p", null, store.requestId)), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
   }

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

@@ -168,9 +168,11 @@ export class IdDoubleSide {
       return;
     }
     store.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     store.flowStatus = FlowStatus.LIVENESS;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   switchCamera() {
     if (this.captureRetryCount == 1) {
       let camIndex = store.cameraIds.indexOf(store.cameraId);

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

@@ -110,9 +110,11 @@ export class IdSingleSide {
     if (!this.idFlow.verificationFinished) {
       return;
     }
-    await this.baseComponent.finalize();
     store.flowStatus = FlowStatus.LIVENESS;
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   switchCamera() {
     if (this.captureRetryCount == 1) {
       let camIndex = store.cameraIds.indexOf(store.cameraId);

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

@@ -50,7 +50,6 @@ export class LandingValidation {
         store.flowStatus = FlowStatus.COMPLETE;
         return;
       }
-      await this.baseComponent.finalize();
       if (!(await Cameras.InitCameras(store.device))) {
         if (store.device.mobileOS == MobileOS.iOS)
           sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
@@ -67,13 +66,15 @@ export class LandingValidation {
       }
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
     store.initialised = false;
     try {
       await this.baseComponent.apiCall.AbortRequest();
-      await this.baseComponent.finalize();
       Events.flowAborted();
     }
     catch (e) {

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

@@ -56,7 +56,6 @@ export class MobileRedirect {
     this.orderStatus = await this.baseComponent.apiCall.GetStatus(store.requestId);
     if (this.orderStatus == OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
-      await this.baseComponent.finalize();
       store.flowStatus = FlowStatus.COMPLETE;
     }
     if (this.orderStatus == OrderStatuses.NotFound) {
@@ -72,6 +71,9 @@ export class MobileRedirect {
       Events.flowAborted();
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
       this.invalidValue == true;

package/dist/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -24,7 +24,6 @@ export class SmsCodeValidation {
   async doAction() {
     try {
       this.canSend = false;
-      await this.baseComponent.finalize();
       if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
         if (codeChecked === true) {
@@ -45,6 +44,9 @@ export class SmsCodeValidation {
       this.apiErrorEvent.emit(e);
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   componentWillRender() {
     if (store.flowStatus == FlowStatus.PHONE) {
       this.title = PhoneValidationValues.Title;

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

@@ -77,6 +77,9 @@ export class UserLiveness {
     this.selfieFlow.verificationFinished = true;
     await this.endFlow();
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async uploadPhoto() {
     if (this.selfieFlow.photoFile == null || this.selfieFlow.photoDone) {
       return;
@@ -117,7 +120,6 @@ export class UserLiveness {
       return;
     }
     store.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     store.flowStatus = FlowStatus.COMPLETE;
   }
   render() {

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

@@ -101,7 +101,7 @@ export class IdentificationComponent {
       await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
     }
     catch (_c) { }
-    Events.flowError(data);
+    Events.flowError(this.errorTitle);
     store.flowStatus = FlowStatus.ERROREND;
   }
   constructor() {