@newtonschool/react_proctoring_library 0.0.67-staging → 0.0.69

package/dist/components/fullscreen/index.js

@@ -8,6 +8,7 @@ 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; }
@@ -16,12 +17,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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
+    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)

package/dist/components/permissions/index.js

@@ -13,6 +13,7 @@ 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(e) { return e && e.__esModule ? e : { default: e }; }
@@ -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,6 +11,7 @@ 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(e) { return e && e.__esModule ? e : { default: e }; }
@@ -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"));
+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,7 +1,6 @@
 "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");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -20,10 +19,10 @@ 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() { 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(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; }
@@ -72,45 +71,48 @@ const ProctorApp = _ref => {
       }
     });
   }, [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: {
-      askPermission
-    },
-    browserDetails: (0, _browserUtils.getBrowserDetails)(),
-    permissionErrors: permissionErrors
-  }, permissionPassedProps)), !shouldShowProctoredComponent && !customPermissionView && /*#__PURE__*/_react.default.createElement(_permissions.Permission, {
-    permissions: permissions,
-    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,
-    proctoringIdentifier: proctoringIdentifier
-  }));
+  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"));
+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

@@ -12,6 +12,7 @@ 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; }
@@ -66,7 +67,7 @@ const ProctoredContextApp = _ref => {
   //   endTest
   // })
 
-  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
     value: _objectSpread(_objectSpread({}, customContext), {}, {
       permissions,
       permissionSetter: {
@@ -91,9 +92,11 @@ const ProctoredContextApp = _ref => {
         screenshareReference
       },
       screenshareStream
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ElectronContext.ElectronContextProvider, {
+      value: isElectronApp,
+      children: children
     })
-  }, /*#__PURE__*/_react.default.createElement(_ElectronContext.ElectronContextProvider, {
-    value: isElectronApp
-  }, children));
+  });
 };
 var _default = exports.default = ProctoredContextApp;

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

@@ -36,6 +36,9 @@ function ElectronScreenShare(_ref) {
         try {
           await window.electron.permissions.requestScreenCapturePermission();
           const streams = await window.electron.streams.getScreenStream();
+          if (streams.length > 1) {
+            throw new Error('Multiple Screens found. Please use only one during proctoring');
+          }
           const startedScreenShareRecording = await window.electron.actions.startScreenShareRecording(streams[0].id);
           if (!startedScreenShareRecording) {
             throw new Error('Error starting screen share recording');

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ElectronContext = require("../../contexts/ElectronContext");
 var _electron = _interopRequireDefault(require("./electron"));
 var _web = _interopRequireDefault(require("./web"));
+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; }
@@ -24,14 +25,14 @@ const ScreenShare = _ref => {
   } = _ref;
   const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
   if (isElectronApp) {
-    return /*#__PURE__*/_react.default.createElement(_electron.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.default, {
       setAskPermissionAction: setAskPermissionAction,
       proctorParams: proctorParams,
       proctoredContext: proctoredContext,
       config: config
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_web.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.default, {
     proctoredContext: proctoredContext,
     setAskPermissionAction: setAskPermissionAction,
     getScreengrab: getScreengrab,

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

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 var _dom = require("../../constants/dom");
 var _useBreachData = require("../../hooks/useBreachData");
+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 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; }
@@ -86,7 +87,7 @@ function WebScreenShare(_ref) {
       sendScreengrab();
     }
   }, [breachData]);
-  return /*#__PURE__*/_react.default.createElement("video", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
     ref: screenShareReference,
     className: "captured-video-canvas hide",
     id: _dom.SCREENSHARE_REFERENCE_ID

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

@@ -1,17 +1,25 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ElectronWebCam;
 require("core-js/modules/es.promise.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");
 var _react = require("react");
+var _loadable = _interopRequireDefault(require("../../utils/loadable"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 _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; }
+const Webcam = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('react-webcam'))));
 function ElectronWebCam(_ref) {
   let {
     setAskPermissionAction,
@@ -21,11 +29,13 @@ function ElectronWebCam(_ref) {
   } = _ref;
   const {
     permissionSetter,
+    permissions,
     references,
     setPermissionErrors,
     device
   } = (0, _react.useContext)(proctoredContext);
   const setVideoPermission = permissionSetter.video;
+  const isVideoTurnedOn = permissions.video;
   const webcamReference = references.webcamReference;
   const {
     recurring = false,
@@ -45,6 +55,9 @@ function ElectronWebCam(_ref) {
             throw new Error('Electron app does not have permission to access webcam');
           }
           const devices = await window.electron.streams.getWebcamStream();
+          if (devices.length === 0) {
+            throw new Error('No webcam devices found');
+          }
           const permissionGranted = await window.electron.actions.startWebCamRecording(devices[0].deviceId);
           if (permissionGranted) {
             device.setWebCamDeviceId(devices[0].deviceId);
@@ -106,5 +119,13 @@ function ElectronWebCam(_ref) {
       };
     }
   }, [deviceId]);
-  return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: isVideoTurnedOn && /*#__PURE__*/(0, _jsxRuntime.jsx)(Webcam, {
+      audio: false,
+      screenshotFormat: "image/jpeg",
+      ref: webcamReference,
+      className: "captured-video-canvas hide",
+      id: 'WEBCAM_REFERENCE_ID'
+    })
+  });
 }

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ElectronContext = require("../../contexts/ElectronContext");
 var _electron = _interopRequireDefault(require("./electron"));
 var _web = _interopRequireDefault(require("./web"));
+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; }
@@ -25,14 +26,14 @@ const WebCam = _ref => {
   } = _ref;
   const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
   if (isElectronApp) {
-    return /*#__PURE__*/_react.default.createElement(_electron.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.default, {
       setAskPermissionAction: setAskPermissionAction,
       proctorParams: proctorParams,
       proctoredContext: proctoredContext,
       config: config
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_web.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.default, {
     proctoredContext: proctoredContext,
     setAskPermissionAction: setAskPermissionAction,
     proctorParams: proctorParams,

package/dist/components/webcam-activity-tracker/web.js

@@ -16,6 +16,7 @@ var _browserUtils = require("../../utils/browserUtils");
 var _webcamMicrophoneUtils = require("../../utils/webcamMicrophoneUtils");
 var _dom = require("../../constants/dom");
 var _useBreachData = require("../../hooks/useBreachData");
+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; }
@@ -103,24 +104,25 @@ const WebWebCam = _ref => {
       }
     }
   }, [setVideoPermission, setAudioPermission, proctorParams]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _breachUtils.isWebcamRequired)(proctorParams) && /*#__PURE__*/_react.default.createElement(_reactWebcam.default, {
-    audio: (0, _breachUtils.isAudioRequired)(),
-    screenshotFormat: "image/jpeg",
-    ref: webcamReference,
-    onUserMedia: () => {
-      setVideoPermission(true);
-    },
-    onUserMediaError: err => {
-      logger("Retry Count = ".concat(retryCount, " | Webcam error, onUserMediaError | ").concat(err.toString()));
-      if (retryCount === 0) {
-        setVideoPermission(false);
-      } else {
-        setRetryCount(retryCount - 1);
-      }
-    },
-    className: "captured-video-canvas hide",
-    id: _dom.WEBCAM_REFERENCE_ID,
-    key: retryCount
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _breachUtils.isWebcamRequired)(proctorParams) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWebcam.default, {
+      audio: (0, _breachUtils.isAudioRequired)(),
+      screenshotFormat: "image/jpeg",
+      ref: webcamReference,
+      onUserMedia: () => {
+        setVideoPermission(true);
+      },
+      onUserMediaError: err => {
+        logger("Retry Count = ".concat(retryCount, " | Webcam error, onUserMediaError | ").concat(err.toString()));
+        if (retryCount === 0) {
+          setVideoPermission(false);
+        } else {
+          setRetryCount(retryCount - 1);
+        }
+      },
+      className: "captured-video-canvas hide",
+      id: _dom.WEBCAM_REFERENCE_ID
+    }, retryCount)
+  });
 };
 var _default = exports.default = WebWebCam;

package/dist/hooks/electron/useKishokMode.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useKishokMode;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = require("react");
+var _breachUtils = require("../../utils/breachUtils");
+var _useGenericFullScreenData = _interopRequireDefault(require("../useGenericFullScreenData"));
+var _ElectronContext = require("../../contexts/ElectronContext");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useKishokMode(_ref) {
+  let {
+    proctoredContext,
+    proctorParams
+  } = _ref;
+  const {
+    permissions
+  } = (0, _react.useContext)(proctoredContext);
+  const [connectedToInternet, setConnectedToInternet] = (0, _react.useState)(true);
+  const isElectronApp = (0, _react.useContext)(_ElectronContext.ElectronContext);
+  const {
+    isFullscreen
+  } = (0, _useGenericFullScreenData.default)(isElectronApp);
+  const shouldShowProctoredComponent = (0, _breachUtils.showProctoredComponent)(proctorParams, permissions);
+  (0, _react.useEffect)(() => {
+    const updateOnlineStatus = () => {
+      setConnectedToInternet(window.navigator.onLine);
+    };
+    window.addEventListener('online', updateOnlineStatus);
+    window.addEventListener('offline', updateOnlineStatus);
+    updateOnlineStatus();
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined' && shouldShowProctoredComponent && isFullscreen && isElectronApp && connectedToInternet) {
+      window.electron.actions.enableKioskMode();
+    } else {
+      var _window$electron, _window$electron$acti;
+      (_window$electron = window.electron) === null || _window$electron === void 0 ? void 0 : (_window$electron$acti = _window$electron.actions) === null || _window$electron$acti === void 0 ? void 0 : _window$electron$acti.disableKioskMode();
+    }
+  }, [isFullscreen, shouldShowProctoredComponent, isElectronApp]);
+}

package/dist/hooks/web/useFullScreenData.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const browserFullscreenElementProp = (0, _utils.getBrowserFullscreenElementProp)();
 function useFullscreenData() {
   const fullScreenElement = (0, _react.useRef)(document.documentElement);
-  const [isFullscreen, setIsFullscreen] = (0, _react.useState)(document[browserFullscreenElementProp] != null || typeof window !== 'undefined' && !!window.NS_TESTING_ENVIRONMENT);
+  const [isFullscreen, setIsFullscreen] = (0, _react.useState)(typeof window !== 'undefined' && (document[browserFullscreenElementProp] != null || !!window.NS_TESTING_ENVIRONMENT));
   const setFullscreen = (0, _react.useCallback)(() => {
     var _fullScreenElement$cu, _fullScreenElement$cu2, _fullScreenElement$cu3, _fullScreenElement$cu4, _fullScreenElement$cu5, _fullScreenElement$cu6;
     if (!fullScreenElement || !fullScreenElement.current) {

package/dist/index.js

@@ -15,4 +15,12 @@ Object.defineProperty(exports, "ProctoredContextApp", {
     return _components.ProctoredContextApp;
   }
 });
-var _components = require("./components");
+Object.defineProperty(exports, "useIsElectron", {
+  enumerable: true,
+  get: function get() {
+    return _useIsElectron.default;
+  }
+});
+var _components = require("./components");
+var _useIsElectron = _interopRequireDefault(require("./hooks/electron/useIsElectron"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/utils/browserUtils.js

@@ -13,6 +13,9 @@ const PROPERTY_TYPES = {
   BLUR: 'blur'
 };
 const getBrowserPropPrefix = () => {
+  if (typeof window === 'undefined') {
+    return '';
+  }
   if (typeof document.msHidden !== 'undefined') {
     return 'ms';
   } else if (typeof document.webkitHidden !== 'undefined') {
@@ -21,6 +24,9 @@ const getBrowserPropPrefix = () => {
   return '';
 };
 const getBrowserPropForHidden = () => {
+  if (typeof window === 'undefined') {
+    return 'hidden';
+  }
   if (typeof document.hidden !== 'undefined') {
     return 'hidden';
   }
@@ -49,6 +55,9 @@ exports.getFocusEventName = getFocusEventName;
 const getBlurEventName = () => getBrowserDocumentProp(PROPERTY_TYPES.BLUR);
 exports.getBlurEventName = getBlurEventName;
 const getBrowserFullscreenElementProp = () => {
+  if (typeof document === 'undefined') {
+    return '';
+  }
   if (typeof document.fullscreenElement !== 'undefined') {
     return 'fullscreenElement';
   } else if (typeof document.mozFullScreenElement !== 'undefined') {

package/dist/utils/gpuUtils.js

@@ -9,9 +9,12 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 var _defaults = require("../constants/defaults");
 const isGPUAvailable = () => {
-  const canvas = document.createElement("canvas");
-  const webgl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
-  const debugInfo = webgl === null || webgl === void 0 ? void 0 : webgl.getExtension("webgl_debug_renderer_info");
+  if (typeof window === 'undefined') {
+    return false;
+  }
+  const canvas = document.createElement('canvas');
+  const webgl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
+  const debugInfo = webgl === null || webgl === void 0 ? void 0 : webgl.getExtension('webgl_debug_renderer_info');
   if (!debugInfo) {
     return false;
   }

package/dist/utils/loadable.js

@@ -6,9 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
 var _react = _interopRequireWildcard(require("react"));
+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 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); }
 const loadable = function loadable(importFunc) {
   let {
     fallback = null
@@ -16,8 +23,9 @@ const loadable = function loadable(importFunc) {
     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));
+  return props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+    fallback: fallback,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyComponent, _objectSpread({}, props))
+  });
 };
 var _default = exports.default = loadable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.67-staging",
+  "version": "0.0.69",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",