@newtonschool/react_proctoring_library 0.0.119 → 0.0.121

package/dist/components/permissions/index.js

@@ -42,7 +42,8 @@ const Permission = _ref => {
           showFullscreenText: !permissions.fullscreen && proctorParams.fullscreenExit,
           showAudioPermissionText: !permissions.audio && (0, _breachUtils.isAudioRequired)(proctorParams),
           showVideoPermissionText: !permissions.video && (0, _breachUtils.isWebcamRequired)(proctorParams),
-          showScreensharePermission: !permissions.screenshare && proctorParams.screenshareSnapshots
+          showScreensharePermission: !permissions.screenshare && proctorParams.screenshareSnapshots,
+          showSingleScreenPermission: !permissions.singleScreen && proctorParams.singleScreen
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal.Footer, {
         children: [!permissions.screenshare && proctorParams.screenshareSnapshots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {

package/dist/components/permissions/permission-body.js

@@ -18,7 +18,8 @@ const PermissionBody = _ref => {
     showFullscreenText,
     showAudioPermissionText,
     showVideoPermissionText,
-    showScreensharePermission
+    showScreensharePermission,
+    showSingleScreenPermission
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -68,6 +69,11 @@ const PermissionBody = _ref => {
         className: "pr-2 font-weight-bold",
         children: "Fullscreen:"
       }), text.PERMISSION_FULLSCREEN]
+    }), showSingleScreenPermission && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "pr-2 font-weight-bold",
+        children: "Single Screen:"
+      }), text.PERMISSION_SINGLE_SCREEN]
     })]
   });
 };

package/dist/components/proctor-app/index.js

@@ -44,7 +44,8 @@ const ProctorApp = _ref => {
     getProctorParamValues = () => {},
     getWebcamSnapshot = () => {},
     getScreengrab = () => {},
-    logger = () => {}
+    logger = () => {},
+    onProctoredViewChange = () => {}
   } = _ref;
   const context = (0, _react.useContext)(proctoredContext);
   const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
@@ -73,7 +74,7 @@ const ProctorApp = _ref => {
   }, []);
   const CustomPermissionView = customPermissionView;
   const proctorParams = (0, _react.useMemo)(() => _objectSpread(_objectSpread({}, _defaults.defaultConfig), config.proctorParams), [config.proctorParams]);
-  const shouldShowProctoredComponent = (0, _breachUtils.showProctoredComponent)(proctorParams, permissions);
+  const shouldShowProctoredComponent = (0, _react.useMemo)(() => (0, _breachUtils.showProctoredComponent)(proctorParams, permissions), [proctorParams, permissions, _breachUtils.showProctoredComponent]);
   const allPermissionsGrantedCallback = () => {
     if (!calledAllPermissionHandler.current) {
       var _window$electron$acti, _window$electron$acti2;
@@ -104,6 +105,9 @@ const ProctorApp = _ref => {
       allPermissionGrantedOnce.current = true;
     }
   }, [allPermissionGrantedOnce, permissions, proctorParams]);
+  (0, _react.useEffect)(() => {
+    onProctoredViewChange(shouldShowProctoredComponent);
+  }, [shouldShowProctoredComponent]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "".concat(proctorParams.copyPasteProctoring ? 'disable-copy-paste fullwidth fullheight' : 'fullwidth fullheight'),
     children: [shouldShowProctoredComponent && children, !shouldShowProctoredComponent && customPermissionView && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomPermissionView, _objectSpread({

package/dist/components/proctor-context-app/index.js

@@ -51,6 +51,7 @@ const ProctoredContextApp = _ref => {
     openHeimdall: null
   });
   const [screensharePermission, setScreensharePermission] = (0, _react.useState)();
+  const [singleScreenPermission, setSingleScreenPermission] = (0, _react.useState)(true);
   const [_, setUpdateId] = (0, _react.useState)(0);
   const webcamReference = (0, _react.useRef)(null);
   const screenshareReference = (0, _react.useRef)(null);
@@ -66,11 +67,31 @@ const ProctoredContextApp = _ref => {
     audio: audioPermisison,
     fullscreen: isFullscreen,
     screenshare: screensharePermission,
-    openHeimdall: openHeimdallAppPermission
-  }), [videoPermission, audioPermisison, isFullscreen, screensharePermission, openHeimdallAppPermission]);
+    openHeimdall: openHeimdallAppPermission,
+    singleScreen: singleScreenPermission
+  }), [videoPermission, audioPermisison, isFullscreen, screensharePermission, openHeimdallAppPermission, singleScreenPermission]);
   const forceUpdate = () => {
     setUpdateId(oldId => oldId + 1);
   };
+  (0, _react.useEffect)(() => {
+    const updateSingleScreenPermission = () => {
+      if (isElectronApp) {
+        setSingleScreenPermission(true);
+      }
+      if (typeof window === 'undefined' || !window.screen) {
+        setSingleScreenPermission(true);
+        return;
+      }
+      if (typeof window.screen.isExtended === 'undefined') {
+        setSingleScreenPermission(true);
+        return;
+      }
+      setSingleScreenPermission(!window.screen.isExtended);
+    };
+    updateSingleScreenPermission();
+    const intervalId = setInterval(updateSingleScreenPermission, 10000);
+    return () => clearInterval(intervalId);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
     value: _objectSpread(_objectSpread({}, customContext), {}, {
       permissions,

package/dist/constants/defaults.js

@@ -11,7 +11,8 @@ const defaultConfig = exports.defaultConfig = {
   screenshareSnapshots: true,
   openHeimdall: true,
   copyPasteProctoring: true,
-  pageFocus: true
+  pageFocus: true,
+  singleScreen: true
 };
 const initialValues = exports.initialValues = {
   isTabSwitched: false,
@@ -45,7 +46,8 @@ const proctorParamsToPermission = exports.proctorParamsToPermission = {
   screenshareSnapshots: 'screenshare',
   audio: 'audio',
   openHeimdall: 'openHeimdall',
-  downloadHeimdall: 'downloadHeimdall'
+  downloadHeimdall: 'downloadHeimdall',
+  singleScreen: 'singleScreen'
 };
 const evaluateVideoIntervalInSeconds = exports.evaluateVideoIntervalInSeconds = 5;
 const gpuTypes = exports.gpuTypes = ['intel', 'apple', 'amd', 'radeon', 'nvidia', 'geforce'];

package/dist/constants/text.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WATCHING_SCREEN = exports.VIDEO_UNSUPPORTED_IN_BROWSER = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_DESC = exports.REQUEST_PERMISSION = exports.PERMISSION_VIDEO = exports.PERMISSION_TITLE = exports.PERMISSION_SCREENSHARE = exports.PERMISSION_GENERIC = exports.PERMISSION_FULLSCREEN = exports.PERMISSION_AUDIO_VIDEO = exports.PERMISSION_AUDIO = exports.NO_CAMERA_AVAILABLE = exports.NO_AUDIO_DEVICE_AVAILABLE = exports.NOT_WATCHING_SCREEN = exports.MESSAGE = exports.FULLSCREEN_ERROR_MESSAGE = exports.DENY_FULLSCREEN = exports.CAMERA_UNAVAILABLE_INSECURE_CONN = exports.BROWSER_BLOCKED_PERMISSION_RESOLVED_RECHECK = exports.BROWSER_BLOCKED_PERMISSION_NEXT_STEP = exports.BROWSER_BLOCKED_PERMISSION_DIRECTION = exports.BROWSER_BLOCKED_PERMISSION_DIALOG = exports.BROWSER_BLOCKED_PERMISSION = exports.ALLOW_SCREENSHARE = exports.ALLOW_FULLSCREEN = void 0;
+exports.WATCHING_SCREEN = exports.VIDEO_UNSUPPORTED_IN_BROWSER = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_DESC = exports.REQUEST_PERMISSION = exports.PERMISSION_VIDEO = exports.PERMISSION_TITLE = exports.PERMISSION_SINGLE_SCREEN = exports.PERMISSION_SCREENSHARE = exports.PERMISSION_GENERIC = exports.PERMISSION_FULLSCREEN = exports.PERMISSION_AUDIO_VIDEO = exports.PERMISSION_AUDIO = exports.NO_CAMERA_AVAILABLE = exports.NO_AUDIO_DEVICE_AVAILABLE = exports.NOT_WATCHING_SCREEN = exports.MESSAGE = exports.FULLSCREEN_ERROR_MESSAGE = exports.DENY_FULLSCREEN = exports.CAMERA_UNAVAILABLE_INSECURE_CONN = exports.BROWSER_BLOCKED_PERMISSION_RESOLVED_RECHECK = exports.BROWSER_BLOCKED_PERMISSION_NEXT_STEP = exports.BROWSER_BLOCKED_PERMISSION_DIRECTION = exports.BROWSER_BLOCKED_PERMISSION_DIALOG = exports.BROWSER_BLOCKED_PERMISSION = exports.ALLOW_SCREENSHARE = exports.ALLOW_FULLSCREEN = void 0;
 const WATCHING_SCREEN = exports.WATCHING_SCREEN = 'You are watching the screen';
 const NOT_WATCHING_SCREEN = exports.NOT_WATCHING_SCREEN = 'You are not watching the screen';
 const PERMISSION_TITLE = exports.PERMISSION_TITLE = 'Permissions';
@@ -29,4 +29,5 @@ const PERMISSION_FULLSCREEN = exports.PERMISSION_FULLSCREEN = 'Please allow us t
 const PERMISSION_AUDIO_VIDEO = exports.PERMISSION_AUDIO_VIDEO = "Your browser or system settings have disallowed Microphone and Camera permissions. Please permit this website to access microphone and camera. Refresh after you've given the permission to access the screen";
 const PERMISSION_VIDEO = exports.PERMISSION_VIDEO = "Your browser or system settings have disallowed Camera permissions. Please permit this website to access the camera. Refresh after you've given the permission to access the screen";
 const PERMISSION_AUDIO = exports.PERMISSION_AUDIO = "Your browser or system settings have disallowed Microphone permissions. Please permit this website to access the microphone. Refresh after you've given the permission to access the screen";
-const PERMISSION_SCREENSHARE = exports.PERMISSION_SCREENSHARE = 'Please share your entire screen';
+const PERMISSION_SCREENSHARE = exports.PERMISSION_SCREENSHARE = 'Please share your entire screen';
+const PERMISSION_SINGLE_SCREEN = exports.PERMISSION_SINGLE_SCREEN = 'Please use a single screen. Extended displays are not allowed.';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.119",
+  "version": "0.0.121",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",