@newtonschool/react_proctoring_library 0.0.25 → 0.0.28

package/dist/components/ProctorApp.js

@@ -1,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.assign.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 require("./index.scss");
 
+var _ = require(".");
+
 var _utils = require("../utils");
 
 var _hooks = require("../hooks");
@@ -29,18 +29,12 @@ 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; }
@@ -52,43 +46,25 @@ const isWebcamProcessingReliable = (0, _utils.isGPUAvailable)();
 const ProctorApp = _ref => {
   let {
     proctoringIdentifier,
-    customPermissionView = null,
-    shouldRenderChildren = false,
-    permissionPassedProps = {},
     children,
-    proctoredContext,
     config,
+    screensharePermission,
+    requestScreenshare = () => {},
     getProctorParamValues = () => {},
     getWebcamSnapshot = () => {},
     getScreengrab = () => {}
   } = _ref;
-  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 webcamReference = (0, _react.useRef)(null);
+  const canvasReference = (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 {
     recurring = false,
     recurringFetchInterval = 0
   } = config;
+  const [audioPermission, setAudioPermission] = (0, _react.useState)();
+  const [videoPermission, setVideoPermission] = (0, _react.useState)();
+  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;
@@ -104,9 +80,9 @@ const ProctorApp = _ref => {
     let breachedParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
 
     if (proctorParams.webcamSnapshots) {
-      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(references.webcamReference);
+      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(webcamReference);
 
-      if (references.webcamReference) {
+      if (webcamReference) {
         getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
       }
     }
@@ -116,8 +92,12 @@ 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 {
+    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;
   (0, _react.useEffect)(() => {
     if (recurring) {
       recurringFetchIntervalRef.current = setInterval(() => {
@@ -135,9 +115,9 @@ const ProctorApp = _ref => {
     const currentStats = {
       userCount,
       isTabSwitched,
-      isFullScreen: permissions.fullscreen,
+      isFullscreen,
       lookedAwayCount,
-      isWebcamDataNotReliable: !isWebcamProcessingReliable
+      isWebcamDataReliable: isWebcamProcessingReliable
     };
     const breachData = (0, _breachUtils.getDataOnBreach)(statistics, currentStats, proctorParams);
     (0, _utils.updateStatistics)(statistics, currentStats, proctorParams);
@@ -147,32 +127,28 @@ const ProctorApp = _ref => {
       sendWebcamSnapshot(true, breachData.breachedParam);
       sendScreengrab(true, breachData.breachedParam);
     }
-  }, [userCount, isTabSwitched, permissions.fullscreen, lookedAwayCount, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
+  }, [userCount, isTabSwitched, isFullscreen, 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, {
+    className: "".concat(proctorParams.copyPasteProctoring ? "disable-copy-paste fullwidth fullheight" : "fullwidth fullheight")
+  }, (0, _breachUtils.showProctoredComponent)(proctorParams, {
+    isFullscreen,
+    audioPermission,
+    videoPermission,
+    screensharePermission
+  }) && children, /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
     proctorParams: proctorParams,
-    permissions: permissions,
-    askPermission: actions.askPermission,
-    hasAllPermission: actions.hasAllPermission
-  }), /*#__PURE__*/_react.default.createElement(_activityTracker.default, {
+    isFullscreen: isFullscreen,
+    audioPermisison: audioPermission,
+    videoPermission: videoPermission,
+    setFullscreen: setFullscreen,
+    screensharePermission: screensharePermission,
+    requestScreenshare: requestScreenshare
+  }), /*#__PURE__*/_react.default.createElement(_.ActivityTracker, {
     proctorParams: proctorParams,
-    setAudioPermission: permissionSetter.audio,
-    setVideoPermission: permissionSetter.video,
-    webcamReference: references.webcamReference,
-    canvasReference: references.canvasReference,
-    screenshareReference: references.screenshareReference
+    setAudioPermission: setAudioPermission,
+    setVideoPermission: setVideoPermission,
+    webcamReference: webcamReference,
+    canvasReference: canvasReference
   }));
 };
 

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

@@ -45,9 +45,7 @@ const ActivityTracker = _ref => {
           status.onchange = evt => {
             (0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
           };
-        }).catch(err => {
-          console.log("Video Permission", err);
-        });
+        }).catch(err => {});
         (0, _webcamMicrophoneUtils.getAudioPermissionQuery)().then(status => {
           status.onchange = evt => {
             (0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
@@ -136,14 +134,14 @@ const ActivityTracker = _ref => {
         setAudioPermission(false);
       }
     },
-    className: "captured-video-canvas"
+    className: "hide"
   }), /*#__PURE__*/_react.default.createElement("canvas", {
     ref: canvasReference,
-    className: "captured-video-canvas",
+    className: "captured-video-canvas hide",
     id: "wc-ref"
   })), /*#__PURE__*/_react.default.createElement("video", {
     ref: screenshareReference,
-    className: "captured-video-canvas",
+    className: "captured-video-canvas hide",
     id: "ss-ref"
   }));
 };

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

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

package/dist/components/index.js

@@ -18,13 +18,13 @@ Object.defineProperty(exports, "FullScreenPermission", {
 Object.defineProperty(exports, "ProctorApp", {
   enumerable: true,
   get: function get() {
-    return _ProctorApp.default;
+    return _Loadable.default;
   }
 });
 Object.defineProperty(exports, "ProctoredContextApp", {
   enumerable: true,
   get: function get() {
-    return _ProctoredContextApp.default;
+    return _Loadable2.default;
   }
 });
 Object.defineProperty(exports, "ScreenshareTracker", {
@@ -40,8 +40,8 @@ var _permissions = require("./permissions");
 
 var _screenshare = require("./screenshare");
 
-var _ProctorApp = _interopRequireDefault(require("./ProctorApp"));
+var _Loadable = _interopRequireDefault(require("./proctor-app/Loadable"));
 
-var _ProctoredContextApp = _interopRequireDefault(require("./ProctoredContextApp"));
+var _Loadable2 = _interopRequireDefault(require("./proctor-context-app/Loadable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/index.scss

@@ -6,3 +6,7 @@
 .fullwidth {
     width: 100%;
 }
+.fullheight {
+    height: 100%;
+    overflow-y: scroll;
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _loadable = _interopRequireDefault(require("../../utils/loadable"));
+
+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; }
+
+var _default = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require("./index"))), {
+  fallback: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+});
+
+exports.default = _default;

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

@@ -0,0 +1,181 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+
+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");
+
+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 || 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; }
+
+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 => {
+  let {
+    proctoringIdentifier,
+    customPermissionView = null,
+    shouldRenderChildren = false,
+    permissionPassedProps = {},
+    children,
+    proctoredContext,
+    config,
+    getProctorParamValues = () => {},
+    getWebcamSnapshot = () => {},
+    getScreengrab = () => {}
+  } = _ref;
+  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 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 && permissions.screenshare) {
+      const screenshot = await (0, _webcamMicrophoneUtils.captureScreenshot)();
+      getScreengrab(proctoringIdentifier, screenshot, isBreach, breachedParam);
+    }
+  }, [getScreengrab, proctoringIdentifier, proctorParams.screenshareSnapshots, permissions.screenshare]);
+  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 && permissions.video) {
+      const webcamSnapshot = (0, _utils.captureWebcamSnapshot)(references.webcamReference);
+
+      if (references.webcamReference) {
+        getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
+      }
+    }
+  }, [proctoringIdentifier, getWebcamSnapshot, proctorParams.webcamSnapshots, permissions.video, references.webcamReference]);
+  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 [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(() => {
+        sendProctoredParamValues();
+        sendWebcamSnapshot();
+        sendScreengrab();
+      }, recurringFetchInterval);
+    }
+
+    return () => {
+      clearInterval(recurringFetchIntervalRef.current);
+    };
+  }, [recurring, recurringFetchInterval, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab]);
+  (0, _react.useEffect)(() => {
+    const currentStats = {
+      userCount,
+      isTabSwitched,
+      isFullScreen: permissions.fullscreen,
+      lookedAwayCount,
+      isWebcamDataNotReliable: !isWebcamProcessingReliable
+    };
+    const breachData = (0, _breachUtils.getDataOnBreach)(statistics, currentStats, proctorParams);
+    (0, _utils.updateStatistics)(statistics, currentStats, proctorParams);
+
+    if (breachData) {
+      sendProctoredParamValues(true, breachData.breachedParam);
+      sendWebcamSnapshot(true, breachData.breachedParam);
+      sendScreengrab(true, breachData.breachedParam);
+    }
+  }, [userCount, isTabSwitched, permissions.fullscreen, lookedAwayCount, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab, proctorParams]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(proctorParams.copyPasteProctoring ? "disable-copy-paste fullwidth fullheight" : "fullwidth fullheight")
+  }, (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,
+    permissions: permissions,
+    askPermission: actions.askPermission,
+    hasAllPermission: actions.hasAllPermission
+  }), /*#__PURE__*/_react.default.createElement(_activityTracker.default, {
+    proctorParams: proctorParams,
+    setAudioPermission: permissionSetter.audio,
+    setVideoPermission: permissionSetter.video,
+    webcamReference: references.webcamReference,
+    canvasReference: references.canvasReference,
+    screenshareReference: references.screenshareReference
+  }));
+};
+
+exports.ProctorApp = ProctorApp;
+var _default = ProctorApp;
+exports.default = _default;

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

@@ -0,0 +1,12 @@
+.disable-copy-paste {
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+.fullwidth {
+    width: 100%;
+}
+.fullheight {
+    height: 100%;
+    overflow-y: scroll;
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _loadable = _interopRequireDefault(require("../../utils/loadable"));
+
+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; }
+
+var _default = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require("./index"))), {
+  fallback: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+});
+
+exports.default = _default;

package/dist/components/{ProctoredContextApp.js → proctor-context-app/index.js}

@@ -9,11 +9,11 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _hooks = require("../hooks");
+var _hooks = require("../../hooks");
 
-var _webcamMicrophoneUtils = require("../utils/webcamMicrophoneUtils");
+var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 
-var _defaults = require("../constants/defaults");
+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); }
 
@@ -46,22 +46,21 @@ const ProctoredContextApp = _ref => {
   const canvasReference = (0, _react.useRef)(null);
   const screenshareReference = (0, _react.useRef)(null);
   const Context = contextProvider;
-  const askPermissionAction = {
-    'screenshare': () => {
+  const askPermissionAction = (0, _react.useMemo)(() => ({
+    screenshare: () => {
       (0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference);
     },
-    'fullscreen': () => {
+    fullscreen: () => {
       setFullscreen();
     }
-  };
-  const getPermissionObj = {
-    'video': videoPermission,
-    'audio': audioPermisison,
-    'fullscreen': isFullscreen,
-    'screenshare': screensharePermission
-  };
+  }), [screenshareReference, setFullscreen]);
+  const getPermissionObj = (0, _react.useMemo)(() => ({
+    video: videoPermission,
+    audio: audioPermisison,
+    fullscreen: isFullscreen,
+    screenshare: screensharePermission
+  }), [videoPermission, audioPermisison, isFullscreen, screensharePermission]);
   const askPermission = (0, _react.useCallback)(requiredPermissions => {
-    console.log(requiredPermissions);
     requiredPermissions.forEach(element => {
       if (!getPermissionObj[element] && askPermissionAction[element]) {
         askPermissionAction[element]();
@@ -81,25 +80,25 @@ const ProctoredContextApp = _ref => {
     value: {
       permissions: getPermissionObj,
       permissionSetter: {
-        'audio': setAudioPermission,
-        'video': setVideoPermission,
-        'screenshare': setScreensharePermission
+        audio: setAudioPermission,
+        video: setVideoPermission,
+        screenshare: setScreensharePermission
       },
       customProps: {
-        'childrenRenderer': customRenderer
+        childrenRenderer: customRenderer
       },
       customSetter: {
-        'childrenRenderer': setCustomRenderer
+        childrenRenderer: setCustomRenderer
       },
       proctorParams,
       actions: {
-        'askPermission': askPermission,
-        'hasAllPermission': hasAllPermission
+        askPermission: askPermission,
+        hasAllPermission: hasAllPermission
       },
       references: {
-        'webcamReference': webcamReference,
-        'canvasReference': canvasReference,
-        'screenshareReference': screenshareReference
+        webcamReference: webcamReference,
+        canvasReference: canvasReference,
+        screenshareReference: screenshareReference
       }
     }
   }, children);

package/dist/hooks/useFullScreenData.js

@@ -7,14 +7,10 @@ exports.default = useFullscreenData;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = 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(isProctorParam) {

package/dist/hooks/useWebcamData.js

@@ -33,9 +33,7 @@ const getUserCount = async (model, image) => {
       }
     });
     return numOfUsers;
-  } catch (err) {
-    console.log("Error Trace:", err);
-  }
+  } catch (err) {}
 };
 
 function useWebcamData(webcamReference, canvasReference, proctorParams) {
@@ -68,7 +66,6 @@ function useWebcamData(webcamReference, canvasReference, proctorParams) {
             }
           }, _defaults.evaluateVideoIntervalInSeconds * 1000);
         } catch (err) {
-          console.log("Error Trace:", err);
           return;
         }
       };

package/dist/utils/loadable.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 loadable = function loadable(importFunc) {
+  let {
+    fallback = null
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    fallback: null
+  };
+  const LazyComponent = /*#__PURE__*/(0, _react.lazy)(importFunc);
+  return props => /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: fallback
+  }, /*#__PURE__*/_react.default.createElement(LazyComponent, props));
+};
+
+var _default = loadable;
+exports.default = _default;

package/dist/utils/localStorageUtils.js

@@ -0,0 +1,33 @@
+"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;

package/dist/utils/webcamMicrophoneUtils.js

@@ -13,8 +13,6 @@ 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");
@@ -162,17 +160,14 @@ const setupScreensharePermission = (setScreensharePermission, screenshareReferen
 
     track.onended = e => {
       setScreensharePermission(false);
-      console.log(e, "Track Onended Error");
       screenshareReference.current.srcObject = null;
     };
   } else {
-    console.log("Display Surface != Monitor");
     screenshareReference.current = null;
     setScreensharePermission(false);
   }
 }).catch(e => {
   screenshareReference.current = null;
-  console.log(e, "Try Catch Error");
   setScreensharePermission(false);
 });
 
@@ -218,7 +213,6 @@ const captureScreenshot = async () => {
   try {
     const canvas = await (0, _html2canvas.default)(document.querySelector("#ss-ref"));
     const b64Snapshot = canvas.toDataURL("image/jpeg");
-    console.log(b64Snapshot);
     return b64DataURItoBlob(b64Snapshot);
   } catch (e) {// pass
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.25",
+  "version": "0.0.28",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",
@@ -54,4 +54,4 @@
     "@babel/preset-env": "^7.16.7",
     "react-scripts": ">=5.0.0"
   }
-}
+}

package/dist/proctoringTracker/tracker.js

@@ -1,17 +0,0 @@
-"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

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