easyproctor 2.3.5 → 2.4.0

package/README.md

@@ -263,6 +263,8 @@ const {
   token: "...",
 });
 ```
+## Release Note V 2.4.0
+- Compatibilidade com dispositivos móveis
 
 ## Release Note V 2.3.3
 - Correção do reset no startSession

package/esm/index.js

@@ -9546,6 +9546,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) => {
@@ -10094,7 +10123,7 @@ var CameraRecorder = class {
     }
   }
   async startRecording(options) {
-    var _a2, _b, _c2, _d, _e3, _f, _g;
+    var _a2, _b, _c2, _d, _e3, _f, _g, _h;
     if ((((_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.detectPerson) || ((_b = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _b.detectCellPhone) || ((_c2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _c2.detectFace)) && !(options == null ? void 0 : options.retry)) {
       await this.initializeDetectors();
     }
@@ -10140,9 +10169,26 @@ var CameraRecorder = class {
     this.recordingStart();
     const tracks = this.cameraStream.getVideoTracks();
     const settings = tracks[0].getSettings();
-    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+    let { width = 0, height = 0 } = settings;
+    const isPortrait = (_d = screen.orientation) == null ? void 0 : _d.type.includes("portrait");
+    if (isPortrait && isMobileDevice()) {
+      if (this.videoOptions.width == height && this.videoOptions.height == width) {
+        [width, height] = [height, width];
+      }
+    }
+    console.log("isPortrait -> ", isPortrait);
+    console.log("this.isMobileDevice() -> ", isMobileDevice());
+    console.log("width -> ", width);
+    console.log("height -> ", height);
+    console.log("minWidth -> ", this.videoOptions.minWidth);
+    console.log("minHeight -> ", this.videoOptions.minHeight);
+    console.log("this.videoOptions.width -> ", this.videoOptions.width);
+    console.log("this.videoOptions.height -> ", this.videoOptions.height);
+    console.log("settings.width -> ", settings.width);
+    console.log("settings.height -> ", 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
@@ -10155,11 +10201,11 @@ Setting: ${JSON.stringify(settings, null, 2)}`
       );
       throw ANOTHER_STREAM_ACTIVE;
     }
-    ((_d = this.paramsConfig.imageBehaviourParameters) == null ? void 0 : _d.useUploadImage) && this.options.proctoringType == "IMAGE" && this.photoShotsCycle();
-    if ((_e3 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _e3.detectFace) {
+    ((_e3 = this.paramsConfig.imageBehaviourParameters) == null ? void 0 : _e3.useUploadImage) && this.options.proctoringType == "IMAGE" && this.photoShotsCycle();
+    if ((_f = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _f.detectFace) {
       await this.faceDetection.enableCam(this.cameraStream);
     }
-    if (((_f = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _f.detectPerson) || ((_g = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _g.detectCellPhone)) {
+    if (((_g = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _g.detectPerson) || ((_h = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _h.detectCellPhone)) {
       await this.objectDetection.enableCam(this.cameraStream);
     }
     this.filesToUpload = [];
@@ -10397,11 +10443,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 +10478,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 +10539,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 +10724,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 +10762,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 +10782,46 @@ 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;
     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 +10915,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 +10948,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 +10968,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 +11014,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 +11036,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 +11059,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 +11081,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 +11102,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 +11113,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",
@@ -11163,6 +11438,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 +11469,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 +11520,7 @@ var _DeviceCheckerService = class _DeviceCheckerService {
           });
         }
       );
+      this.deviceCheckResult = { ...returnData, result: resultPromise };
       return { ...returnData, result: resultPromise };
     } catch (error) {
       this.closeCheckDevices();
@@ -11286,7 +11566,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 +11577,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 +11588,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;
@@ -14706,26 +14996,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) => {
@@ -18797,7 +19067,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: