@ekyc_qoobiss/qbs-ect-cmp 2.1.14 → 2.1.15

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

@@ -5171,122 +5171,6 @@ const Camera = class {
 };
 Camera.style = cameraCss;
 
-class Cameras {
-  async GetCameras(deviceInfo) {
-    var allDevices = [];
-    const devices = await navigator.mediaDevices.enumerateDevices();
-    const videoDevices = devices.filter(device => device.kind === 'videoinput');
-    for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
-      const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
-      stream.getVideoTracks().forEach(track => {
-        if (deviceInfo.isFirefox) {
-          const settings = track.getSettings();
-          let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
-          facingMode = facingMode === 'e' ? 'environment' : facingMode;
-          allDevices.push({
-            deviceId: device.deviceId,
-            name: device.label,
-            height: settings.height,
-            width: settings.width,
-            frameRate: Number(settings.frameRate.max),
-            torch: false,
-            recommended: false,
-            facingMode: facingMode,
-          });
-        }
-        else {
-          const capabilities = track.getCapabilities();
-          let facingMode = capabilities.facingMode && capabilities.facingMode.length > 0 ? capabilities.facingMode[0] : '';
-          facingMode = facingMode === 'e' ? 'environment' : facingMode;
-          allDevices.push({
-            deviceId: device.deviceId,
-            name: device.label,
-            height: capabilities.height.max,
-            width: capabilities.width.max,
-            frameRate: Number(capabilities.frameRate.max),
-            torch: capabilities.torch,
-            recommended: false,
-            facingMode: facingMode,
-          });
-        }
-      });
-      stream.getTracks().forEach(track => {
-        track.stop();
-      });
-    }
-    if (allDevices.length > 0) {
-      allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
-      var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
-      if (firstOption) {
-        allDevices[allDevices.indexOf(firstOption)].recommended = true;
-      }
-      else {
-        var firstEnv = allDevices.find(i => i.facingMode === 'environment');
-        if (firstEnv) {
-          allDevices[allDevices.indexOf(firstEnv)].recommended = true;
-        }
-      }
-    }
-    return allDevices;
-  }
-  GetConstraints(selectedDeviceId, device, portrait = false) {
-    let constraints = {
-      audio: false,
-      video: {
-        frameRate: 30,
-      },
-    };
-    if (selectedDeviceId) {
-      constraints.video.deviceId = {
-        exact: selectedDeviceId,
-      };
-    }
-    if (device.isWin) {
-      constraints.video.width = { ideal: 1280 };
-    }
-    else {
-      if (portrait) {
-        constraints.video.facingMode = 'user';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.height = { ideal: 720 };
-      }
-      else {
-        constraints.video.facingMode = 'environment';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.aspectRatio = 1;
-      }
-    }
-    return constraints;
-  }
-  GetRecommendedCamera(cameras) {
-    if (cameras && cameras.length > 0) {
-      var recommDevice = cameras.find(c => c.recommended);
-      if (recommDevice) {
-        return recommDevice;
-      }
-    }
-    return null;
-  }
-  static async InitCameras(device) {
-    try {
-      let cam = new Cameras();
-      let cameras = await cam.GetCameras(device);
-      var recommCamera = cam.GetRecommendedCamera(cameras);
-      state.cameraIds = cameras.map(camera => camera.deviceId);
-      state.cameraId = recommCamera.deviceId;
-      return true;
-    }
-    catch (e) {
-      console.log(e);
-      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) {
-        return false;
-      }
-      throw e;
-    }
-  }
-}
-
 const cameraErrorCss = "";
 
 const CameraError = class {
@@ -5305,6 +5189,11 @@ const CameraError = class {
     this.title = CameraErrorValues.Title;
     this.description = CameraErrorValues.Description;
     this.buttonText = CameraErrorValues.Button;
+    if (!this.device.isIos) {
+      this.demoVideo.src = CameraErrorValues.HowToLink;
+      this.demoVideo.loop = true;
+      this.demoVideo.play();
+    }
   }
   async componentDidLoad() {
     try {
@@ -5313,29 +5202,13 @@ const CameraError = class {
     catch (e) {
       this.apiErrorEvent.emit(e);
     }
-    if (!this.device.isIos) {
-      this.demoVideo.src = CameraErrorValues.HowToLink;
-      this.demoVideo.loop = true;
-      this.demoVideo.play();
-    }
   }
   async buttonClick() {
     this.buttonDisabled = true;
     if (this.device.isIos) {
       window.location.reload();
     }
-    if (!(await Cameras.InitCameras(this.device))) {
-      this.buttonDisabled = false;
-    }
-    else if (state.agreementsValidation) {
-      state.flowStatus = FlowStatus.AGREEMENT;
-    }
-    else if (state.phoneValidation) {
-      state.flowStatus = FlowStatus.PHONE;
-    }
-    else {
-      state.flowStatus = FlowStatus.ID;
-    }
+    state.flowStatus = FlowStatus.LANDING;
   }
   render() {
     return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.title), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), index.h("div", { hidden: this.device.isIos }, index.h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
@@ -5525,6 +5398,122 @@ const HowToInfo = class {
 };
 HowToInfo.style = howToInfoCss;
 
+class Cameras {
+  async GetCameras(deviceInfo) {
+    var allDevices = [];
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const videoDevices = devices.filter(device => device.kind === 'videoinput');
+    for (const device of videoDevices) {
+      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
+      stream.getVideoTracks().forEach(track => {
+        if (deviceInfo.isFirefox) {
+          const settings = track.getSettings();
+          let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
+          facingMode = facingMode === 'e' ? 'environment' : facingMode;
+          allDevices.push({
+            deviceId: device.deviceId,
+            name: device.label,
+            height: settings.height,
+            width: settings.width,
+            frameRate: Number(settings.frameRate.max),
+            torch: false,
+            recommended: false,
+            facingMode: facingMode,
+          });
+        }
+        else {
+          const capabilities = track.getCapabilities();
+          let facingMode = capabilities.facingMode && capabilities.facingMode.length > 0 ? capabilities.facingMode[0] : '';
+          facingMode = facingMode === 'e' ? 'environment' : facingMode;
+          allDevices.push({
+            deviceId: device.deviceId,
+            name: device.label,
+            height: capabilities.height.max,
+            width: capabilities.width.max,
+            frameRate: Number(capabilities.frameRate.max),
+            torch: capabilities.torch,
+            recommended: false,
+            facingMode: facingMode,
+          });
+        }
+      });
+      stream.getTracks().forEach(track => {
+        track.stop();
+      });
+    }
+    if (allDevices.length > 0) {
+      allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
+      var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
+      if (firstOption) {
+        allDevices[allDevices.indexOf(firstOption)].recommended = true;
+      }
+      else {
+        var firstEnv = allDevices.find(i => i.facingMode === 'environment');
+        if (firstEnv) {
+          allDevices[allDevices.indexOf(firstEnv)].recommended = true;
+        }
+      }
+    }
+    return allDevices;
+  }
+  GetConstraints(selectedDeviceId, device, portrait = false) {
+    let constraints = {
+      audio: false,
+      video: {
+        frameRate: 30,
+      },
+    };
+    if (selectedDeviceId) {
+      constraints.video.deviceId = {
+        exact: selectedDeviceId,
+      };
+    }
+    if (device.isWin) {
+      constraints.video.width = { ideal: 1280 };
+    }
+    else {
+      if (portrait) {
+        constraints.video.facingMode = 'user';
+        constraints.video.width = { ideal: 1280 };
+        constraints.video.height = { ideal: 720 };
+      }
+      else {
+        constraints.video.facingMode = 'environment';
+        constraints.video.width = { ideal: 1280 };
+        constraints.video.aspectRatio = 1;
+      }
+    }
+    return constraints;
+  }
+  GetRecommendedCamera(cameras) {
+    if (cameras && cameras.length > 0) {
+      var recommDevice = cameras.find(c => c.recommended);
+      if (recommDevice) {
+        return recommDevice;
+      }
+    }
+    return null;
+  }
+  static async InitCameras(device) {
+    try {
+      let cam = new Cameras();
+      let cameras = await cam.GetCameras(device);
+      var recommCamera = cam.GetRecommendedCamera(cameras);
+      state.cameraIds = cameras.map(camera => camera.deviceId);
+      state.cameraId = recommCamera.deviceId;
+      return true;
+    }
+    catch (e) {
+      console.log(e);
+      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) {
+        return false;
+      }
+      throw e;
+    }
+  }
+}
+
 const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdBackCapture = class {
@@ -6175,7 +6164,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "2.1.14";
+const version$1 = "2.1.15";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";

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

@@ -2,7 +2,6 @@ import { h } from '@stencil/core';
 import { CameraErrorValues } from '../../../helpers/textValues';
 import store from '../../../helpers/store';
 import { FlowStatus } from '../../../models/FlowStatus';
-import { Cameras } from '../../../helpers/Cameras';
 import { ApiCall } from '../../../helpers/ApiCall';
 import { FlowSteps } from '../../../models/FlowSteps';
 export class CameraError {
@@ -19,6 +18,11 @@ export class CameraError {
     this.title = CameraErrorValues.Title;
     this.description = CameraErrorValues.Description;
     this.buttonText = CameraErrorValues.Button;
+    if (!this.device.isIos) {
+      this.demoVideo.src = CameraErrorValues.HowToLink;
+      this.demoVideo.loop = true;
+      this.demoVideo.play();
+    }
   }
   async componentDidLoad() {
     try {
@@ -27,29 +31,13 @@ export class CameraError {
     catch (e) {
       this.apiErrorEvent.emit(e);
     }
-    if (!this.device.isIos) {
-      this.demoVideo.src = CameraErrorValues.HowToLink;
-      this.demoVideo.loop = true;
-      this.demoVideo.play();
-    }
   }
   async buttonClick() {
     this.buttonDisabled = true;
     if (this.device.isIos) {
       window.location.reload();
     }
-    if (!(await Cameras.InitCameras(this.device))) {
-      this.buttonDisabled = false;
-    }
-    else if (store.agreementsValidation) {
-      store.flowStatus = FlowStatus.AGREEMENT;
-    }
-    else if (store.phoneValidation) {
-      store.flowStatus = FlowStatus.PHONE;
-    }
-    else {
-      store.flowStatus = FlowStatus.ID;
-    }
+    store.flowStatus = FlowStatus.LANDING;
   }
   render() {
     return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.title), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), h("div", { hidden: this.device.isIos }, h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));

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

@@ -5167,122 +5167,6 @@ const Camera = class {
 };
 Camera.style = cameraCss;
 
-class Cameras {
-  async GetCameras(deviceInfo) {
-    var allDevices = [];
-    const devices = await navigator.mediaDevices.enumerateDevices();
-    const videoDevices = devices.filter(device => device.kind === 'videoinput');
-    for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
-      const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
-      stream.getVideoTracks().forEach(track => {
-        if (deviceInfo.isFirefox) {
-          const settings = track.getSettings();
-          let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
-          facingMode = facingMode === 'e' ? 'environment' : facingMode;
-          allDevices.push({
-            deviceId: device.deviceId,
-            name: device.label,
-            height: settings.height,
-            width: settings.width,
-            frameRate: Number(settings.frameRate.max),
-            torch: false,
-            recommended: false,
-            facingMode: facingMode,
-          });
-        }
-        else {
-          const capabilities = track.getCapabilities();
-          let facingMode = capabilities.facingMode && capabilities.facingMode.length > 0 ? capabilities.facingMode[0] : '';
-          facingMode = facingMode === 'e' ? 'environment' : facingMode;
-          allDevices.push({
-            deviceId: device.deviceId,
-            name: device.label,
-            height: capabilities.height.max,
-            width: capabilities.width.max,
-            frameRate: Number(capabilities.frameRate.max),
-            torch: capabilities.torch,
-            recommended: false,
-            facingMode: facingMode,
-          });
-        }
-      });
-      stream.getTracks().forEach(track => {
-        track.stop();
-      });
-    }
-    if (allDevices.length > 0) {
-      allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
-      var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
-      if (firstOption) {
-        allDevices[allDevices.indexOf(firstOption)].recommended = true;
-      }
-      else {
-        var firstEnv = allDevices.find(i => i.facingMode === 'environment');
-        if (firstEnv) {
-          allDevices[allDevices.indexOf(firstEnv)].recommended = true;
-        }
-      }
-    }
-    return allDevices;
-  }
-  GetConstraints(selectedDeviceId, device, portrait = false) {
-    let constraints = {
-      audio: false,
-      video: {
-        frameRate: 30,
-      },
-    };
-    if (selectedDeviceId) {
-      constraints.video.deviceId = {
-        exact: selectedDeviceId,
-      };
-    }
-    if (device.isWin) {
-      constraints.video.width = { ideal: 1280 };
-    }
-    else {
-      if (portrait) {
-        constraints.video.facingMode = 'user';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.height = { ideal: 720 };
-      }
-      else {
-        constraints.video.facingMode = 'environment';
-        constraints.video.width = { ideal: 1280 };
-        constraints.video.aspectRatio = 1;
-      }
-    }
-    return constraints;
-  }
-  GetRecommendedCamera(cameras) {
-    if (cameras && cameras.length > 0) {
-      var recommDevice = cameras.find(c => c.recommended);
-      if (recommDevice) {
-        return recommDevice;
-      }
-    }
-    return null;
-  }
-  static async InitCameras(device) {
-    try {
-      let cam = new Cameras();
-      let cameras = await cam.GetCameras(device);
-      var recommCamera = cam.GetRecommendedCamera(cameras);
-      state.cameraIds = cameras.map(camera => camera.deviceId);
-      state.cameraId = recommCamera.deviceId;
-      return true;
-    }
-    catch (e) {
-      console.log(e);
-      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) {
-        return false;
-      }
-      throw e;
-    }
-  }
-}
-
 const cameraErrorCss = "";
 
 const CameraError = class {
@@ -5301,6 +5185,11 @@ const CameraError = class {
     this.title = CameraErrorValues.Title;
     this.description = CameraErrorValues.Description;
     this.buttonText = CameraErrorValues.Button;
+    if (!this.device.isIos) {
+      this.demoVideo.src = CameraErrorValues.HowToLink;
+      this.demoVideo.loop = true;
+      this.demoVideo.play();
+    }
   }
   async componentDidLoad() {
     try {
@@ -5309,29 +5198,13 @@ const CameraError = class {
     catch (e) {
       this.apiErrorEvent.emit(e);
     }
-    if (!this.device.isIos) {
-      this.demoVideo.src = CameraErrorValues.HowToLink;
-      this.demoVideo.loop = true;
-      this.demoVideo.play();
-    }
   }
   async buttonClick() {
     this.buttonDisabled = true;
     if (this.device.isIos) {
       window.location.reload();
     }
-    if (!(await Cameras.InitCameras(this.device))) {
-      this.buttonDisabled = false;
-    }
-    else if (state.agreementsValidation) {
-      state.flowStatus = FlowStatus.AGREEMENT;
-    }
-    else if (state.phoneValidation) {
-      state.flowStatus = FlowStatus.PHONE;
-    }
-    else {
-      state.flowStatus = FlowStatus.ID;
-    }
+    state.flowStatus = FlowStatus.LANDING;
   }
   render() {
     return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.title), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), h("div", { hidden: this.device.isIos }, h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
@@ -5521,6 +5394,122 @@ const HowToInfo = class {
 };
 HowToInfo.style = howToInfoCss;
 
+class Cameras {
+  async GetCameras(deviceInfo) {
+    var allDevices = [];
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const videoDevices = devices.filter(device => device.kind === 'videoinput');
+    for (const device of videoDevices) {
+      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
+      stream.getVideoTracks().forEach(track => {
+        if (deviceInfo.isFirefox) {
+          const settings = track.getSettings();
+          let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
+          facingMode = facingMode === 'e' ? 'environment' : facingMode;
+          allDevices.push({
+            deviceId: device.deviceId,
+            name: device.label,
+            height: settings.height,
+            width: settings.width,
+            frameRate: Number(settings.frameRate.max),
+            torch: false,
+            recommended: false,
+            facingMode: facingMode,
+          });
+        }
+        else {
+          const capabilities = track.getCapabilities();
+          let facingMode = capabilities.facingMode && capabilities.facingMode.length > 0 ? capabilities.facingMode[0] : '';
+          facingMode = facingMode === 'e' ? 'environment' : facingMode;
+          allDevices.push({
+            deviceId: device.deviceId,
+            name: device.label,
+            height: capabilities.height.max,
+            width: capabilities.width.max,
+            frameRate: Number(capabilities.frameRate.max),
+            torch: capabilities.torch,
+            recommended: false,
+            facingMode: facingMode,
+          });
+        }
+      });
+      stream.getTracks().forEach(track => {
+        track.stop();
+      });
+    }
+    if (allDevices.length > 0) {
+      allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
+      var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
+      if (firstOption) {
+        allDevices[allDevices.indexOf(firstOption)].recommended = true;
+      }
+      else {
+        var firstEnv = allDevices.find(i => i.facingMode === 'environment');
+        if (firstEnv) {
+          allDevices[allDevices.indexOf(firstEnv)].recommended = true;
+        }
+      }
+    }
+    return allDevices;
+  }
+  GetConstraints(selectedDeviceId, device, portrait = false) {
+    let constraints = {
+      audio: false,
+      video: {
+        frameRate: 30,
+      },
+    };
+    if (selectedDeviceId) {
+      constraints.video.deviceId = {
+        exact: selectedDeviceId,
+      };
+    }
+    if (device.isWin) {
+      constraints.video.width = { ideal: 1280 };
+    }
+    else {
+      if (portrait) {
+        constraints.video.facingMode = 'user';
+        constraints.video.width = { ideal: 1280 };
+        constraints.video.height = { ideal: 720 };
+      }
+      else {
+        constraints.video.facingMode = 'environment';
+        constraints.video.width = { ideal: 1280 };
+        constraints.video.aspectRatio = 1;
+      }
+    }
+    return constraints;
+  }
+  GetRecommendedCamera(cameras) {
+    if (cameras && cameras.length > 0) {
+      var recommDevice = cameras.find(c => c.recommended);
+      if (recommDevice) {
+        return recommDevice;
+      }
+    }
+    return null;
+  }
+  static async InitCameras(device) {
+    try {
+      let cam = new Cameras();
+      let cameras = await cam.GetCameras(device);
+      var recommCamera = cam.GetRecommendedCamera(cameras);
+      state.cameraIds = cameras.map(camera => camera.deviceId);
+      state.cameraId = recommCamera.deviceId;
+      return true;
+    }
+    catch (e) {
+      console.log(e);
+      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) {
+        return false;
+      }
+      throw e;
+    }
+  }
+}
+
 const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdBackCapture = class {
@@ -6171,7 +6160,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "2.1.14";
+const version$1 = "2.1.15";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";