@ekyc_qoobiss/qbs-ect-cmp 2.1.9 → 2.1.11

package/dist/cjs/{agreement-check_17.cjs.entry.js → agreement-check_18.cjs.entry.js}

@@ -215,6 +215,7 @@ var FlowStatus;
   FlowStatus[FlowStatus["LIVENESS"] = 6] = "LIVENESS";
   FlowStatus[FlowStatus["COMPLETE"] = 7] = "COMPLETE";
   FlowStatus[FlowStatus["ERROREND"] = 8] = "ERROREND";
+  FlowStatus[FlowStatus["CAMERAERROR"] = 9] = "CAMERAERROR";
 })(FlowStatus || (FlowStatus = {}));
 
 class GlobalValues {
@@ -353,7 +354,13 @@ MobileRedirectValues.InfoTop = 'Pentru a continua scanați codul de mai jos cu u
 MobileRedirectValues.InfoBottom = 'Sau introduceți un număr de telefon pentru a primi link-ul pe smartphone.';
 MobileRedirectValues.Validation = 'Număr de telefon invalid!';
 MobileRedirectValues.InfoWaiting = 'Așteptăm finalizarea procesului pe smartphone.';
-MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
+MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
+class CameraErrorValues extends GlobalValues {
+}
+CameraErrorValues.Title = 'Procesul de indetificare nu poate continua.';
+CameraErrorValues.Description = 'Nu am putut detecta nicio camera. Cel mai probabil nu ai acordat drept de acces acestui site, Te rugam sa dai acces si sa apesi butonul de mai jos dupa aceea.';
+CameraErrorValues.Button = 'Reincep procesul';
+CameraErrorValues.HowToLink = 'https://ekyc.blob.core.windows.net/$web/animations/enable_permissions_sm.mp4';
 
 const { state, onChange } = createStore({
   flowStatus: FlowStatus.LANDING,
@@ -410,6 +417,7 @@ var FlowSteps;
   FlowSteps[FlowSteps["SelfieHowTo"] = 9] = "SelfieHowTo";
   FlowSteps[FlowSteps["Selfie"] = 10] = "Selfie";
   FlowSteps[FlowSteps["End"] = 11] = "End";
+  FlowSteps[FlowSteps["CameraError"] = 12] = "CameraError";
 })(FlowSteps || (FlowSteps = {}));
 
 class ApiCall {
@@ -5163,6 +5171,171 @@ 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;
+      return true;
+    }
+    catch (e) {
+      console.log(e);
+      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) ;
+    }
+    return false;
+  }
+}
+
+const cameraErrorCss = "";
+
+const CameraError = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.device = undefined;
+    this.title = undefined;
+    this.description = undefined;
+    this.buttonDisabled = undefined;
+    this.demoVideo = undefined;
+    this.apiCall = new ApiCall();
+  }
+  async componentWillLoad() {
+    this.buttonDisabled = false;
+    this.title = CameraErrorValues.Title;
+    this.description = CameraErrorValues.Description;
+    this.buttonText = CameraErrorValues.Button;
+  }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CameraError);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+    this.demoVideo.src = CameraErrorValues.HowToLink;
+    this.demoVideo.play();
+  }
+  async buttonClick() {
+    this.buttonDisabled = true;
+    if (!(await Cameras.InitCameras(this.device))) {
+      this.buttonDisabled = false;
+      return;
+    }
+    if (state.agreementsValidation) {
+      state.flowStatus = FlowStatus.AGREEMENT;
+    }
+    else if (state.phoneValidation) {
+      state.flowStatus = FlowStatus.PHONE;
+    }
+    else {
+      state.flowStatus = FlowStatus.ID;
+    }
+  }
+  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("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))))));
+  }
+};
+CameraError.style = cameraErrorCss;
+
 const captureErrorCss = "";
 
 const CaptureError = class {
@@ -5345,105 +5518,6 @@ 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;
-  }
-}
-
 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 {
@@ -5500,9 +5574,7 @@ const IdBackCapture = class {
     this.openCamera();
   }
   async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
+    var constraints = this.cameras.GetConstraints(state.cameraId, this.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -5613,9 +5685,7 @@ const IdCapture = class {
     this.openCamera();
   }
   async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
+    var constraints = this.cameras.GetConstraints(state.cameraId, this.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -6098,7 +6168,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "2.1.9";
+const version$1 = "2.1.11";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -6415,6 +6485,9 @@ const IdentificationComponent = class {
     if (state.flowStatus == FlowStatus.ERROREND) {
       currentBlock = index.h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
+    if (state.flowStatus == FlowStatus.CAMERAERROR) {
+      currentBlock = index.h("camera-error", { device: this.device });
+    }
     return index.h("div", null, currentBlock);
   }
   static get watchers() { return {
@@ -6469,6 +6542,10 @@ const LandingValidation = class {
   }
   async startFlow() {
     if (state.initialised) {
+      if (!(await Cameras.InitCameras(this.device))) {
+        state.flowStatus = FlowStatus.CAMERAERROR;
+        return;
+      }
       if (state.agreementsValidation) {
         state.flowStatus = FlowStatus.AGREEMENT;
       }
@@ -9824,6 +9901,7 @@ UserLiveness.style = userLivenessCss;
 exports.agreement_check = AgreementCheck;
 exports.agreement_info = AgreementInfo;
 exports.camera_comp = Camera;
+exports.camera_error = CameraError;
 exports.capture_error = CaptureError;
 exports.end_redirect = EndRedirect;
 exports.error_end = ErrorEnd;

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"device":[16],"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
   });
 };
 

package/dist/cjs/qbs-ect-cmp.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"device":[16],"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,6 +1,7 @@
 {
   "entries": [
     "./components/common/agreement-check/agreement-check.js",
+    "./components/common/camera-error/camera-error.js",
     "./components/common/capture-error/capture-error.js",
     "./components/common/how-to-info/how-to-info.js",
     "./components/common/id-back-capture/id-back-capture.js",

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

@@ -0,0 +1,113 @@
+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 {
+  constructor() {
+    this.device = undefined;
+    this.title = undefined;
+    this.description = undefined;
+    this.buttonDisabled = undefined;
+    this.demoVideo = undefined;
+    this.apiCall = new ApiCall();
+  }
+  async componentWillLoad() {
+    this.buttonDisabled = false;
+    this.title = CameraErrorValues.Title;
+    this.description = CameraErrorValues.Description;
+    this.buttonText = CameraErrorValues.Button;
+  }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CameraError);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+    this.demoVideo.src = CameraErrorValues.HowToLink;
+    this.demoVideo.play();
+  }
+  async buttonClick() {
+    this.buttonDisabled = true;
+    if (!(await Cameras.InitCameras(this.device))) {
+      this.buttonDisabled = false;
+      return;
+    }
+    if (store.agreementsValidation) {
+      store.flowStatus = FlowStatus.AGREEMENT;
+    }
+    else if (store.phoneValidation) {
+      store.flowStatus = FlowStatus.PHONE;
+    }
+    else {
+      store.flowStatus = FlowStatus.ID;
+    }
+  }
+  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("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))))));
+  }
+  static get is() { return "camera-error"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["camera-error.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["camera-error.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "device": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Device",
+          "resolved": "Device",
+          "references": {
+            "Device": {
+              "location": "import",
+              "path": "../../../models/IDevice"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "title": {},
+      "description": {},
+      "buttonDisabled": {},
+      "demoVideo": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}

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

@@ -7,6 +7,7 @@ import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
 import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
 import { IDPose } from '../../../libs/IDML5Detector/IDPose';
 import { delay } from '../../../utils/utils';
+import store from '../../../helpers/store';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdBackCapture {
   // @State() private animationPath: string;
@@ -60,9 +61,7 @@ export class IdBackCapture {
     this.openCamera();
   }
   async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
+    var constraints = this.cameras.GetConstraints(store.cameraId, this.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

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

@@ -7,6 +7,7 @@ import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
 import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
 import { IDPose } from '../../../libs/IDML5Detector/IDPose';
 import { delay } from '../../../utils/utils';
+import store from '../../../helpers/store';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdCapture {
   // @State() private animationPath: string;
@@ -56,9 +57,7 @@ export class IdCapture {
     this.openCamera();
   }
   async openCamera() {
-    let _cameras = await this.cameras.GetCameras(this.device);
-    var recommCamera = this.cameras.GetRecommendedCamera(_cameras);
-    var constraints = this.cameras.GetConstraints(recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId, this.device);
+    var constraints = this.cameras.GetConstraints(store.cameraId, this.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)

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

@@ -10,6 +10,7 @@ import Events from '../../../helpers/Events';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { ApiCall } from '../../../helpers/ApiCall';
 import { FlowSteps } from '../../../models/FlowSteps';
+import { Cameras } from '../../../helpers/Cameras';
 export class LandingValidation {
   constructor() {
     this.device = undefined;
@@ -39,6 +40,10 @@ export class LandingValidation {
   }
   async startFlow() {
     if (store.initialised) {
+      if (!(await Cameras.InitCameras(this.device))) {
+        store.flowStatus = FlowStatus.CAMERAERROR;
+        return;
+      }
       if (store.agreementsValidation) {
         store.flowStatus = FlowStatus.AGREEMENT;
       }

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

@@ -254,6 +254,9 @@ export class IdentificationComponent {
     if (store.flowStatus == FlowStatus.ERROREND) {
       currentBlock = h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
+    if (store.flowStatus == FlowStatus.CAMERAERROR) {
+      currentBlock = h("camera-error", { device: this.device });
+    }
     return h("div", null, currentBlock);
   }
   static get is() { return "identification-component"; }

package/dist/collection/helpers/Cameras.js

@@ -1,3 +1,4 @@
+import store from './store';
 export class Cameras {
   async GetCameras(deviceInfo) {
     var allDevices = [];
@@ -95,4 +96,20 @@ export class Cameras {
     }
     return null;
   }
+  static async InitCameras(device) {
+    try {
+      let cam = new Cameras();
+      let cameras = await cam.GetCameras(device);
+      var recommCamera = cam.GetRecommendedCamera(cameras);
+      store.cameraIds = cameras.map(camera => camera.deviceId);
+      store.cameraId = recommCamera;
+      return true;
+    }
+    catch (e) {
+      console.log(e);
+      if (e.message.includes('Permission denied') || e.name.includes('NotAllowedError')) {
+      }
+    }
+    return false;
+  }
 }

package/dist/collection/helpers/textValues.js

@@ -136,3 +136,9 @@ MobileRedirectValues.InfoBottom = 'Sau introduceți un număr de telefon pentru
 MobileRedirectValues.Validation = 'Număr de telefon invalid!';
 MobileRedirectValues.InfoWaiting = 'Așteptăm finalizarea procesului pe smartphone.';
 MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
+export class CameraErrorValues extends GlobalValues {
+}
+CameraErrorValues.Title = 'Procesul de indetificare nu poate continua.';
+CameraErrorValues.Description = 'Nu am putut detecta nicio camera. Cel mai probabil nu ai acordat drept de acces acestui site, Te rugam sa dai acces si sa apesi butonul de mai jos dupa aceea.';
+CameraErrorValues.Button = 'Reincep procesul';
+CameraErrorValues.HowToLink = 'https://ekyc.blob.core.windows.net/$web/animations/enable_permissions_sm.mp4';

package/dist/collection/models/FlowStatus.js

@@ -9,4 +9,5 @@ export var FlowStatus;
   FlowStatus[FlowStatus["LIVENESS"] = 6] = "LIVENESS";
   FlowStatus[FlowStatus["COMPLETE"] = 7] = "COMPLETE";
   FlowStatus[FlowStatus["ERROREND"] = 8] = "ERROREND";
+  FlowStatus[FlowStatus["CAMERAERROR"] = 9] = "CAMERAERROR";
 })(FlowStatus || (FlowStatus = {}));