@newtonschool/react_proctoring_library 0.0.66 → 0.0.68-staging

package/dist/components/breach-parameters/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BreachParameters;
+var _useTrackBreachParameters = require("../../hooks/useTrackBreachParameters");
+function BreachParameters(_ref) {
+  let {
+    config,
+    getProctorParamValues,
+    proctoringIdentifier,
+    permissions,
+    proctorParams
+  } = _ref;
+  (0, _useTrackBreachParameters.useTrackBreachParameters)({
+    config,
+    getProctorParamValues,
+    proctoringIdentifier,
+    permissions,
+    proctorParams
+  });
+  return null;
+}

package/dist/components/fullscreen/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FullScreen;
+require("core-js/modules/es.symbol.description.js");
+var _react = require("react");
+var _useGenericFullScreenData = _interopRequireDefault(require("../../hooks/useGenericFullScreenData"));
+var _ElectronContext = require("../../contexts/ElectronContext");
+var _useKishokMode = _interopRequireDefault(require("../../hooks/electron/useKishokMode"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function FullScreen(_ref) {
+  let {
+    setAskPermissionAction,
+    proctoredContext,
+    proctorParams
+  } = _ref;
+  const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
+  const {
+    setFullscreen
+  } = (0, _useGenericFullScreenData.default)(isElectronApp);
+  (0, _useKishokMode.default)({
+    proctoredContext,
+    proctorParams
+  });
+  (0, _react.useEffect)(() => {
+    setAskPermissionAction(oldAskPermissionAction => _objectSpread(_objectSpread({}, oldAskPermissionAction), {}, {
+      fullscreen: () => setFullscreen(true)
+    }));
+  }, [setAskPermissionAction, setFullscreen]);
+  return null;
+}

package/dist/components/index.js

@@ -24,4 +24,4 @@ Object.defineProperty(exports, "ProctoredContextApp", {
 var _permissions = require("./permissions");
 var _proctorApp = _interopRequireDefault(require("./proctor-app"));
 var _proctorContextApp = _interopRequireDefault(require("./proctor-context-app"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/permissions/index.js

@@ -13,9 +13,10 @@ var text = _interopRequireWildcard(require("../../constants/text"));
 var _permissionBody = require("./permission-body");
 var _breachUtils = require("../../utils/breachUtils");
 var _permission = require("../../utils/permission");
+var _jsxRuntime = require("react/jsx-runtime");
 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 && {}.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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Permission = _ref => {
   let {
     proctorParams,
@@ -23,28 +24,38 @@ const Permission = _ref => {
     askPermission
   } = _ref;
   const showPermissionModal = !(0, _permission.hasAllPermissions)((0, _breachUtils.getRequiredPermissionsFromProctorParams)(proctorParams), permissions);
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal, {
     show: showPermissionModal,
     size: "lg",
     backdrop: "static",
     "aria-labelledby": "contained-modal-title-vcenter",
-    centered: true
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Header, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Title, null, text.PERMISSION_TITLE)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, {
-    className: "font-medium"
-  }, /*#__PURE__*/_react.default.createElement(_permissionBody.PermissionBody, {
-    showFullscreenText: !permissions.fullscreen && proctorParams.fullscreenExit,
-    showAudioPermissionText: !permissions.audio && (0, _breachUtils.isAudioRequired)(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: () => {
-      askPermission(['screenshare']);
-    }
-  }, text.ALLOW_SCREENSHARE), !permissions.fullscreen && proctorParams.fullscreenExit && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    variant: "primary",
-    onClick: () => {
-      askPermission(['fullscreen']);
-    }
-  }, text.ALLOW_FULLSCREEN)));
+    centered: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Header, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Title, {
+        children: text.PERMISSION_TITLE
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Body, {
+      className: "font-medium",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_permissionBody.PermissionBody, {
+        showFullscreenText: !permissions.fullscreen && proctorParams.fullscreenExit,
+        showAudioPermissionText: !permissions.audio && (0, _breachUtils.isAudioRequired)(proctorParams),
+        showVideoPermissionText: !permissions.video && (0, _breachUtils.isWebcamRequired)(proctorParams),
+        showScreensharePermission: !permissions.screenshare && proctorParams.screenshareSnapshots
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal.Footer, {
+      children: [!permissions.screenshare && proctorParams.screenshareSnapshots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        onClick: () => {
+          askPermission(['screenshare']);
+        },
+        children: text.ALLOW_SCREENSHARE
+      }), !permissions.fullscreen && proctorParams.fullscreenExit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        variant: "primary",
+        onClick: () => {
+          askPermission(['fullscreen']);
+        },
+        children: text.ALLOW_FULLSCREEN
+      })]
+    })]
+  });
 };
 exports.Permission = Permission;

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

@@ -11,9 +11,10 @@ var _urlVideoPermissionHighlight = _interopRequireDefault(require("../../assets/
 require("./index.scss");
 var text = _interopRequireWildcard(require("../../constants/text"));
 var _browserUtils = require("../../utils/browserUtils");
+var _jsxRuntime = require("react/jsx-runtime");
 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 && {}.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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PermissionBody = _ref => {
   let {
     showFullscreenText,
@@ -21,30 +22,52 @@ const PermissionBody = _ref => {
     showVideoPermissionText,
     showScreensharePermission
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "mb-2"
-  }, text.PERMISSION_GENERIC), showScreensharePermission && /*#__PURE__*/_react.default.createElement("div", {
-    className: "mb-2"
-  }, !(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"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "pr-2 font-weight-bold"
-  }, "Camera/Microphone:"), text.PERMISSION_AUDIO_VIDEO) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showVideoPermissionText && /*#__PURE__*/_react.default.createElement("div", {
-    className: "mb-2"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "pr-2 font-weight-bold"
-  }, "Camera:"), text.PERMISSION_VIDEO), showAudioPermissionText && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "pr-2 font-weight-bold"
-  }, "Microphone:"), text.PERMISSION_AUDIO)), (showAudioPermissionText || showVideoPermissionText) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-flex justify-content-center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    className: "video-permission-img",
-    alt: "url_video_permission_highlight",
-    src: _urlVideoPermissionHighlight.default
-  })), showFullscreenText && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "pr-2 font-weight-bold"
-  }, "Fullscreen:"), text.PERMISSION_FULLSCREEN));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "mb-2",
+      children: text.PERMISSION_GENERIC
+    }), showScreensharePermission && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "mb-2",
+      children: [!(0, _browserUtils.isChrome)() && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+          children: "Please switch to chrome"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "pr-2 font-weight-bold",
+        children: "Screenshare:"
+      }), text.PERMISSION_SCREENSHARE]
+    }), showAudioPermissionText && showVideoPermissionText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "mb-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "pr-2 font-weight-bold",
+        children: "Camera/Microphone:"
+      }), text.PERMISSION_AUDIO_VIDEO]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [showVideoPermissionText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "mb-2",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "pr-2 font-weight-bold",
+          children: "Camera:"
+        }), text.PERMISSION_VIDEO]
+      }), showAudioPermissionText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "pr-2 font-weight-bold",
+          children: "Microphone:"
+        }), text.PERMISSION_AUDIO]
+      })]
+    }), (showAudioPermissionText || showVideoPermissionText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "d-flex justify-content-center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: "video-permission-img",
+        alt: "url_video_permission_highlight",
+        src: _urlVideoPermissionHighlight.default
+      })
+    }), showFullscreenText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "pr-2 font-weight-bold",
+        children: "Fullscreen:"
+      }), text.PERMISSION_FULLSCREEN]
+    })]
+  });
 };
 exports.PermissionBody = PermissionBody;

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

@@ -9,11 +9,12 @@ require("core-js/modules/es.weak-map.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 }; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; } /**
  * Asynchronously loads the component for FeaturePage
  */
 var _default = exports.default = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require("./index"))), {
-  fallback: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+  fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
 });

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

@@ -1,38 +1,33 @@
 "use strict";
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.symbol.description.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/es.symbol.description.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
-var _useWakeUpLock = require("../../hooks/useWakeUpLock");
 require("./index.scss");
-var _utils = require("../../utils");
-var _hooks = require("../../hooks");
 var _permissions = require("../permissions");
 var _breachUtils = require("../../utils/breachUtils");
-var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 var _defaults = require("../../constants/defaults");
-var _webcamActivityTracker = _interopRequireDefault(require("../webcam-activity-tracker"));
 var _browserUtils = require("../../utils/browserUtils");
-var _screenshareActivityTracker = require("../screenshare-activity-tracker");
-var _dom = require("../../constants/dom");
-var _useIsPageFocussed = _interopRequireDefault(require("../../hooks/useIsPageFocussed"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _screenshareActivityTracker = _interopRequireDefault(require("../screenshare-activity-tracker"));
+var _webcamActivityTracker = _interopRequireDefault(require("../webcam-activity-tracker"));
+var _fullscreen = _interopRequireDefault(require("../fullscreen"));
+var _ElectronContext = require("../../contexts/ElectronContext");
+var _useGenericWakeUpLock = _interopRequireDefault(require("../../hooks/useGenericWakeUpLock"));
+var _breachParameters = _interopRequireDefault(require("../breach-parameters"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const isWebcamProcessingReliable = (0, _utils.isGPUAvailable)();
 const ProctorApp = _ref => {
   let {
     proctoringIdentifier,
@@ -48,109 +43,76 @@ const ProctorApp = _ref => {
   } = _ref;
   const context = (0, _react.useContext)(proctoredContext);
   const {
-    actions,
     permissions,
     references,
-    permissionSetter,
-    screenshareStream
+    permissionErrors
   } = context;
   const {
     acquireWakeUpLock,
     releaseWakeUpLock
-  } = (0, _useWakeUpLock.useWakeUpLock)();
+  } = (0, _useGenericWakeUpLock.default)();
+  const [askPermissionAction, setAskPermissionAction] = (0, _react.useState)({
+    screenshare: () => {},
+    fullscreen: () => {},
+    video: () => {}
+  });
   (0, _react.useEffect)(() => {
     acquireWakeUpLock();
     return releaseWakeUpLock;
   }, []);
+  const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
   const CustomPermissionView = customPermissionView;
   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)("#".concat(_dom.SCREENSHARE_REFERENCE_ID));
-      getScreengrab(proctoringIdentifier, screenshot, isBreach, breachedParam);
-    }
-  }, [getScreengrab, proctoringIdentifier, proctorParams.screenshareSnapshots, permissions.screenshare]);
-  const sendWebcamSnapshot = (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.webcamSnapshots && permissions.video) {
-      const webcamSnapshot = await (0, _webcamMicrophoneUtils.captureScreenshot)("#".concat(_dom.WEBCAM_REFERENCE_ID));
-      getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
-    }
-  }, [proctoringIdentifier, getWebcamSnapshot, proctorParams.webcamSnapshots, permissions.video]);
-  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 isTabSwitched = !(0, _hooks.usePageVisibility)(proctorParams.tabSwitch);
-  const isPageFocussed = (0, _useIsPageFocussed.default)(proctorParams.pageFocus);
-  (0, _react.useEffect)(() => {
-    let timeoutId = null;
-    if (recurring) {
-      const randomStartDelay = 1000 * (Math.floor(Math.random() * 10) + 1);
-      timeoutId = setTimeout(() => {
-        sendWebcamSnapshot();
-        sendScreengrab();
-        recurringFetchIntervalRef.current = setInterval(() => {
-          sendProctoredParamValues();
-          sendWebcamSnapshot();
-          sendScreengrab();
-        }, recurringFetchInterval);
-      }, randomStartDelay);
-    }
-    return () => {
-      clearInterval(recurringFetchIntervalRef.current);
-      clearTimeout(timeoutId);
-    };
-  }, [recurring, recurringFetchInterval, sendProctoredParamValues, sendWebcamSnapshot, sendScreengrab]);
-  (0, _react.useEffect)(() => {
-    const currentStats = {
-      isTabSwitched,
-      isFullScreen: permissions.fullscreen,
-      isWebcamDataNotReliable: !isWebcamProcessingReliable,
-      isPageFocussed
-    };
-    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);
-    }
-  }, [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')
-  }, shouldShowProctoredComponent && children, !shouldShowProctoredComponent && customPermissionView && /*#__PURE__*/_react.default.createElement(CustomPermissionView, _extends({
-    permissions: permissions,
-    proctorParams: proctorParams,
-    references: references,
-    actions: actions,
-    browserDetails: (0, _browserUtils.getBrowserDetails)()
-  }, permissionPassedProps)), !shouldShowProctoredComponent && !customPermissionView && /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
-    proctorParams: proctorParams,
-    permissions: permissions,
-    askPermission: actions.askPermission
-  }), proctorParams.webcamSnapshots && /*#__PURE__*/_react.default.createElement(_webcamActivityTracker.default, {
-    proctorParams: proctorParams,
-    setAudioPermission: permissionSetter.audio,
-    setVideoPermission: permissionSetter.video,
-    webcamReference: references.webcamReference,
-    canvasReference: references.canvasReference,
-    logger: logger
-  }), proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement(_screenshareActivityTracker.ScreenshareActivityTracker, {
-    screenshareStream: screenshareStream,
-    ref: references.screenshareReference
-  }));
+  const askPermission = (0, _react.useCallback)(requiredPermissions => {
+    requiredPermissions.forEach(element => {
+      if (!permissions[element] && askPermissionAction[element]) {
+        askPermissionAction[element]();
+      }
+    });
+  }, [permissions, askPermissionAction]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "".concat(proctorParams.copyPasteProctoring ? 'disable-copy-paste fullwidth fullheight' : 'fullwidth fullheight'),
+    children: [shouldShowProctoredComponent && children, !shouldShowProctoredComponent && customPermissionView && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomPermissionView, _objectSpread({
+      permissions: permissions,
+      proctorParams: proctorParams,
+      references: references,
+      actions: {
+        askPermission
+      },
+      browserDetails: (0, _browserUtils.getBrowserDetails)(),
+      permissionErrors: permissionErrors
+    }, permissionPassedProps)), !shouldShowProctoredComponent && !customPermissionView && /*#__PURE__*/(0, _jsxRuntime.jsx)(_permissions.Permission, {
+      permissions: permissions,
+      proctorParams: proctorParams,
+      askPermission: askPermission
+    }), proctorParams.webcamSnapshots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_webcamActivityTracker.default, {
+      logger: logger,
+      config: config,
+      proctorParams: proctorParams,
+      proctoredContext: proctoredContext,
+      getWebcamSnapshot: getWebcamSnapshot,
+      proctoringIdentifier: proctoringIdentifier,
+      setAskPermissionAction: setAskPermissionAction
+    }), proctorParams.screenshareSnapshots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenshareActivityTracker.default, {
+      config: config,
+      getScreengrab: getScreengrab,
+      proctorParams: proctorParams,
+      proctoredContext: proctoredContext,
+      proctoringIdentifier: proctoringIdentifier,
+      setAskPermissionAction: setAskPermissionAction
+    }), proctorParams.fullscreenExit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fullscreen.default, {
+      setAskPermissionAction: setAskPermissionAction,
+      proctorParams: proctorParams,
+      proctoredContext: proctoredContext
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_breachParameters.default, {
+      config: config,
+      getProctorParamValues: getProctorParamValues,
+      permissions: permissions,
+      proctorParams: proctorParams,
+      proctoringIdentifier: proctoringIdentifier
+    })]
+  });
 };
 exports.ProctorApp = ProctorApp;
 var _default = exports.default = ProctorApp;

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

@@ -9,11 +9,12 @@ require("core-js/modules/es.weak-map.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 }; }
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; } /**
  * Asynchronously loads the component for FeaturePage
  */
 var _default = exports.default = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require("./index"))), {
-  fallback: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+  fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
 });

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

@@ -8,14 +8,17 @@ exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.symbol.description.js");
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 var _defaults = require("../../constants/defaults");
+var _useIsElectron = _interopRequireDefault(require("../../hooks/electron/useIsElectron"));
+var _ElectronContext = require("../../contexts/ElectronContext");
+var _useGenericFullScreenData = _interopRequireDefault(require("../../hooks/useGenericFullScreenData"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const ProctoredContextApp = _ref => {
@@ -28,17 +31,25 @@ const ProctoredContextApp = _ref => {
     customContext = {}
   } = _ref;
   const proctorParams = (0, _react.useMemo)(() => _objectSpread(_objectSpread({}, _defaults.defaultConfig), config.proctorParams), [config.proctorParams]);
-  const {
-    isFullscreen,
-    setFullscreen
-  } = (0, _hooks.useFullscreenData)(proctorParams.fullscreenExit);
+  const [, isElectronApp] = (0, _useIsElectron.default)();
+  const [webCamDeviceId, setWebCamDeviceId] = (0, _react.useState)();
+  const [screenShareDeviceId, setScreenShareDeviceId] = (0, _react.useState)();
   const [audioPermisison, setAudioPermission] = (0, _react.useState)();
   const [videoPermission, setVideoPermission] = (0, _react.useState)();
+  const [permissionErrors, setPermissionErrors] = (0, _react.useState)({
+    audio: null,
+    video: null,
+    fullscreen: null,
+    screenshare: null
+  });
   const [screensharePermission, setScreensharePermission] = (0, _react.useState)();
   const webcamReference = (0, _react.useRef)(null);
-  const canvasReference = (0, _react.useRef)(null);
   const screenshareReference = (0, _react.useRef)(null);
   const [screenshareStream, setScreenshareStream] = (0, _react.useState)(null);
+  const data = (0, _useGenericFullScreenData.default)(isElectronApp);
+  const {
+    isFullscreen
+  } = data;
   const Context = contextProvider;
   const permissions = (0, _react.useMemo)(() => ({
     video: videoPermission,
@@ -46,25 +57,17 @@ const ProctoredContextApp = _ref => {
     fullscreen: isFullscreen,
     screenshare: screensharePermission
   }), [videoPermission, audioPermisison, isFullscreen, screensharePermission]);
-  const askPermissionAction = (0, _react.useMemo)(() => ({
-    screenshare: () => {
-      (0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference, setScreenshareStream);
-    },
-    fullscreen: () => {
-      setFullscreen();
-    },
-    video: () => {
-      window.location.reload();
+  const endTest = () => {
+    if (isElectronApp) {
+      window.electron.actions.stopProctoring();
     }
-  }), [screenshareReference, setFullscreen]);
-  const askPermission = (0, _react.useCallback)(requiredPermissions => {
-    requiredPermissions.forEach(element => {
-      if (!permissions[element] && askPermissionAction[element]) {
-        askPermissionAction[element]();
-      }
-    });
-  }, [permissions, askPermissionAction]);
-  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+  };
+
+  // useEffect(()=>{
+  //   endTest
+  // })
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
     value: _objectSpread(_objectSpread({}, customContext), {}, {
       permissions,
       permissionSetter: {
@@ -72,17 +75,28 @@ const ProctoredContextApp = _ref => {
         video: setVideoPermission,
         screenshare: setScreensharePermission
       },
-      proctorParams,
-      actions: {
-        askPermission
+      streamSetter: {
+        screenshare: setScreenshareStream
       },
+      device: {
+        webCamDeviceId,
+        screenShareDeviceId,
+        setWebCamDeviceId,
+        setScreenShareDeviceId
+      },
+      permissionErrors,
+      setPermissionErrors,
+      proctorParams,
       references: {
         webcamReference,
-        canvasReference,
         screenshareReference
       },
       screenshareStream
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ElectronContext.ElectronContextProvider, {
+      value: isElectronApp,
+      children: children
     })
-  }, children);
+  });
 };
 var _default = exports.default = ProctoredContextApp;