@newtonschool/react_proctoring_library 0.0.59 → 0.0.61

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

@@ -2,12 +2,12 @@
 
 require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProctorApp = void 0;
 require("core-js/modules/es.promise.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.symbol.description.js");
 var _react = _interopRequireWildcard(require("react"));
 var _useWakeUpLock = require("../../hooks/useWakeUpLock");
@@ -15,7 +15,6 @@ require("./index.scss");
 var _utils = require("../../utils");
 var _hooks = require("../../hooks");
 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");
@@ -92,7 +91,6 @@ const ProctorApp = _ref => {
     let breachParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     getProctorParamValues(proctoringIdentifier, statistics.current, isBreach, breachParam);
   }, [proctoringIdentifier, getProctorParamValues]);
-  const [userCount, lookedAwayCount] = (0, _useWebcamData.default)(references.webcamReference, references.canvasReference, proctorParams);
   const isTabSwitched = !(0, _hooks.usePageVisibility)(proctorParams.tabSwitch);
   const isPageFocussed = (0, _useIsPageFocussed.default)(proctorParams.pageFocus);
   (0, _react.useEffect)(() => {
@@ -109,10 +107,8 @@ const ProctorApp = _ref => {
   }, [recurring, recurringFetchInterval, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab]);
   (0, _react.useEffect)(() => {
     const currentStats = {
-      userCount,
       isTabSwitched,
       isFullScreen: permissions.fullscreen,
-      lookedAwayCount,
       isWebcamDataNotReliable: !isWebcamProcessingReliable,
       isPageFocussed
     };
@@ -123,7 +119,7 @@ const ProctorApp = _ref => {
       sendWebcamSnapshot(true, breachData.breachedParam);
       sendScreengrab(true, breachData.breachedParam);
     }
-  }, [userCount, isTabSwitched, isPageFocussed, permissions.fullscreen, lookedAwayCount, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
+  }, [isTabSwitched, isPageFocussed, permissions.fullscreen, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
   const shouldShowProctoredComponent = (0, _breachUtils.showProctoredComponent)(proctorParams, permissions);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(proctorParams.copyPasteProctoring ? 'disable-copy-paste fullwidth fullheight' : 'fullwidth fullheight')

package/dist/constants/defaults.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.proctorParamsToPermission = exports.initialValues = exports.gpuTypes = exports.evaluateVideoIntervalInSeconds = exports.defaultConfig = exports.STATS_PARAMS = exports.INITIAL_STATISTICS = void 0;
 const defaultConfig = exports.defaultConfig = {
-  people: true,
   tabSwitch: true,
   fullscreenExit: true,
-  lookedAway: true,
   webcamSnapshots: true,
   screenshareSnapshots: true,
   copyPasteProctoring: true,
@@ -17,32 +15,25 @@ const defaultConfig = exports.defaultConfig = {
 const initialValues = exports.initialValues = {
   isTabSwitched: false,
   pageFocus: true,
-  userCount: 0,
   isWebcamDataNotReliable: true,
   isWatching: true,
   canOpenFullScreen: false,
   isFullscreen: false,
-  lookedAwayCount: 0,
   firstTimeFullScreen: true
 };
 const STATS_PARAMS = exports.STATS_PARAMS = {
   isTabSwitched: 'IS_TAB_SWITCHED',
   isPageFocussed: 'PAGE_FOCUS',
   isFullscreen: 'IS_FULLSCREEN',
-  lookedAwayCount: 'LOOKED_AWAY_COUNT',
-  userCountMax: 'USER_COUNT_MAX',
   isWebcamNotReliable: 'IS_WEBCAM_DATA_NOT_RELIABLE'
 };
 const INITIAL_STATISTICS = exports.INITIAL_STATISTICS = {
   [STATS_PARAMS.isTabSwitched]: initialValues.isTabSwitched,
   [STATS_PARAMS.isFullscreen]: initialValues.isFullscreen,
-  [STATS_PARAMS.lookedAwayCount]: initialValues.lookedAwayCount,
-  [STATS_PARAMS.userCountMax]: initialValues.userCount,
   [STATS_PARAMS.isWebcamNotReliable]: initialValues.isWebcamDataNotReliable
 };
 const proctorParamsToPermission = exports.proctorParamsToPermission = {
   fullscreenExit: 'fullscreen',
-  lookedAway: 'video',
   webcamSnapshots: 'video',
   screenshareSnapshots: 'screenshare'
 };

package/dist/constants/text.js

@@ -3,31 +3,30 @@
 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_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 USER_COUNT_LABEL = exports.USER_COUNT_LABEL = "User count";
-const PERMISSION_TITLE = exports.PERMISSION_TITLE = "Permissions";
-const MESSAGE = exports.MESSAGE = "This screen can only be accessed in fullscreen mode. Please allow us to switch your screen to fullscreen mode for continuous access of the screen.";
-const FULLSCREEN_ERROR_MESSAGE = exports.FULLSCREEN_ERROR_MESSAGE = "This screen is only accessible in fullscreen mode";
-const DENY_FULLSCREEN = exports.DENY_FULLSCREEN = "Deny";
-const ALLOW_FULLSCREEN = exports.ALLOW_FULLSCREEN = "Switch to Fullscreen";
-const ALLOW_SCREENSHARE = exports.ALLOW_SCREENSHARE = "Share Screen";
-const NO_CAMERA_AVAILABLE = exports.NO_CAMERA_AVAILABLE = "No Camera available for use.";
-const NO_AUDIO_DEVICE_AVAILABLE = exports.NO_AUDIO_DEVICE_AVAILABLE = "No audio device available for use";
-const CAMERA_UNAVAILABLE_INSECURE_CONN = exports.CAMERA_UNAVAILABLE_INSECURE_CONN = "Camera can only be used in secure connection. Please check that you are in https mode";
-const VIDEO_UNSUPPORTED_IN_BROWSER = exports.VIDEO_UNSUPPORTED_IN_BROWSER = "This page requires a browser, such as Google Chrome or Firefox, that supports the video tag.";
-const BROWSER_BLOCKED_PERMISSION = exports.BROWSER_BLOCKED_PERMISSION = "It seems your browser is blocked from accessing your camera and microphone.";
-const REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = "To access this page, you will need to give us video and audio permissions";
+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;
+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';
+const MESSAGE = exports.MESSAGE = 'This screen can only be accessed in fullscreen mode. Please allow us to switch your screen to fullscreen mode for continuous access of the screen.';
+const FULLSCREEN_ERROR_MESSAGE = exports.FULLSCREEN_ERROR_MESSAGE = 'This screen is only accessible in fullscreen mode';
+const DENY_FULLSCREEN = exports.DENY_FULLSCREEN = 'Deny';
+const ALLOW_FULLSCREEN = exports.ALLOW_FULLSCREEN = 'Switch to Fullscreen';
+const ALLOW_SCREENSHARE = exports.ALLOW_SCREENSHARE = 'Share Screen';
+const NO_CAMERA_AVAILABLE = exports.NO_CAMERA_AVAILABLE = 'No Camera available for use.';
+const NO_AUDIO_DEVICE_AVAILABLE = exports.NO_AUDIO_DEVICE_AVAILABLE = 'No audio device available for use';
+const CAMERA_UNAVAILABLE_INSECURE_CONN = exports.CAMERA_UNAVAILABLE_INSECURE_CONN = 'Camera can only be used in secure connection. Please check that you are in https mode';
+const VIDEO_UNSUPPORTED_IN_BROWSER = exports.VIDEO_UNSUPPORTED_IN_BROWSER = 'This page requires a browser, such as Google Chrome or Firefox, that supports the video tag.';
+const BROWSER_BLOCKED_PERMISSION = exports.BROWSER_BLOCKED_PERMISSION = 'It seems your browser is blocked from accessing your camera and microphone.';
+const REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING = 'To access this page, you will need to give us video and audio permissions';
 const REQUEST_VIDEO_AUDIO_PERMISSIONS_DESC = exports.REQUEST_VIDEO_AUDIO_PERMISSIONS_DESC = "Without these permissions, you won't be able to access the screen";
-const REQUEST_PERMISSION = exports.REQUEST_PERMISSION = "Request Permission";
-const BROWSER_BLOCKED_PERMISSION_DIRECTION = exports.BROWSER_BLOCKED_PERMISSION_DIRECTION = "Somewhere near right corner of url bar you will find icon like below, please click it.";
-const BROWSER_BLOCKED_PERMISSION_DIALOG = exports.BROWSER_BLOCKED_PERMISSION_DIALOG = "It will open dialog box like the one shown below, please allow us the permissions.";
-const BROWSER_BLOCKED_PERMISSION_NEXT_STEP = exports.BROWSER_BLOCKED_PERMISSION_NEXT_STEP = "Click on the button below, after completing above steps.";
+const REQUEST_PERMISSION = exports.REQUEST_PERMISSION = 'Request Permission';
+const BROWSER_BLOCKED_PERMISSION_DIRECTION = exports.BROWSER_BLOCKED_PERMISSION_DIRECTION = 'Somewhere near right corner of url bar you will find icon like below, please click it.';
+const BROWSER_BLOCKED_PERMISSION_DIALOG = exports.BROWSER_BLOCKED_PERMISSION_DIALOG = 'It will open dialog box like the one shown below, please allow us the permissions.';
+const BROWSER_BLOCKED_PERMISSION_NEXT_STEP = exports.BROWSER_BLOCKED_PERMISSION_NEXT_STEP = 'Click on the button below, after completing above steps.';
 const BROWSER_BLOCKED_PERMISSION_RESOLVED_RECHECK = exports.BROWSER_BLOCKED_PERMISSION_RESOLVED_RECHECK = "I've given permission, Check Again";
 const PERMISSION_GENERIC = exports.PERMISSION_GENERIC = "This screen requires following permissions for continuous access. Without these permissions, you won't be able to access the screen.";
-const PERMISSION_FULLSCREEN = exports.PERMISSION_FULLSCREEN = "Please allow us to switch your screen to fullscreen mode.";
+const PERMISSION_FULLSCREEN = exports.PERMISSION_FULLSCREEN = 'Please allow us to switch your screen to fullscreen mode.';
 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';

package/dist/hooks/useFullScreenData.js

@@ -12,12 +12,13 @@ function useFullscreenData(isProctorParam) {
   const fullScreenElement = (0, _react.useRef)(document.documentElement);
   const [isFullscreen, setIsFullscreen] = (0, _react.useState)(document[browserFullscreenElementProp] != null);
   const setFullscreen = () => {
+    var _fullScreenElement$cu, _fullScreenElement$cu2, _fullScreenElement$cu3, _fullScreenElement$cu4, _fullScreenElement$cu5, _fullScreenElement$cu6;
     if (!fullScreenElement || !fullScreenElement.current) {
       return;
     }
-    fullScreenElement.current.requestFullscreen({
-      navigationUI: "hide"
-    }).then(() => {
+    (((_fullScreenElement$cu = (_fullScreenElement$cu2 = fullScreenElement.current).requestFullscreen) === null || _fullScreenElement$cu === void 0 ? void 0 : _fullScreenElement$cu.call(_fullScreenElement$cu2, {
+      navigationUI: 'hide'
+    })) || ((_fullScreenElement$cu3 = (_fullScreenElement$cu4 = fullScreenElement.current).mozRequestFullscreen) === null || _fullScreenElement$cu3 === void 0 ? void 0 : _fullScreenElement$cu3.call(_fullScreenElement$cu4)) || ((_fullScreenElement$cu5 = (_fullScreenElement$cu6 = fullScreenElement.current).webkitRequestFullscreen) === null || _fullScreenElement$cu5 === void 0 ? void 0 : _fullScreenElement$cu5.call(_fullScreenElement$cu6))).then(() => {
       setIsFullscreen(document[browserFullscreenElementProp] != null);
     }).catch(err => {
       setIsFullscreen(false);

package/dist/utils/breachUtils.js

@@ -14,18 +14,12 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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;
-  }
   if (proctorParams.pageFocus) {
     initialStats[_defaults.STATS_PARAMS.isPageFocussed] = _defaults.initialValues.pageFocus;
   }
@@ -42,7 +36,7 @@ const getRequiredPermissionsFromProctorParams = proctorParams => {
   return requiredPermissions;
 };
 exports.getRequiredPermissionsFromProctorParams = getRequiredPermissionsFromProctorParams;
-const isWebcamRequired = proctorParams => proctorParams.people || proctorParams.lookedAway || proctorParams.webcamSnapshots;
+const isWebcamRequired = proctorParams => proctorParams.webcamSnapshots;
 exports.isWebcamRequired = isWebcamRequired;
 const isAudioRequired = () => false;
 exports.isAudioRequired = isAudioRequired;
@@ -52,10 +46,8 @@ const showProctoredComponent = (proctorParams, permissions) => {
 exports.showProctoredComponent = showProctoredComponent;
 const getDataOnBreach = (statistics, currentData, proctorParams) => {
   const {
-    userCount,
     isTabSwitched,
     isFullScreen,
-    lookedAwayCount,
     isWebcamDataNotReliable,
     isPageFocussed
   } = currentData;
@@ -71,16 +63,6 @@ const getDataOnBreach = (statistics, currentData, proctorParams) => {
       })
     };
   }
-  const userCountMaxParam = _defaults.STATS_PARAMS.userCountMax;
-  if (proctorParams.people && data[userCountMaxParam] < userCount) {
-    return {
-      breachedParam: userCountMaxParam,
-      timestamp,
-      data: _objectSpread(_objectSpread({}, data), {}, {
-        [userCountMaxParam]: userCount
-      })
-    };
-  }
   const isTabSwitchedParam = _defaults.STATS_PARAMS.isTabSwitched;
   if (proctorParams.tabSwitch && isTabSwitched && !data[isTabSwitchedParam]) {
     return {
@@ -111,15 +93,5 @@ const getDataOnBreach = (statistics, currentData, proctorParams) => {
       })
     };
   }
-  const lookedAwayParam = _defaults.STATS_PARAMS.lookedAwayCount;
-  if (proctorParams.lookedAway && data[lookedAwayParam] !== lookedAwayCount) {
-    return {
-      breachedParam: lookedAwayParam,
-      timestamp,
-      data: _objectSpread(_objectSpread({}, data), {}, {
-        [lookedAwayParam]: lookedAwayCount
-      })
-    };
-  }
 };
 exports.getDataOnBreach = getDataOnBreach;

package/dist/utils/webcamMicrophoneUtils.js

@@ -21,8 +21,6 @@ const updateStatistics = (statistics, currentStats, proctorParams) => {
   const {
     isTabSwitched,
     isFullScreen,
-    lookedAwayCount,
-    userCount,
     isWebcamDataReliable,
     isPageFocussed
   } = currentStats;
@@ -32,12 +30,6 @@ const updateStatistics = (statistics, currentStats, proctorParams) => {
   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]);
-  }
   if (proctorParams.pageFocus) {
     statistics.current[_defaults.STATS_PARAMS.isPageFocussed] = isPageFocussed;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",
@@ -13,8 +13,6 @@
     ""
   ],
   "dependencies": {
-    "@tensorflow-models/coco-ssd": "2.2.2",
-    "@tensorflow/tfjs": "3.9.0",
     "bootstrap": "5.1.3",
     "core-js": "3.22.7",
     "react-bootstrap": "2.0.4",

package/dist/hooks/useWebcamData.js

@@ -1,69 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useWebcamData;
-require("core-js/modules/es.promise.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = require("react");
-var cocoSsd = _interopRequireWildcard(require("@tensorflow-models/coco-ssd"));
-var tf = _interopRequireWildcard(require("@tensorflow/tfjs"));
-var _utils = require("../utils");
-var _defaults = require("../constants/defaults");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getUserCount = async (model, image) => {
-  try {
-    let predictions = await model.detect(image);
-    let numOfUsers = 0;
-    predictions.forEach(prediction => {
-      if (prediction.class === 'person') {
-        numOfUsers += 1;
-      }
-    });
-    return numOfUsers;
-  } catch (err) {}
-};
-function useWebcamData(webcamReference, canvasReference, proctorParams) {
-  const [userCount, setUserCount] = (0, _react.useState)(_defaults.initialValues.userCount);
-  const isWatching = (0, _react.useState)(_defaults.initialValues.isWatching);
-  const [lookedAwayCount, setLookedAwayCount] = (0, _react.useState)(_defaults.initialValues.lookedAwayCount);
-  (0, _react.useEffect)(() => {
-    if (proctorParams.people && proctorParams.lookedAwayCount && (0, _utils.isGPUAvailable)()) {
-      const loadCocoSSDModel = async () => {
-        try {
-          const model = await cocoSsd.load();
-          setInterval(async () => {
-            if ((0, _utils.isWebcamVideoValid)(webcamReference)) {
-              const video = webcamReference.current.video;
-              const {
-                videoWidth,
-                videoHeight
-              } = video;
-              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;
-            }
-          }, _defaults.evaluateVideoIntervalInSeconds * 1000);
-        } catch (err) {
-          return;
-        }
-      };
-      loadCocoSSDModel();
-    }
-  }, [webcamReference, canvasReference, proctorParams.webcamSnapshots, proctorParams.people, proctorParams.lookedAwayCount]);
-  (0, _react.useEffect)(() => {
-    if (!isWatching) {
-      setLookedAwayCount(lookedAwayCount => lookedAwayCount + 1);
-    }
-  }, [isWatching]);
-  return [userCount, lookedAwayCount];
-}