@ekyc_qoobiss/qbs-ect-cmp 3.3.1 → 3.3.3

package/dist/collection/helpers/ApiCall.js

@@ -13,6 +13,30 @@ export 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) {
@@ -26,24 +50,56 @@ export class ApiCall {
       throw new Error('No json found in response ' + ex);
     }
   }
-  async post(url, data) {
-    return await this.http(new Request(store.apiBaseUrl + url, {
+  async post(url, data, withRetry = true) {
+    var request = new Request(store.apiBaseUrl + url, {
       method: 'POST',
       body: data,
       headers: {
         'Content-Type': 'application/json',
         'Authorization': 'IDKYC-TOKEN ' + store.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', store.apiBaseUrl + url, data);
+      }
+    }
   }
-  async get(url) {
-    return await this.http(new Request(store.apiBaseUrl + url, {
+  async get(url, withRetry = true) {
+    var request = new Request(store.apiBaseUrl + url, {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
         'Authorization': 'IDKYC-TOKEN ' + store.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', store.apiBaseUrl + url, '');
+      }
+    }
   }
   async SendOTPCode(requestId, phoneNumber) {
     let data = { requestId: requestId, phone: phoneNumber };
@@ -118,7 +174,7 @@ export class ApiCall {
         action: FlowStatus[store.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) { }

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

@@ -435,6 +435,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) {
@@ -448,24 +472,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 };
@@ -540,7 +596,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) { }
@@ -822,9 +878,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;
     }
   }
@@ -5428,9 +5486,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();
@@ -5519,10 +5579,7 @@ const ErrorEnd = class {
     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, state.requestId)), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
   }
@@ -5702,6 +5759,7 @@ const IdBackCapture = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.eventPhotoCapture = createEvent(this, "photoIdBackCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5731,10 +5789,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() {
@@ -5760,7 +5817,7 @@ const IdBackCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -5816,6 +5873,7 @@ const IdCapture = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.eventPhotoCapture = createEvent(this, "photoIdCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5845,11 +5903,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() {
@@ -5870,7 +5927,7 @@ const IdCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -6090,9 +6147,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);
@@ -6221,9 +6280,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);
@@ -6309,7 +6370,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 = "./dist/index.js";
@@ -6471,7 +6532,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) {
@@ -6699,7 +6760,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');
@@ -6716,13 +6776,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) {
@@ -9661,7 +9723,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) {
@@ -9677,6 +9738,9 @@ const MobileRedirect = class {
       Events.flowAborted();
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
       return;
@@ -9712,6 +9776,7 @@ const SelfieCapture = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.eventPhotoCapture = createEvent(this, "photoSelfieCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -9753,11 +9818,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() {
@@ -9778,7 +9842,7 @@ const SelfieCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -9855,7 +9919,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) {
@@ -9876,6 +9939,9 @@ const SmsCodeValidation = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   componentWillRender() {
     if (state.flowStatus == FlowStatus.PHONE) {
       this.title = PhoneValidationValues.Title;
@@ -10005,6 +10071,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;
@@ -10045,7 +10114,6 @@ const UserLiveness = class {
       return;
     }
     state.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     state.flowStatus = FlowStatus.COMPLETE;
   }
   render() {