@ekyc_qoobiss/qbs-ect-cmp 3.3.0 → 3.3.2

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

@@ -8,6 +8,7 @@ import * as uuid from 'uuid';
 import packageJson from '../../../package.json';
 import { getLogMessage } from '../../utils/utils';
 import { BaseComponent } from '../base-component';
+import { Browser } from '../../models/IDevice';
 export class IdentificationComponent {
   async onTokenChange(newValue, _oldValue) {
     if (store.debug)
@@ -96,8 +97,11 @@ export class IdentificationComponent {
     else {
       this.errorTitle = data;
     }
-    await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
-    Events.flowError(data);
+    try {
+      await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
+    }
+    catch (_c) { }
+    Events.flowError(this.errorTitle);
     store.flowStatus = FlowStatus.ERROREND;
   }
   constructor() {
@@ -201,10 +205,14 @@ export class IdentificationComponent {
     }
     try {
       if (store.debug)
-        this.baseComponent.apiCall.AddLog('init log', this.logInit);
+        this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
     }
     catch (_a) { }
     try {
+      if (store.device.browser == Browser.Mi) {
+        this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + store.requestId + ' RedirectId:' + store.redirectId);
+        return;
+      }
       if (!store.device.isMobile && store.redirectId == '') {
         store.redirectId = uuid.v4();
         this.redirect_id = store.redirectId;

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) {
@@ -27,23 +51,47 @@ export class ApiCall {
     }
   }
   async post(url, data) {
-    return await this.http(new Request(store.apiBaseUrl + url, {
+    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);
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        return await this.http2('POST', store.apiBaseUrl + url, data);
+      }
+    }
   }
   async get(url) {
-    return await this.http(new Request(store.apiBaseUrl + url, {
+    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);
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        return await this.http2('GET', store.apiBaseUrl + url, '');
+      }
+    }
   }
   async SendOTPCode(requestId, phoneNumber) {
     let data = { requestId: requestId, phone: phoneNumber };
@@ -116,7 +164,7 @@ export class ApiCall {
       let data = {
         requestId: store.requestId,
         action: FlowStatus[store.flowStatus],
-        message: `${JSON.stringify(error !== null && error !== void 0 ? error : 'no error data')} | ${JSON.stringify(context !== null && context !== void 0 ? context : 'no context data')}`,
+        message: JSON.stringify({ error, context }),
       };
       let result = await this.post(this.urls.AddLog, JSON.stringify(data));
       return result.saved;

package/dist/collection/helpers/DeviceDetection.js

@@ -60,6 +60,8 @@ export class DeviceDetection {
       return Browser.Firefox;
     else if (!isChrome && /safari/i.test(navigator.userAgent))
       return Browser.Safari;
+    else if (!isChrome && / Mi /i.test(navigator.userAgent))
+      return Browser.Mi;
     else
       return Browser.Unknown;
   }

package/dist/collection/models/IDevice.js

@@ -18,5 +18,6 @@ export var Browser;
   Browser["Chrome"] = "chrome";
   Browser["Firefox"] = "firefox";
   Browser["Safari"] = "safari";
+  Browser["Mi"] = "mi";
   Browser["Unknown"] = "unknown";
 })(Browser || (Browser = {}));

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) {
@@ -449,23 +473,47 @@ class ApiCall {
     }
   }
   async post(url, data) {
-    return await this.http(new Request(state.apiBaseUrl + url, {
+    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);
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        return await this.http2('POST', state.apiBaseUrl + url, data);
+      }
+    }
   }
   async get(url) {
-    return await this.http(new Request(state.apiBaseUrl + url, {
+    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);
+      try {
+        return await this.http(request);
+      }
+      catch (ex2) {
+        return await this.http2('GET', state.apiBaseUrl + url, '');
+      }
+    }
   }
   async SendOTPCode(requestId, phoneNumber) {
     let data = { requestId: requestId, phone: phoneNumber };
@@ -538,7 +586,7 @@ class ApiCall {
       let data = {
         requestId: state.requestId,
         action: FlowStatus[state.flowStatus],
-        message: `${JSON.stringify(error !== null && error !== void 0 ? error : 'no error data')} | ${JSON.stringify(context !== null && context !== void 0 ? context : 'no context data')}`,
+        message: JSON.stringify({ error, context }),
       };
       let result = await this.post(this.urls.AddLog, JSON.stringify(data));
       return result.saved;
@@ -608,6 +656,7 @@ var Browser;
   Browser["Chrome"] = "chrome";
   Browser["Firefox"] = "firefox";
   Browser["Safari"] = "safari";
+  Browser["Mi"] = "mi";
   Browser["Unknown"] = "unknown";
 })(Browser || (Browser = {}));
 
@@ -672,6 +721,8 @@ class DeviceDetection {
       return Browser.Firefox;
     else if (!isChrome && /safari/i.test(navigator.userAgent))
       return Browser.Safari;
+    else if (!isChrome && / Mi /i.test(navigator.userAgent))
+      return Browser.Mi;
     else
       return Browser.Unknown;
   }
@@ -819,9 +870,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;
     }
   }
@@ -5425,9 +5478,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();
@@ -5516,10 +5571,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)))));
   }
@@ -5699,6 +5751,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);
@@ -5728,10 +5781,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() {
@@ -5757,7 +5809,7 @@ const IdBackCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -5813,6 +5865,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);
@@ -5842,11 +5895,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() {
@@ -5867,7 +5919,7 @@ const IdCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -6087,9 +6139,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);
@@ -6218,9 +6272,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);
@@ -6306,7 +6362,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.3.0";
+const version$1 = "3.3.2";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -6464,8 +6520,11 @@ const IdentificationComponent = class {
     else {
       this.errorTitle = data;
     }
-    await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
-    Events.flowError(data);
+    try {
+      await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
+    }
+    catch (_c) { }
+    Events.flowError(this.errorTitle);
     state.flowStatus = FlowStatus.ERROREND;
   }
   constructor(hostRef) {
@@ -6570,10 +6629,14 @@ const IdentificationComponent = class {
     }
     try {
       if (state.debug)
-        this.baseComponent.apiCall.AddLog('init log', this.logInit);
+        this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
     }
     catch (_a) { }
     try {
+      if (state.device.browser == Browser.Mi) {
+        this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + state.requestId + ' RedirectId:' + state.redirectId);
+        return;
+      }
       if (!state.device.isMobile && state.redirectId == '') {
         state.redirectId = v4();
         this.redirect_id = state.redirectId;
@@ -6689,7 +6752,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');
@@ -6706,13 +6768,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) {
@@ -9651,7 +9715,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) {
@@ -9667,6 +9730,9 @@ const MobileRedirect = class {
       Events.flowAborted();
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
       return;
@@ -9702,6 +9768,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);
@@ -9743,11 +9810,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() {
@@ -9768,7 +9834,7 @@ const SelfieCapture = class {
       })
         .catch(e => {
         this.closeCamera();
-        Events.flowError(e);
+        this.apiErrorEvent.emit(e);
       });
     }, 100);
   }
@@ -9845,7 +9911,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) {
@@ -9866,6 +9931,9 @@ const SmsCodeValidation = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  disconnectedCallback() {
+    this.baseComponent.finalize();
+  }
   componentWillRender() {
     if (state.flowStatus == FlowStatus.PHONE) {
       this.title = PhoneValidationValues.Title;
@@ -9995,6 +10063,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;
@@ -10035,7 +10106,6 @@ const UserLiveness = class {
       return;
     }
     state.recordingRetryCount = 0;
-    await this.baseComponent.finalize();
     state.flowStatus = FlowStatus.COMPLETE;
   }
   render() {