@newtonschool/react_proctoring_library 0.0.14 → 0.0.17

package/dist/components/ProctorApp.js

@@ -7,6 +7,8 @@ exports.default = exports.ProctorApp = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+require("core-js/modules/es.promise.js");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _ = require(".");
@@ -15,20 +17,28 @@ var _utils = require("../utils");
 
 var _hooks = require("../hooks");
 
-var _defaults = require("../constants/defaults");
-
 var _permissions = require("./permissions");
 
 var _useWebcamData = _interopRequireDefault(require("../hooks/useWebcamData"));
 
 var _breachUtils = require("../utils/breachUtils");
 
+var _webcamMicrophoneUtils = require("../utils/webcamMicrophoneUtils");
+
+var _defaults = require("../constants/defaults");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 const isWebcamProcessingReliable = (0, _utils.isGPUAvailable)();
 
 const ProctorApp = _ref => {
@@ -42,93 +52,104 @@ const ProctorApp = _ref => {
   } = _ref;
   const webcamReference = (0, _react.useRef)(null);
   const canvasReference = (0, _react.useRef)(null);
-  const statistics = (0, _react.useRef)(_defaults.INITIAL_STATISTICS);
+  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 {
-    proctorParams,
     recurring = false,
-    recurringFetchInterval = 0,
-    trackScreenshare = false
-  } = config; // const {
-  //   userCount = true,
-  //   tabSwitch = true,
-  //   fullscreenExit = true,
-  //   lookedAway = true,
-  // } = proctorParams;
-
-  const [audioPermission, setAudioPermission] = (0, _react.useState)(false);
-  const [videoPermission, setVideoPermission] = (0, _react.useState)(false);
-  const [screensharePermission, setScreensharePermission] = (0, _react.useState)(!trackScreenshare);
+    recurringFetchInterval = 0
+  } = 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 () {
+    let isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let breachedParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+
+    if (proctorParams.screenshareSnapshots) {
+      const screenshot = await (0, _webcamMicrophoneUtils.captureScreenshot)();
+      getScreengrab(proctoringIdentifier, screenshot, isBreach, breachedParam);
+    }
+  }, [getScreengrab, proctoringIdentifier, proctorParams.screenshareSnapshots]);
+  const sendWebcamSnapshot = (0, _react.useCallback)(function () {
+    let isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let breachedParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+
+    if (proctorParams.webcamSnapshots) {
+      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(webcamReference);
+
+      if (webcamReference) {
+        getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
+      }
+    }
+  }, [proctoringIdentifier, getWebcamSnapshot, proctorParams.webcamSnapshots]);
+  const sendProctoredParamValues = (0, _react.useCallback)(function () {
+    let isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let breachParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+    getProctorParamValues(proctoringIdentifier, statistics.current, isBreach, breachParam);
+  }, [proctoringIdentifier, getProctorParamValues]);
   const {
     isFullscreen,
-    setFullscreen,
-    fullScreenExitCount
-  } = (0, _hooks.useFullscreenData)(firstFullScreenDone);
-  const [userCount, lookedAwayCount, isWebcamDataReliable] = (0, _useWebcamData.default)(webcamReference, canvasReference);
-  const tabSwitchCount = (0, _hooks.useTabSwitchCount)(firstFullScreenDone);
-  let recurringFetchIntervalRef = (0, _react.useRef)(null);
+    setFullscreen
+  } = (0, _hooks.useFullscreenData)(firstFullScreenDone, proctorParams.fullscreenExit);
+  const [userCount, lookedAwayCount] = (0, _useWebcamData.default)(webcamReference, canvasReference, proctorParams);
+  const isTabSwitched = !(0, _hooks.usePageVisibility)(proctorParams.tabSwitch) && firstFullScreenDone.current;
   (0, _react.useEffect)(() => {
     if (recurring) {
       recurringFetchIntervalRef.current = setInterval(() => {
-        getProctorParamValues(proctoringIdentifier, statistics.current, false);
-        const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(webcamReference);
-
-        if (webcamReference) {
-          getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, false);
-        }
+        sendProctoredParamValues();
+        sendWebcamSnapshot();
+        sendScreengrab();
       }, recurringFetchInterval);
     }
 
     return () => {
       clearInterval(recurringFetchIntervalRef.current);
     };
-  }, [proctoringIdentifier, recurring, recurringFetchInterval, getWebcamSnapshot, getProctorParamValues]);
+  }, [recurring, recurringFetchInterval, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab]);
   (0, _react.useEffect)(() => {
     const currentStats = {
       userCount,
-      tabSwitchCount,
-      fullScreenExitCount,
+      isTabSwitched,
+      isFullscreen,
       lookedAwayCount,
       isWebcamDataReliable: isWebcamProcessingReliable
     };
-    const breachData = (0, _breachUtils.getDataOnBreach)(statistics, currentStats, proctoringIdentifier);
+    const breachData = (0, _breachUtils.getDataOnBreach)(statistics, currentStats, proctorParams);
+    (0, _utils.updateStatistics)(statistics, currentStats, proctorParams);
 
     if (breachData) {
-      getProctorParamValues(breachData.proctoringIdentifier, breachData.data, true, breachData.breachedParam);
-
-      if (breachData.breachedParam === "LOOKED_AWAY_COUNT" || breachData.breachedParam === "USER_COUNT_MAX") {
-        const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(webcamReference);
-
-        if (webcamSnapshot) {
-          getWebcamSnapshot(breachData.proctoringIdentifier, webcamSnapshot, true, breachData.breachedParam);
-        }
-      } else {// getScreengrab();
-      }
-
-      (0, _utils.updateStatistics)(statistics, currentStats);
+      sendProctoredParamValues(true, breachData.breachedParam);
+      sendWebcamSnapshot(true, breachData.breachedParam);
+      sendScreengrab(true, breachData.breachedParam);
     }
-  }, [userCount, tabSwitchCount, fullScreenExitCount, lookedAwayCount, isWebcamDataReliable, proctoringIdentifier, getProctorParamValues, getWebcamSnapshot]);
-
-  if (proctoringIdentifier === undefined) {
-    // todo
-    return;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
+  }, [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, {
+    isFullscreen,
+    audioPermission,
+    videoPermission,
+    screensharePermission
+  }) && children, /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
+    proctorParams: proctorParams,
     isFullscreen: isFullscreen,
     audioPermisison: audioPermission,
     videoPermission: videoPermission,
+    setFullscreen: setFullscreen,
     screensharePermission: screensharePermission,
-    trackScreenshare: trackScreenshare,
-    setFullscreen: setFullscreen
+    updateScreensharePermission: updateScreensharePermission
   }), /*#__PURE__*/_react.default.createElement(_.ActivityTracker, {
+    proctorParams: proctorParams,
     setAudioPermission: setAudioPermission,
     setVideoPermission: setVideoPermission,
     webcamReference: webcamReference,
     canvasReference: canvasReference,
-    trackScreenshare: trackScreenshare,
-    setScreensharePermission: setScreensharePermission
-  }), isFullscreen && audioPermission && videoPermission && children);
+    screenshareReference: screenshareReference
+  }));
 };
 
 exports.ProctorApp = ProctorApp;

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

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.match.js");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactWebcam = _interopRequireDefault(require("react-webcam"));
 
 var _utils = require("../../utils");
 
+var _breachUtils = require("../../utils/breachUtils");
+
+var _browserUtils = require("../../utils/browserUtils");
+
 var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 
 require("./index.scss");
@@ -27,50 +27,44 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 isChrome = !!navigator.userAgent.match(/chrome|chromium/i);
-
 const ActivityTracker = _ref => {
   let {
+    proctorParams,
     webcamReference,
     canvasReference,
     setAudioPermission,
     setVideoPermission,
-    trackScreenshare,
-    setScreensharePermission
+    screenshareReference
   } = _ref;
-  const videoReference = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
-    if (isChrome) {
-      (0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
-      (0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
-
-      if (trackScreenshare) {
-        (0, _webcamMicrophoneUtils.updateScreensharePermission)(setScreensharePermission, videoReference);
+    if ((0, _browserUtils.isChrome)()) {
+      if ((0, _breachUtils.isWebcamRequired)(proctorParams)) {
+        (0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
+        (0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
+        (0, _webcamMicrophoneUtils.getVideoPermissionQuery)().then(status => {
+          status.onchange = evt => {
+            (0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
+          };
+        }).catch(err => {
+          console.log("Video Permission", err);
+        });
+        (0, _webcamMicrophoneUtils.getAudioPermissionQuery)().then(status => {
+          status.onchange = evt => {
+            (0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
+          };
+        }).catch(err => {
+          (0, _webcamMicrophoneUtils.updateAudioPermissions)("Audio Permission", err);
+        });
       }
-
-      (0, _webcamMicrophoneUtils.getVideoPermissionQuery)().then(status => {
-        status.onchange = evt => {
-          (0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
-        };
-      }).catch(err => {
-        console.log("Video Permission", err);
-      });
-      (0, _webcamMicrophoneUtils.getAudioPermissionQuery)().then(status => {
-        status.onchange = evt => {
-          (0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
-        };
-      }).catch(err => {
-        (0, _webcamMicrophoneUtils.updateAudioPermissions)("Audio Permission", err);
-      });
     }
-  }, [setVideoPermission, setAudioPermission, setScreensharePermission, trackScreenshare]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactWebcam.default, {
+  }, [setVideoPermission, setAudioPermission, proctorParams]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _breachUtils.isWebcamRequired)(proctorParams) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactWebcam.default, {
     audio: true,
     muted: true,
     screenshotFormat: "image/jpeg",
     ref: webcamReference,
     onUserMedia: stream => {
-      if (!isChrome) {
+      if (!(0, _browserUtils.isChrome)()) {
         const {
           audio,
           video
@@ -137,7 +131,7 @@ const ActivityTracker = _ref => {
       }
     },
     onUserMediaError: error => {
-      if (!isChrome) {
+      if (!(0, _browserUtils.isChrome)()) {
         setVideoPermission(false);
         setAudioPermission(false);
       }
@@ -145,9 +139,12 @@ const ActivityTracker = _ref => {
     className: "captured-video-canvas"
   }), /*#__PURE__*/_react.default.createElement("canvas", {
     ref: canvasReference,
-    className: "captured-video-canvas"
-  }), /*#__PURE__*/_react.default.createElement("video", {
-    src: videoReference.current
+    className: "captured-video-canvas",
+    id: "wc-ref"
+  })), proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement("video", {
+    ref: screenshareReference,
+    className: "captured-video-canvas",
+    id: "ss-ref"
   }));
 };
 

package/dist/components/permissions/index.js

@@ -19,6 +19,8 @@ var text = _interopRequireWildcard(require("../../constants/text"));
 
 var _permissionBody = require("./permission-body");
 
+var _breachUtils = require("../../utils/breachUtils");
+
 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; }
@@ -27,14 +29,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const Permission = _ref => {
   let {
+    proctorParams,
     isFullscreen,
     audioPermisison,
     videoPermission,
+    setFullscreen,
     screensharePermission,
-    trackScreenshare,
-    setFullscreen
+    updateScreensharePermission
   } = _ref;
-  const showPermissionModal = !isFullscreen || !audioPermisison || !videoPermission;
+  const showPermissionModal = isFullscreen === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && audioPermisison === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && videoPermission === false || !screensharePermission;
   return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
     show: showPermissionModal,
     size: "lg",
@@ -43,7 +46,7 @@ const Permission = _ref => {
     centered: true
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Header, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Title, null, text.PERMISSION_TITLE)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, {
     className: "font-medium"
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       borderRadius: "20px"
     }
@@ -59,10 +62,14 @@ const Permission = _ref => {
     src: _askPermission.default
   }), text.VIDEO_UNSUPPORTED_IN_BROWSER)), /*#__PURE__*/_react.default.createElement(_permissionBody.PermissionBody, {
     showFullscreenText: !isFullscreen,
-    showAudioPermissionText: !audioPermisison,
-    showVideoPermissionText: !videoPermission,
-    showScreensharePermission: !screensharePermission && trackScreenshare
-  }))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, !isFullscreen && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    showAudioPermissionText: !audioPermisison && (0, _breachUtils.isWebcamRequired)(proctorParams),
+    showVideoPermissionText: !videoPermission && (0, _breachUtils.isWebcamRequired)(proctorParams),
+    showScreensharePermission: !screensharePermission && proctorParams.screenshareSnapshots
+  })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, !screensharePermission && proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    onClick: () => {
+      updateScreensharePermission();
+    }
+  }, text.ALLOW_SCREENSHARE), screensharePermission && !isFullscreen && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "primary",
     onClick: () => {
       setFullscreen();

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

@@ -15,6 +15,8 @@ require("./index.scss");
 
 var text = _interopRequireWildcard(require("../../constants/text"));
 
+var _browserUtils = require("../../utils/browserUtils");
+
 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; }
@@ -32,9 +34,9 @@ const PermissionBody = _ref => {
     className: "mb-2"
   }, text.PERMISSION_GENERIC), showScreensharePermission && /*#__PURE__*/_react.default.createElement("div", {
     className: "mb-2"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, (0, _browserUtils.isChrome)() && /*#__PURE__*/_react.default.createElement("strong", null, "Please switch to chrome"), /*#__PURE__*/_react.default.createElement("span", {
     className: "pr-2 font-weight-bold"
-  }, "Screen Share:"), text.PERMISSION_SCREENSHARE), showAudioPermissionText && showVideoPermissionText ? /*#__PURE__*/_react.default.createElement("div", {
+  }, "Screenshare:"), text.PERMISSION_SCREENSHARE), showAudioPermissionText && showVideoPermissionText ? /*#__PURE__*/_react.default.createElement("div", {
     className: "mb-2"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "pr-2 font-weight-bold"

package/dist/constants/defaults.js

@@ -3,40 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initialValues = exports.gpuTypes = exports.glancePercentageToPass = exports.evaluateVideoIntervalInSeconds = exports.bodyPixConfigs = exports.INITIAL_STATISTICS = void 0;
+exports.initialValues = exports.gpuTypes = exports.evaluateVideoIntervalInSeconds = exports.defaultConfig = exports.STATS_PARAMS = exports.INITIAL_STATISTICS = void 0;
+const defaultConfig = {
+  people: true,
+  tabSwitch: true,
+  fullscreenExit: true,
+  lookedAway: true,
+  webcamSnapshots: true,
+  screenshareSnapshots: true
+};
+exports.defaultConfig = defaultConfig;
 const initialValues = {
-  tabSwitchCount: 0,
+  isTabSwitched: false,
   userCount: 0,
   isWebcamDataReliable: true,
   isWatching: true,
   canOpenFullScreen: false,
-  fullScreenExitCount: 0,
+  isFullscreen: false,
   lookedAwayCount: 0,
   firstTimeFullScreen: true
 };
 exports.initialValues = initialValues;
+const STATS_PARAMS = {
+  isTabSwitched: "IS_TAB_SWITCHED",
+  isFullscreen: "IS_FULLSCREEN",
+  lookedAwayCount: "LOOKED_AWAY_COUNT",
+  userCountMax: "USER_COUNT_MAX",
+  isWebcamReliable: "IS_WEBCAM_DATA_RELIABLE"
+};
+exports.STATS_PARAMS = STATS_PARAMS;
 const INITIAL_STATISTICS = {
-  TAB_SWITCH_COUNT: initialValues.tabSwitchCount,
-  FULLSCREEN_EXIT_COUNT: initialValues.fullScreenExitCount,
-  LOOKED_AWAY_COUNT: initialValues.lookedAwayCount,
-  USER_COUNT_MAX: initialValues.userCount,
-  IS_WEBCAM_DATA_RELIABLE: initialValues.isWebcamDataReliable
+  [STATS_PARAMS.isTabSwitched]: initialValues.isTabSwitched,
+  [STATS_PARAMS.isFullscreen]: initialValues.isFullscreen,
+  [STATS_PARAMS.lookedAwayCount]: initialValues.lookedAwayCount,
+  [STATS_PARAMS.userCountMax]: initialValues.userCount,
+  [STATS_PARAMS.isWebcamReliable]: initialValues.isWebcamDataReliable
 };
 exports.INITIAL_STATISTICS = INITIAL_STATISTICS;
-const bodyPixConfigs = {
-  flipHorizontal: false,
-  internalResolution: "medium",
-  segmentationThreshold: 0.4,
-  maxDetections: 10,
-  scoreThreshold: 0.2,
-  nmsRadius: 20,
-  minKeypointScore: 0.3,
-  refineSteps: 10
-};
-exports.bodyPixConfigs = bodyPixConfigs;
-const glancePercentageToPass = 60;
-exports.glancePercentageToPass = glancePercentageToPass;
-const evaluateVideoIntervalInSeconds = 1;
+const evaluateVideoIntervalInSeconds = 5;
 exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;
 const gpuTypes = ["intel", "apple", "amd", "radeon", "nvidia", "geforce"];
 exports.gpuTypes = gpuTypes;

package/dist/constants/text.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WATCHING_SCREEN = exports.VIDEO_UNSUPPORTED_IN_BROWSER = exports.USER_COUNT_LABEL = 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_FULLSCREEN = void 0;
+exports.WATCHING_SCREEN = exports.VIDEO_UNSUPPORTED_IN_BROWSER = exports.USER_COUNT_LABEL = 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;
 const WATCHING_SCREEN = "You are watching the screen";
 exports.WATCHING_SCREEN = WATCHING_SCREEN;
 const NOT_WATCHING_SCREEN = "You are not watching the screen";
@@ -20,6 +20,8 @@ const DENY_FULLSCREEN = "Deny";
 exports.DENY_FULLSCREEN = DENY_FULLSCREEN;
 const ALLOW_FULLSCREEN = "Switch to Fullscreen";
 exports.ALLOW_FULLSCREEN = ALLOW_FULLSCREEN;
+const ALLOW_SCREENSHARE = "Share Screen";
+exports.ALLOW_SCREENSHARE = ALLOW_SCREENSHARE;
 const NO_CAMERA_AVAILABLE = "No Camera available for use.";
 exports.NO_CAMERA_AVAILABLE = NO_CAMERA_AVAILABLE;
 const NO_AUDIO_DEVICE_AVAILABLE = "No audio device available for use";
@@ -48,11 +50,11 @@ const PERMISSION_GENERIC = "This screen requires following permissions for conti
 exports.PERMISSION_GENERIC = PERMISSION_GENERIC;
 const PERMISSION_FULLSCREEN = "Please allow us to switch your screen to fullscreen mode.";
 exports.PERMISSION_FULLSCREEN = PERMISSION_FULLSCREEN;
-const PERMISSION_SCREENSHARE = "Please choose to share the entire screen out of all the screen share options.";
-exports.PERMISSION_SCREENSHARE = PERMISSION_SCREENSHARE;
 const 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";
 exports.PERMISSION_AUDIO_VIDEO = PERMISSION_AUDIO_VIDEO;
 const 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";
 exports.PERMISSION_VIDEO = PERMISSION_VIDEO;
 const 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";
-exports.PERMISSION_AUDIO = PERMISSION_AUDIO;
+exports.PERMISSION_AUDIO = PERMISSION_AUDIO;
+const PERMISSION_SCREENSHARE = "Please share your entire screen";
+exports.PERMISSION_SCREENSHARE = PERMISSION_SCREENSHARE;

package/dist/hooks/index.js

@@ -15,17 +15,9 @@ Object.defineProperty(exports, "usePageVisibility", {
     return _usePageVisibility.default;
   }
 });
-Object.defineProperty(exports, "useTabSwitchCount", {
-  enumerable: true,
-  get: function get() {
-    return _useTabSwitchCount.default;
-  }
-});
 
 var _useFullScreenData = _interopRequireDefault(require("./useFullScreenData"));
 
 var _usePageVisibility = _interopRequireDefault(require("./usePageVisibility"));
 
-var _useTabSwitchCount = _interopRequireDefault(require("./useTabSwitchCount"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/hooks/useFullScreenData.js

@@ -9,25 +9,18 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = require("react");
 
-var _defaults = require("../constants/defaults");
-
 var _utils = require("../utils");
 
 const browserFullscreenElementProp = (0, _utils.getBrowserFullscreenElementProp)();
 
-function useFullscreenData(firstFullScreenDone) {
+function useFullscreenData(firstFullScreenDone, isProctorParam) {
   const fullScreenElement = (0, _react.useRef)(document.documentElement);
   const [isFullscreen, setIsFullscreen] = (0, _react.useState)(document[browserFullscreenElementProp] != null);
-  const [fullScreenExitCount, setFullScreenExitCount] = (0, _react.useState)(_defaults.initialValues.fullScreenExitCount);
   (0, _react.useEffect)(() => {
-    if (!isFullscreen && firstFullScreenDone.current) {
-      setFullScreenExitCount(fullScreenExitCount => fullScreenExitCount + 1);
-    }
-
-    if (isFullscreen && !firstFullScreenDone.current) {
+    if (isFullscreen && !firstFullScreenDone.current || !isProctorParam) {
       firstFullScreenDone.current = true;
     }
-  }, [isFullscreen, firstFullScreenDone]);
+  }, [isFullscreen, firstFullScreenDone, isProctorParam]);
 
   const setFullscreen = () => {
     if (!fullScreenElement || !fullScreenElement.current) {
@@ -42,13 +35,14 @@ function useFullscreenData(firstFullScreenDone) {
   };
 
   (0, _react.useEffect)(() => {
-    document.onfullscreenchange = () => setIsFullscreen(document[browserFullscreenElementProp] != null);
+    if (isProctorParam) {
+      document.onfullscreenchange = () => setIsFullscreen(document[browserFullscreenElementProp] != null);
+    }
 
     return () => document.onfullscreenchange = undefined;
-  }, []);
+  }, [isProctorParam]);
   return {
     isFullscreen,
-    setFullscreen,
-    fullScreenExitCount
+    setFullscreen
   };
 }

package/dist/hooks/usePageVisibility.js

@@ -13,7 +13,7 @@ var _utils = require("../utils");
 
 const visibilityChangeEvent = (0, _utils.getVisibilityChangeEventName)();
 
-function usePageVisibility() {
+function usePageVisibility(isProctorParam) {
   const [isVisible, setIsVisible] = (0, _react.useState)((0, _utils.getIsDocumentVisible)());
 
   const updateVisibility = () => {
@@ -27,5 +27,5 @@ function usePageVisibility() {
       document.removeEventListener(visibilityChangeEvent, updateVisibility);
     };
   }, []);
-  return isVisible;
+  return !isVisible && isProctorParam;
 }

package/dist/hooks/useWebcamData.js

@@ -11,7 +11,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = require("react");
 
-var bodyPix = _interopRequireWildcard(require("@tensorflow-models/body-pix"));
+var cocoSsd = _interopRequireWildcard(require("@tensorflow-models/coco-ssd"));
 
 var tf = _interopRequireWildcard(require("@tensorflow/tfjs"));
 
@@ -23,56 +23,48 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-/* https://stackoverflow.com/questions/63441878/bodypix-error-no-backend-found-in-registry */
-const getUsers = async (network, video) => {
+const getUserCount = async (model, image) => {
   try {
-    return await network.segmentMultiPerson(video, _defaults.bodyPixConfigs);
+    let predictions = await model.detect(image);
+    let numOfUsers = 0;
+    predictions.forEach(prediction => {
+      if (prediction.class === "person") {
+        numOfUsers += 1;
+      }
+    });
+    return numOfUsers;
   } catch (err) {
     console.log("Error Trace:", err);
   }
 };
 
-const getIsWatching = async (network, video) => {
-  try {
-    const partSegmentation = await network.segmentPersonParts(video, _defaults.bodyPixConfigs);
-    const currentPercentage = (0, _utils.getGlancePercentage)(partSegmentation);
-    return currentPercentage >= _defaults.glancePercentageToPass;
-  } catch (err) {
-    console.log("Error Trace:", err);
-  }
-};
-
-function useWebcamData(webcamReference, canvasReference) {
+function useWebcamData(webcamReference, canvasReference, proctorParams) {
   const [userCount, setUserCount] = (0, _react.useState)(_defaults.initialValues.userCount);
-  const [isWatching, setIsWatching] = (0, _react.useState)(_defaults.initialValues.isWatching);
+  const isWatching = (0, _react.useState)(_defaults.initialValues.isWatching);
   const [lookedAwayCount, setLookedAwayCount] = (0, _react.useState)(_defaults.initialValues.lookedAwayCount);
   (0, _react.useEffect)(() => {
-    if ((0, _utils.isGPUAvailable)()) {
-      const loadBodyPixModel = async () => {
+    if ((0, _utils.isGPUAvailable)() && proctorParams.people && proctorParams.lookedAwayCount) {
+      const loadCocoSSDModel = async () => {
         try {
-          const network = await bodyPix.load();
+          const model = await cocoSsd.load();
           setInterval(async () => {
             if ((0, _utils.isWebcamVideoValid)(webcamReference)) {
-              var _users$length;
-
               const video = webcamReference.current.video;
               const {
                 videoWidth,
                 videoHeight
               } = video;
-              video.width = videoWidth;
-              video.height = videoHeight;
+              const b64Snapshot = webcamReference.current.getScreenshot();
+              const webcamSnapShot = new Image(videoWidth, videoHeight);
+              webcamSnapShot.src = b64Snapshot;
+
+              webcamSnapShot.onload = async () => {
+                const count = await getUserCount(model, webcamSnapShot);
+                setUserCount(count);
+              };
+
               canvasReference.current.width = videoWidth;
               canvasReference.current.height = videoHeight;
-              const users = await getUsers(network, video);
-              const count = (_users$length = users === null || users === void 0 ? void 0 : users.length) !== null && _users$length !== void 0 ? _users$length : 0;
-              setUserCount(count);
-
-              if (count) {
-                setIsWatching(getIsWatching(network, video));
-              } else {
-                setIsWatching(false);
-              }
             }
           }, _defaults.evaluateVideoIntervalInSeconds * 1000);
         } catch (err) {
@@ -81,9 +73,9 @@ function useWebcamData(webcamReference, canvasReference) {
         }
       };
 
-      loadBodyPixModel();
+      loadCocoSSDModel();
     }
-  }, [webcamReference, canvasReference]);
+  }, [webcamReference, canvasReference, proctorParams.people, proctorParams.lookedAwayCount]);
   (0, _react.useEffect)(() => {
     if (!isWatching) {
       setLookedAwayCount(lookedAwayCount => lookedAwayCount + 1);

package/dist/utils/breachUtils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDataOnBreach = void 0;
+exports.showProctoredComponent = exports.isWebcamRequired = exports.getInitialStats = exports.getDataOnBreach = void 0;
+
+var _defaults = require("../constants/defaults");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -11,68 +13,106 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const getDataOnBreach = (statistics, currentData, proctoringIdentifier) => {
+const getInitialStats = proctorParams => {
+  const initialStats = {};
+
+  if (proctorParams.people) {
+    initialStats[_defaults.STATS_PARAMS.userCountMax] = _defaults.initialValues.userCount;
+  }
+
+  if (proctorParams.tabSwitch) {
+    initialStats[_defaults.STATS_PARAMS.isTabSwitched] = _defaults.initialValues.isTabSwitched;
+  }
+
+  if (proctorParams.fullscreenExit) {
+    initialStats[_defaults.STATS_PARAMS.isFullscreen] = _defaults.initialValues.isFullscreen;
+  }
+
+  if (proctorParams.lookedAway) {
+    initialStats[_defaults.STATS_PARAMS.lookedAwayCount] = _defaults.initialValues.lookedAwayCount;
+  }
+
+  return initialStats;
+};
+
+exports.getInitialStats = getInitialStats;
+
+const isWebcamRequired = proctorParams => proctorParams.people || proctorParams.lookedAway || proctorParams.webcamSnapshots;
+
+exports.isWebcamRequired = isWebcamRequired;
+
+const showProctoredComponent = (proctorParams, permissions) => {
+  return (!proctorParams.fullscreenExit || permissions.isFullscreen) && (!isWebcamRequired(proctorParams) || permissions.audioPermission && permissions.videoPermission) && (!proctorParams.screenshareSnapshots || permissions.screensharePermission);
+};
+
+exports.showProctoredComponent = showProctoredComponent;
+
+const getDataOnBreach = (statistics, currentData, proctorParams) => {
   const {
     userCount,
-    tabSwitchCount,
-    fullScreenExitCount,
+    isTabSwitched,
+    isFullscreen,
     lookedAwayCount,
     isWebcamDataReliable
   } = currentData;
   const timestamp = Date.now();
   const data = statistics.current;
+  const isWebCamReliableParam = _defaults.STATS_PARAMS.isWebcamReliable;
 
-  if (data.IS_WEBCAM_DATA_RELIABLE !== isWebcamDataReliable) {
+  if (isWebcamRequired(proctorParams) && data[isWebCamReliableParam] !== isWebcamDataReliable) {
     return {
-      proctoringIdentifier,
-      breachedParam: "IS_WEBCAM_DATA_RELIABLE",
+      breachedParam: isWebCamReliableParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        IS_WEBCAM_DATA_RELIABLE: isWebcamDataReliable
+        [isWebCamReliableParam]: isWebcamDataReliable
       })
     };
   }
 
-  if (data.USER_COUNT_MAX < userCount) {
+  const userCountMaxParam = _defaults.STATS_PARAMS.userCountMax;
+
+  if (proctorParams.people && data[userCountMaxParam] < userCount) {
     return {
-      proctoringIdentifier,
-      breachedParam: "USER_COUNT_MAX",
+      breachedParam: userCountMaxParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        USER_COUNT_MAX: userCount
+        [userCountMaxParam]: userCount
       })
     };
   }
 
-  if (data.TAB_SWITCH_COUNT !== tabSwitchCount) {
+  const isTabSwitchedParam = _defaults.STATS_PARAMS.isTabSwitched;
+
+  if (proctorParams.tabSwitch && isTabSwitched && !data[isTabSwitchedParam]) {
     return {
-      proctoringIdentifier,
-      breachedParam: "TAB_SWITCH_COUNT",
+      breachedParam: isTabSwitchedParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        TAB_SWITCH_COUNT: tabSwitchCount
+        [isTabSwitchedParam]: isTabSwitched
       })
     };
   }
 
-  if (data.FULLSCREEN_EXIT_COUNT !== fullScreenExitCount) {
+  const fullscreenExitParam = _defaults.STATS_PARAMS.isFullscreen;
+
+  if (proctorParams.fullscreenExit && !isFullscreen && data[fullscreenExitParam]) {
     return {
-      proctoringIdentifier,
-      breachedParam: "FULLSCREEN_EXIT_COUNT",
+      breachedParam: fullscreenExitParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        FULLSCREEN_EXIT_COUNT: fullScreenExitCount
+        [fullscreenExitParam]: isFullscreen
       })
     };
   }
 
-  if (data.LOOKED_AWAY_COUNT !== lookedAwayCount) {
+  const lookedAwayParam = _defaults.STATS_PARAMS.lookedAwayCount;
+
+  if (proctorParams.lookedAway && data[lookedAwayParam] !== lookedAwayCount) {
     return {
-      proctoringIdentifier,
-      breachedParam: "LOOKED_AWAY_COUNT",
+      breachedParam: lookedAwayParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        LOOKED_AWAY_COUNT: lookedAwayCount
+        [lookedAwayParam]: lookedAwayCount
       })
     };
   }

package/dist/utils/browserUtils.js

@@ -3,7 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getVisibilityChangeEventName = exports.getIsDocumentVisible = exports.getBrowserFullscreenElementProp = void 0;
+exports.isChrome = exports.getVisibilityChangeEventName = exports.getIsDocumentVisible = exports.getBrowserFullscreenElementProp = void 0;
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.match.js");
+
 const PROPERTY_TYPES = {
   HIDDEN: "hidden",
   VISIBILITY_CHANGE: "visibilitychange"
@@ -60,4 +65,8 @@ const getBrowserFullscreenElementProp = () => {
   }
 };
 
-exports.getBrowserFullscreenElementProp = getBrowserFullscreenElementProp;
+exports.getBrowserFullscreenElementProp = getBrowserFullscreenElementProp;
+
+const isChrome = () => !!navigator.userAgent.match(/chrome|chromium/i);
+
+exports.isChrome = isChrome;

package/dist/utils/index.js

@@ -27,12 +27,6 @@ Object.defineProperty(exports, "getBrowserFullscreenElementProp", {
     return _browserUtils.getBrowserFullscreenElementProp;
   }
 });
-Object.defineProperty(exports, "getGlancePercentage", {
-  enumerable: true,
-  get: function get() {
-    return _webcamMicrophoneUtils.getGlancePercentage;
-  }
-});
 Object.defineProperty(exports, "getIsDocumentVisible", {
   enumerable: true,
   get: function get() {
@@ -69,12 +63,6 @@ Object.defineProperty(exports, "isWebcamVideoValid", {
     return _webcamMicrophoneUtils.isWebcamVideoValid;
   }
 });
-Object.defineProperty(exports, "sendDataOnBreach", {
-  enumerable: true,
-  get: function get() {
-    return _breachUtils.sendDataOnBreach;
-  }
-});
 Object.defineProperty(exports, "updateStatistics", {
   enumerable: true,
   get: function get() {
@@ -86,8 +74,6 @@ var _webcamMicrophoneUtils = require("./webcamMicrophoneUtils");
 
 var _browserUtils = require("./browserUtils");
 
-var _breachUtils = require("./breachUtils");
-
 var _arrayUtils = require("./arrayUtils");
 
 var _gpuUtils = require("./gpuUtils");

package/dist/utils/webcamMicrophoneUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateVideoPermissions = exports.updateStatistics = exports.updateScreensharePermission = exports.updateAudioPermissions = exports.isWebcamVideoValid = exports.getVideoPermissionQuery = exports.getVideoPermission = exports.getGlancePercentage = exports.getAudioVideoPermission = exports.getAudioPermissionQuery = exports.getAudioPermission = exports.captureWebcamSnapshot = void 0;
+exports.updateVideoPermissions = exports.updateStatistics = exports.updateAudioPermissions = exports.setupScreensharePermission = exports.isWebcamVideoValid = exports.getVideoPermissionQuery = exports.getVideoPermission = exports.getGlancePercentage = exports.getAudioVideoPermission = exports.getAudioPermissionQuery = exports.getAudioPermission = exports.captureWebcamSnapshot = exports.captureScreenshot = void 0;
 
 require("core-js/modules/es.regexp.exec.js");
 
@@ -19,24 +19,45 @@ require("core-js/modules/es.typed-array.sort.js");
 
 require("core-js/modules/es.typed-array.to-locale-string.js");
 
+require("core-js/modules/es.promise.js");
+
 var _ = require(".");
 
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+
+var _defaults = require("../constants/defaults");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const isWebcamVideoValid = webcamReference => webcamReference !== null && webcamReference !== undefined && typeof webcamReference.current !== "undefined" && webcamReference.current !== null && webcamReference.current.video.readyState === 4;
 
 exports.isWebcamVideoValid = isWebcamVideoValid;
 
-const updateStatistics = (statistics, currentStats) => {
+const updateStatistics = (statistics, currentStats, proctorParams) => {
   const {
-    tabSwitchCount,
-    fullScreenExitCount,
+    isTabSwitched,
+    isFullscreen,
     lookedAwayCount,
     userCount,
     isWebcamDataReliable
   } = currentStats;
-  statistics.current.TAB_SWITCH_COUNT = tabSwitchCount;
-  statistics.current.FULLSCREEN_EXIT_COUNT = fullScreenExitCount;
-  statistics.current.LOOKED_AWAY_COUNT = lookedAwayCount;
-  statistics.current.USER_COUNT_MAX = Math.max(userCount, statistics.current.USER_COUNT_MAX);
+
+  if (proctorParams.tabSwitch) {
+    statistics.current[_defaults.STATS_PARAMS.isTabSwitched] = isTabSwitched;
+  }
+
+  if (proctorParams.fullscreenExit) {
+    statistics.current[_defaults.STATS_PARAMS.isFullscreen] = isFullscreen;
+  }
+
+  if (proctorParams.lookedAway) {
+    statistics.current[_defaults.STATS_PARAMS.lookedAwayCount] = lookedAwayCount;
+  }
+
+  if (proctorParams.people) {
+    statistics.current[_defaults.STATS_PARAMS.userCountMax] = Math.max(userCount, statistics.current[_defaults.STATS_PARAMS.userCountMax]);
+  }
+
   statistics.current.IS_WEBCAM_DATA_RELIABLE = isWebcamDataReliable;
 };
 
@@ -124,21 +145,33 @@ const updateVideoPermissions = setVideoPermission => {
 
 exports.updateVideoPermissions = updateVideoPermissions;
 
-const updateScreensharePermission = (setScreensharePermission, videoReference) => navigator.mediaDevices.getDisplayMedia({
-  video: true,
-  audio: true
+const setupScreensharePermission = (setScreensharePermission, screenshareReference) => navigator.mediaDevices.getDisplayMedia({
+  video: true
 }).then(stream => {
-  if (stream.getTracks()[0].getSettings().displaySurface === "monitor") {
-    videoReference.current = stream;
+  const track = stream.getTracks()[0];
+
+  if (track.getSettings().displaySurface === "monitor") {
+    screenshareReference.current.srcObject = stream;
+
+    screenshareReference.current.onloadedmetadata = e => {
+      screenshareReference.current.play();
+    };
+
+    track.onended = e => {
+      setScreensharePermission(false);
+    };
+
     setScreensharePermission(true);
   } else {
+    screenshareReference.current = null;
     setScreensharePermission(false);
   }
-}).catch(() => {
+}).catch(e => {
+  screenshareReference.current = null;
   setScreensharePermission(false);
 });
 
-exports.updateScreensharePermission = updateScreensharePermission;
+exports.setupScreensharePermission = setupScreensharePermission;
 
 const getVideoPermissionQuery = () => navigator.permissions.query({
   name: "camera"
@@ -170,8 +203,19 @@ const captureWebcamSnapshot = webcamReference => {
   try {
     const b64Snapshot = webcamReference.current.getScreenshot();
     return b64DataURItoBlob(b64Snapshot);
-  } catch (_unused) {// pass
+  } catch (e) {// pass
+  }
+};
+
+exports.captureWebcamSnapshot = captureWebcamSnapshot;
+
+const captureScreenshot = async () => {
+  try {
+    const canvas = await (0, _html2canvas.default)(document.querySelector("#ss-ref"));
+    const b64Snapshot = canvas.toDataURL("image/jpeg");
+    return b64DataURItoBlob(b64Snapshot);
+  } catch (e) {// pass
   }
 };
 
-exports.captureWebcamSnapshot = captureWebcamSnapshot;
+exports.captureScreenshot = captureScreenshot;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.14",
+  "version": "0.0.17",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra",
   "main": "dist/index.js",
@@ -13,10 +13,11 @@
     ""
   ],
   "dependencies": {
-    "@tensorflow-models/body-pix": "^2.2.0",
+    "@tensorflow-models/coco-ssd": "^2.2.2",
     "@tensorflow/tfjs": "^3.9.0",
     "bootstrap": "^5.1.3",
     "core-js": "^3.22.7",
+    "html2canvas": "^1.4.1",
     "react-bootstrap": "^2.0.4",
     "react-webcam": "^6.0.0"
   },