@newtonschool/react_proctoring_library 0.0.1 → 0.0.2

package/dist/components/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ActivityTracker", {
+  enumerable: true,
+  get: function get() {
+    return _activityTracker.default;
+  }
+});
+Object.defineProperty(exports, "FullScreenPermission", {
+  enumerable: true,
+  get: function get() {
+    return _permissions.FullScreenPermission;
+  }
+});
+Object.defineProperty(exports, "ProctorApp", {
+  enumerable: true,
+  get: function get() {
+    return _ProctorApp.default;
+  }
+});
+
+var _activityTracker = _interopRequireDefault(require("./activity-tracker"));
+
+var _permissions = require("./permissions");
+
+var _ProctorApp = _interopRequireDefault(require("./ProctorApp"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/permissions/audio-video-permission.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./audio-video-permission.scss");
+
+var _blockedPermission = require("./blocked-permission");
+
+var _initialScreen = require("./initial-screen");
+
+var _newtonSchoolLogo = _interopRequireDefault(require("../../assets/images/newton-school-logo.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AudioVideoPermission = () => {
+  const isBlocked = false;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    alt: "browser-permission-img",
+    className: isBlocked ? "background2" : "background"
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    alt: "logo",
+    className: "logoImg",
+    src: _newtonSchoolLogo.default
+  }), isBlocked ? /*#__PURE__*/_react.default.createElement(_blockedPermission.BlockedPermission, null) : /*#__PURE__*/_react.default.createElement(_initialScreen.InitialScreen, null));
+};
+
+var _default = AudioVideoPermission;
+exports.default = _default;

package/dist/components/permissions/audio-video-permission.scss

@@ -0,0 +1,228 @@
+.container {
+  height: 100%;
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.background {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: #7dc2ad;
+  z-index: -1;
+}
+.background2 {
+  @extend .background;
+  background-color: #ebac9c;
+}
+
+@media only screen and (max-width: 900px) {
+  .logoImg {
+    position: relative !important;
+    display: block;
+    top: auto !important;
+    left: auto !important;
+    margin-bottom: 20px;
+  }
+}
+
+.imageContainer {
+  height: 300px;
+  width: 300px;
+  position: relative;
+  img {
+    position: absolute;
+    left: 0;
+    max-width: 100%;
+    max-height: 100%;
+    min-width: 100%;
+    min-height: 100%;
+  }
+}
+.list_items {
+  margin-top: 40px;
+}
+.list_items li {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  counter-increment: order;
+  margin-top: 40px;
+}
+.list_items li:after {
+  content: "";
+  position: absolute;
+  margin-left: 6px;
+  width: 1px;
+  height: 100%;
+  background-color: rgba(16, 16, 16, 0.2);
+}
+.list_items li:last-child:after {
+  display: none;
+}
+.list_items li:before {
+  content: counter(order);
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
+  border: 1px solid rgba(16, 16, 16, 0.2);
+  border-radius: 50%;
+  margin-right: 20px;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 1;
+  color: rgba(16, 16, 16, 0.8);
+  background-color: #fff;
+  box-shadow: 0 0 0 2px #fff;
+}
+.imageTransition:hover {
+  animation: hideImage 0.5s ease-in-out;
+  animation-fill-mode: forwards;
+}
+
+@keyframes hideImage {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.box {
+  width: 400px;
+  height: 600px;
+  border-radius: 20px;
+  background-color: rgb(255, 255, 255);
+  box-shadow: 5px 10px 8px rgba(60, 60, 60, 1);
+  display: flex;
+  flex-direction: column;
+}
+.videoStyles {
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+}
+.messageContainer {
+  flex: 1;
+  padding: 20px;
+}
+.ripple {
+  position: relative;
+  flex: 1;
+  padding: 20px;
+  border-top: 1px solid rgba(0, 0, 0, 0.24);
+  button {
+    width: 100%;
+    background-color: #2b189b;
+    padding: 10px;
+    color: #ffffff;
+    border: none;
+    border-radius: 10px;
+    font: inherit;
+    cursor: pointer;
+    outline: inherit;
+    position: relative;
+    font-size: 18px;
+  }
+  button::before {
+    animation: ripple 1.5s ease-out;
+    animation-iteration-count: infinite;
+    background-color: inherit;
+    border-radius: inherit;
+    content: "";
+    height: 100%;
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+  }
+}
+
+@keyframes ripple {
+  0% {
+    height: 100%;
+    opacity: 0;
+    width: 100%;
+  }
+
+  25% {
+    height: calc(100% + 8px);
+    opacity: 0.4;
+    width: calc(100% + 8px);
+  }
+
+  50% {
+    height: calc(100% + 12px);
+    opacity: 0;
+    width: calc(100% + 12px);
+  }
+
+  75% {
+    height: 100%;
+    opacity: 0;
+    width: 100%;
+  }
+
+  to {
+    height: 100%;
+    opacity: 0;
+    width: 100%;
+  }
+}
+.flexBox {
+  display: flex;
+  width: 100%;
+}
+.heading {
+  font-size: 20px;
+  font-weight: bold;
+  text-align: center;
+}
+.description {
+  margin-top: 20px;
+  text-align: center;
+  font-size: 14px;
+}
+
+.description_listing {
+  @extend .description;
+  margin-top: unset;
+  font-weight: 400;
+  margin-bottom: 20px;
+  font-size: 16px;
+  max-width: 90%;
+  text-align: start;
+}
+
+.logoImg {
+  position: fixed;
+  left: 20px;
+  top: 20px;
+  width: 200px;
+}
+
+.boxLarge {
+  @extend .box;
+  height: auto;
+  padding: 20px;
+}
+.urlHighlight {
+  width: 300px;
+  border-radius: 10px;
+  padding: 6px;
+  border: 1px solid rgba(16, 16, 16, 0.4);
+  img {
+    max-width: 100%;
+  }
+}
+.near_full_width {
+  max-width: 90%;
+}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockedPermission = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _urlVideoPermissionHighlight = _interopRequireDefault(require("../../assets/images/url-video-permission-highlight.png"));
+
+var text = _interopRequireWildcard(require("../../constants/text"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import givePermission from "../../assets/videos/give-permission.mp4";
+const BlockedPermission = () => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "boxLarge"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      borderRadius: "20px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("video", {
+    className: "videoStyles",
+    width: "100%",
+    height: "240",
+    autoPlay: true,
+    muted: true,
+    loop: true,
+    playsInline: true
+  }, /*#__PURE__*/_react.default.createElement("source", {
+    src: "../../assets/videos/give-permission",
+    type: "video/mp4"
+  }), text.VIDEO_UNSUPPORTED_IN_BROWSER)), /*#__PURE__*/_react.default.createElement("p", {
+    className: "heading"
+  }, text.BROWSER_BLOCKED_PERMISSION), /*#__PURE__*/_react.default.createElement("ol", {
+    className: "list_items"
+  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "near_full_width"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "description_listing"
+  }, text.BROWSER_BLOCKED_PERMISSION_DIRECTION), /*#__PURE__*/_react.default.createElement("div", {
+    className: "urlHighlight"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: "url_video_permission_highlight",
+    src: _urlVideoPermissionHighlight.default
+  })))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "near_full_width"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "description_listing"
+  }, text.BROWSER_BLOCKED_PERMISSION_DIALOG), /*#__PURE__*/_react.default.createElement("div", {
+    className: "imageContainer"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: "video_micro_permissions_given",
+    src: "/videos/vid_micro_permissions_given.png"
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    alt: "video_micro_permissions",
+    src: "/videos/vid_micro_permissions.png",
+    className: "imageTransition"
+  })))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "description_listing"
+  }, text.BROWSER_BLOCKED_PERMISSION_NEXT_STEP))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flexBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ripple"
+  }, /*#__PURE__*/_react.default.createElement("button", null, text.BROWSER_BLOCKED_PERMISSION_RESOLVED_RECHECK))));
+};
+
+exports.BlockedPermission = BlockedPermission;

package/dist/components/permissions/full-screen-permission.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FullScreenPermission;
+
+require("./full-screen-permission.scss");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var text = _interopRequireWildcard(require("../../constants/text"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function FullScreenPermission(_ref) {
+  let {
+    isFullscreen,
+    setFullscreen
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
+    show: !isFullscreen,
+    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.FULLSCREEN_PERMISSION_TITLE)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, {
+    className: "dialog-message"
+  }, text.MESSAGE), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    variant: "primary",
+    onClick: () => {
+      setFullscreen();
+    }
+  }, text.ALLOW_FULLSCREEN)));
+}

package/dist/components/permissions/full-screen-permission.scss

@@ -0,0 +1,8 @@
+.error-message {
+  display: flex;
+  justify-content: center;
+  font-size: large;
+}
+.dialog-message {
+  font-size: medium;
+}

package/dist/components/permissions/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Permission = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _askPermission = _interopRequireDefault(require("../../assets/videos/ask-permission.mp4"));
+
+require("./index.scss");
+
+var text = _interopRequireWildcard(require("../../constants/text"));
+
+var _permissionBody = require("./permission-body");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Permission = _ref => {
+  let {
+    isFullscreen,
+    audioPermisison,
+    videoPermission,
+    setFullscreen
+  } = _ref;
+  const showPermissionModal = !isFullscreen || !audioPermisison || !videoPermission;
+  return /*#__PURE__*/_react.default.createElement(_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(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      borderRadius: "20px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("video", {
+    className: "videoStyles",
+    width: "100%",
+    height: "240",
+    autoPlay: true,
+    muted: true,
+    loop: true,
+    playsInline: true
+  }, /*#__PURE__*/_react.default.createElement("source", {
+    src: _askPermission.default
+  }), text.VIDEO_UNSUPPORTED_IN_BROWSER)), /*#__PURE__*/_react.default.createElement(_permissionBody.PermissionBody, {
+    showFullscreenText: !isFullscreen,
+    showAudioPermissionText: !audioPermisison,
+    showVideoPermissionText: !videoPermission
+  }))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, !isFullscreen && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    variant: "primary",
+    onClick: () => {
+      setFullscreen();
+    }
+  }, text.ALLOW_FULLSCREEN)));
+};
+
+exports.Permission = Permission;

package/dist/components/permissions/index.scss

@@ -0,0 +1,6 @@
+.modal-dialog {
+  width: 400px;
+}
+.video-permission-img {
+  width: 200px;
+}

package/dist/components/permissions/initial-screen.js

@@ -0,0 +1,52 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitialScreen = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var text = _interopRequireWildcard(require("../../constants/text"));
+
+var _askPermission = _interopRequireDefault(require("../../assets/videos/ask-permission.mp4"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const InitialScreen = () => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "box"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      borderRadius: "20px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("video", {
+    className: "videoStyles",
+    width: "100%",
+    height: "240",
+    autoPlay: true,
+    muted: true,
+    loop: true,
+    playsInline: true
+  }, /*#__PURE__*/_react.default.createElement("source", {
+    src: _askPermission.default
+  }), text.VIDEO_UNSUPPORTED_IN_BROWSER)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "messageContainer"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "heading"
+  }, text.REQUEST_VIDEO_AUDIO_PERMISSIONS_HEADING), /*#__PURE__*/_react.default.createElement("p", {
+    className: "description"
+  }, text.REQUEST_VIDEO_AUDIO_PERMISSIONS_DESC)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flexBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ripple"
+  }, /*#__PURE__*/_react.default.createElement("button", null, text.REQUEST_PERMISSION))));
+};
+
+exports.InitialScreen = InitialScreen;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PermissionBody = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _urlVideoPermissionHighlight = _interopRequireDefault(require("../../assets/images/url-video-permission-highlight.png"));
+
+require("./index.scss");
+
+var text = _interopRequireWildcard(require("../../constants/text"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PermissionBody = _ref => {
+  let {
+    showFullscreenText,
+    showAudioPermissionText,
+    showVideoPermissionText
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "mb-2"
+  }, text.PERMISSION_GENERIC), 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));
+};
+
+exports.PermissionBody = PermissionBody;

package/dist/constants/defaults.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialValues = exports.glancePercentageToPass = exports.evaluateVideoIntervalInSeconds = exports.bodyPixConfigs = exports.INITIAL_STATISTICS = void 0;
+const initialValues = {
+  tabSwitchCount: 0,
+  userCount: 0,
+  isWatching: true,
+  canOpenFullScreen: false,
+  fullScreenExitCount: 0,
+  lookedAwayCount: 0,
+  firstTimeFullScreen: true
+};
+exports.initialValues = initialValues;
+const INITIAL_STATISTICS = {
+  TAB_SWITCH_COUNT: initialValues.tabSwitchCount,
+  FULLSCREEN_EXIT_COUNT: initialValues.fullScreenExitCount,
+  LOOKED_AWAY_COUNT: initialValues.lookedAwayCount,
+  USER_COUNT_MAX: initialValues.userCount
+};
+exports.INITIAL_STATISTICS = INITIAL_STATISTICS;
+const bodyPixConfigs = {
+  flipHorizontal: false,
+  internalResolution: "medium",
+  segmentationThreshold: 0.4,
+  maxDetections: 10,
+  scoreThreshold: 0.2,
+  nmsRadius: 20,
+  minKeypointScore: 0.3,
+  refineSteps: 10
+};
+exports.bodyPixConfigs = bodyPixConfigs;
+const glancePercentageToPass = 60;
+exports.glancePercentageToPass = glancePercentageToPass;
+const evaluateVideoIntervalInSeconds = 1;
+exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;