@newtonschool/react_proctoring_library 0.0.17 → 0.0.18

package/dist/components/ProctorApp.js

@@ -11,6 +11,8 @@ require("core-js/modules/es.promise.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
+require("./index.scss");
+
 var _ = require(".");
 
 var _utils = require("../utils");
@@ -46,13 +48,14 @@ const ProctorApp = _ref => {
     proctoringIdentifier,
     children,
     config,
+    screensharePermission,
+    requestScreenshare = () => {},
     getProctorParamValues = () => {},
     getWebcamSnapshot = () => {},
     getScreengrab = () => {}
   } = _ref;
   const webcamReference = (0, _react.useRef)(null);
   const canvasReference = (0, _react.useRef)(null);
-  const screenshareReference = (0, _react.useRef)(null);
   const proctorParams = (0, _react.useMemo)(() => _objectSpread(_objectSpread({}, _defaults.defaultConfig), config.proctorParams), [config.proctorParams]);
   const statistics = (0, _react.useRef)((0, _breachUtils.getInitialStats)(proctorParams));
   const {
@@ -61,7 +64,6 @@ const ProctorApp = _ref => {
   } = config;
   const [audioPermission, setAudioPermission] = (0, _react.useState)();
   const [videoPermission, setVideoPermission] = (0, _react.useState)();
-  const [screensharePermission, setScreensharePermission] = (0, _react.useState)(!proctorParams.screenshareSnapshots);
   const firstFullScreenDone = (0, _react.useRef)(false);
   const recurringFetchIntervalRef = (0, _react.useRef)(null);
   const sendScreengrab = (0, _react.useCallback)(async function () {
@@ -126,10 +128,9 @@ const ProctorApp = _ref => {
       sendScreengrab(true, breachData.breachedParam);
     }
   }, [userCount, isTabSwitched, isFullscreen, lookedAwayCount, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
-  const updateScreensharePermission = (0, _react.useCallback)(() => {
-    (0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _breachUtils.showProctoredComponent)(proctorParams, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(proctorParams.copyPasteProctoring ? "disable-copy-paste fullwidth" : "fullwidth")
+  }, (0, _breachUtils.showProctoredComponent)(proctorParams, {
     isFullscreen,
     audioPermission,
     videoPermission,
@@ -141,14 +142,13 @@ const ProctorApp = _ref => {
     videoPermission: videoPermission,
     setFullscreen: setFullscreen,
     screensharePermission: screensharePermission,
-    updateScreensharePermission: updateScreensharePermission
+    requestScreenshare: requestScreenshare
   }), /*#__PURE__*/_react.default.createElement(_.ActivityTracker, {
     proctorParams: proctorParams,
     setAudioPermission: setAudioPermission,
     setVideoPermission: setVideoPermission,
     webcamReference: webcamReference,
-    canvasReference: canvasReference,
-    screenshareReference: screenshareReference
+    canvasReference: canvasReference
   }));
 };
 

package/dist/components/activity-tracker/index.js

@@ -33,8 +33,7 @@ const ActivityTracker = _ref => {
     webcamReference,
     canvasReference,
     setAudioPermission,
-    setVideoPermission,
-    screenshareReference
+    setVideoPermission
   } = _ref;
   (0, _react.useEffect)(() => {
     if ((0, _browserUtils.isChrome)()) {
@@ -141,11 +140,7 @@ const ActivityTracker = _ref => {
     ref: canvasReference,
     className: "captured-video-canvas",
     id: "wc-ref"
-  })), proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement("video", {
-    ref: screenshareReference,
-    className: "captured-video-canvas",
-    id: "ss-ref"
-  }));
+  })));
 };
 
 var _default = ActivityTracker;

package/dist/components/index.js

@@ -21,11 +21,19 @@ Object.defineProperty(exports, "ProctorApp", {
     return _ProctorApp.default;
   }
 });
+Object.defineProperty(exports, "ScreenshareTracker", {
+  enumerable: true,
+  get: function get() {
+    return _screenshare.ScreenshareTracker;
+  }
+});
 
 var _activityTracker = _interopRequireDefault(require("./activity-tracker"));
 
 var _permissions = require("./permissions");
 
+var _screenshare = require("./screenshare");
+
 var _ProctorApp = _interopRequireDefault(require("./ProctorApp"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/index.scss

@@ -0,0 +1,8 @@
+.disable-copy-paste {
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+.fullwidth {
+    width: 100%;
+}

package/dist/components/permissions/index.js

@@ -35,7 +35,7 @@ const Permission = _ref => {
     videoPermission,
     setFullscreen,
     screensharePermission,
-    updateScreensharePermission
+    requestScreenshare
   } = _ref;
   const showPermissionModal = isFullscreen === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && audioPermisison === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && videoPermission === false || !screensharePermission;
   return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
@@ -67,7 +67,7 @@ const Permission = _ref => {
     showScreensharePermission: !screensharePermission && proctorParams.screenshareSnapshots
   })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, !screensharePermission && proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     onClick: () => {
-      updateScreensharePermission();
+      requestScreenshare();
     }
   }, text.ALLOW_SCREENSHARE), screensharePermission && !isFullscreen && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "primary",

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

@@ -34,7 +34,7 @@ const PermissionBody = _ref => {
     className: "mb-2"
   }, text.PERMISSION_GENERIC), showScreensharePermission && /*#__PURE__*/_react.default.createElement("div", {
     className: "mb-2"
-  }, (0, _browserUtils.isChrome)() && /*#__PURE__*/_react.default.createElement("strong", null, "Please switch to chrome"), /*#__PURE__*/_react.default.createElement("span", {
+  }, !(0, _browserUtils.isChrome)() && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, "Please switch to chrome"), /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement("span", {
     className: "pr-2 font-weight-bold"
   }, "Screenshare:"), text.PERMISSION_SCREENSHARE), showAudioPermissionText && showVideoPermissionText ? /*#__PURE__*/_react.default.createElement("div", {
     className: "mb-2"

package/dist/components/screenshare/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenshareTracker = void 0;
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ScreenshareTracker = _ref => {
+  let {
+    triggerRequestPermission,
+    permissionChangeCallback
+  } = _ref;
+  const [screensharePermission, setScreensharePermission] = (0, _react.useState)();
+  const screenshareReference = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    permissionChangeCallback(screensharePermission);
+  }, [screensharePermission, permissionChangeCallback]);
+  (0, _react.useEffect)(() => {
+    if (triggerRequestPermission) {
+      (0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference);
+    }
+  }, [triggerRequestPermission]);
+  return /*#__PURE__*/_react.default.createElement("video", {
+    ref: screenshareReference,
+    className: "captured-video-canvas",
+    id: "ss-ref"
+  });
+};
+
+exports.ScreenshareTracker = ScreenshareTracker;

package/dist/components/screenshare/index.scss

@@ -0,0 +1,4 @@
+.captured-video-canvas {
+  visibility: hidden;
+  position: absolute;
+}

package/dist/constants/defaults.js

@@ -10,7 +10,8 @@ const defaultConfig = {
   fullscreenExit: true,
   lookedAway: true,
   webcamSnapshots: true,
-  screenshareSnapshots: true
+  screenshareSnapshots: true,
+  copyPasteProctoring: true
 };
 exports.defaultConfig = defaultConfig;
 const initialValues = {

package/dist/index.js

@@ -9,5 +9,11 @@ Object.defineProperty(exports, "ProctorApp", {
     return _components.ProctorApp;
   }
 });
+Object.defineProperty(exports, "ScreenshareTracker", {
+  enumerable: true,
+  get: function get() {
+    return _components.ScreenshareTracker;
+  }
+});
 
 var _components = require("./components");

package/dist/utils/webcamMicrophoneUtils.js

@@ -151,6 +151,7 @@ const setupScreensharePermission = (setScreensharePermission, screenshareReferen
   const track = stream.getTracks()[0];
 
   if (track.getSettings().displaySurface === "monitor") {
+    setScreensharePermission(true);
     screenshareReference.current.srcObject = stream;
 
     screenshareReference.current.onloadedmetadata = e => {
@@ -159,9 +160,8 @@ const setupScreensharePermission = (setScreensharePermission, screenshareReferen
 
     track.onended = e => {
       setScreensharePermission(false);
+      screenshareReference.current.srcObject = null;
     };
-
-    setScreensharePermission(true);
   } else {
     screenshareReference.current = null;
     setScreensharePermission(false);

package/package.json

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