easyproctor 2.3.5 → 2.5.0

package/esm/index.js

@@ -6278,6 +6278,7 @@ var BaseDetection = class {
     this.modelAssetPath = modelAssetPath;
     this.classVideo = classVideo;
     this.classDiv = classDiv;
+    this.startTime = new Date(Date.now());
     paramsConfig && (this.paramsConfig = paramsConfig);
     options && (this.options = options);
   }
@@ -6367,15 +6368,22 @@ var BaseDetection = class {
     this.options.onRealtimeAlertsCallback && this.options.onRealtimeAlertsCallback({
       status: "ALERT",
       description: this.alertTranslate(description),
-      type
+      type,
+      category: description,
+      begin: Date.now() - this.startTime.getTime(),
+      end: Date.now() - this.startTime.getTime()
     });
-    this.error && (this.error.innerText = description);
+    if (this.options.onRealtimeAlertsCallback == null)
+      this.error && (this.error.innerText = description);
   }
   handleOk(description, type) {
     this.options.onRealtimeAlertsCallback && this.options.onRealtimeAlertsCallback({
       status: "OK",
       description: this.alertTranslate(description),
-      type
+      type,
+      category: description,
+      begin: Date.now() - this.startTime.getTime(),
+      end: Date.now() - this.startTime.getTime()
     });
     this.error && (this.error.innerText = "");
   }
@@ -6405,6 +6413,18 @@ var BaseDetection = class {
         return "Face detectada";
       case "ok_position_face_detected":
         return "Face na posi\xE7\xE3o correta";
+      case "wrong_face_size_detected":
+        return "Face muito perto da c\xE2mera, afaste-se um pouco mais";
+      case "wrong_face_position_edge_detected":
+        return "Face muito pr\xF3xima da borda, mova-se para o centro da tela";
+      case "wrong_face_position_move_right_detected":
+        return "Face n\xE3o centralizada, mova-se para a direita";
+      case "wrong_face_position_move_left_detected":
+        return "Face n\xE3o centralizada, mova-se para a esquerda";
+      case "wrong_face_position_move_top_detected":
+        return "Face n\xE3o centralizada, mova-se para cima";
+      case "wrong_face_position_move_bottom_detected":
+        return "Face n\xE3o centralizada, mova-se para baixo";
       default:
         return description;
     }
@@ -6437,6 +6457,13 @@ var FaceDetection = class extends BaseDetection {
   constructor(options, paramsConfig, classVideo = "videoPreviewFrameDetection", classDiv = "liveViewFrameDetection") {
     super("FaceDetector", `https://storage.googleapis.com/mediapipe-models/face_detector/blaze_face_short_range/float16/1/blaze_face_short_range.tflite`, options, paramsConfig, classVideo, classDiv);
     this.emmitedPositionAlert = false;
+    this.emmitedFaceAlert = false;
+  }
+  stopDetection() {
+    super.stopDetection();
+    if (this.emmitedFaceAlert) {
+      this.handleOk("face_ok", "face_detection_on_stream");
+    }
   }
   displayVideoDetections(result) {
     for (const child of this.children) {
@@ -6499,31 +6526,71 @@ var FaceDetection = class extends BaseDetection {
     }
   }
   verify(result) {
-    var _a2, _b, _c2, _d, _e3, _f, _g, _h, _i3;
+    var _a2;
     if (((_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.detectFace) && result.detections.length !== this.numFacesSent) {
       this.numFacesSent = result.detections.length;
       if (result.detections.length === 0) {
         this.handleAlert("no_face_detected", "face_detection_on_stream");
+        this.emmitedFaceAlert = true;
+        return;
       } else if (result.detections.length > 1) {
         this.handleAlert("multiple_faces_detected", "face_detection_on_stream");
+        this.emmitedFaceAlert = true;
+        return;
       } else {
         this.handleOk("face_ok", "face_detection_on_stream");
-      }
-    }
-    const faceSize = ((_b = result.detections[0]) == null ? void 0 : _b.keypoints[3].y) - ((_c2 = result.detections[0]) == null ? void 0 : _c2.keypoints[0].y);
-    if (((_d = result.detections[0]) == null ? void 0 : _d.keypoints[4].x) < 0.2 || ((_e3 = result.detections[0]) == null ? void 0 : _e3.keypoints[5].x) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+        this.emmitedFaceAlert = false;
+      }
+    }
+    if (result.detections.length === 0) return;
+    let face = result.detections[0].boundingBox;
+    let video = document.getElementById(this.classVideo);
+    const imageWidth = video.videoWidth;
+    const imageHeight = video.videoHeight;
+    let failedFacePosition = false;
+    if (imageWidth > imageHeight) {
+      if (face.height / imageHeight > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        failedFacePosition = true;
+        this.emmitedPositionAlert = true;
+      } else if (face.width / imageWidth > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        this.emmitedPositionAlert = true;
+        failedFacePosition = true;
+      }
+    }
+    let start = [face.originX, face.originY];
+    let end = [face.originX + face.width, face.originY + face.height];
+    if (start[0] < 0.1 * face.width || start[1] < 0.2 * face.height || end[0] > imageWidth - 0.1 * face.width || end[1] > imageHeight - 5) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_edge_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_f = result.detections[0]) == null ? void 0 : _f.keypoints[0].y) < 0.2 || ((_g = result.detections[0]) == null ? void 0 : _g.keypoints[0].y) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    let leftGap = start[0];
+    let rightGap = imageWidth - end[0];
+    let topGap = start[1];
+    let bottomGap = imageHeight - end[1];
+    if (leftGap > 2 * rightGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_right_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_h = result.detections[0]) == null ? void 0 : _h.keypoints[3].y) < 0.4 || ((_i3 = result.detections[0]) == null ? void 0 : _i3.keypoints[3].y) > 0.9) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (topGap > 4 * bottomGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_top_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (faceSize > 0.35) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (rightGap > 2 * leftGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_left_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else {
+      failedFacePosition = true;
+    }
+    if (bottomGap > 3 * topGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_bottom_detected", "position_detection_on_stream");
+      this.emmitedPositionAlert = true;
+      failedFacePosition = true;
+    }
+    if (failedFacePosition == false) {
       this.emmitedPositionAlert && this.handleOk("ok_position_face_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = false;
     }
@@ -9086,6 +9153,14 @@ var BackendService = class {
       jwt: this.token
     });
   }
+  async goToExternalCameraPositionStep(externalSessionId) {
+    return await this.makeRequest({
+      path: `/ExternalCamera/go-to-position-step/${externalSessionId}`,
+      method: "POST",
+      body: {},
+      jwt: this.token
+    });
+  }
   async externalCameraFinish(externalSessionId) {
     return await this.makeRequest({
       path: `/ExternalCamera/finish/${externalSessionId}`,
@@ -9094,15 +9169,16 @@ var BackendService = class {
       jwt: this.token
     });
   }
-  async confirmStart(proctoringOptions, proctoringType, latitude, longitude) {
+  async confirmStart(proctoringOptions, sessionOptions, latitude, longitude) {
     return await this.makeRequest({
       path: `/proctoring/start/${proctoringOptions.examId}`,
       method: "POST",
       body: {
         clientId: proctoringOptions.clientId,
-        proctoringType,
+        proctoringType: sessionOptions.proctoringType,
         latitude,
-        longitude
+        longitude,
+        captureScreen: sessionOptions.captureScreen
       },
       jwt: proctoringOptions.token
     });
@@ -9149,8 +9225,8 @@ var BackendService = class {
       }
     });
   }
-  async finishAndSendUrls(proctoringOptions, proctoringSession) {
-    await this.makeRequest({
+  async finishAndSendUrls(proctoringOptions) {
+    return await this.makeRequest({
       path: `/proctoring/finish/${proctoringOptions.examId}`,
       method: "POST",
       body: {
@@ -9196,6 +9272,51 @@ var BackendService = class {
     });
     return result.data;
   }
+  async startChallenge(body) {
+    const result = await this.makeRequestAxios({
+      path: `/Challenge/start`,
+      method: "POST",
+      jwt: this.token,
+      body
+    });
+    return result.data;
+  }
+  async stopChallenge(challengeId, body) {
+    const result = await this.makeRequestAxios({
+      path: `/Challenge/stop/${challengeId}`,
+      method: "POST",
+      jwt: this.token,
+      body
+    });
+    return result.data;
+  }
+  async startRealtimeAlert(body) {
+    const result = await this.makeRequestAxios({
+      path: `/Realtime/start-warning`,
+      method: "POST",
+      jwt: this.token,
+      body
+    });
+    return result.data;
+  }
+  async stopRealtimeAlert(body) {
+    const result = await this.makeRequestAxios({
+      path: `/Realtime/stop-warning`,
+      method: "POST",
+      jwt: this.token,
+      body
+    });
+    return result.data;
+  }
+  async verifyFace(proctoringId2, faceImage) {
+    const result = await this.makeRequestAxios({
+      path: `/Realtime/verify-face`,
+      method: "POST",
+      jwt: this.token,
+      body: { "proctoringId": proctoringId2, "base64": faceImage }
+    });
+    return result.data;
+  }
   async getServerHour(token) {
     return await this.makeRequest({
       path: `/Proctoring/server-hour`,
@@ -9523,7 +9644,9 @@ var getDefaultProctoringOptions = {
   onBufferSizeError: false,
   useGeolocation: false,
   useSpyScan: false,
-  useExternalCamera: false
+  useExternalCamera: false,
+  useChallenge: false,
+  screenRecorderOptions: { width: 1280, height: 720 }
 };
 
 // src/proctoring/options/ProctoringVideoOptions.ts
@@ -9546,6 +9669,35 @@ var getDefaultProctoringVideoOptions = {
   minHeight: 480
 };
 
+// src/utils/browserInformations.ts
+function fnBrowserDetect() {
+  const userAgent = navigator.userAgent;
+  let browserName;
+  if (userAgent.match(/chrome|chromium|crios/i)) {
+    browserName = "chrome";
+  } else if (userAgent.match(/firefox|fxios/i)) {
+    browserName = "firefox";
+  } else if (userAgent.match(/safari/i)) {
+    browserName = "safari";
+  } else if (userAgent.match(/opr\//i)) {
+    browserName = "opera";
+  } else if (userAgent.match(/edg/i)) {
+    browserName = "edge";
+  } else {
+    browserName = "No browser detection";
+  }
+  return browserName;
+}
+function isMobileDevice() {
+  if ("userAgentData" in navigator) {
+    const navUAData = navigator.userAgentData;
+    const mobile = navUAData.mobile || false;
+    const platform = navUAData.platform || "";
+    return mobile || /Android|iOS/i.test(platform);
+  }
+  return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
+}
+
 // src/plugins/insights.ts
 var backendService;
 var init = (backend) => {
@@ -9553,6 +9705,7 @@ var init = (backend) => {
   return backendService;
 };
 var eventNames = {
+  DEVICES_CHECKED: "devices_checked",
   START: "start",
   FINISH: "finish",
   ERROR: "error",
@@ -9569,6 +9722,7 @@ var eventNames = {
 };
 var log = (eventName, properties) => backendService && backendService.log(eventName, properties);
 var trackers = {
+  registerDevicesChecked: (proctoringId2, success, description) => log(eventNames.DEVICES_CHECKED, { proctoringId: proctoringId2, success, description }),
   registerStart: (proctoringId2, success, description) => log(eventNames.START, { proctoringId: proctoringId2, success, description }),
   registerFinish: (proctoringId2, success, description) => log(eventNames.FINISH, { proctoringId: proctoringId2, success, description }),
   registerError: (proctoringId2, description) => log(eventNames.ERROR, { proctoringId: proctoringId2, description }),
@@ -9859,6 +10013,12 @@ var ObjectDetection = class extends BaseDetection {
   constructor(options, paramsConfig, classVideo = "videoPreviewFrameDetection", classDiv = "liveViewFrameDetection") {
     super("ObjectDetector", `https://storage.googleapis.com/mediapipe-models/object_detector/efficientdet_lite0/float16/1/efficientdet_lite0.tflite`, options, paramsConfig, classVideo, classDiv);
   }
+  stopDetection() {
+    super.stopDetection();
+    if (this.numPersonsSent > 0) {
+      this.handleOk("person_ok", "person_detection_on_stream");
+    }
+  }
   displayVideoDetections(result) {
     for (const child of this.children) {
       this.liveView.removeChild(child);
@@ -10033,6 +10193,10 @@ var CameraRecorder = class {
     this.blobsRTC = [];
     this.imageCount = 0;
     this.filesToUpload = [];
+    this.animationFrameId = null;
+    this.isCanvasLoopActive = false;
+    this.hardwareStream = null;
+    this.internalClonedStream = null;
     this.currentRetries = 0;
     this.noiseWait = 20;
     this.options = options;
@@ -10109,7 +10273,7 @@ var CameraRecorder = class {
       }
     };
     try {
-      this.cameraStream = await navigator.mediaDevices.getUserMedia(
+      this.hardwareStream = await navigator.mediaDevices.getUserMedia(
         constraints
       );
     } catch (error) {
@@ -10117,6 +10281,16 @@ var CameraRecorder = class {
         throw "N\xE3o foi poss\xEDvel conectar a camera, ela pode estar sendo utilizada por outro programa";
       throw error;
     }
+    this.cameraStream = this.hardwareStream;
+    const track = this.cameraStream.getVideoTracks()[0];
+    const settings = track.getSettings();
+    const { width = 0, height = 0 } = settings;
+    const needsRotationFix = isMobileDevice() && width > height;
+    this.isCanvasLoopActive = true;
+    if (needsRotationFix) {
+      console.log("Aplicando corre\xE7\xE3o e substituindo stream p\xFAblico...");
+      this.cameraStream = this.createRotatedStream(this.hardwareStream);
+    }
     const {
       startRecording,
       stopRecording,
@@ -10126,6 +10300,7 @@ var CameraRecorder = class {
       getBufferSize
     } = recorder(
       this.cameraStream,
+      // streamToRecord,
       this.blobs,
       this.options.onBufferSizeError,
       (e3) => this.bufferError(e3),
@@ -10138,11 +10313,9 @@ var CameraRecorder = class {
     this.recorderOptions = recorderOptions;
     this.getBufferSize = getBufferSize;
     this.recordingStart();
-    const tracks = this.cameraStream.getVideoTracks();
-    const settings = tracks[0].getSettings();
-    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+    if (this.videoOptions.minWidth > width || this.videoOptions.minHeight > height) {
       throw STREAM_UNDER_MINIMUM_PERMITTED;
-    } else if (this.videoOptions.width !== settings.width || this.videoOptions.height !== settings.height) {
+    } else if (this.videoOptions.width !== width || this.videoOptions.height !== height) {
       trackers.registerAnotherStream(
         this.proctoringId,
         `Maybe have another stream active
@@ -10163,10 +10336,29 @@ Setting: ${JSON.stringify(settings, null, 2)}`
       await this.objectDetection.enableCam(this.cameraStream);
     }
     this.filesToUpload = [];
-    this.options.proctoringType == "REALTIME" && this.captureFrame();
   }
   async stopRecording() {
+    this.isCanvasLoopActive = false;
     this.recordingStop && await this.recordingStop();
+    try {
+      if (this.animationFrameId) {
+        cancelAnimationFrame(this.animationFrameId);
+        this.animationFrameId = null;
+      }
+      if (this.cameraStream) {
+        this.cameraStream.getTracks().forEach((track) => track.stop());
+      }
+      if (this.internalClonedStream) {
+        this.internalClonedStream.getTracks().forEach((track) => track.stop());
+        this.internalClonedStream = null;
+      }
+      if (this.hardwareStream) {
+        this.hardwareStream.getTracks().forEach((track) => track.stop());
+        this.hardwareStream = null;
+      }
+    } catch (e3) {
+      console.error("Erro ao parar os streams de m\xEDdia.");
+    }
     this.faceDetection && this.faceDetection.detecting && this.faceDetection.stopDetection();
     this.objectDetection && this.objectDetection.detecting && this.objectDetection.stopDetection();
     clearInterval(this.imageInterval);
@@ -10233,6 +10425,36 @@ Setting: ${JSON.stringify(settings, null, 2)}`
       }
     }, this.paramsConfig.imageBehaviourParameters.uploadInterval * 1e3);
   }
+  async getCurrentImageBase64() {
+    if (!this.video || !this.canvas) {
+      this.configImageCapture();
+    } else {
+      if (this.video.srcObject !== this.cameraStream) {
+        this.video.srcObject = this.cameraStream;
+        await this.video.play();
+      }
+    }
+    if (this.video.paused) {
+      await this.video.play();
+    }
+    await new Promise((resolve) => {
+      if (this.video.readyState >= 2) {
+        resolve();
+        return;
+      }
+      const onLoadedMetadata = () => {
+        this.video.removeEventListener("loadedmetadata", onLoadedMetadata);
+        setTimeout(() => resolve(), 50);
+      };
+      this.video.addEventListener("loadedmetadata", onLoadedMetadata);
+      setTimeout(() => {
+        this.video.removeEventListener("loadedmetadata", onLoadedMetadata);
+        resolve();
+      }, 500);
+    });
+    this.canvas.getContext("2d").drawImage(this.video, 0, 0, this.canvas.width, this.canvas.height);
+    return this.canvas.toDataURL("image/jpeg");
+  }
   // De um em um segundo captura um frame
   captureFrame() {
     let imageFile;
@@ -10367,6 +10589,46 @@ Setting: ${JSON.stringify(settings, null, 2)}`
     }
     this.noiseWait++;
   }
+  /**
+   * Cria um stream processado onde os frames são rotacionados via Canvas.
+   * Isso corrige o problema de gravação deitada em iOS/Mobile.
+   */
+  createRotatedStream(originalStream) {
+    this.internalClonedStream = originalStream.clone();
+    const video = document.createElement("video");
+    video.srcObject = this.internalClonedStream;
+    video.muted = true;
+    video.playsInline = true;
+    video.play();
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    const track = originalStream.getVideoTracks()[0];
+    const settings = track.getSettings();
+    const width = settings.width || 640;
+    const height = settings.height || 480;
+    canvas.width = height;
+    canvas.height = width;
+    const draw = () => {
+      if (video.paused || video.ended) return;
+      if (!this.isCanvasLoopActive) return;
+      if (ctx) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+      }
+      if (this.isCanvasLoopActive) {
+        this.animationFrameId = requestAnimationFrame(draw);
+      }
+    };
+    video.onplaying = () => {
+      this.isCanvasLoopActive = true;
+      draw();
+    };
+    const canvasStream = canvas.captureStream(30);
+    originalStream.getAudioTracks().forEach((track2) => {
+      canvasStream.addTrack(track2);
+    });
+    return canvasStream;
+  }
 };
 
 // src/new-flow/checkers/DeviceCheckerUI.ts
@@ -10397,11 +10659,17 @@ var DeviceCheckerUI = class {
               display: inline-block;
               width: 22px;
               height: 22px;
+              min-width: 22px;
+              max-width: 22px;
+              min-height: 22px;
+              max-height: 22px;
+              flex-shrink: 0;
               -ms-transform: rotate(45deg); /* IE 9 */
               -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
               transform: rotate(45deg);
               border: 1px solid #16A34A;
               border-radius: 22px;
+              box-sizing: border-box;
           }
           
           .checkmark_stem {
@@ -10426,11 +10694,17 @@ var DeviceCheckerUI = class {
               display: inline-block;
               width: 22px;
               height: 22px;
+              min-width: 22px;
+              max-width: 22px;
+              min-height: 22px;
+              max-height: 22px;
+              flex-shrink: 0;
               -ms-transform: rotate(45deg); /* IE 9 */
               -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
               transform: rotate(45deg);
               border: 1px solid #FF0000;
               border-radius: 22px;
+              box-sizing: border-box;
           }
   
           .checkmark_stem_error {
@@ -10481,6 +10755,179 @@ var DeviceCheckerUI = class {
               left: 5px;
               top: 2px;
           }
+
+          /* Responsive styles */
+          #checkDevices .modal-responsive {
+              box-sizing: border-box !important;
+          }
+
+          #checkDevices .modal-responsive * {
+              box-sizing: border-box;
+          }
+
+          /* Desktop screens - maintain gap between checks and camera */
+          @media (min-width: 769px) {
+              #checkDevices .modal-responsive .camera-container-responsive {
+                  gap: 20px !important;
+              }
+          }
+
+          @media (max-width: 768px) {
+              #checkDevices .modal-responsive {
+                  width: 95% !important;
+                  max-width: 95% !important;
+                  margin: 10px !important;
+              }
+
+              #checkDevices .modal-responsive h3 {
+                  font-size: 18px !important;
+                  padding: 15px 0px !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive,
+              #checkDevices .modal-responsive .mic-header-responsive {
+                  flex-direction: column !important;
+                  gap: 10px !important;
+                  align-items: flex-start !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive select,
+              #checkDevices .modal-responsive .mic-header-responsive select {
+                  max-width: 100% !important;
+                  width: 100% !important;
+              }
+
+              #checkDevices .modal-responsive .camera-container-responsive {
+                  flex-direction: row !important;
+                  align-items: flex-start !important;
+                  gap: 15px !important;
+                  padding-left: 10px !important;
+                  padding-right: 10px !important;
+              }
+
+              #checkDevices .modal-responsive .video-responsive {
+                  width: auto !important;
+                  max-width: 320px !important;
+                  flex-shrink: 0 !important;
+                  max-height: 240px !important;
+              }
+
+              #checkDevices .modal-responsive .video-responsive video {
+                  width: 100% !important;
+                  max-width: 320px !important;
+                  max-height: 200px !important;
+                  height: auto !important;
+                  object-fit: contain !important;
+              }
+
+              #checkDevices .modal-responsive .mic-container-responsive {
+                  flex-direction: column !important;
+                  padding: 0px 20px !important;
+              }
+
+              #checkDevices .modal-responsive .mic-meter-responsive {
+                  width: 100% !important;
+              }
+
+              #checkDevices .modal-responsive .range-responsive {
+                  width: 100% !important;
+              }
+
+              #checkDevices .modal-responsive .pronounce-responsive {
+                  margin-left: 10px !important;
+                  margin-right: 10px !important;
+                  width: calc(100% - 20px) !important;
+              }
+
+              #checkDevices .modal-responsive .button-responsive {
+                  height: 60px !important;
+                  font-size: 14px !important;
+              }
+
+              #checkDevices .modal-responsive .divider-responsive {
+                  height: 60px !important;
+              }
+          }
+
+          @media (max-width: 480px) {
+              #checkDevices .modal-responsive {
+                  width: 98% !important;
+                  max-width: 98% !important;
+                  border-radius: 8px !important;
+                  margin: 5px !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive,
+              #checkDevices .modal-responsive .mic-header-responsive {
+                  gap: 0px !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive h3,
+              #checkDevices .modal-responsive .mic-header-responsive h3 {
+                  margin: 0 !important;
+                  margin-top: 0 !important;
+                  margin-bottom: 0 !important;
+                  margin-left: 0 !important;
+                  margin-right: 0 !important;
+                  padding: 0 !important;
+                  padding-top: 0 !important;
+                  padding-bottom: 0 !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive select,
+              #checkDevices .modal-responsive .mic-header-responsive select {
+                  margin: 0 !important;
+                  margin-top: 0 !important;
+                  margin-bottom: 0 !important;
+                  margin-left: 0 !important;
+                  margin-right: 0 !important;
+                  padding-top: 0 !important;
+              }
+
+              #checkDevices .modal-responsive .camera-container-responsive {
+                  flex-direction: row !important;
+                  gap: 10px !important;
+                  padding-left: 5px !important;
+                  padding-right: 5px !important;
+              }
+
+              #checkDevices .modal-responsive .video-responsive {
+                  max-width: 200px !important;
+                  max-height: 150px !important;
+              }
+
+              #checkDevices .modal-responsive .video-responsive video {
+                  max-width: 200px !important;
+                  max-height: 150px !important;
+              }
+
+              #checkDevices .modal-responsive .pronounce-responsive {
+                  margin-left: 5px !important;
+                  margin-right: 5px !important;
+                  width: calc(100% - 10px) !important;
+                  padding: 0 5px !important;
+              }
+
+              #checkDevices .modal-responsive h3 {
+                  font-size: 16px !important;
+                  padding: 12px 0px !important;
+                  margin-bottom: 10px !important;
+              }
+
+              #checkDevices .modal-responsive .camera-header-responsive h3,
+              #checkDevices .modal-responsive .mic-header-responsive h3 {
+                  font-size: 14px !important;
+              }
+
+              #checkDevices .modal-responsive .button-responsive {
+                  height: 50px !important;
+                  font-size: 13px !important;
+              }
+
+              #checkDevices .modal-responsive .divider-responsive {
+                  height: 50px !important;
+              }
+          }
       `;
     document.getElementsByTagName("head")[0].appendChild(style);
     const fullBg = document.createElement("div");
@@ -10493,24 +10940,31 @@ var DeviceCheckerUI = class {
       left: "0",
       height: "100vh",
       width: "100%",
+      maxWidth: "100vw",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "center",
+      overflow: "auto",
+      boxSizing: "border-box"
     };
     this.applyStyles(fullBg, fullBgStyles);
     const modal = document.createElement("div");
+    modal.setAttribute("class", "modal-responsive");
     const modalStyles = {
       backgroundColor: "#fff",
       zIndex: "1001",
-      width: "600px",
+      width: "90%",
+      maxWidth: "600px",
       borderRadius: "10px",
       display: "flex",
       flexDirection: "column",
-      alignItems: "center"
+      alignItems: "center",
+      boxSizing: "border-box",
+      overflow: "hidden"
     };
     this.applyStyles(modal, modalStyles);
     const h3 = document.createElement("h3");
-    h3.innerText = "Para iniciar configure a c\xE2mera e o microfone";
+    h3.innerText = "Checagem de dispositivos";
     const h3Styles = {
       color: "rgba(0, 0, 0, .7)",
       fontWeight: "bold",
@@ -10524,6 +10978,7 @@ var DeviceCheckerUI = class {
     this.applyStyles(h3, h3Styles);
     modal.appendChild(h3);
     const divCameraHeader = document.createElement("div");
+    divCameraHeader.setAttribute("class", "camera-header-responsive");
     const h3Camera = document.createElement("h3");
     const selectCamera = document.createElement("select");
     selectCamera.setAttribute("id", "cameraSelect");
@@ -10543,33 +10998,49 @@ var DeviceCheckerUI = class {
     };
     this.applyStyles(h3Camera, h3CameraStyles);
     selectCamera.style.maxWidth = "400px";
+    selectCamera.style.minWidth = "150px";
+    selectCamera.style.width = "100%";
+    selectCamera.style.boxSizing = "border-box";
     divCameraHeader.appendChild(h3Camera);
     divCameraHeader.appendChild(selectCamera);
     modal.appendChild(divCameraHeader);
     const divCamera = document.createElement("div");
     divCamera.setAttribute("id", "liveCheckDevices");
+    divCamera.setAttribute("class", "camera-container-responsive");
     const videoDiv = document.createElement("div");
+    videoDiv.setAttribute("class", "video-responsive");
     const video = document.createElement("video");
     const center = document.createElement("div");
     video.setAttribute("id", "cameraStream");
     video.muted = true;
+    video.setAttribute("playsinline", "true");
+    video.setAttribute("webkit-playsinline", "true");
+    video.autoplay = true;
     const divCameraStyles = {
-      width: "calc(100% - 40px)",
+      width: "100%",
       display: "flex",
       justifyContent: "space-between",
+      gap: "20px",
       borderBottom: "2px solid rgba(0, 0, 0, .1)",
       paddingBottom: "15px",
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      boxSizing: "border-box",
       transform: "rotateY(180deg)"
     };
     this.applyStyles(divCamera, divCameraStyles);
     const videoStyles = {
-      width: "20rem",
+      width: "100%",
+      maxWidth: "320px",
+      height: "auto",
+      maxHeight: "240px",
+      objectFit: "contain",
       backgroundColor: "#000",
       borderRadius: "10px",
       marginBottom: "15px"
     };
     this.applyStyles(video, videoStyles);
-    this.applyStyles(videoDiv, { position: "relative" });
+    this.applyStyles(videoDiv, { position: "relative", width: "100%", maxWidth: "320px", maxHeight: "240px", boxSizing: "border-box" });
     const alertDivResolution = document.createElement("div");
     alertDivResolution.setAttribute("class", "alert-div");
     alertDivResolution.setAttribute("id", "alertDivResolution");
@@ -10663,12 +11134,17 @@ var DeviceCheckerUI = class {
     alertDivSpyCam.appendChild(checkmark_SpyCam);
     alertDivSpyCam.appendChild(SpyCamAlert);
     center.style.transform = "rotateY(180deg)";
+    center.style.display = "flex";
+    center.style.flexDirection = "column";
+    center.style.flex = "1";
+    center.style.minWidth = "0";
     center.appendChild(alertDivResolution);
     center.appendChild(alertDivFacePosition);
     center.appendChild(alertDivAmbientVerify);
     center.appendChild(alertDivSpyCam);
     divCamera.appendChild(center);
     videoDiv.appendChild(video);
+    videoDiv.style.flexShrink = "0";
     divCamera.appendChild(videoDiv);
     const mask = document.createElement("div");
     mask.setAttribute("class", "facial-biometry__mask");
@@ -10691,6 +11167,7 @@ var DeviceCheckerUI = class {
     videoDiv.appendChild(frame);
     modal.appendChild(divCamera);
     const divMicHeader = document.createElement("div");
+    divMicHeader.setAttribute("class", "mic-header-responsive");
     const h3Mic = document.createElement("h3");
     const selectMic = document.createElement("select");
     selectMic.setAttribute("id", "micSelect");
@@ -10710,18 +11187,24 @@ var DeviceCheckerUI = class {
     };
     this.applyStyles(h3Mic, h3MicStyles);
     selectMic.style.maxWidth = "400px";
+    selectMic.style.minWidth = "150px";
+    selectMic.style.width = "100%";
+    selectMic.style.boxSizing = "border-box";
     divMicHeader.appendChild(h3Mic);
     divMicHeader.appendChild(selectMic);
     modal.appendChild(divMicHeader);
     const divMic = document.createElement("div");
+    divMic.setAttribute("class", "mic-container-responsive");
     const divMicStyles = {
       width: "100%",
-      padding: "0px 40px",
-      display: "flex"
+      padding: "0px 20px",
+      display: "flex",
+      boxSizing: "border-box"
       // justifyContent: "space-between",
     };
     this.applyStyles(divMic, divMicStyles);
     const divMicMeter = document.createElement("div");
+    divMicMeter.setAttribute("class", "mic-meter-responsive");
     const divMicMeterStyles = {
       // width: "calc(100% - 40px)",
       display: "flex",
@@ -10750,13 +11233,16 @@ var DeviceCheckerUI = class {
       divMeter.appendChild(pill);
     }
     const divRange = document.createElement("div");
+    divRange.setAttribute("class", "range-responsive");
     const pRange0 = document.createElement("p");
     const pRange50 = document.createElement("p");
     const pRange100 = document.createElement("p");
     const divRangeStyles = {
-      width: "250px",
+      width: "100%",
+      maxWidth: "250px",
       display: "flex",
-      justifyContent: "space-between"
+      justifyContent: "space-between",
+      boxSizing: "border-box"
     };
     this.applyStyles(divRange, divRangeStyles);
     pRange0.innerText = "0";
@@ -10769,10 +11255,10 @@ var DeviceCheckerUI = class {
     alertDivMicrophone.setAttribute("class", "alert-div");
     alertDivMicrophone.setAttribute("id", "alertDivMicrophone");
     const alertDivMicrophoneStyles = {
-      // display: "flex",
-      alignItems: "start",
-      justifyContent: "end",
-      width: "inherit"
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%"
     };
     this.applyStyles(alertDivMicrophone, alertDivMicrophoneStyles);
     const microphoneAlert = document.createElement("error");
@@ -10792,12 +11278,16 @@ var DeviceCheckerUI = class {
     divMicMeter.appendChild(divMeter);
     divMicMeter.appendChild(divRange);
     const pronunceMic = document.createElement("p");
-    pronunceMic.innerText = 'Pronuncie em voz alta: "um, dois, tr\xEAs, quatro".';
+    pronunceMic.setAttribute("class", "pronounce-responsive");
+    pronunceMic.innerText = 'Pronuncie em voz alta: "Testando..."';
     pronunceMic.style.textAlign = "start";
     const pronunceMicStyles = {
-      width: "100%",
-      marginLeft: "40px",
-      marginBottom: "15px"
+      width: "calc(100% - 40px)",
+      marginLeft: "20px",
+      marginRight: "20px",
+      marginBottom: "15px",
+      boxSizing: "border-box",
+      padding: "0 10px"
     };
     this.applyStyles(pronunceMic, pronunceMicStyles);
     divMic.appendChild(divMicMeter);
@@ -10810,11 +11300,13 @@ var DeviceCheckerUI = class {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      borderTop: "2px solid rgba(0, 0, 0, .1)"
+      borderTop: "2px solid rgba(0, 0, 0, .1)",
+      boxSizing: "border-box"
     };
     this.applyStyles(divBtn, divBtnStyles);
     const buttonCancel = document.createElement("button");
     buttonCancel.setAttribute("id", "cancelBtn");
+    buttonCancel.setAttribute("class", "button-responsive");
     buttonCancel.innerText = "Cancelar";
     const buttonCancelStyles = {
       width: "100%",
@@ -10829,6 +11321,7 @@ var DeviceCheckerUI = class {
     };
     this.applyStyles(buttonCancel, buttonCancelStyles);
     const divider = document.createElement("span");
+    divider.setAttribute("class", "divider-responsive");
     const dividerStyles = {
       width: "3px",
       height: "70px",
@@ -10839,6 +11332,7 @@ var DeviceCheckerUI = class {
     const button = document.createElement("button");
     button.innerText = "Continuar";
     button.setAttribute("id", "confirmBtn");
+    button.setAttribute("class", "button-responsive");
     const buttonStyles = {
       width: "100%",
       height: "70px",
@@ -10950,7 +11444,7 @@ var DeviceCheckerUI = class {
         checkmark_kick_AmbientVerify.setAttribute("class", "checkmark_kick");
       }
     } else {
-      if (checkmark_FacePosition && (response.description === "Nenhuma face encontrada" || response.description === "Face na posi\xE7\xE3o errada")) {
+      if (checkmark_FacePosition && (response.type === "position_detection_on_stream" || response.type === "face_detection_on_stream")) {
         facePositionAlert && (facePositionAlert.style.color = "#FF0000");
         checkmark_FacePosition.setAttribute("class", "checkmark_error");
         checkmark_stem_FacePosition.setAttribute("class", "checkmark_stem_error");
@@ -11055,7 +11549,9 @@ Para iniciar um exame utilize uma outra c\xE2mera.`);
     const cameraStream = document.querySelector("#cameraStream");
     if (cameraStream) {
       cameraStream.srcObject = stream;
-      cameraStream.play();
+      cameraStream.play().catch((e3) => {
+        console.warn("Erro ao iniciar preview de v\xEDdeo:", e3);
+      });
     }
   }
   audioDeviceInterfaceUIAllowedAmbient(allowedAmbient) {
@@ -11163,6 +11659,7 @@ Para iniciar um exame utilize uma outra c\xE2mera.`);
 // src/new-flow/checkers/DeviceCheckerService.ts
 var _DeviceCheckerService = class _DeviceCheckerService {
   constructor(context) {
+    this.deviceCheckResult = null;
     this.videoOptions = {
       width: 1080,
       height: 720,
@@ -11193,6 +11690,9 @@ var _DeviceCheckerService = class _DeviceCheckerService {
       token: context.token
     });
   }
+  getDeviceCheckResult() {
+    return this.deviceCheckResult;
+  }
   async runCheckDevicesFlow(options, _videoOptions, onModalConfirm, onModalCancel, onUpdate) {
     if (_DeviceCheckerService.isModalOpen) {
       return Promise.reject("Modal j\xE1 est\xE1 aberto");
@@ -11241,6 +11741,7 @@ var _DeviceCheckerService = class _DeviceCheckerService {
           });
         }
       );
+      this.deviceCheckResult = { ...returnData, result: resultPromise };
       return { ...returnData, result: resultPromise };
     } catch (error) {
       this.closeCheckDevices();
@@ -11286,7 +11787,7 @@ var _DeviceCheckerService = class _DeviceCheckerService {
       await this.checkSpyScan();
       const { cameraId, microphoneId, result } = await this.DeviceCheckerUI.modalActions(() => this.closeCheckDevices());
       return new Promise((resolve) => {
-        resolve({
+        const response = {
           result,
           cameraId,
           microphoneId,
@@ -11297,7 +11798,9 @@ var _DeviceCheckerService = class _DeviceCheckerService {
           allowedMicrophone: this.allowedMicrophone,
           allowedSpyScan: this.allowedSpyScan,
           faceDetectionAlerts: this.faceDetectionAlerts
-        });
+        };
+        this.deviceCheckResult = response;
+        resolve(response);
       });
     } catch (error) {
       this.closeCheckDevices();
@@ -11306,8 +11809,16 @@ var _DeviceCheckerService = class _DeviceCheckerService {
     }
   }
   isUnderResolution() {
+    var _a2;
     const settings = this.cameraRecorder.cameraStream.getVideoTracks()[0].getSettings();
-    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+    let { width = 0, height = 0 } = settings;
+    const isPortrait = (_a2 = screen.orientation) == null ? void 0 : _a2.type.includes("portrait");
+    if (isPortrait && isMobileDevice()) {
+      if (this.videoOptions.width == height && this.videoOptions.height == width) {
+        [width, height] = [height, width];
+      }
+    }
+    if (this.videoOptions.minWidth > width || this.videoOptions.minHeight > height) {
       this.allowedResolution = false;
     } else {
       this.allowedResolution = true;
@@ -11826,9 +12337,11 @@ var Extension = class {
 
 // src/modules/onChangeDevices.ts
 var onChangeDevices = class {
-  constructor(repositoryDevices, proctoringId2) {
+  constructor(repositoryDevices, proctoringId2, sessionOptions, allRecorders) {
     this.repositoryDevices = repositoryDevices;
     this.proctoringId = proctoringId2;
+    this.sessionOptions = sessionOptions;
+    this.allRecorders = allRecorders;
   }
   startRecording(options) {
     navigator.mediaDevices.ondevicechange = () => {
@@ -11842,24 +12355,49 @@ var onChangeDevices = class {
     const response = await this.repositoryDevices.getDevices("devices");
     const defaultDevice = { label: "", id: "" };
     const copy = { cameras: (response == null ? void 0 : response.cameras) || [defaultDevice], microphones: (response == null ? void 0 : response.microphones) || [defaultDevice] };
-    let resultCameras;
-    let resultMicrophones;
+    const status = devices.cameras.length > (copy == null ? void 0 : copy.cameras.length) || devices.microphones.length > (copy == null ? void 0 : copy.microphones.length) ? "in" : "out";
+    let resultCameras = [];
+    let resultMicrophones = [];
+    let isActiveDeviceRemoved = false;
     if (devices.cameras.length != (copy == null ? void 0 : copy.cameras.length)) {
-      resultCameras = devices.cameras.length > (copy == null ? void 0 : copy.cameras.length) ? onlyInLeft(devices.cameras, copy == null ? void 0 : copy.cameras, isSameDevice) : onlyInLeft(copy == null ? void 0 : copy.cameras, devices.cameras, isSameDevice);
+      const removedCameras = status === "out" ? onlyInLeft(copy == null ? void 0 : copy.cameras, devices.cameras, isSameDevice) : [];
+      const addedCameras = status === "in" ? onlyInLeft(devices.cameras, copy == null ? void 0 : copy.cameras, isSameDevice) : [];
+      resultCameras = status === "out" ? removedCameras : addedCameras;
       resultCameras = resultCameras.filter((item) => item.id != "default");
+      console.log(removedCameras);
+      console.log(this.sessionOptions.cameraId);
+      if (status === "out") {
+        isActiveDeviceRemoved = removedCameras.some(
+          (device) => device.id === this.sessionOptions.cameraId
+        );
+      }
     }
     if (devices.microphones.length != (copy == null ? void 0 : copy.microphones.length)) {
-      resultMicrophones = devices.microphones.length > (copy == null ? void 0 : copy.microphones.length) ? onlyInLeft(devices.microphones, copy == null ? void 0 : copy.microphones, isSameDevice) : onlyInLeft(copy == null ? void 0 : copy.microphones, devices.microphones, isSameDevice);
+      const removedMicrophones = status === "out" ? onlyInLeft(copy == null ? void 0 : copy.microphones, devices.microphones, isSameDevice) : [];
+      const addedMicrophones = status === "in" ? onlyInLeft(devices.microphones, copy == null ? void 0 : copy.microphones, isSameDevice) : [];
+      resultMicrophones = status === "out" ? removedMicrophones : addedMicrophones;
       resultMicrophones = resultMicrophones.filter((item) => item.id != "default" && item.id != "communications");
+      if (status === "out" && !isActiveDeviceRemoved) {
+        isActiveDeviceRemoved = removedMicrophones.some(
+          (device) => device.id === this.sessionOptions.microphoneId
+        );
+      }
     }
     const devicesChanged = {
       cameras: resultCameras || [],
       microphones: resultMicrophones || [],
-      status: devices.cameras.length > (copy == null ? void 0 : copy.cameras.length) || devices.microphones.length > (copy == null ? void 0 : copy.microphones.length) ? "in" : "out"
+      status,
+      isActiveDevice: isActiveDeviceRemoved
     };
-    await this.repositoryDevices.save({ ...devices, id: "devices", status: devices.cameras.length > (copy == null ? void 0 : copy.cameras.length) || devices.microphones.length > (copy == null ? void 0 : copy.microphones.length) ? "in" : "out" });
+    await this.repositoryDevices.save({ ...devices, id: "devices", status });
     if (options.status && (devicesChanged.cameras.length != 0 || devicesChanged.microphones.length != 0)) {
       trackers.registerChangeDevice(this.proctoringId, devicesChanged.status, JSON.stringify(devicesChanged, null, 2));
+      if (devicesChanged.isActiveDevice) {
+        this.allRecorders.alertRecorder.addAlert({
+          alert: 39 /* ChangeDevices */,
+          type: 2 /* Video */
+        });
+      }
       options.status(devicesChanged);
     }
   }
@@ -12067,6 +12605,14 @@ var AlertRecorder = class {
       lastAlert.end = Date.now() - this.startTime.getTime();
     }
   }
+  addAlert({ alert, type }) {
+    this.alerts.push({
+      begin: Date.now() - this.startTime.getTime(),
+      end: Date.now() - this.startTime.getTime(),
+      alert,
+      type
+    });
+  }
 };
 
 // src/new-flow/recorders/AudioRecorder.ts
@@ -14555,19 +15101,38 @@ var ScreenRecorder = class {
   }
   async startRecording() {
     this.startTime = new Date(Date.now());
+    if (isMobileDevice()) return;
     const { allowOnlyFirstMonitor, allowMultipleMonitors, onStopSharingScreenCallback, onBufferSizeErrorCallback } = this.options;
-    const displayMediaStreamConstraints = {
+    const complexConstraints = {
       video: {
         cursor: "always",
-        width: 854,
-        height: 480,
+        width: this.options.screenRecorderOptions.width,
+        height: this.options.screenRecorderOptions.height,
         displaySurface: "monitor"
       },
       audio: false
     };
-    this.screenStream = await navigator.mediaDevices.getDisplayMedia(
-      displayMediaStreamConstraints
-    );
+    const simpleConstraints = {
+      video: {
+        cursor: "always",
+        width: 1280,
+        height: 720,
+        displaySurface: "monitor"
+      },
+      audio: false
+    };
+    let stream;
+    try {
+      stream = await navigator.mediaDevices.getDisplayMedia(complexConstraints);
+    } catch (e3) {
+      if (e3 instanceof TypeError && e3.message.includes("min constraints are not supported")) {
+        console.warn("Navegador n\xE3o suporta restri\xE7\xF5es 'min/max/ideal'. Tentando com 720p fixo.");
+        stream = await navigator.mediaDevices.getDisplayMedia(simpleConstraints);
+      } else {
+        throw e3;
+      }
+    }
+    this.screenStream = stream;
     const tracks = this.screenStream.getVideoTracks();
     tracks[0].onended = onStopSharingScreenCallback;
     const isFirefox = navigator.userAgent.indexOf("Firefox") > -1;
@@ -14706,26 +15271,6 @@ var IndexDbSessionRepository = class {
   }
 };
 
-// src/utils/browserInformations.ts
-function fnBrowserDetect() {
-  const userAgent = navigator.userAgent;
-  let browserName;
-  if (userAgent.match(/chrome|chromium|crios/i)) {
-    browserName = "chrome";
-  } else if (userAgent.match(/firefox|fxios/i)) {
-    browserName = "firefox";
-  } else if (userAgent.match(/safari/i)) {
-    browserName = "safari";
-  } else if (userAgent.match(/opr\//i)) {
-    browserName = "opera";
-  } else if (userAgent.match(/edg/i)) {
-    browserName = "edge";
-  } else {
-    browserName = "No browser detection";
-  }
-  return browserName;
-}
-
 // src/utils/geolocation.ts
 function getGeolocation() {
   return new Promise((resolve, reject) => {
@@ -17727,15 +18272,12 @@ var _ExternalCameraChecker = class _ExternalCameraChecker {
     }
   }
   async goToPositionGuide() {
-    if (this.connection) {
-      const actionMessage = new ActionMessage();
-      actionMessage.command = "Position_Guide";
-      console.log("Enviando comando 'Position_Guide' para o aplicativo...");
-      this.connection.invoke(
-        "SendAction",
-        this.externalSessionId,
-        actionMessage
-      );
+    try {
+      const response = await this.backend.goToExternalCameraPositionStep("" + this.externalSessionId);
+      console.log(response);
+    } catch (error) {
+      console.error("Erro ao enviar comando de Position:", error);
+      throw new Error("N\xE3o foi poss\xEDvel enviar comando de Position Guide.");
     }
   }
   async reset() {
@@ -18414,13 +18956,9 @@ var ExternalCameraChecker = _ExternalCameraChecker;
 
 // src/proctoring/proctoring.ts
 var Proctoring = class {
-  //   private onProgress = (percentage: number) => {};
-  //   public setOnProgress(cb: (percentage: number) => void) {
-  //     console.log("proctoring.setOnProgress");
-  //     this.onProgress = (percentage) => cb(percentage);
-  //   }
   constructor(context) {
     this.context = context;
+    this.deviceData = null;
     this.paramsConfig = {
       audioBehaviourParameters: {
         recordingBitrate: 128,
@@ -18473,11 +19011,17 @@ var Proctoring = class {
     this.appChecker = new ExternalCameraChecker(this.context, (response) => this.onRealtimeAlertsCallback(response));
   }
   setOnStopSharingScreenCallback(cb) {
-    this.onStopSharingScreenCallback = () => {
+    this.onStopSharingScreenCallback = async () => {
+      var _a2, _b, _c2, _d;
       trackers.registerStopSharingScreen(
         this.proctoringId,
         "Stop sharing screen"
       );
+      (_b = (_a2 = this.allRecorders) == null ? void 0 : _a2.alertRecorder) == null ? void 0 : _b.addAlert({
+        alert: 34 /* StopSharingScreen */,
+        type: 3 /* Screen */
+      });
+      (_d = (_c2 = this.allRecorders) == null ? void 0 : _c2.screenRecorder) == null ? void 0 : _d.stopRecording();
       cb();
     };
   }
@@ -18490,17 +19034,71 @@ var Proctoring = class {
   async onChangeDevices(options = {}) {
     const onChange = new onChangeDevices(
       this.repositoryDevices,
-      this.proctoringId
+      this.proctoringId,
+      this.sessionOptions,
+      this.allRecorders
     );
     onChange.startRecording(options);
     this.onChangeDevicesCallback = (devices) => options.status && options.status(devices);
   }
+  convertRealtimeCategoryToAlertCategory(category) {
+    switch (category) {
+      case "no_face_detected":
+        return 1 /* NoFace */;
+      case "multiple_faces_detected":
+        return 2 /* MultipleFaces */;
+      case "multiple_persons_detected":
+        return 28 /* EnvironmentMultiplePeople */;
+      case "no_person_detected":
+        return 29 /* EnvironmentNoPeople */;
+      default:
+        return null;
+    }
+  }
+  convertRealtimeTypeToWarningType(category) {
+    switch (category) {
+      case "face_detection_on_stream":
+        return 0 /* Face */;
+      case "person_detection_on_stream":
+        return 1 /* People */;
+      default:
+        return null;
+    }
+  }
   async onRealtimeAlerts(options = {}) {
-    this.onRealtimeAlertsCallback = (response) => options.data && options.data(response);
+    this.onRealtimeAlertsCallback = async (response) => {
+      options.data && options.data(response);
+      if (this.sessionOptions.proctoringType === "REALTIME" && (response.type === "face_detection_on_stream" || response.type === "person_detection_on_stream")) {
+        if (response.status === "ALERT") {
+          await this.backend.startRealtimeAlert({
+            proctoringId: this.proctoringId,
+            begin: response.begin,
+            end: response.end,
+            alert: this.convertRealtimeCategoryToAlertCategory(response.category)
+          });
+        } else if (response.status === "OK") {
+          await this.backend.stopRealtimeAlert({
+            proctoringId: this.proctoringId,
+            begin: response.begin,
+            end: response.end,
+            warningCategoryEnum: this.convertRealtimeTypeToWarningType(response.type),
+            alertImageBase64: await this.allRecorders.cameraRecorder.getCurrentImageBase64()
+          });
+        }
+      }
+    };
   }
   setOnBufferSizeErrorCallback(cb) {
     this.onBufferSizeErrorCallback = (cameraStream) => cb(cameraStream);
   }
+  //   private onProgress = (percentage: number) => {};
+  //   public setOnProgress(cb: (percentage: number) => void) {
+  //     console.log("proctoring.setOnProgress");
+  //     this.onProgress = (percentage) => cb(percentage);
+  //   }
+  setDeviceCheckData(data) {
+    this.deviceData = data;
+  }
   createRecorders(options = getDefaultProctoringOptions) {
     var _a2, _b;
     this.onChangeDevices();
@@ -18527,6 +19125,7 @@ var Proctoring = class {
     const screenRecorder = this.sessionOptions.captureScreen ? new ScreenRecorder({
       allowOnlyFirstMonitor: (_a2 = this.sessionOptions.allowOnlyFirstMonitor) != null ? _a2 : true,
       allowMultipleMonitors: (_b = this.sessionOptions.allowMultipleMonitors) != null ? _b : true,
+      screenRecorderOptions: this.sessionOptions.screenRecorderOptions,
       onStopSharingScreenCallback: () => this.onStopSharingScreenCallback(),
       onBufferSizeError: this.sessionOptions.onBufferSizeError,
       onBufferSizeErrorCallback: () => this.onBufferSizeErrorCallback()
@@ -18599,11 +19198,16 @@ var Proctoring = class {
           examId: this.context.examId,
           token: this.context.token
         },
-        this.sessionOptions.proctoringType,
+        this.sessionOptions,
         this.geolocation ? this.geolocation.coords.latitude : void 0,
         this.geolocation ? this.geolocation.coords.longitude : void 0
       );
       this.proctoringId = startResponse.id;
+      trackers.registerDevicesChecked(
+        this.proctoringId,
+        !!this.deviceData,
+        `Devices checked: ${JSON.stringify(this.deviceData)} | Devices List: ${JSON.stringify(devices)}`
+      );
       try {
         if (options == null ? void 0 : options.useExternalCamera) {
           await this.appChecker.startTransmission(this.proctoringId);
@@ -18637,6 +19241,11 @@ Navigator: ${JSON.stringify(_navigator2)}`
         startResponse.screenStream = this.allRecorders.screenRecorder.screenStream;
       }
       this.state = "Recording" /* Recording */;
+      setTimeout(async () => {
+        if (this.sessionOptions.proctoringType === "REALTIME") {
+          await this.backend.verifyFace(this.proctoringId, await this.allRecorders.cameraRecorder.getCurrentImageBase64());
+        }
+      }, 1e3);
       return startResponse;
     } catch (error) {
       console.log(error);
@@ -18755,8 +19364,11 @@ Upload Services: ${uploaderServices}`,
           );
         });
       }
-      await this.backend.finishAndSendUrls(this.context, this.proctoringSession).then(() => {
+      await this.backend.finishAndSendUrls(this.context).then((finishResponse) => {
+        var _a2, _b;
         trackers.registerFinish(this.proctoringSession.id, true, "");
+        console.log("finishResponse: ", finishResponse);
+        options.onFinish && options.onFinish((_a2 = finishResponse == null ? void 0 : finishResponse.score) != null ? _a2 : 100, (_b = finishResponse == null ? void 0 : finishResponse.approved) != null ? _b : true);
       }).catch((error) => {
         trackers.registerFinish(
           this.proctoringSession.id,
@@ -18797,7 +19409,7 @@ Error: ` + error
   }
   async verifyBrowser() {
     const browserName = await fnBrowserDetect();
-    if (browserName !== "chrome" && browserName !== "firefox") {
+    if (browserName !== "chrome" && browserName !== "firefox" && !isMobileDevice()) {
       trackers.registerBrowserNotSupported(
         this.proctoringId,
         `Browser n\xE3o suportado: 
@@ -19103,7 +19715,14 @@ function useProctoring(proctoringOptions, enviromentConfig = "prod") {
   const signTerm = new SignTerm(parameters);
   const photo = new CapturePhoto();
   const login = proctoring.login.bind(proctoring);
-  const start = proctoring.start.bind(proctoring);
+  const originalStart = proctoring.start.bind(proctoring);
+  const start = async (parameters2) => {
+    const deviceResult = checker.getDeviceCheckResult();
+    if (deviceResult) {
+      proctoring.setDeviceCheckData(deviceResult);
+    }
+    return originalStart(parameters2);
+  };
   const finish = proctoring.finish.bind(proctoring);
   const pause = proctoring.pause.bind(proctoring);
   const resume = proctoring.resume.bind(proctoring);