@newtonschool/react_proctoring_library 0.0.17 → 0.0.20

package/dist/components/ProctorApp.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +13,7 @@ require("core-js/modules/es.promise.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ = require(".");
+require("./index.scss");
 
 var _utils = require("../utils");
 
@@ -27,12 +29,18 @@ var _webcamMicrophoneUtils = require("../utils/webcamMicrophoneUtils");
 
 var _defaults = require("../constants/defaults");
 
+var _activityTracker = _interopRequireDefault(require("./activity-tracker"));
+
+var _browserUtils = require("../utils/browserUtils");
+
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
@@ -44,25 +52,43 @@ const isWebcamProcessingReliable = (0, _utils.isGPUAvailable)();
 const ProctorApp = _ref => {
   let {
     proctoringIdentifier,
+    customPermissionView = null,
+    shouldRenderChildren = false,
+    permissionPassedProps = {},
     children,
+    proctoredContext,
     config,
     getProctorParamValues = () => {},
     getWebcamSnapshot = () => {},
     getScreengrab = () => {}
   } = _ref;
-  const webcamReference = (0, _react.useRef)(null);
-  const canvasReference = (0, _react.useRef)(null);
-  const screenshareReference = (0, _react.useRef)(null);
+  const [renderChildren, setRenderChildren] = (0, _react.useState)();
+  const context = (0, _react.useContext)(proctoredContext);
+  const {
+    actions,
+    permissions,
+    references,
+    permissionSetter,
+    customProps,
+    customSetter
+  } = context;
+  (0, _react.useEffect)(() => {
+    if (customProps.childrenRenderer === undefined) {
+      setRenderChildren(!shouldRenderChildren);
+    } else {
+      setRenderChildren(customProps.childrenRenderer);
+    }
+  }, [customProps]);
+  const CustomPermissionView = customPermissionView;
+  const browserDetails = {
+    isChrome: (0, _browserUtils.isChrome)()
+  };
   const proctorParams = (0, _react.useMemo)(() => _objectSpread(_objectSpread({}, _defaults.defaultConfig), config.proctorParams), [config.proctorParams]);
   const statistics = (0, _react.useRef)((0, _breachUtils.getInitialStats)(proctorParams));
   const {
     recurring = false,
     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;
@@ -78,9 +104,9 @@ const ProctorApp = _ref => {
     let breachedParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
 
     if (proctorParams.webcamSnapshots) {
-      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(webcamReference);
+      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(references.webcamReference);
 
-      if (webcamReference) {
+      if (references.webcamReference) {
         getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
       }
     }
@@ -90,12 +116,8 @@ const ProctorApp = _ref => {
     let breachParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
     getProctorParamValues(proctoringIdentifier, statistics.current, isBreach, breachParam);
   }, [proctoringIdentifier, getProctorParamValues]);
-  const {
-    isFullscreen,
-    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;
+  const [userCount, lookedAwayCount] = (0, _useWebcamData.default)(references.webcamReference, references.canvasReference, proctorParams);
+  const isTabSwitched = !(0, _hooks.usePageVisibility)(proctorParams.tabSwitch);
   (0, _react.useEffect)(() => {
     if (recurring) {
       recurringFetchIntervalRef.current = setInterval(() => {
@@ -113,9 +135,9 @@ const ProctorApp = _ref => {
     const currentStats = {
       userCount,
       isTabSwitched,
-      isFullscreen,
+      isFullScreen: permissions.fullscreen,
       lookedAwayCount,
-      isWebcamDataReliable: isWebcamProcessingReliable
+      isWebcamDataNotReliable: !isWebcamProcessingReliable
     };
     const breachData = (0, _breachUtils.getDataOnBreach)(statistics, currentStats, proctorParams);
     (0, _utils.updateStatistics)(statistics, currentStats, proctorParams);
@@ -125,30 +147,32 @@ const ProctorApp = _ref => {
       sendWebcamSnapshot(true, breachData.breachedParam);
       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, {
-    isFullscreen,
-    audioPermission,
-    videoPermission,
-    screensharePermission
-  }) && children, /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
+  }, [userCount, isTabSwitched, permissions.fullscreen, lookedAwayCount, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(proctorParams.copyPasteProctoring ? "disable-copy-paste fullwidth" : "fullwidth")
+  }, (0, _breachUtils.showProctoredComponent)(proctorParams, actions.hasAllPermission) && renderChildren && children, !((0, _breachUtils.showProctoredComponent)(proctorParams, actions.hasAllPermission) && renderChildren) && customPermissionView && /*#__PURE__*/_react.default.createElement(CustomPermissionView, _extends({
+    permissions: permissions,
+    hasAllPermission: actions.hasAllPermission,
+    askPermission: actions.askPermission,
+    references: references,
+    actions: actions,
+    browserDetails: browserDetails,
+    renderChildren: () => {
+      setRenderChildren(true);
+      customSetter.childrenRenderer(true);
+    }
+  }, permissionPassedProps)), !((0, _breachUtils.showProctoredComponent)(proctorParams, actions.hasAllPermission) && renderChildren) && !customPermissionView && /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
     proctorParams: proctorParams,
-    isFullscreen: isFullscreen,
-    audioPermisison: audioPermission,
-    videoPermission: videoPermission,
-    setFullscreen: setFullscreen,
-    screensharePermission: screensharePermission,
-    updateScreensharePermission: updateScreensharePermission
-  }), /*#__PURE__*/_react.default.createElement(_.ActivityTracker, {
+    permissions: permissions,
+    askPermission: actions.askPermission,
+    hasAllPermission: actions.hasAllPermission
+  }), /*#__PURE__*/_react.default.createElement(_activityTracker.default, {
     proctorParams: proctorParams,
-    setAudioPermission: setAudioPermission,
-    setVideoPermission: setVideoPermission,
-    webcamReference: webcamReference,
-    canvasReference: canvasReference,
-    screenshareReference: screenshareReference
+    setAudioPermission: permissionSetter.audio,
+    setVideoPermission: permissionSetter.video,
+    webcamReference: references.webcamReference,
+    canvasReference: references.canvasReference,
+    screenshareReference: references.screenshareReference
   }));
 };
 

package/dist/components/ProctoredContextApp.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../hooks");
+
+var _webcamMicrophoneUtils = require("../utils/webcamMicrophoneUtils");
+
+var _defaults = require("../constants/defaults");
+
+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 ProctoredContextApp = _ref => {
+  let {
+    contextProvider,
+    config = {
+      proctorParams: _defaults.defaultConfig
+    },
+    children
+  } = _ref;
+  const proctorParams = (0, _react.useMemo)(() => _objectSpread(_objectSpread({}, _defaults.defaultConfig), config.proctorParams), [config.proctorParams]);
+  const {
+    isFullscreen,
+    setFullscreen
+  } = (0, _hooks.useFullscreenData)(proctorParams.fullscreenExit);
+  const [audioPermisison, setAudioPermission] = (0, _react.useState)();
+  const [videoPermission, setVideoPermission] = (0, _react.useState)();
+  const [screensharePermission, setScreensharePermission] = (0, _react.useState)();
+  const [customRenderer, setCustomRenderer] = (0, _react.useState)();
+  const webcamReference = (0, _react.useRef)(null);
+  const canvasReference = (0, _react.useRef)(null);
+  const screenshareReference = (0, _react.useRef)(null);
+  const Context = contextProvider;
+  const askPermissionAction = {
+    'screenshare': () => {
+      (0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference);
+    },
+    'fullscreen': () => {
+      setFullscreen();
+    }
+  };
+  const getPermissionObj = {
+    'video': videoPermission,
+    'audio': audioPermisison,
+    'fullscreen': isFullscreen,
+    'screenshare': screensharePermission
+  };
+  const askPermission = (0, _react.useCallback)(requiredPermissions => {
+    requiredPermissions.forEach(element => {
+      if (!getPermissionObj[element] && askPermissionAction[element]) {
+        askPermissionAction[element]();
+      }
+    });
+  }, [getPermissionObj, askPermissionAction]);
+  const hasAllPermission = (0, _react.useCallback)(requiredPermissions => {
+    let hasPermission = true;
+    requiredPermissions.forEach(element => {
+      if (!getPermissionObj[element]) {
+        hasPermission = hasPermission && false;
+      }
+    });
+    return hasPermission;
+  }, [getPermissionObj]);
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: {
+      permissions: getPermissionObj,
+      permissionSetter: {
+        'audio': setAudioPermission,
+        'video': setVideoPermission,
+        'screenshare': setScreensharePermission
+      },
+      customProps: {
+        'childrenRenderer': customRenderer
+      },
+      customSetter: {
+        'childrenRenderer': setCustomRenderer
+      },
+      proctorParams,
+      actions: {
+        'askPermission': askPermission,
+        'hasAllPermission': hasAllPermission
+      },
+      references: {
+        'webcamReference': webcamReference,
+        'canvasReference': canvasReference,
+        'screenshareReference': screenshareReference
+      }
+    }
+  }, children);
+};
+
+var _default = ProctoredContextApp;
+exports.default = _default;

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

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

package/dist/components/index.js

@@ -21,11 +21,27 @@ Object.defineProperty(exports, "ProctorApp", {
     return _ProctorApp.default;
   }
 });
+Object.defineProperty(exports, "ProctoredContextApp", {
+  enumerable: true,
+  get: function get() {
+    return _ProctoredContextApp.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"));
 
+var _ProctoredContextApp = _interopRequireDefault(require("./ProctoredContextApp"));
+
 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

@@ -30,14 +30,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const Permission = _ref => {
   let {
     proctorParams,
-    isFullscreen,
-    audioPermisison,
-    videoPermission,
-    setFullscreen,
-    screensharePermission,
-    updateScreensharePermission
+    permissions,
+    askPermission,
+    hasAllPermission
   } = _ref;
-  const showPermissionModal = isFullscreen === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && audioPermisison === false || (0, _breachUtils.isWebcamRequired)(proctorParams) && videoPermission === false || !screensharePermission;
+  const showPermissionModal = !hasAllPermission((0, _breachUtils.getRequiredPermissionsFromProctorParams)(proctorParams));
   return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
     show: showPermissionModal,
     size: "lg",
@@ -61,18 +58,18 @@ const Permission = _ref => {
   }, /*#__PURE__*/_react.default.createElement("source", {
     src: _askPermission.default
   }), text.VIDEO_UNSUPPORTED_IN_BROWSER)), /*#__PURE__*/_react.default.createElement(_permissionBody.PermissionBody, {
-    showFullscreenText: !isFullscreen,
-    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, {
+    showFullscreenText: !permissions.fullscreen,
+    showAudioPermissionText: !permissions.audio && (0, _breachUtils.isWebcamRequired)(proctorParams),
+    showVideoPermissionText: !permissions.video && (0, _breachUtils.isWebcamRequired)(proctorParams),
+    showScreensharePermission: !permissions.screenshare && proctorParams.screenshareSnapshots
+  })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, !permissions.screenshare && proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     onClick: () => {
-      updateScreensharePermission();
+      askPermission(['screenshare']);
     }
-  }, text.ALLOW_SCREENSHARE), screensharePermission && !isFullscreen && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+  }, text.ALLOW_SCREENSHARE), !permissions.fullscreen && proctorParams.fullscreenExit && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "primary",
     onClick: () => {
-      setFullscreen();
+      askPermission(['fullscreen']);
     }
   }, text.ALLOW_FULLSCREEN)));
 };

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

@@ -3,20 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initialValues = exports.gpuTypes = exports.evaluateVideoIntervalInSeconds = exports.defaultConfig = exports.STATS_PARAMS = exports.INITIAL_STATISTICS = void 0;
+exports.proctorParamsToPermission = 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
+  screenshareSnapshots: true,
+  copyPasteProctoring: true
 };
 exports.defaultConfig = defaultConfig;
 const initialValues = {
   isTabSwitched: false,
   userCount: 0,
-  isWebcamDataReliable: true,
+  isWebcamDataNotReliable: true,
   isWatching: true,
   canOpenFullScreen: false,
   isFullscreen: false,
@@ -29,7 +30,7 @@ const STATS_PARAMS = {
   isFullscreen: "IS_FULLSCREEN",
   lookedAwayCount: "LOOKED_AWAY_COUNT",
   userCountMax: "USER_COUNT_MAX",
-  isWebcamReliable: "IS_WEBCAM_DATA_RELIABLE"
+  isWebcamNotReliable: "IS_WEBCAM_DATA_NOT_RELIABLE"
 };
 exports.STATS_PARAMS = STATS_PARAMS;
 const INITIAL_STATISTICS = {
@@ -37,9 +38,16 @@ const INITIAL_STATISTICS = {
   [STATS_PARAMS.isFullscreen]: initialValues.isFullscreen,
   [STATS_PARAMS.lookedAwayCount]: initialValues.lookedAwayCount,
   [STATS_PARAMS.userCountMax]: initialValues.userCount,
-  [STATS_PARAMS.isWebcamReliable]: initialValues.isWebcamDataReliable
+  [STATS_PARAMS.isWebcamNotReliable]: initialValues.isWebcamDataNotReliable
 };
 exports.INITIAL_STATISTICS = INITIAL_STATISTICS;
+const proctorParamsToPermission = {
+  fullscreenExit: "fullscreen",
+  lookedAway: "video",
+  webcamSnapshots: "video",
+  screenshareSnapshots: "screenshare"
+};
+exports.proctorParamsToPermission = proctorParamsToPermission;
 const evaluateVideoIntervalInSeconds = 5;
 exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;
 const gpuTypes = ["intel", "apple", "amd", "radeon", "nvidia", "geforce"];

package/dist/hooks/useFullScreenData.js

@@ -7,20 +7,19 @@ exports.default = useFullscreenData;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _utils = require("../utils");
 
+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 browserFullscreenElementProp = (0, _utils.getBrowserFullscreenElementProp)();
 
-function useFullscreenData(firstFullScreenDone, isProctorParam) {
+function useFullscreenData(isProctorParam) {
   const fullScreenElement = (0, _react.useRef)(document.documentElement);
   const [isFullscreen, setIsFullscreen] = (0, _react.useState)(document[browserFullscreenElementProp] != null);
-  (0, _react.useEffect)(() => {
-    if (isFullscreen && !firstFullScreenDone.current || !isProctorParam) {
-      firstFullScreenDone.current = true;
-    }
-  }, [isFullscreen, firstFullScreenDone, isProctorParam]);
 
   const setFullscreen = () => {
     if (!fullScreenElement || !fullScreenElement.current) {

package/dist/hooks/usePageVisibility.js

@@ -27,5 +27,5 @@ function usePageVisibility(isProctorParam) {
       document.removeEventListener(visibilityChangeEvent, updateVisibility);
     };
   }, []);
-  return !isVisible && isProctorParam;
+  return isVisible && isProctorParam;
 }

package/dist/index.js

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

package/dist/proctoringTracker/tracker.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+class ProctoringTracker {
+  constructor() {}
+
+  askProctoredPermission() {}
+
+  hasProctoredPermission() {}
+
+}
+
+exports.default = ProctoringTracker;

package/dist/proctoringTracker/trackerWrapper.js

@@ -0,0 +1 @@
+"use strict";

package/dist/utils/breachUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showProctoredComponent = exports.isWebcamRequired = exports.getInitialStats = exports.getDataOnBreach = void 0;
+exports.showProctoredComponent = exports.isWebcamRequired = exports.getRequiredPermissionsFromProctorParams = exports.getInitialStats = exports.getDataOnBreach = void 0;
 
 var _defaults = require("../constants/defaults");
 
@@ -37,12 +37,26 @@ const getInitialStats = proctorParams => {
 
 exports.getInitialStats = getInitialStats;
 
+const getRequiredPermissionsFromProctorParams = proctorParams => {
+  const requiredPermissions = [];
+
+  for (const key in proctorParams) {
+    if (proctorParams[key] && _defaults.proctorParamsToPermission[key]) {
+      requiredPermissions.push(_defaults.proctorParamsToPermission[key]);
+    }
+  }
+
+  return requiredPermissions;
+};
+
+exports.getRequiredPermissionsFromProctorParams = getRequiredPermissionsFromProctorParams;
+
 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);
+const showProctoredComponent = (proctorParams, hasAllPermission) => {
+  return hasAllPermission(getRequiredPermissionsFromProctorParams(proctorParams));
 };
 
 exports.showProctoredComponent = showProctoredComponent;
@@ -53,18 +67,18 @@ const getDataOnBreach = (statistics, currentData, proctorParams) => {
     isTabSwitched,
     isFullscreen,
     lookedAwayCount,
-    isWebcamDataReliable
+    isWebcamDataNotReliable
   } = currentData;
   const timestamp = Date.now();
   const data = statistics.current;
-  const isWebCamReliableParam = _defaults.STATS_PARAMS.isWebcamReliable;
+  const isWebCamNotReliableParam = _defaults.STATS_PARAMS.isWebcamNotReliable;
 
-  if (isWebcamRequired(proctorParams) && data[isWebCamReliableParam] !== isWebcamDataReliable) {
+  if (isWebcamRequired(proctorParams) && data[isWebCamNotReliableParam]) {
     return {
-      breachedParam: isWebCamReliableParam,
+      breachedParam: isWebCamNotReliableParam,
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
-        [isWebCamReliableParam]: isWebcamDataReliable
+        [isWebCamNotReliableParam]: isWebCamNotReliableParam
       })
     };
   }

package/dist/utils/webcamMicrophoneUtils.js

@@ -13,6 +13,8 @@ require("core-js/modules/es.array-buffer.slice.js");
 
 require("core-js/modules/es.typed-array.uint8-array.js");
 
+require("core-js/modules/es.typed-array.fill.js");
+
 require("core-js/modules/es.typed-array.set.js");
 
 require("core-js/modules/es.typed-array.sort.js");
@@ -151,6 +153,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 +162,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.20",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra",
   "main": "dist/index.js",
@@ -54,4 +54,4 @@
     "@babel/preset-env": "^7.16.7",
     "react-scripts": ">=5.0.0"
   }
-}
+}

package/dist/utils/localStorageUtils.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStatsFromLocalStorage = exports.removeStatsFromLocalStorage = exports.getStatistics = exports.addOrUpdateStatsToLocalStorage = void 0;
-
-require("core-js/modules/es.json.stringify.js");
-
-const addOrUpdateStatsToLocalStorage = (proctoringIdentifier, data) => {
-  const stringifiedData = JSON.stringify(data);
-  localStorage.setItem(proctoringIdentifier, stringifiedData);
-};
-
-exports.addOrUpdateStatsToLocalStorage = addOrUpdateStatsToLocalStorage;
-
-const retrieveStatsFromLocalStorage = proctoringIdentifier => {
-  return localStorage.getItem(proctoringIdentifier);
-};
-
-exports.retrieveStatsFromLocalStorage = retrieveStatsFromLocalStorage;
-
-const removeStatsFromLocalStorage = proctoringIdentifier => {
-  localStorage.removeItem(proctoringIdentifier);
-};
-
-exports.removeStatsFromLocalStorage = removeStatsFromLocalStorage;
-
-const getStatistics = proctoringIdentifier => {
-  return JSON.parse(retrieveStatsFromLocalStorage(proctoringIdentifier));
-};
-
-exports.getStatistics = getStatistics;