@ekyc_qoobiss/qbs-ect-cmp 2.0.5 → 2.0.7

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

@@ -351,6 +351,7 @@ MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
 const { state, onChange } = createStore({
   flowStatus: FlowStatus.LANDING,
   environment: 'PROD',
+  debug: false,
   requestId: '',
   redirectId: '',
   initialised: false,
@@ -363,6 +364,9 @@ const { state, onChange } = createStore({
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
+onChange('environment', value => {
+  state.debug = value == 'QA';
+});
 onChange('flowStatus', value => {
   sessionStorage.setItem(SessionKeys.FlowStatusKey, FlowStatus[value]);
 });
@@ -438,7 +442,8 @@ class ApiCall {
     return jsonResp.valid;
   }
   async AddIdentificationRequest(deviceInfo) {
-    //console.log('Calling identity request with store:' + JSON.stringify(store));
+    if (state.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(state));
     let data = {
       requestId: state.requestId,
       clientDeviceInfo: JSON.stringify(deviceInfo),
@@ -1891,11 +1896,14 @@ class ML5 {
     });
   }
   loaded() {
-    console.log('ML5 LOADED!!!');
+    if (state.debug)
+      console.log('ML5 LOADED!!!');
   }
   gotResults(error, results) {
-    console.log(error);
-    console.log(results);
+    if (state.debug)
+      console.log(error);
+    if (state.debug)
+      console.log(results);
   }
 }
 
@@ -2236,15 +2244,12 @@ class FaceML5Detector {
     const faceBox = result[0].detection.box;
     const { top, left, bottom, right } = faceBox;
     const { imageHeight, imageWidth } = result[0].detection;
-    const topIndent = top * 100 / imageHeight;
-    const leftIndent = left * 100 / imageWidth;
-    const rightIndent = (imageWidth - right) * 100 / imageWidth;
-    const bottomIndent = (imageHeight - bottom) * 100 / imageHeight;
+    const topIndent = (top * 100) / imageHeight;
+    const leftIndent = (left * 100) / imageWidth;
+    const rightIndent = ((imageWidth - right) * 100) / imageWidth;
+    const bottomIndent = ((imageHeight - bottom) * 100) / imageHeight;
     // console.log('indent: '+topIndent+' | '+leftIndent+' | '+rightIndent+' | '+bottomIndent);
-    return !(topIndent < this.Y_OFFSET_FROM_FRAME ||
-      leftIndent < this.X_OFFSET_FROM_FRAME ||
-      rightIndent < this.X_OFFSET_FROM_FRAME ||
-      bottomIndent < this.Y_OFFSET_FROM_FRAME);
+    return !(topIndent < this.Y_OFFSET_FROM_FRAME || leftIndent < this.X_OFFSET_FROM_FRAME || rightIndent < this.X_OFFSET_FROM_FRAME || bottomIndent < this.Y_OFFSET_FROM_FRAME);
   }
   async checkFacePose(results) {
     let face = new FaceLandmarks(results[0], this.width, this.height);
@@ -2253,17 +2258,18 @@ class FaceML5Detector {
     if (this.frontFace == null) {
       this.frontFace = face;
       // await this.drawFrame('green');
-      console.log('face ok');
+      if (state.debug)
+        console.log('face ok');
     }
     else if (this.frontFace != null && this.presentedFacePose == null) {
       let ff = this.frontFace;
-      if (face.nose.y < ff.nose.y - (ff.eyesDistance() * 0.4))
+      if (face.nose.y < ff.nose.y - ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookUp;
-      if (face.nose.y > ff.nose.y + (ff.eyesDistance() * 0.4))
+      if (face.nose.y > ff.nose.y + ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookDown;
-      if (face.nose.x > ff.nose.x + (ff.eyesDistance() * 0.5))
+      if (face.nose.x > ff.nose.x + ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookLeft;
-      if (face.nose.x < ff.nose.x - (ff.eyesDistance() * 0.5))
+      if (face.nose.x < ff.nose.x - ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookRight;
       /*
       if (
@@ -6008,7 +6014,8 @@ const identificationComponentCss = "@font-face{font-family:'Inter';font-style:no
 
 const IdentificationComponent = class {
   async onTokenChange(newValue, _oldValue) {
-    //console.log('Token change called with value: ' + newValue);
+    if (state.debug)
+      console.log('Token change called with value: ' + newValue);
     if (newValue == '') {
       newValue = state.token;
       return;
@@ -6019,7 +6026,8 @@ const IdentificationComponent = class {
     }
   }
   async onOrderIdChange(newValue, _oldValue) {
-    //console.log('OrderId change called with value: ' + newValue);
+    if (state.debug)
+      console.log('OrderId change called with value: ' + newValue);
     if (state.requestId !== newValue && newValue != '') {
       state.requestId = newValue;
       state.initialised = false;
@@ -6048,7 +6056,8 @@ const IdentificationComponent = class {
     }
   }
   async onRedirectIdChange(newValue, _oldValue) {
-    //console.log('RedirectId change called with value: ' + newValue);
+    if (state.debug)
+      console.log('RedirectId change called with value: ' + newValue);
     if (state.redirectId != '') {
       newValue = state.redirectId;
       return;
@@ -6121,13 +6130,15 @@ const IdentificationComponent = class {
       paramete_values: { request_id: this.order_id, redirect_id: this.redirect_id, token: this.token },
     };
     if (this.token) {
-      //console.log('Store Token set with property value: ' + this.token);
+      if (state.debug)
+        console.log('Store Token set with property value: ' + this.token);
       state.token = this.token;
     }
     else if (state.token == '') {
       state.token = sessionStorage.getItem(SessionKeys.TokenKey);
       this.token = state.token;
-      //console.log('Store Token set with session value: ' + store.token);
+      if (state.debug)
+        console.log('Store Token set with session value: ' + state.token);
     }
     if (this.redirect_id) {
       state.redirectId = this.redirect_id;
@@ -6160,16 +6171,19 @@ const IdentificationComponent = class {
     }
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
     if (this.order_id && this.order_id != '') {
-      //console.log('Current RequestId has value: ' + this.order_id);
+      if (state.debug)
+        console.log('Current RequestId has value: ' + this.order_id);
       if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
-        //console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
+        if (state.debug)
+          console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
         state.flowStatus = FlowStatus.LANDING;
         state.initialised = false;
       }
       state.requestId = this.order_id;
     }
     else if (savedRequest) {
-      //console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
+      if (state.debug)
+        console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
       state.requestId = savedRequest;
       this.order_id = savedRequest;
     }

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

@@ -9,7 +9,8 @@ import Events from '../../helpers/Events';
 import * as uuid from 'uuid';
 export class IdentificationComponent {
   async onTokenChange(newValue, _oldValue) {
-    //console.log('Token change called with value: ' + newValue);
+    if (store.debug)
+      console.log('Token change called with value: ' + newValue);
     if (newValue == '') {
       newValue = store.token;
       return;
@@ -20,7 +21,8 @@ export class IdentificationComponent {
     }
   }
   async onOrderIdChange(newValue, _oldValue) {
-    //console.log('OrderId change called with value: ' + newValue);
+    if (store.debug)
+      console.log('OrderId change called with value: ' + newValue);
     if (store.requestId !== newValue && newValue != '') {
       store.requestId = newValue;
       store.initialised = false;
@@ -49,7 +51,8 @@ export class IdentificationComponent {
     }
   }
   async onRedirectIdChange(newValue, _oldValue) {
-    //console.log('RedirectId change called with value: ' + newValue);
+    if (store.debug)
+      console.log('RedirectId change called with value: ' + newValue);
     if (store.redirectId != '') {
       newValue = store.redirectId;
       return;
@@ -121,13 +124,15 @@ export class IdentificationComponent {
       paramete_values: { request_id: this.order_id, redirect_id: this.redirect_id, token: this.token },
     };
     if (this.token) {
-      //console.log('Store Token set with property value: ' + this.token);
+      if (store.debug)
+        console.log('Store Token set with property value: ' + this.token);
       store.token = this.token;
     }
     else if (store.token == '') {
       store.token = sessionStorage.getItem(SessionKeys.TokenKey);
       this.token = store.token;
-      //console.log('Store Token set with session value: ' + store.token);
+      if (store.debug)
+        console.log('Store Token set with session value: ' + store.token);
     }
     if (this.redirect_id) {
       store.redirectId = this.redirect_id;
@@ -160,16 +165,19 @@ export class IdentificationComponent {
     }
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
     if (this.order_id && this.order_id != '') {
-      //console.log('Current RequestId has value: ' + this.order_id);
+      if (store.debug)
+        console.log('Current RequestId has value: ' + this.order_id);
       if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
-        //console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
+        if (store.debug)
+          console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
         store.flowStatus = FlowStatus.LANDING;
         store.initialised = false;
       }
       store.requestId = this.order_id;
     }
     else if (savedRequest) {
-      //console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
+      if (store.debug)
+        console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
       store.requestId = savedRequest;
       this.order_id = savedRequest;
     }

package/dist/collection/helpers/ApiCall.js

@@ -55,7 +55,8 @@ export class ApiCall {
     return jsonResp.valid;
   }
   async AddIdentificationRequest(deviceInfo) {
-    //console.log('Calling identity request with store:' + JSON.stringify(store));
+    if (store.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(store));
     let data = {
       requestId: store.requestId,
       clientDeviceInfo: JSON.stringify(deviceInfo),

package/dist/collection/helpers/ML5.js

@@ -26,10 +26,13 @@ export class ML5 {
     });
   }
   loaded() {
-    console.log('ML5 LOADED!!!');
+    if (store.debug)
+      console.log('ML5 LOADED!!!');
   }
   gotResults(error, results) {
-    console.log(error);
-    console.log(results);
+    if (store.debug)
+      console.log(error);
+    if (store.debug)
+      console.log(results);
   }
 }

package/dist/collection/helpers/store.js

@@ -4,6 +4,7 @@ import { SessionKeys } from './textValues';
 const { state, onChange } = createStore({
   flowStatus: FlowStatus.LANDING,
   environment: 'PROD',
+  debug: false,
   requestId: '',
   redirectId: '',
   initialised: false,
@@ -16,6 +17,9 @@ const { state, onChange } = createStore({
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
+onChange('environment', value => {
+  state.debug = value == 'QA';
+});
 onChange('flowStatus', value => {
   sessionStorage.setItem(SessionKeys.FlowStatusKey, FlowStatus[value]);
 });

package/dist/collection/libs/FaceML5Detector/FaceML5Detector.js

@@ -7,6 +7,7 @@ import face_white_svg from '../../assets/canvas-masks/face_white.svg';
 // @ts-ignore
 import face_green_svg from '../../assets/canvas-masks/face_green.svg';
 import { GlobalValues } from '../../helpers/textValues';
+import store from '../../helpers/store';
 export class FaceML5Detector {
   static getInstance(stream, isMobile) {
     if (!FaceML5Detector.instance) {
@@ -146,15 +147,12 @@ export class FaceML5Detector {
     const faceBox = result[0].detection.box;
     const { top, left, bottom, right } = faceBox;
     const { imageHeight, imageWidth } = result[0].detection;
-    const topIndent = top * 100 / imageHeight;
-    const leftIndent = left * 100 / imageWidth;
-    const rightIndent = (imageWidth - right) * 100 / imageWidth;
-    const bottomIndent = (imageHeight - bottom) * 100 / imageHeight;
+    const topIndent = (top * 100) / imageHeight;
+    const leftIndent = (left * 100) / imageWidth;
+    const rightIndent = ((imageWidth - right) * 100) / imageWidth;
+    const bottomIndent = ((imageHeight - bottom) * 100) / imageHeight;
     // console.log('indent: '+topIndent+' | '+leftIndent+' | '+rightIndent+' | '+bottomIndent);
-    return !(topIndent < this.Y_OFFSET_FROM_FRAME ||
-      leftIndent < this.X_OFFSET_FROM_FRAME ||
-      rightIndent < this.X_OFFSET_FROM_FRAME ||
-      bottomIndent < this.Y_OFFSET_FROM_FRAME);
+    return !(topIndent < this.Y_OFFSET_FROM_FRAME || leftIndent < this.X_OFFSET_FROM_FRAME || rightIndent < this.X_OFFSET_FROM_FRAME || bottomIndent < this.Y_OFFSET_FROM_FRAME);
   }
   async checkFacePose(results) {
     let face = new FaceLandmarks(results[0], this.width, this.height);
@@ -163,17 +161,18 @@ export class FaceML5Detector {
     if (this.frontFace == null) {
       this.frontFace = face;
       // await this.drawFrame('green');
-      console.log('face ok');
+      if (store.debug)
+        console.log('face ok');
     }
     else if (this.frontFace != null && this.presentedFacePose == null) {
       let ff = this.frontFace;
-      if (face.nose.y < ff.nose.y - (ff.eyesDistance() * 0.4))
+      if (face.nose.y < ff.nose.y - ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookUp;
-      if (face.nose.y > ff.nose.y + (ff.eyesDistance() * 0.4))
+      if (face.nose.y > ff.nose.y + ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookDown;
-      if (face.nose.x > ff.nose.x + (ff.eyesDistance() * 0.5))
+      if (face.nose.x > ff.nose.x + ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookLeft;
-      if (face.nose.x < ff.nose.x - (ff.eyesDistance() * 0.5))
+      if (face.nose.x < ff.nose.x - ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookRight;
       /*
       if (

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

@@ -347,6 +347,7 @@ MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
 const { state, onChange } = createStore({
   flowStatus: FlowStatus.LANDING,
   environment: 'PROD',
+  debug: false,
   requestId: '',
   redirectId: '',
   initialised: false,
@@ -359,6 +360,9 @@ const { state, onChange } = createStore({
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
+onChange('environment', value => {
+  state.debug = value == 'QA';
+});
 onChange('flowStatus', value => {
   sessionStorage.setItem(SessionKeys.FlowStatusKey, FlowStatus[value]);
 });
@@ -434,7 +438,8 @@ class ApiCall {
     return jsonResp.valid;
   }
   async AddIdentificationRequest(deviceInfo) {
-    //console.log('Calling identity request with store:' + JSON.stringify(store));
+    if (state.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(state));
     let data = {
       requestId: state.requestId,
       clientDeviceInfo: JSON.stringify(deviceInfo),
@@ -1887,11 +1892,14 @@ class ML5 {
     });
   }
   loaded() {
-    console.log('ML5 LOADED!!!');
+    if (state.debug)
+      console.log('ML5 LOADED!!!');
   }
   gotResults(error, results) {
-    console.log(error);
-    console.log(results);
+    if (state.debug)
+      console.log(error);
+    if (state.debug)
+      console.log(results);
   }
 }
 
@@ -2232,15 +2240,12 @@ class FaceML5Detector {
     const faceBox = result[0].detection.box;
     const { top, left, bottom, right } = faceBox;
     const { imageHeight, imageWidth } = result[0].detection;
-    const topIndent = top * 100 / imageHeight;
-    const leftIndent = left * 100 / imageWidth;
-    const rightIndent = (imageWidth - right) * 100 / imageWidth;
-    const bottomIndent = (imageHeight - bottom) * 100 / imageHeight;
+    const topIndent = (top * 100) / imageHeight;
+    const leftIndent = (left * 100) / imageWidth;
+    const rightIndent = ((imageWidth - right) * 100) / imageWidth;
+    const bottomIndent = ((imageHeight - bottom) * 100) / imageHeight;
     // console.log('indent: '+topIndent+' | '+leftIndent+' | '+rightIndent+' | '+bottomIndent);
-    return !(topIndent < this.Y_OFFSET_FROM_FRAME ||
-      leftIndent < this.X_OFFSET_FROM_FRAME ||
-      rightIndent < this.X_OFFSET_FROM_FRAME ||
-      bottomIndent < this.Y_OFFSET_FROM_FRAME);
+    return !(topIndent < this.Y_OFFSET_FROM_FRAME || leftIndent < this.X_OFFSET_FROM_FRAME || rightIndent < this.X_OFFSET_FROM_FRAME || bottomIndent < this.Y_OFFSET_FROM_FRAME);
   }
   async checkFacePose(results) {
     let face = new FaceLandmarks(results[0], this.width, this.height);
@@ -2249,17 +2254,18 @@ class FaceML5Detector {
     if (this.frontFace == null) {
       this.frontFace = face;
       // await this.drawFrame('green');
-      console.log('face ok');
+      if (state.debug)
+        console.log('face ok');
     }
     else if (this.frontFace != null && this.presentedFacePose == null) {
       let ff = this.frontFace;
-      if (face.nose.y < ff.nose.y - (ff.eyesDistance() * 0.4))
+      if (face.nose.y < ff.nose.y - ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookUp;
-      if (face.nose.y > ff.nose.y + (ff.eyesDistance() * 0.4))
+      if (face.nose.y > ff.nose.y + ff.eyesDistance() * 0.4)
         this.presentedFacePose = FacePose.LookDown;
-      if (face.nose.x > ff.nose.x + (ff.eyesDistance() * 0.5))
+      if (face.nose.x > ff.nose.x + ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookLeft;
-      if (face.nose.x < ff.nose.x - (ff.eyesDistance() * 0.5))
+      if (face.nose.x < ff.nose.x - ff.eyesDistance() * 0.5)
         this.presentedFacePose = FacePose.LookRight;
       /*
       if (
@@ -6004,7 +6010,8 @@ const identificationComponentCss = "@font-face{font-family:'Inter';font-style:no
 
 const IdentificationComponent = class {
   async onTokenChange(newValue, _oldValue) {
-    //console.log('Token change called with value: ' + newValue);
+    if (state.debug)
+      console.log('Token change called with value: ' + newValue);
     if (newValue == '') {
       newValue = state.token;
       return;
@@ -6015,7 +6022,8 @@ const IdentificationComponent = class {
     }
   }
   async onOrderIdChange(newValue, _oldValue) {
-    //console.log('OrderId change called with value: ' + newValue);
+    if (state.debug)
+      console.log('OrderId change called with value: ' + newValue);
     if (state.requestId !== newValue && newValue != '') {
       state.requestId = newValue;
       state.initialised = false;
@@ -6044,7 +6052,8 @@ const IdentificationComponent = class {
     }
   }
   async onRedirectIdChange(newValue, _oldValue) {
-    //console.log('RedirectId change called with value: ' + newValue);
+    if (state.debug)
+      console.log('RedirectId change called with value: ' + newValue);
     if (state.redirectId != '') {
       newValue = state.redirectId;
       return;
@@ -6117,13 +6126,15 @@ const IdentificationComponent = class {
       paramete_values: { request_id: this.order_id, redirect_id: this.redirect_id, token: this.token },
     };
     if (this.token) {
-      //console.log('Store Token set with property value: ' + this.token);
+      if (state.debug)
+        console.log('Store Token set with property value: ' + this.token);
       state.token = this.token;
     }
     else if (state.token == '') {
       state.token = sessionStorage.getItem(SessionKeys.TokenKey);
       this.token = state.token;
-      //console.log('Store Token set with session value: ' + store.token);
+      if (state.debug)
+        console.log('Store Token set with session value: ' + state.token);
     }
     if (this.redirect_id) {
       state.redirectId = this.redirect_id;
@@ -6156,16 +6167,19 @@ const IdentificationComponent = class {
     }
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
     if (this.order_id && this.order_id != '') {
-      //console.log('Current RequestId has value: ' + this.order_id);
+      if (state.debug)
+        console.log('Current RequestId has value: ' + this.order_id);
       if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
-        //console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
+        if (state.debug)
+          console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
         state.flowStatus = FlowStatus.LANDING;
         state.initialised = false;
       }
       state.requestId = this.order_id;
     }
     else if (savedRequest) {
-      //console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
+      if (state.debug)
+        console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
       state.requestId = savedRequest;
       this.order_id = savedRequest;
     }