@newtonschool/react_proctoring_library 0.0.65 → 0.0.67-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,31 @@
+"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");
+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
+  } = _ref;
+  const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
+  const {
+    setFullscreen
+  } = (0, _useGenericFullScreenData.default)(isElectronApp);
+  (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

@@ -14,8 +14,8 @@ var _permissionBody = require("./permission-body");
 var _breachUtils = require("../../utils/breachUtils");
 var _permission = require("../../utils/permission");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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(e) { return e && e.__esModule ? e : { default: e }; }
 const Permission = _ref => {
   let {
     proctorParams,

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

@@ -12,8 +12,8 @@ require("./index.scss");
 var text = _interopRequireWildcard(require("../../constants/text"));
 var _browserUtils = require("../../utils/browserUtils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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(e) { return e && e.__esModule ? e : { default: e }; }
 const PermissionBody = _ref => {
   let {
     showFullscreenText,

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

@@ -9,9 +9,9 @@ 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 }; }
+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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
+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"))), {

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

@@ -1,38 +1,34 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProctorApp = void 0;
-require("core-js/modules/es.promise.js");
-require("core-js/modules/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"));
+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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 _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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+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,106 +44,72 @@ 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(() => {
-        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);
+  const askPermission = (0, _react.useCallback)(requiredPermissions => {
+    requiredPermissions.forEach(element => {
+      if (!permissions[element] && askPermissionAction[element]) {
+        askPermissionAction[element]();
+      }
+    });
+  }, [permissions, askPermissionAction]);
   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)()
+    actions: {
+      askPermission
+    },
+    browserDetails: (0, _browserUtils.getBrowserDetails)(),
+    permissionErrors: permissionErrors
   }, permissionPassedProps)), !shouldShowProctoredComponent && !customPermissionView && /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
-    proctorParams: proctorParams,
     permissions: permissions,
-    askPermission: actions.askPermission
+    proctorParams: proctorParams,
+    askPermission: askPermission
   }), proctorParams.webcamSnapshots && /*#__PURE__*/_react.default.createElement(_webcamActivityTracker.default, {
+    logger: logger,
+    config: config,
+    proctorParams: proctorParams,
+    proctoredContext: proctoredContext,
+    getWebcamSnapshot: getWebcamSnapshot,
+    proctoringIdentifier: proctoringIdentifier,
+    setAskPermissionAction: setAskPermissionAction
+  }), proctorParams.screenshareSnapshots && /*#__PURE__*/_react.default.createElement(_screenshareActivityTracker.default, {
+    config: config,
+    getScreengrab: getScreengrab,
+    proctorParams: proctorParams,
+    proctoredContext: proctoredContext,
+    proctoringIdentifier: proctoringIdentifier,
+    setAskPermissionAction: setAskPermissionAction
+  }), proctorParams.fullscreenExit && /*#__PURE__*/_react.default.createElement(_fullscreen.default, {
+    setAskPermissionAction: setAskPermissionAction
+  }), /*#__PURE__*/_react.default.createElement(_breachParameters.default, {
+    config: config,
+    getProctorParamValues: getProctorParamValues,
+    permissions: permissions,
     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
+    proctoringIdentifier: proctoringIdentifier
   }));
 };
 exports.ProctorApp = ProctorApp;

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

@@ -9,9 +9,9 @@ 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 }; }
+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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
+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"))), {

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

@@ -8,15 +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"));
+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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+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 => {
   let {
@@ -28,17 +30,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,24 +56,16 @@ 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]);
+  };
+
+  // useEffect(()=>{
+  //   endTest
+  // })
+
   return /*#__PURE__*/_react.default.createElement(Context.Provider, {
     value: _objectSpread(_objectSpread({}, customContext), {}, {
       permissions,
@@ -72,17 +74,26 @@ 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__*/_react.default.createElement(_ElectronContext.ElectronContextProvider, {
+    value: isElectronApp
+  }, children));
 };
 var _default = exports.default = ProctoredContextApp;

package/dist/components/screenshare-activity-tracker/electron.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ElectronScreenShare;
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.symbol.description.js");
+var _react = require("react");
+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 ElectronScreenShare(_ref) {
+  let {
+    setAskPermissionAction,
+    proctoredContext,
+    config,
+    proctorParams
+  } = _ref;
+  const {
+    permissionSetter,
+    setPermissionErrors,
+    device
+  } = (0, _react.useContext)(proctoredContext);
+  const setScreensharePermission = permissionSetter.screenshare;
+  const streamDeviceId = device === null || device === void 0 ? void 0 : device.screenShareDeviceId;
+  (0, _react.useEffect)(() => {
+    setAskPermissionAction(oldAskPermissionAction => _objectSpread(_objectSpread({}, oldAskPermissionAction), {}, {
+      screenshare: async () => {
+        device.setScreenShareDeviceId(false);
+        setPermissionErrors(oldErrors => _objectSpread(_objectSpread({}, oldErrors || {}), {}, {
+          screenshare: null
+        }));
+        try {
+          await window.electron.permissions.requestScreenCapturePermission();
+          const streams = await window.electron.streams.getScreenStream();
+          const startedScreenShareRecording = await window.electron.actions.startScreenShareRecording(streams[0].id);
+          if (!startedScreenShareRecording) {
+            throw new Error('Error starting screen share recording');
+          }
+          device.setScreenShareDeviceId(streams[0].id);
+        } catch (error) {
+          console.error(error);
+          setPermissionErrors(oldErrors => _objectSpread(_objectSpread({}, oldErrors || {}), {}, {
+            screenshare: (error === null || error === void 0 ? void 0 : error.message) || 'Failed to start screen share'
+          }));
+        }
+      }
+    }));
+  }, []);
+  const startScreenShareSnapshot = async newStreamId => {
+    try {
+      setPermissionErrors(oldErrors => _objectSpread(_objectSpread({}, oldErrors || {}), {}, {
+        screenshare: null
+      }));
+      const snapshotIntervalID = await window.electron.actions.startScreenShareSnapshot({
+        streamId: newStreamId,
+        interval: config.recurringFetchInterval,
+        fileUploadConfig: config.fileUploadConfig
+      });
+      if (!snapshotIntervalID) {
+        throw Error('Error starting screen share snapshot');
+      }
+      return snapshotIntervalID;
+    } catch (error) {
+      console.error(error);
+      setPermissionErrors(oldErrors => _objectSpread(_objectSpread({}, oldErrors || {}), {}, {
+        screenshare: (error === null || error === void 0 ? void 0 : error.message) || 'Failed to start screen share'
+      }));
+    }
+  };
+  const endScreenShareSnapshot = async newStreamId => {
+    await window.electron.actions.stopScreenShareSnapshot({
+      streamId: newStreamId
+    });
+  };
+  (0, _react.useEffect)(() => {
+    var _config$fileUploadCon;
+    if (streamDeviceId && config !== null && config !== void 0 && (_config$fileUploadCon = config.fileUploadConfig) !== null && _config$fileUploadCon !== void 0 && _config$fileUploadCon.screenShare && config !== null && config !== void 0 && config.recurring) {
+      const snapshotIntervalID = startScreenShareSnapshot(streamDeviceId);
+      return () => {
+        console.log(snapshotIntervalID, 'snapshotIntervalID');
+        endScreenShareSnapshot(snapshotIntervalID);
+      };
+    }
+  }, [streamDeviceId, config]);
+  (0, _react.useEffect)(() => {
+    if (streamDeviceId) {
+      const permissionSetter = permission => {
+        setScreensharePermission(permission);
+      };
+      window.electron.states.isScreenShareRecordingStarted(streamDeviceId).then(recordingStarted => {
+        permissionSetter(recordingStarted);
+      });
+      const id = window.electron.listener.screenShareRecordingStatusChanged(streamDeviceId, permissionSetter);
+      return () => {
+        window.electron.listener.removeListener(id, permissionSetter);
+      };
+    }
+  }, [streamDeviceId]);
+  return null;
+}

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

@@ -5,24 +5,39 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ScreenshareActivityTracker = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _dom = require("../../constants/dom");
-var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
+var _ElectronContext = require("../../contexts/ElectronContext");
+var _electron = _interopRequireDefault(require("./electron"));
+var _web = _interopRequireDefault(require("./web"));
+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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ScreenshareActivityTracker = exports.ScreenshareActivityTracker = /*#__PURE__*/(0, _react.forwardRef)((_ref, screenshareReference) => {
+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; }
+const ScreenShare = _ref => {
   let {
-    screenshareStream
+    proctoredContext,
+    setAskPermissionAction,
+    proctorParams,
+    proctoringIdentifier,
+    getScreengrab,
+    config
   } = _ref;
-  (0, _react.useEffect)(() => {
-    if (screenshareStream) {
-      (0, _webcamMicrophoneUtils.collectScreenshare)(screenshareReference, screenshareStream);
-    }
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("video", {
-    ref: screenshareReference,
-    className: "captured-video-canvas hide",
-    id: _dom.SCREENSHARE_REFERENCE_ID
+  const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
+  if (isElectronApp) {
+    return /*#__PURE__*/_react.default.createElement(_electron.default, {
+      setAskPermissionAction: setAskPermissionAction,
+      proctorParams: proctorParams,
+      proctoredContext: proctoredContext,
+      config: config
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_web.default, {
+    proctoredContext: proctoredContext,
+    setAskPermissionAction: setAskPermissionAction,
+    getScreengrab: getScreengrab,
+    proctorParams: proctorParams,
+    proctoringIdentifier: proctoringIdentifier,
+    config: config
   });
-});
+};
+var _default = exports.default = ScreenShare;