easyproctor-hml 0.0.54 → 0.0.56

package/errors/errors.d.ts

@@ -10,6 +10,8 @@ export declare const PROCTORING_RUNNING = "proctoring_running";
 export declare const NO_VIDEOS_RECORDED = "no_videos_recorded";
 export declare const PERMISSIONS_NOT_GRANTED = "permissions_not_granted";
 export declare const ANOTHER_STREAM_ACTIVE = "another_stream_active";
+export declare const STREAM_UNDER_MINIMUM_PERMITTED = "stream_under_minimum_permitted";
 export declare const BROWSER_NOT_SUPPORTED = "browser_not_supported";
 export declare const TOKEN_MISSING = "token_missing";
 export declare const CREDENTIALS_MISSING = "credentials_missing";
+export declare const CAMERA_BLOCKED = "camera_blocked";

package/esm/index.js

@@ -17376,6 +17376,7 @@ var MULTIPLE_MONITORS_DETECTED = "multiple_monitors_detected";
 var PROCTORING_ALREADY_STARTED = "proctoring_already_started";
 var PROCTORING_NOT_STARTED = "proctoring_not_started";
 var ANOTHER_STREAM_ACTIVE = "another_stream_active";
+var STREAM_UNDER_MINIMUM_PERMITTED = "stream_under_minimum_permitted";
 var BROWSER_NOT_SUPPORTED = "browser_not_supported";
 var TOKEN_MISSING = "token_missing";
 var CREDENTIALS_MISSING = "credentials_missing";
@@ -17396,11 +17397,15 @@ var CameraRecorder = class {
       onBufferSizeError: false,
       onBufferSizeErrorCallback: () => {
       },
-      proctoringType: "IMAGE"
+      proctoringType: "IMAGE",
+      onChangeDevicesCallback: (devices) => {
+      }
     };
     this.videoOptions = {
       width: 640,
-      height: 480
+      height: 480,
+      minWidth: 0,
+      minHeight: 0
     };
     this.blobsRTC = [];
     this.imageCount = 0;
@@ -17420,8 +17425,8 @@ var CameraRecorder = class {
     this.video.srcObject = this.cameraStream;
     this.video.play();
     this.video.muted = true;
-    this.canvas.width = 1280;
-    this.canvas.height = 720;
+    this.canvas.width = this.videoOptions.width;
+    this.canvas.height = this.videoOptions.height;
   }
   async startRecording() {
     const { cameraId, microphoneId, onBufferSizeErrorCallback } = this.options;
@@ -17447,8 +17452,13 @@ var CameraRecorder = class {
     this.recordingPause = pauseRecording;
     this.recordingResume = resumeRecording;
     this.recordingStart();
-    const settings = this.cameraStream.getVideoTracks()[0].getSettings();
-    if (this.videoOptions.width !== settings.width || this.videoOptions.height !== settings.height) {
+    const tracks = this.cameraStream.getVideoTracks();
+    const settings = tracks[0].getSettings();
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      throw STREAM_UNDER_MINIMUM_PERMITTED;
+    } else if (this.videoOptions.width !== settings.width || this.videoOptions.height !== settings.height) {
+      console.log("this.videoOptions: ", this.videoOptions);
+      console.log("settings: ", settings);
       trackers.registerAnotherStream(this.proctoringId, `Maybe have another stream active
 Video Options: ${this.videoOptions}
 Setting: ${settings}`);
@@ -17470,7 +17480,7 @@ Setting: ${settings}`);
     let imageFile;
     this.configImageCapture();
     this.imageInterval = setInterval(async () => {
-      this.canvas.getContext("2d").drawImage(this.video, 0, 0, 1280, 720);
+      this.canvas.getContext("2d").drawImage(this.video, 0, 0, this.videoOptions.width, this.videoOptions.height);
       const image_data_url = this.canvas.toDataURL("image/jpeg");
       imageFile = await this.getFile(image_data_url, `${this.proctoringId}_${this.imageCount + 1}.jpg`, "image/jpeg");
       if (imageFile && this.upload && this.backendToken) {
@@ -17485,6 +17495,16 @@ Setting: ${settings}`);
       }
     }, this.imageParams.uploadInterval * 1e3);
   }
+  download(file) {
+    const url = URL.createObjectURL(file);
+    const a = document.createElement("a");
+    document.body.appendChild(a);
+    a.style.display = "none";
+    a.href = url;
+    a.download = file.name;
+    a.click();
+    window.URL.revokeObjectURL(url);
+  }
   async saveOnSession(session) {
     const settings = this.cameraStream.getVideoTracks()[0].getSettings();
     const settingsAudio = this.cameraStream.getAudioTracks()[0].getSettings();
@@ -17862,7 +17882,9 @@ function validatePartialVideoOptions(options) {
   if (!!options.width && !!options.height) {
     return {
       width: options.width,
-      height: options.height
+      height: options.height,
+      minWidth: options.minWidth,
+      minHeight: options.minHeight
     };
   } else {
     return { width: 640, height: 480 };
@@ -17872,30 +17894,48 @@ function validatePartialVideoOptions(options) {
 // src/proctoring/DeviceChecker.ts
 var DeviceChecker = class {
   constructor() {
+    this.videoOptions = { width: 1080, height: 720, minWidth: 0, minHeight: 0 };
     this.volumeMedia = 0;
     this.volumeSum = 0;
     this.volumeCounter = 0;
+    this.allowedResolution = true;
   }
-  async checkDevices(options = getDefaultProctoringOptions, _videoOptions = { width: 1080, height: 720 }) {
-    this.options = {
-      ...getDefaultProctoringOptions,
-      ...options,
-      captureScreen: false,
-      allowMultipleMonitors: true,
-      allowOnlyFirstMonitor: false
-    };
-    this.videoOptions = _videoOptions;
-    const { cameraId, microphoneId } = await this.checkDevicesInterface();
-    return new Promise((resolve) => {
-      resolve({
-        cameraId,
-        microphoneId,
-        volumeRange: this.volumeMedia
+  async checkDevices(options = getDefaultProctoringOptions, _videoOptions) {
+    try {
+      this.options = {
+        ...getDefaultProctoringOptions,
+        ...options,
+        captureScreen: false,
+        allowMultipleMonitors: true,
+        allowOnlyFirstMonitor: false
+      };
+      this.videoOptions = { ...this.videoOptions, ..._videoOptions };
+      const { cameraId, microphoneId, result } = await this.checkDevicesInterface();
+      return new Promise((resolve) => {
+        resolve({
+          result,
+          cameraId,
+          microphoneId,
+          volumeRange: this.volumeMedia,
+          allowedResolution: this.allowedResolution
+        });
       });
-    });
+    } catch (error) {
+      this.closeCheckDevices();
+      return Promise.reject(error);
+    }
+  }
+  isUnderResolution() {
+    const settings = this.cameraRecorder.cameraStream.getVideoTracks()[0].getSettings();
+    const error = document.getElementById("cameraError");
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      this.allowedResolution = false;
+      error.innerText = `A c\xE2mera n\xE3o satisfaz a resolu\xE7\xE3o m\xEDnima exigida (${this.videoOptions.minWidth}x${this.videoOptions.minHeight}).
+Para iniciar um exame utilize uma outra c\xE2mera.`;
+    }
   }
   checkDevicesInterface() {
-    return new Promise((resolve) => {
+    return new Promise((resolve, reject) => {
       const fullBg = document.createElement("div");
       fullBg.setAttribute("id", "checkDevices");
       fullBg.style.backgroundColor = "rgba(0,0,0,0.4)";
@@ -17944,8 +17984,18 @@ var DeviceChecker = class {
       divCameraHeader.appendChild(h3Camera);
       divCameraHeader.appendChild(selectCamera);
       modal.appendChild(divCameraHeader);
+      const divCameraError = document.createElement("div");
+      const error = document.createElement("error");
+      error.setAttribute("id", "cameraError");
+      divCameraError.style.width = "calc(100% - 40px)";
+      divCameraError.style.marginBottom = "5px";
+      error.style.color = "#FF0000";
+      error.style.textAlign = "left";
+      divCameraError.appendChild(error);
+      modal.appendChild(divCameraError);
       const divCamera = document.createElement("div");
       const video = document.createElement("video");
+      const center = document.createElement("div");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
       divCamera.style.width = "calc(100% - 40px)";
@@ -17953,10 +18003,12 @@ var DeviceChecker = class {
       divCamera.style.justifyContent = "space-between";
       divCamera.style.borderBottom = "2px solid rgba(0, 0, 0, .1)";
       divCamera.style.paddingBottom = "15px";
+      divCamera.style.transform = "rotateY(180deg)";
       video.style.width = "20rem";
       video.style.backgroundColor = "#000";
       video.style.borderRadius = "10px";
       video.style.marginBottom = "15px";
+      divCamera.appendChild(center);
       divCamera.appendChild(video);
       modal.appendChild(divCamera);
       const divMicHeader = document.createElement("div");
@@ -18012,6 +18064,8 @@ var DeviceChecker = class {
       divMic.appendChild(divRange);
       modal.appendChild(divMic);
       const button = document.createElement("button");
+      const divider = document.createElement("span");
+      const buttonCancel = document.createElement("button");
       const divBtn = document.createElement("div");
       button.setAttribute("id", "confirmBtn");
       divBtn.style.width = "100%";
@@ -18019,6 +18073,20 @@ var DeviceChecker = class {
       divBtn.style.alignItems = "center";
       divBtn.style.justifyContent = "center";
       divBtn.style.borderTop = "2px solid rgba(0, 0, 0, .1)";
+      buttonCancel.innerText = "Cancelar";
+      buttonCancel.style.width = "100%";
+      buttonCancel.style.height = "70px";
+      buttonCancel.style.backgroundColor = "#FFF";
+      buttonCancel.style.border = "none";
+      buttonCancel.style.color = "rgba(0, 0, 0, .7)";
+      buttonCancel.style.fontWeight = "bold";
+      buttonCancel.style.borderRadius = "10px";
+      buttonCancel.style.paddingTop = "5px";
+      buttonCancel.style.paddingBottom = "5px";
+      divider.style.width = "3px";
+      divider.style.height = "70px";
+      divider.style.margin = "0px 2px";
+      divider.style.background = "rgba(0, 0, 0, .1)";
       button.innerText = "Continuar";
       button.style.width = "100%";
       button.style.height = "70px";
@@ -18034,14 +18102,25 @@ var DeviceChecker = class {
         this.closeCheckDevices();
         resolve({
           cameraId: selectCamera == null ? void 0 : selectCamera.value,
-          microphoneId: selectMic == null ? void 0 : selectMic.value
+          microphoneId: selectMic == null ? void 0 : selectMic.value,
+          result: true
         });
       });
+      buttonCancel.addEventListener("click", () => {
+        this.closeCheckDevices();
+        resolve({
+          cameraId: selectCamera == null ? void 0 : selectCamera.value,
+          microphoneId: selectMic == null ? void 0 : selectMic.value,
+          result: false
+        });
+      });
+      divBtn.appendChild(buttonCancel);
+      divBtn.appendChild(divider);
       divBtn.appendChild(button);
       modal.appendChild(divBtn);
       fullBg.appendChild(modal);
       document.body.appendChild(fullBg);
-      this.startCheckDevices(this.options, this.videoOptions);
+      this.startCheckDevices(this.options, this.videoOptions).catch((e) => reject(e));
     });
   }
   videoDeviceInterface(stream) {
@@ -18049,6 +18128,7 @@ var DeviceChecker = class {
     if (cameraStream) {
       cameraStream.srcObject = stream;
       cameraStream.play();
+      this.isUnderResolution();
     }
   }
   audioDeviceInterface(stream) {
@@ -18740,7 +18820,7 @@ var ScreenRecorder = class {
     const displayMediaStreamConstraints = {
       video: {
         cursor: "always",
-        width: 640,
+        width: 854,
         height: 480,
         displaySurface: "monitor"
       },
@@ -19026,12 +19106,15 @@ var Proctoring = class {
     };
     this.onNoiseDetectedCallback = () => {
     };
+    this.onChangeDevicesCallback = (devices) => {
+      return;
+    };
     this.onBufferSizeErrorCallback = () => {
       return;
     };
     var _a;
     this.backend = new BackendService({
-      type: context.type,
+      type: context.type || "prod",
       token: context.token
     });
     this.repository = new IndexDbSessionRepository("EasyProctorDb", "exams2");
@@ -19056,23 +19139,28 @@ var Proctoring = class {
   async onChangeDevices(options = {}) {
     const onChange = new onChangeDevices(this.repositoryDevices, this.proctoringId);
     onChange.startRecording(options);
+    this.onChangeDevicesCallback = (devices) => options.status && options.status(devices);
   }
   setOnBufferSizeErrorCallback(cb) {
     this.onBufferSizeErrorCallback = () => cb();
   }
   createRecorders(options = getDefaultProctoringOptions) {
     var _a, _b;
+    this.onChangeDevices();
     const cameraRecorder = new CameraRecorder(
       {
         cameraId: this.sessionOptions.cameraId,
         microphoneId: this.sessionOptions.microphoneId,
         onBufferSizeError: this.sessionOptions.onBufferSizeError,
         onBufferSizeErrorCallback: () => this.onBufferSizeErrorCallback(),
-        proctoringType: this.sessionOptions.proctoringType
+        proctoringType: this.sessionOptions.proctoringType,
+        onChangeDevicesCallback: (devices) => this.onChangeDevicesCallback(devices)
       },
       {
         width: this.videoOptions.width,
-        height: this.videoOptions.height
+        height: this.videoOptions.height,
+        minWidth: this.videoOptions.minWidth,
+        minHeight: this.videoOptions.minHeight
       },
       this.paramsConfig.imageParams,
       this.backend,
@@ -19095,7 +19183,6 @@ var Proctoring = class {
       options,
       cameraRecorder
     );
-    this.onChangeDevices();
     const recorders = [
       cameraRecorder,
       audioRecorder,
@@ -19136,8 +19223,6 @@ var Proctoring = class {
       this.proctoringSession = new ProctoringSession();
       this.allRecorders = this.createRecorders(this.sessionOptions);
       await this.recorder.startAll();
-      console.log("this.geolocation");
-      console.log(this.geolocation);
       const startResponse = await this.backend.confirmStart(
         {
           clientId: this.context.clientId,

package/index.js

@@ -28924,6 +28924,7 @@ var MULTIPLE_MONITORS_DETECTED = "multiple_monitors_detected";
 var PROCTORING_ALREADY_STARTED = "proctoring_already_started";
 var PROCTORING_NOT_STARTED = "proctoring_not_started";
 var ANOTHER_STREAM_ACTIVE = "another_stream_active";
+var STREAM_UNDER_MINIMUM_PERMITTED = "stream_under_minimum_permitted";
 var BROWSER_NOT_SUPPORTED = "browser_not_supported";
 var TOKEN_MISSING = "token_missing";
 var CREDENTIALS_MISSING = "credentials_missing";
@@ -28944,11 +28945,15 @@ var CameraRecorder = class {
       onBufferSizeError: false,
       onBufferSizeErrorCallback: () => {
       },
-      proctoringType: "IMAGE"
+      proctoringType: "IMAGE",
+      onChangeDevicesCallback: (devices) => {
+      }
     };
     this.videoOptions = {
       width: 640,
-      height: 480
+      height: 480,
+      minWidth: 0,
+      minHeight: 0
     };
     this.blobsRTC = [];
     this.imageCount = 0;
@@ -28968,8 +28973,8 @@ var CameraRecorder = class {
     this.video.srcObject = this.cameraStream;
     this.video.play();
     this.video.muted = true;
-    this.canvas.width = 1280;
-    this.canvas.height = 720;
+    this.canvas.width = this.videoOptions.width;
+    this.canvas.height = this.videoOptions.height;
   }
   async startRecording() {
     const { cameraId, microphoneId, onBufferSizeErrorCallback } = this.options;
@@ -28995,8 +29000,13 @@ var CameraRecorder = class {
     this.recordingPause = pauseRecording;
     this.recordingResume = resumeRecording;
     this.recordingStart();
-    const settings = this.cameraStream.getVideoTracks()[0].getSettings();
-    if (this.videoOptions.width !== settings.width || this.videoOptions.height !== settings.height) {
+    const tracks = this.cameraStream.getVideoTracks();
+    const settings = tracks[0].getSettings();
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      throw STREAM_UNDER_MINIMUM_PERMITTED;
+    } else if (this.videoOptions.width !== settings.width || this.videoOptions.height !== settings.height) {
+      console.log("this.videoOptions: ", this.videoOptions);
+      console.log("settings: ", settings);
       trackers.registerAnotherStream(this.proctoringId, `Maybe have another stream active
 Video Options: ${this.videoOptions}
 Setting: ${settings}`);
@@ -29018,7 +29028,7 @@ Setting: ${settings}`);
     let imageFile;
     this.configImageCapture();
     this.imageInterval = setInterval(async () => {
-      this.canvas.getContext("2d").drawImage(this.video, 0, 0, 1280, 720);
+      this.canvas.getContext("2d").drawImage(this.video, 0, 0, this.videoOptions.width, this.videoOptions.height);
       const image_data_url = this.canvas.toDataURL("image/jpeg");
       imageFile = await this.getFile(image_data_url, `${this.proctoringId}_${this.imageCount + 1}.jpg`, "image/jpeg");
       if (imageFile && this.upload && this.backendToken) {
@@ -29033,6 +29043,16 @@ Setting: ${settings}`);
       }
     }, this.imageParams.uploadInterval * 1e3);
   }
+  download(file) {
+    const url2 = URL.createObjectURL(file);
+    const a = document.createElement("a");
+    document.body.appendChild(a);
+    a.style.display = "none";
+    a.href = url2;
+    a.download = file.name;
+    a.click();
+    window.URL.revokeObjectURL(url2);
+  }
   async saveOnSession(session) {
     const settings = this.cameraStream.getVideoTracks()[0].getSettings();
     const settingsAudio = this.cameraStream.getAudioTracks()[0].getSettings();
@@ -29410,7 +29430,9 @@ function validatePartialVideoOptions(options) {
   if (!!options.width && !!options.height) {
     return {
       width: options.width,
-      height: options.height
+      height: options.height,
+      minWidth: options.minWidth,
+      minHeight: options.minHeight
     };
   } else {
     return { width: 640, height: 480 };
@@ -29420,30 +29442,48 @@ function validatePartialVideoOptions(options) {
 // src/proctoring/DeviceChecker.ts
 var DeviceChecker = class {
   constructor() {
+    this.videoOptions = { width: 1080, height: 720, minWidth: 0, minHeight: 0 };
     this.volumeMedia = 0;
     this.volumeSum = 0;
     this.volumeCounter = 0;
+    this.allowedResolution = true;
   }
-  async checkDevices(options = getDefaultProctoringOptions, _videoOptions = { width: 1080, height: 720 }) {
-    this.options = {
-      ...getDefaultProctoringOptions,
-      ...options,
-      captureScreen: false,
-      allowMultipleMonitors: true,
-      allowOnlyFirstMonitor: false
-    };
-    this.videoOptions = _videoOptions;
-    const { cameraId, microphoneId } = await this.checkDevicesInterface();
-    return new Promise((resolve) => {
-      resolve({
-        cameraId,
-        microphoneId,
-        volumeRange: this.volumeMedia
+  async checkDevices(options = getDefaultProctoringOptions, _videoOptions) {
+    try {
+      this.options = {
+        ...getDefaultProctoringOptions,
+        ...options,
+        captureScreen: false,
+        allowMultipleMonitors: true,
+        allowOnlyFirstMonitor: false
+      };
+      this.videoOptions = { ...this.videoOptions, ..._videoOptions };
+      const { cameraId, microphoneId, result } = await this.checkDevicesInterface();
+      return new Promise((resolve) => {
+        resolve({
+          result,
+          cameraId,
+          microphoneId,
+          volumeRange: this.volumeMedia,
+          allowedResolution: this.allowedResolution
+        });
       });
-    });
+    } catch (error) {
+      this.closeCheckDevices();
+      return Promise.reject(error);
+    }
+  }
+  isUnderResolution() {
+    const settings = this.cameraRecorder.cameraStream.getVideoTracks()[0].getSettings();
+    const error = document.getElementById("cameraError");
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      this.allowedResolution = false;
+      error.innerText = `A c\xE2mera n\xE3o satisfaz a resolu\xE7\xE3o m\xEDnima exigida (${this.videoOptions.minWidth}x${this.videoOptions.minHeight}).
+Para iniciar um exame utilize uma outra c\xE2mera.`;
+    }
   }
   checkDevicesInterface() {
-    return new Promise((resolve) => {
+    return new Promise((resolve, reject) => {
       const fullBg = document.createElement("div");
       fullBg.setAttribute("id", "checkDevices");
       fullBg.style.backgroundColor = "rgba(0,0,0,0.4)";
@@ -29492,8 +29532,18 @@ var DeviceChecker = class {
       divCameraHeader.appendChild(h3Camera);
       divCameraHeader.appendChild(selectCamera);
       modal.appendChild(divCameraHeader);
+      const divCameraError = document.createElement("div");
+      const error = document.createElement("error");
+      error.setAttribute("id", "cameraError");
+      divCameraError.style.width = "calc(100% - 40px)";
+      divCameraError.style.marginBottom = "5px";
+      error.style.color = "#FF0000";
+      error.style.textAlign = "left";
+      divCameraError.appendChild(error);
+      modal.appendChild(divCameraError);
       const divCamera = document.createElement("div");
       const video = document.createElement("video");
+      const center = document.createElement("div");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
       divCamera.style.width = "calc(100% - 40px)";
@@ -29501,10 +29551,12 @@ var DeviceChecker = class {
       divCamera.style.justifyContent = "space-between";
       divCamera.style.borderBottom = "2px solid rgba(0, 0, 0, .1)";
       divCamera.style.paddingBottom = "15px";
+      divCamera.style.transform = "rotateY(180deg)";
       video.style.width = "20rem";
       video.style.backgroundColor = "#000";
       video.style.borderRadius = "10px";
       video.style.marginBottom = "15px";
+      divCamera.appendChild(center);
       divCamera.appendChild(video);
       modal.appendChild(divCamera);
       const divMicHeader = document.createElement("div");
@@ -29560,6 +29612,8 @@ var DeviceChecker = class {
       divMic.appendChild(divRange);
       modal.appendChild(divMic);
       const button = document.createElement("button");
+      const divider = document.createElement("span");
+      const buttonCancel = document.createElement("button");
       const divBtn = document.createElement("div");
       button.setAttribute("id", "confirmBtn");
       divBtn.style.width = "100%";
@@ -29567,6 +29621,20 @@ var DeviceChecker = class {
       divBtn.style.alignItems = "center";
       divBtn.style.justifyContent = "center";
       divBtn.style.borderTop = "2px solid rgba(0, 0, 0, .1)";
+      buttonCancel.innerText = "Cancelar";
+      buttonCancel.style.width = "100%";
+      buttonCancel.style.height = "70px";
+      buttonCancel.style.backgroundColor = "#FFF";
+      buttonCancel.style.border = "none";
+      buttonCancel.style.color = "rgba(0, 0, 0, .7)";
+      buttonCancel.style.fontWeight = "bold";
+      buttonCancel.style.borderRadius = "10px";
+      buttonCancel.style.paddingTop = "5px";
+      buttonCancel.style.paddingBottom = "5px";
+      divider.style.width = "3px";
+      divider.style.height = "70px";
+      divider.style.margin = "0px 2px";
+      divider.style.background = "rgba(0, 0, 0, .1)";
       button.innerText = "Continuar";
       button.style.width = "100%";
       button.style.height = "70px";
@@ -29582,14 +29650,25 @@ var DeviceChecker = class {
         this.closeCheckDevices();
         resolve({
           cameraId: selectCamera == null ? void 0 : selectCamera.value,
-          microphoneId: selectMic == null ? void 0 : selectMic.value
+          microphoneId: selectMic == null ? void 0 : selectMic.value,
+          result: true
         });
       });
+      buttonCancel.addEventListener("click", () => {
+        this.closeCheckDevices();
+        resolve({
+          cameraId: selectCamera == null ? void 0 : selectCamera.value,
+          microphoneId: selectMic == null ? void 0 : selectMic.value,
+          result: false
+        });
+      });
+      divBtn.appendChild(buttonCancel);
+      divBtn.appendChild(divider);
       divBtn.appendChild(button);
       modal.appendChild(divBtn);
       fullBg.appendChild(modal);
       document.body.appendChild(fullBg);
-      this.startCheckDevices(this.options, this.videoOptions);
+      this.startCheckDevices(this.options, this.videoOptions).catch((e) => reject(e));
     });
   }
   videoDeviceInterface(stream4) {
@@ -29597,6 +29676,7 @@ var DeviceChecker = class {
     if (cameraStream) {
       cameraStream.srcObject = stream4;
       cameraStream.play();
+      this.isUnderResolution();
     }
   }
   audioDeviceInterface(stream4) {
@@ -30288,7 +30368,7 @@ var ScreenRecorder = class {
     const displayMediaStreamConstraints = {
       video: {
         cursor: "always",
-        width: 640,
+        width: 854,
         height: 480,
         displaySurface: "monitor"
       },
@@ -30574,12 +30654,15 @@ var Proctoring = class {
     };
     this.onNoiseDetectedCallback = () => {
     };
+    this.onChangeDevicesCallback = (devices) => {
+      return;
+    };
     this.onBufferSizeErrorCallback = () => {
       return;
     };
     var _a;
     this.backend = new BackendService({
-      type: context.type,
+      type: context.type || "prod",
       token: context.token
     });
     this.repository = new IndexDbSessionRepository("EasyProctorDb", "exams2");
@@ -30604,23 +30687,28 @@ var Proctoring = class {
   async onChangeDevices(options = {}) {
     const onChange = new onChangeDevices(this.repositoryDevices, this.proctoringId);
     onChange.startRecording(options);
+    this.onChangeDevicesCallback = (devices) => options.status && options.status(devices);
   }
   setOnBufferSizeErrorCallback(cb) {
     this.onBufferSizeErrorCallback = () => cb();
   }
   createRecorders(options = getDefaultProctoringOptions) {
     var _a, _b;
+    this.onChangeDevices();
     const cameraRecorder = new CameraRecorder(
       {
         cameraId: this.sessionOptions.cameraId,
         microphoneId: this.sessionOptions.microphoneId,
         onBufferSizeError: this.sessionOptions.onBufferSizeError,
         onBufferSizeErrorCallback: () => this.onBufferSizeErrorCallback(),
-        proctoringType: this.sessionOptions.proctoringType
+        proctoringType: this.sessionOptions.proctoringType,
+        onChangeDevicesCallback: (devices) => this.onChangeDevicesCallback(devices)
       },
       {
         width: this.videoOptions.width,
-        height: this.videoOptions.height
+        height: this.videoOptions.height,
+        minWidth: this.videoOptions.minWidth,
+        minHeight: this.videoOptions.minHeight
       },
       this.paramsConfig.imageParams,
       this.backend,
@@ -30643,7 +30731,6 @@ var Proctoring = class {
       options,
       cameraRecorder
     );
-    this.onChangeDevices();
     const recorders = [
       cameraRecorder,
       audioRecorder,
@@ -30684,8 +30771,6 @@ var Proctoring = class {
       this.proctoringSession = new ProctoringSession();
       this.allRecorders = this.createRecorders(this.sessionOptions);
       await this.recorder.startAll();
-      console.log("this.geolocation");
-      console.log(this.geolocation);
       const startResponse = await this.backend.confirmStart(
         {
           clientId: this.context.clientId,