handler(label)}>{getIcon()} {getLabel()}{\" \"}
\n );\n}\n \nexport default MobileMenuOption;","export default __webpack_public_path__ + \"static/media/logo.6ac714dd.svg\";","import React, {useState, useEffect} from 'react';\nimport {useHistory} from 'react-router-dom';\nimport { slide as Menu } from 'react-burger-menu';\nimport ProfileService from './../../../services/ProfileService';\nimport ClassService from './../../../services/ClassService';\nimport AuthService from './../../../services/AuthService';\nimport RoleUtils from \"./../../../utils/RoleUtils\";\nimport SidebarMenuUtils from \"./../../../utils/SidebarMenuUtils\";\nimport MobileMenuOption from \"./MobileMenuOption\";\nimport DeepLinking from './../../../utils/DeepLinking';\nimport logo from './../../../images/logo.svg';\nimport './mobilemenu.css';\n\nconst MobileMenu = () => {\n\n const history = useHistory();\n const [menuOpen, setMenuOpen] = useState(false);\n const [profile, setProfile] = useState(null);\n\n useEffect(() => {\n if(!profile) setProfile(ProfileService.get());\n }, []);\n\n const handleStateChange = (state) => {\n setMenuOpen(state.isOpen);\n }\n\n const closeMenu = () => {\n setMenuOpen(false);\n }\n\n const renderMenuItems = () => {\n \n if(!profile) { return <>; }\n\n let menuItems = [];\n \n if(profile) {\n const role = RoleUtils.getRole(profile);\n if(role === 'SuperAdmin') {\n menuItems = SidebarMenuUtils.SUPERADMIN;\n } else if(role === 'Admin'){\n menuItems = SidebarMenuUtils.ADMIN;\n } else if(role === 'Instructor'){\n menuItems = SidebarMenuUtils.INSTRUCTOR;\n } else if(role === 'Student') {\n menuItems = SidebarMenuUtils.STUDENT;\n }\n }\n \n return menuItems.map((menuItem, index) => {\n return (\n \n \n
\n );\n}\n \nexport default MobileMenu;","import React from \"react\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport \"./confirmexitmodal.css\";\n\nconst ConfirmExitModal = props => {\n const { show, onHide, onCancel, onProceed } = props;\n\n return (\n \n You are about to exit this assessment. Want to save\n this for later?\n
\n\n setModalShow(false)}\n onCancel={() => exitSave()}\n onProceed={() => exitDontSave()}\n />\n
\n );\n};\n\nexport default BackButton;\n","import React from \"react\";\n\nconst CartIcon = props => {\n const { width, height } = props;\n\n return (\n onClickHandler()}\n style={{ cursor: \"pointer\" }}\n className=\"menu-buttons me-0\">\n
\n \n goToCart()}\n style={{ cursor: \"pointer\" }}\n className=\"menu-buttons me-0\">\n \n Cart\n
\n \n );\n}\n \nexport default CartButton;","import React from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\nimport AuthService from \"./../../../services/AuthService\";\nimport \"./buttons.css\";\n\nconst LogoutButton = props => {\n const history = useHistory();\n const { adjust } = props;\n\n const logout = async () => {\n await AuthService.logout();\n history.push(DeepLinking.LOGOUT_VIEW_PATH);\n };\n\n return (\n \n \n
\n );\n};\n\nexport default SettingsButton;\n","import React from \"react\";\nimport { useHistory, Link } from \"react-router-dom\";\nimport DeepLinking from \"../../../utils/DeepLinking\";\nimport ShopIcon from './../icons/ShopIcon';\nimport \"./buttons.css\";\n\nconst BookstoreButton = props => {\n \n const history = useHistory();\n const { items } = props;\n\n const goToBookstore = () => {\n history.push(DeepLinking.BOOKSTORE_VIEW_PATH)\n }\n\n return (\n \n goToBookstore()}\n style={{ cursor: \"pointer\" }}\n className=\"menu-buttons me-0 bookstore-button-disabled\">\n
\n \n );\n};\n\nexport default BookstoreButton;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n\n getAllFromRemote: async () => {\n const response = await new ApiService().get(ApiPath.GET_COURSES_ENDPOINT);\n if(response && response.status === 200) { \n const { courses } = response.data;\n return courses;\n } \n return [];\n },\n\n getAll: () => {\n return LocalStorageService.get(\"courses\") || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"courses\").find(course => course._id === id);\n },\n\n getFromRemote: async (id) => {\n try { \n let response = await new ApiService().get(ApiPath.GET_COURSE_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { course } = response.data;\n return course;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`CourseService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getByIds: ids => {\n const courses = LocalStorageService.get('courses');\n const _courses = ids.map(id => courses.find(course => course._id === id));\n if(!_courses || _courses.length === 0) {return []}\n const assignedCourses = _courses.filter(c => c !== null && c !== undefined);\n return assignedCourses;\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"courses\")[0];\n },\n\n getCoursesForUnit: unitId => {\n const courses = LocalStorageService.get('courses');\n const coursesAssigned = courses.filter((course) => {\n const units = course.units;\n if(units && units.length > 0){\n const unitFound = units.find((unit) => { return unit === unitId });\n if(unitFound) { return course; }\n }\n });\n return coursesAssigned || [];\n },\n\n clone: async (course) => {\n\n const clone = {...course};\n clone.title = course.title + \" COPY\";\n\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.createCourse()); }\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_COURSE_ENDPOINT, clone);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CourseService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n create: async (payload) => {\n \n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.createCourse()); }\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_COURSE_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CourseService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n \n update: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.updateCourse()); }\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_COURSE_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CourseService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n \n remove: async (id) => {\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_COURSE_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CourseService | Error while attempting to remove course. Response: ${error}`);\n return false;\n }\n }\n};\n","import React from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\nimport ClassService from \"./../../../services/ClassService\";\nimport ProfileService from \"./../../../services/ProfileService\";\nimport CourseService from \"./../../../services/CourseService\";\nimport LocalStorageService from \"./../../../services/LocalStorageService\";\nimport \"./buttons.css\";\n\nconst StudentModeButton = () => {\n\n const history = useHistory();\n\n const showAssignedClasses = async () => {\n const user = ProfileService.get();\n\n if(user.role === 'SuperAdmin') {\n history.push(DeepLinking.STUDENT.DASHBOARD_VIEW_PATH);\n return;\n }\n\n const classes = await ClassService.getAllFromRemote();\n if(classes && classes.length > 0){\n classes.forEach(c => { c._id = c.id });\n const courses = await CourseService.getAllFromRemote();\n if(courses && courses.length > 0){\n let units = [];\n courses.forEach(c => { units = units.concat(c.units); c._id = c.id });\n\n classes.forEach(c => {\n c.courses = c.courses.map(_c => _c.id);\n });\n\n LocalStorageService.store({classes: classes, courses: courses, units: units})\n history.push(DeepLinking.STUDENT.DASHBOARD_VIEW_PATH);\n }\n }\n }\n return (\n \n showAssignedClasses()}\n >\n
\n );\n};\n\nexport default StudentModeButton;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport DeepLinking from \"../../../utils/DeepLinking\";\nimport { useHistory } from \"react-router-dom\";\nimport LocalStorageService from \"./../../../services/LocalStorageService\";\nimport \"./buttons.css\";\n\nconst InstructorModeButton = () => {\n\n const history = useHistory();\n\n const handleClick = () => {\n const userAdmin = LocalStorageService.get('userAdmin');\n const sessionAdmin = LocalStorageService.get('sessionAdmin');\n const logAdmin = LocalStorageService.get('logAdmin');\n\n if (userAdmin && sessionAdmin) {\n LocalStorageService.store({ user: userAdmin, session: sessionAdmin,logs: logAdmin });\n localStorage.removeItem(\"userAdmin\");\n localStorage.removeItem(\"sessionAdmin\");\n localStorage.removeItem(\"library\");\n localStorage.removeItem(\"units\");\n }\n\n history.push(DeepLinking.MANAGEMENT.DASHBOARD_VIEW_PATH);\n };\n\n return (\n \n \n
\n );\n\n};\n\nexport default InstructorModeButton;\n","export default __webpack_public_path__ + \"static/media/bookstore_logo.840a4c97.png\";","import React from \"react\";\nimport MobileMenu from \"../hamburger/MobileMenu\";\nimport BackButton from \"./../buttons/BackButton\";\nimport CartButton from \"./../buttons/CartButton\";\nimport LogoutButton from \"../buttons/LogoutButton\";\nimport SettingsButton from \"../buttons/SettingsButton\";\nimport BookstoreButton from \"../buttons/BookstoreButton\";\nimport StudentModeButton from \"../buttons/StudentModeButton\";\nimport InstructorModeButton from \"../buttons/InstructorModeButton\";\nimport LimespringLogo from \"../../../images/logo.svg\";\nimport BookstoreLogo from \"../../../images/bookstore_logo.png\";\nimport Config from './../../../config/Config'\nimport \"./header.css\";\n\nconst Header = props => {\n const {\n showSettings = false,\n showStudentMode = false,\n showInstructorMode = false,\n showBookstore = false,\n showBack = false,\n showLogout = false,\n showCart = false,\n fromAdminInstructor = false,\n currentView = \"\",\n data = {}\n } = props;\n\n const renderStudentModeButton = () => {\n if (showStudentMode) {\n return \n {renderBackButton()}\n
\n\n \n {renderStudentModeButton()}\n {renderInstructorModeButton()}\n {renderBookstoreButton()}\n {renderSettingsButton()}\n {renderCartButton()}\n {renderLogoutButton()}\n
\n \n );\n};\n\nexport default Header;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n\n validate: async (token) => {\n if (Config.mockAPI) { \n await MockService.validateLti(); \n return true;\n }\n\n try { \n let response = await new ApiService().post(ApiPath.LTI_VALIDATE_ENDPOINT, {token: token});\n if (ResponseUtil.isOK(response)) {\n const { user, library, session } = response.data;\n LocalStorageService.store({ user: user, session: session });\n LocalStorageService.store(library); //destruct library!\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LtiService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n syncGradebook: async (classId, studentId) => {\n if (Config.mockAPI) { \n await MockService.validateLti(); \n return true;\n }\n\n try { \n let response = await new ApiService().post(ApiPath.LTI_GRADEBOOK_SYNC_ENDPOINT, {userId: studentId, classId: classId});\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LtiService | Error while attempting to get response: ${error}`);\n return false;\n }\n}\n}","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport { useHistory } from \"react-router-dom\";\nimport {Spinner} from 'react-bootstrap';\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport LtiService from \"./../../../../services/LtiService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./lti.css\";\nimport LocalStorageService from \"../../../../services/LocalStorageService\";\n\nconst LtiView = (props) => {\n\n const {token} = props;\n \n const history = useHistory();\n\n const [showFailedLaunch, setShowFailedLaunch] = useState(false);\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - LTI';\n const runValidation = async () => {\n LocalStorageService.flush();\n const success = await LtiService.validate(token);\n const user = ProfileService.get();\n if(success){ \n if (user.role === \"Instructor\" || user.role === \"Admin\") {\n history.push(DeepLinking.MANAGEMENT.DASHBOARD_VIEW_PATH);\n } else if (user.role === \"Student\") {\n history.push(DeepLinking.STUDENT.DASHBOARD_VIEW_PATH);\n }\n }else{\n setShowFailedLaunch(true);\n }\n }\n runValidation();\n }, []);\n\n return (\n \n
\n );\n};\n\nexport default LtiView;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport logo from \"./../../../../images/logo.svg\";\nimport \"./logoutview.css\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport LocalStorageService from \"./../../../../services/LocalStorageService\";\n\nconst LogoutView = () => {\n const [logoutMessage, setLogoutMessage] = useState(\"You've signed out.\");\n const [fareWell, setFareWell] = useState(\"We hope to see you soon!\");\n\n const history = useHistory();\n\n const automaticRedirect = () => {\n LocalStorageService.flush();\n setTimeout(() => {\n history.push(DeepLinking.LOGIN_VIEW_PATH);\n }, 1000);\n };\n\n return (\n \n \n
\n\n \n
\n\n Redirecting to your school account
\nplease wait...
\n\n \n
\n\n Unfortunately we were unable to log you in.
\nSuggestions:
\n1. Click on the LimeSpring link in your School Portal
\n2. Contact us for technical support
\n\n
\n );\n};\n\nexport default LogoutView;\n","export default class Signup {\n\n constructor(token, signature, email, password, phoneNumber, termsAccepted){\n this.token = token;\n this.signature = signature;\n this.email = email;\n this.password = password;\n this.phoneNumber = phoneNumber;\n this.termsAccepted = termsAccepted;\n }\n\n getToken() {\n return this.token;\n }\n\n setToken(token){\n this.token = token;\n }\n\n getSignature() {\n return this.signature;\n }\n\n setSignature(signature){\n this.signature = signature;\n }\n\n getEmail() {\n return this.email;\n }\n\n setEmail(email){\n this.email = email;\n }\n\n getPassword() {\n return this.password;\n }\n\n setPassword(password){\n this.password = password;\n }\n\n getPhoneNumber() {\n return this.phoneNumber;\n }\n\n setPhoneNumber(phoneNumber){\n this.phoneNumber = phoneNumber;\n }\n\n getTermsAccepted() {\n return this.termsAccepted;\n }\n\n setTermsAccepted(termsAccepted){\n this.termsAccepted = termsAccepted;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import ApiService from \"./ApiService\";\nimport ApiPath from \"./../utils/ApiPath\";\nimport Config from \"./../config/Config\";\nimport MockService from \"./MockService\";\n\nexport default {\n\n enroll: async (payload) => {\n if (Config.mockAPI) { return await MockService.enroll(); }\n let response = await new ApiService().post(ApiPath.SIGN_UP_USER_ENDPOINT, payload);\n return response || {};\n }\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Button, Form, Alert, Spinner } from \"react-bootstrap\";\nimport DeepLinking from \"./.././../../utils/DeepLinking\";\nimport { Link } from \"react-router-dom\";\nimport StringUtils from \"./../../../utils/StringUtils\";\nimport ResponseUtil from \"./../../../utils/ResponseUtil\";\nimport Signup from \"./../../../payloads/Signup\";\nimport LocalStorageService from \"./../../../services/LocalStorageService\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./registerform.css\";\nimport logo from \"./../../../images/logo_reverse.svg\";\n\n// SERVICES\nimport RegistrationService from \"./../../../services/RegistrationService\";\n\nconst RegisterForm = props => {\n const history = useHistory();\n const { query } = props;\n\n const [showInputAlert, setShowInputAlert] = useState(false);\n const [showFailedRegisterAlert, setShowFailedRegisterAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [emailInput, setEmailInput] = useState(\"\");\n const [passwordInput, setPasswordInput] = useState(\"\");\n const [phoneNumberInput, setPhoneNumberInput] = useState(\"\");\n const [termsAndConditionsInput, setTermsAndConditionsInput] = useState(\"\");\n const [disableForm, setDisableForm] = useState(\"\");\n const [issueInConfirmPass, setIssueInConfirmPass] = useState(false);\n const [confirmPasswordInput, setConfirmPasswordInput] = useState(\"\");\n\n const inputErrorMessage = \"All fields are required. Please review\";\n const failedRegistrationErrorMessage =\n \"There was a problem with your registration process. Please contact administration.\";\n\n useEffect(() => {\n if(query && query.email !== \"\"){\n setEmailInput(query.email);\n }\n }, [query]);\n\n const validateConfirmPass = e => {\n setIssueInConfirmPass(false);\n setConfirmPasswordInput(e.target.value);\n const currentValue = e.target.value;\n if (currentValue !== passwordInput) {\n setIssueInConfirmPass(true);\n }\n };\n\n const formIsValid = () => {\n const allRequiredInputs = [\n emailInput,\n passwordInput,\n confirmPasswordInput,\n termsAndConditionsInput\n ];\n const emptyInputs = allRequiredInputs.filter(input => {\n return StringUtils.isEmpty(input);\n });\n\n if (emptyInputs.length > 0) {\n setShowInputAlert(true);\n setDisableForm(\"\");\n return false;\n }\n\n return true;\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n setDisableForm(\"checked\");\n if (!formIsValid()) {\n return;\n }\n\n //send API request\n let payload = new Signup(\n query.token,\n query.signature,\n emailInput,\n passwordInput,\n phoneNumberInput,\n termsAndConditionsInput\n );\n let response = await RegistrationService.enroll(payload);\n\n if (ResponseUtil.isOK(response)) {\n const { user, library, session } = response.data;\n LocalStorageService.store({\n user: user,\n library: library,\n session: session\n });\n setShowSuccess(true);\n } else {\n setShowFailedRegisterAlert(true);\n setDisableForm(\"\");\n return;\n }\n };\n\n const forwardToLogin = () => {\n history.push(DeepLinking.LOGIN_VIEW_PATH);\n };\n\n return (\n \n
\n \n 
\n
\n \n {logoutMessage} {fareWell}\n
\n\n setShowInputAlert(false)}\n dismissible\n >\n {inputErrorMessage}\n \n setShowFailedRegisterAlert(false)}\n dismissible\n >\n {failedRegistrationErrorMessage}\n \n \n \n
\n\n \n
\n\n \n
\n\n \n \n
\n\n \n \n
\n \n );\n};\n\nexport default RegisterForm;\n","import React from \"react\";\nimport RegisterForm from \"../forms/RegisterForm\";\nimport Footer from \"./../footer/Footer\";\nimport \"./brochures.css\";\n\nconst SignUpBrochure = props => {\n const { query } = props;\n\n return (\n \n forwardToLogin()}\n >\n Continue to Login
\n \n
\n );\n};\n\nexport default SignUpBrochure;\n","import React from \"react\";\nimport SignUpBrochure from \"./../../../widgets/brochure/SignUpBrochure\";\nimport \"./registerview.css\";\n\nconst RegisterView = (props) => {\n\n const {query} = props;\n\n return (\n \n
\n\n \n \n \n
\n );\n}\n\nexport default RegisterView;\n","export default class Recovery {\n\n constructor(password, token, signature){\n this.password = password;\n this.token = token;\n this.signature = signature;\n }\n\n getPassword() {\n return this.password;\n }\n\n setPassword(password){\n this.password = password;\n }\n\n getToken() {\n return this.token;\n }\n\n setToken(token){\n this.token = token;\n }\n\n getSignature() {\n return this.signature;\n }\n\n setSignature(signature){\n this.signature = signature;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState, useContext } from \"react\";\nimport { Alert, Form, Button, Spinner } from \"react-bootstrap\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\nimport { useHistory } from \"react-router-dom\";\nimport StringUtils from \"./../../../utils/StringUtils\";\nimport ResponseUtil from \"./../../../utils/ResponseUtil\";\nimport AuthService from \"./../../../services/AuthService\";\nimport Recovery from \"./../../../payloads/Recovery\";\nimport LocalStorageService from \"./../../../services/LocalStorageService\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport logo from \"./../../../images/logo_reverse.svg\";\n\nimport \"./recoveryform.css\";\n\nconst RecoveryForm = props => {\n const { query } = props;\n const history = useHistory();\n\n const [showWrongInputAlert, setShowWrongInputAlert] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [passwordInput, setPasswordInput] = useState(\"\");\n const [confirmPasswordInput, setConfirmPasswordInput] = useState(\"\");\n const [lockFields, setLockFields] = useState(\"\");\n const [issueInConfirmPass, setIssueInConfirmPass] = useState(false);\n\n const wrongInputErrorMessage = \"All fields are required. Please review\";\n const failedErrorMessage =\n \"It seems there was an error on our side. Please try again.\";\n\n const forwardToLogin = () => {\n clearWarnings();\n history.push(DeepLinking.LOGIN_VIEW_PATH);\n };\n\n const checkConfirmation = e => {\n setIssueInConfirmPass(false);\n setConfirmPasswordInput(e.target.value);\n const currentValue = e.target.value;\n if (currentValue !== passwordInput) {\n setIssueInConfirmPass(true);\n }\n };\n\n const clearWarnings = () => {\n setShowWrongInputAlert(false);\n setShowSuccess(false);\n setShowFailedAlert(false);\n };\n\n const validateForm = () => {\n return (\n !StringUtils.isEmpty(passwordInput) &&\n !StringUtils.isEmpty(confirmPasswordInput) &&\n passwordInput === confirmPasswordInput\n );\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n clearWarnings();\n if (validateForm()) {\n setLockFields(\"disabled\");\n let payload = new Recovery(passwordInput, query.token, query.signature);\n let response = await AuthService.recover(payload);\n if (ResponseUtil.isOK(response)) {\n const { user, library, session } = response.data;\n LocalStorageService.store({\n user: user,\n library: library,\n session: session\n });\n setShowSuccess(true);\n }\n } else {\n setShowWrongInputAlert(true);\n return;\n }\n };\n\n return (\n \n setShowWrongInputAlert(false)}\n dismissible\n >\n {wrongInputErrorMessage}\n \n setShowFailedAlert(false)}\n dismissible\n >\n {failedErrorMessage}\n \n \n \n
\n handleSubmit(e)}\n >\n {lockFields ?
\n\n \n
\n\n \n \n
\n Please enter your new password
\n \n\n
\n \n );\n};\n\nexport default RecoveryForm;\n","import React from \"react\";\nimport Footer from \"./../footer/Footer\";\nimport RecoveryForm from \"./../forms/RecoveryForm\";\nimport \"./brochures.css\";\n\nconst RecoveryBrochure = props => {\n const { query } = props;\n\n return (\n \n forwardToLogin()}\n >\n Continue to Login
\n \n
\n );\n};\n\nexport default RecoveryBrochure;\n","import React from 'react';\nimport RecoveryBrochure from './../../../widgets/brochure/RecoveryBrochure';\nimport './recoveryview.css';\n\nconst RecoveryView = (props) => {\n\n const {query} = props;\n\n return ( \n \n
\n\n \n \n \n
\n );\n}\n \nexport default RecoveryView;","import React, { useState } from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport ShopIcon from './../icons/ShopIcon';\nimport StringUtils from \"./../../../utils/StringUtils\";\nimport \"./sidebarmenu.css\";\n\nconst SidebarMenuOption = props => {\n const { label, path, active = false, handler } = props;\n\n const activateOption = e => {\n handler(label);\n };\n\n const getIcon = () => {\n switch (label) {\n case \"dashboard\":\n return ${t.content}
`);\n }else if(t.type === 'SECTION'){\n content.push(`${t.content}
`);\n } else if(t.type === 'BULLET_LIST'){\n content.push(`- ${t.content}
`);\n } else if(t.type === 'CALLOUT'){\n content.push(`
${t.content}
`);\n } else if(t.type === 'PROMPT_ASSET'){\n content.push(`${t.content}
`);\n }\n });\n\n return content;\n },\n\n getDecoratedTranscriptTracksClient: tracks => {\n if(!tracks || tracks.length === 0){ return []; }\n let content =[];\n tracks.forEach(t => {\n if(t.type === 'PLAIN'){ \n content.push(`${t.content}`);\n }else if(t.type === 'PARAGRAPH'){\n content.push(`${t.content}
`);\n }else if(t.type === 'SECTION'){\n content.push(`${t.content}
`);\n } else if(t.type === 'BULLET_LIST'){\n content.push(`- ${t.content}
`);\n } else if(t.type === 'CALLOUT'){\n content.push(`
${t.content}
`);\n } else if(t.type === 'PROMPT_ASSET'){\n content.push(`${t.content}
`);\n }\n });\n\n return content;\n }\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport SidebarMenuOption from \"./SidebarMenuOption\";\nimport ProfileService from \"./../../../services/ProfileService\";\nimport LocalStorageService from \"./../../../services/LocalStorageService\";\nimport RoleUtils from \"./../../../utils/RoleUtils\";\nimport SidebarMenuUtils from \"./../../../utils/SidebarMenuUtils\";\nimport LimespringUtils from \"./../../../utils/LimespringUtils\";\nimport DeepLinking from \"../../../utils/DeepLinking\";\n\nimport \"./sidebarmenu.css\";\n\nconst SidebarMenu = props => {\n\n const { redirect, panel, showInstructorMode=false, showStudentFromAdminInstructor = false } = props;\n\n const history = useHistory();\n\n const [version, setVersion] = useState(\"2.1.1\");\n const [currentTarget, setCurrentTarget] = useState(panel);\n const location = useLocation();\n\n useEffect(() => {\n if (history.location.state && history.location.state.currentTarget) {\n setCurrentTarget(history.location.state.currentTarget);\n }\n }, [location]);\n\n const activateMenuOption = target => {\n setCurrentTarget(target);\n history.push({\n pathname: history.location.pathname,\n state: { currentTarget: target }\n });\n redirect(target);\n };\n\n const renderUserInfo = () => {\n const profile = ProfileService.get();\n return \n \n {LimespringUtils.getUserFullName(profile)}\n {RoleUtils.getRole(profile)}@{LimespringUtils.getUserSchoolsName(profile)}\n
\n }\n\n const redirectToDashboard = () => {\n history.push({\n pathname: DeepLinking.MANAGEMENT.DASHBOARD_VIEW_PATH\n });\n }\n\n const handleInstructorViewClick = () => {\n const userAdmin = LocalStorageService.get('userAdmin');\n const sessionAdmin = LocalStorageService.get('sessionAdmin');\n const logAdmin = LocalStorageService.get('logAdmin');\n if (userAdmin && sessionAdmin) {\n LocalStorageService.store({ user: userAdmin, session: sessionAdmin, logs: logAdmin });\n localStorage.removeItem(\"userAdmin\");\n localStorage.removeItem(\"sessionAdmin\");\n localStorage.removeItem(\"library\");\n localStorage.removeItem(\"units\");\n }\n\n history.push(DeepLinking.MANAGEMENT.DASHBOARD_VIEW_PATH);\n };\n\n const renderMenuItems = () => {\n if(showInstructorMode && !showStudentFromAdminInstructor) {\n return \n {renderUserInfo()}\n {renderMenuItems()}\n
\n );\n};\n\nexport default SidebarMenu;\n","import React from \"react\";\nimport {useHistory} from 'react-router-dom';\nimport {Breadcrumb} from 'react-bootstrap';\nimport \"./breadcrumb.css\";\n\nconst LSBreadcrumb = props => {\n\n const { paths } = props;\n\n const history = useHistory();\n\n const goto = (href) => {\n if(href === '#') return;\n history.push(href);\n }\n\n const renderItems = () => {\n if(!paths || paths.length === 0) { return <>}\n return paths.map((path, index) => {\n return \n Version {version}\n
\n \n \n {renderItems()}\n \n
\n );\n};\n\nexport default LSBreadcrumb;\n","export default {\n\n getKeysAsArray: (obj) => {\n return Object.keys(obj);\n },\n\n isEmpty: (obj) => {\n return obj && Object.keys(obj).length === 0 && obj.constructor === Object\n }\n}","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport ObjectUtil from './../utils/ObjectUtils';\n\nexport default {\n\n refresh: async() => {\n try {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.refreshCache()); } \n\n let response = await new ApiService().get(ApiPath.REFRESH_CACHE);\n if (ResponseUtil.isOK(response)) {\n const { library } = response.data;\n \n LocalStorageService.store(library);\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CacheService refresh() | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n sync: async() => {\n try {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.syncCache()); } \n\n let response = await new ApiService().get(ApiPath.SYNC_CACHE);\n if (ResponseUtil.isOK(response)) {\n const { library } = response.data;\n \n LocalStorageService.store(library);\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CacheService sync() | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n syncLogin: async () => {\n\n try {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.reloadCache()); } \n\n let response = await new ApiService().get(ApiPath.LOGIN_CACHE);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CacheService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n reloadData: async (target, parentId) => {\n\n try {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.reloadCache()); } \n\n let response = await new ApiService().get(ApiPath.RELOAD_CACHE.replace(':target', target).replace(':id', parentId));\n if (ResponseUtil.isOK(response)) {\n const targetData = response.data.data;\n const props = ObjectUtil.getKeysAsArray(targetData);\n props.forEach(p => {\n const data = {};\n data[p] = targetData[p];\n LocalStorageService.store(data);\n });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CacheService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n reload: async (target) => {\n \n let path = \"\";\n \n switch(target) {\n case 'schools':\n path = ApiPath.GET_SCHOOLS_ENDPOINT;\n break;\n \n case 'instructors':\n path = ApiPath.GET_INSTRUCTORS_ENDPOINT;\n break;\n\n case 'students':\n path = ApiPath.GET_STUDENTS_ENDPOINT;\n break;\n\n case 'classes':\n path = ApiPath.GET_CLASSES_ENDPOINT;\n break;\n }\n\n try {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.reloadCache()); } \n\n let response = await new ApiService().get(path);\n if (ResponseUtil.isOK(response)) {\n const { targetData } = response.data;\n LocalStorageService.store({ target: targetData });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`CacheService | Error while attempting to get response: ${error}`);\n return false;\n }\n }\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport CacheService from \"./CacheService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\n\nexport default {\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_STUDENTS_ENDPOINT);\n if(response && response.status === 200) { \n const { students } = response.data;\n return students;\n } \n return [];\n },\n\n getAll: () => {\n return LocalStorageService.get(\"students\") || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"students\").find(\n student => student._id === id\n );\n },\n\n getSomeFromRemote: async (ids) => {\n try { \n let response = await new ApiService().get(ApiPath.GET_STUDENTS_BY_IDS_ENDPOINT.replace(':ids', ids));\n if (ResponseUtil.isOK(response)) {\n const { students } = response.data;\n return students;\n }\n } catch (error) {\n console.error(`StudentService | Error while attempting to get response: ${error}`);\n }\n return [];\n },\n\n getFromRemote: async(id) => {\n try { \n let response = await new ApiService().get(ApiPath.GET_STUDENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { student } = response.data;\n return student;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`StudentService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getByIds: ids => {\n const students = LocalStorageService.get(\"students\");\n const assignedStudents = students.filter(student =>\n ids.find(id => id === student._id)\n );\n return assignedStudents;\n },\n\n getSchoolStudents: schoolId => {\n const allStudents = LocalStorageService.get(\"students\");\n const schoolStudents = allStudents.filter(student => {\n return student.schools.includes(schoolId);\n });\n\n return schoolStudents || [];\n },\n\n create: async payload => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.createStudent());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.CREATE_STUDENT_ENDPOINT,\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n regenerateCredentials: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updatePassword());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_PASSWORD_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n sendInviteToStudent: async (id) => {\n if (Config.mockAPI) {\n return true;\n }\n try {\n let response = await new ApiService().post(\n ApiPath.INVITE_STUDENT_ENDPOINT.replace(\":id\", id)\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n update: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updateStudent());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_STUDENT_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n updateByStudentSettings: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updateStudent());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_STUDENT_SETTINGS_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n batch: async (payload) => {\n try { \n let response = await new ApiService().post(ApiPath.BATCH_STUDENTS_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return {\n students: response.data.students,\n status: true\n }\n } else {\n return {\n students: response.data.students,\n status: true\n }\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return {\n students: null,\n status: true\n }\n }\n },\n\n remove: async id => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.removeStudent());\n }\n try {\n let response = await new ApiService().delete(\n ApiPath.REMOVE_STUDENT_ENDPOINT.replace(\":id\", id)\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `StudentService | Error while attempting to remove student. response: ${error}`\n );\n return false;\n }\n }\n};\n","export default __webpack_public_path__ + \"static/media/check.f492f50f.svg\";","import React, { useState, useEffect } from \"react\";\nimport Form from \"react-bootstrap/Form\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport AuthService from \"../../../services/AuthService\";\nimport Alert from \"react-bootstrap/Alert\";\nimport checkIcon from \"./../../../images/check.svg\";\n\nimport \"./passwordchangemodal.css\";\n\nconst PasswordChangeModal = props => {\n\n const { show, onHide, profile } = props;\n\n const [step, setStep] = useState(0);\n const [currentPassword, setCurrentPassword] = useState(\"\");\n const [passwordInput, setPasswordInput] = useState(\"\");\n const [viewPassword, setViewPassword] = useState(false);\n const [issueInConfirmPass, setIssueInConfirmPass] = useState(false);\n const [confirmPasswordInput, setConfirmPasswordInput] = useState(\"\");\n const [disabled, setDisabled] = useState(true);\n const [showInputAlert, setShowInputAlert] = useState(false);\n const [showErrorAlert, setShowErrorAlert] = useState(false);\n\n const inputErrorMessage = \"All fields are required. Please review\";\n const apiErrorMessage = \"Unable to save new password. Please try again.\";\n\n useEffect(() => {\n if(step === 1) {\n setTimeout(() => {\n onHide();\n }, 1000);\n }\n }, [step]);\n\n useEffect(() => {\n reset();\n }, [show]);\n\n const reset = () => {\n setStep(0);\n setCurrentPassword('');\n setPasswordInput('');\n setViewPassword(false);\n setIssueInConfirmPass(false);\n setConfirmPasswordInput('');\n setDisabled(true);\n setShowInputAlert(false);\n setShowErrorAlert(false);\n }\n\n const showPassword = () => {\n if (viewPassword === false) {\n setViewPassword(true);\n } else if (viewPassword === true) {\n setViewPassword(false);\n }\n };\n\n const validateConfirmPass = e => {\n setIssueInConfirmPass(false);\n setConfirmPasswordInput(e.target.value);\n const currentValue = e.target.value;\n if (currentValue !== passwordInput) {\n setIssueInConfirmPass(true);\n setDisabled(true);\n } else {\n setDisabled(false);\n }\n };\n\n const savePassword = async () => {\n if (\n passwordInput !== confirmPasswordInput ||\n !passwordInput || passwordInput === \"\"\n ) {\n setShowInputAlert(true);\n } else {\n setShowInputAlert(false);\n const response = await AuthService.resetPassword({\n email: profile.email,\n currentPassword: currentPassword,\n password: confirmPasswordInput\n });\n\n if(response){\n setStep(1);\n }else{\n setShowErrorAlert(true);\n }\n }\n };\n\n return (\n \n \n
\n\n \n 
\n
\n \n savePassword()}\n id=\"saveChanges\">\n Save changes\n \n
\n \n {showAlert && (\n \n {message.text}\n \n )}\n\n {/* ✅ Avatar Restored */}\n \n
\n\n \n\n \n {profile.email}
\n {profile.schools ? profile.schools[0] : \"\"}\n
\n
\n );\n};\n\nexport default SettingsView;\n","import React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport { useHistory } from \"react-router-dom\";\nimport logo from \"./../../../../images/logo.svg\";\nimport \"./notfoundview.css\";\n\nconst NotFoundView = () => {\n const history = useHistory();\n\n const onClickHandler = e => {\n history.goBack();\n };\n\n return (\n \n
\n \n loadPage(target)}/>\n
\n \n {isStudent &&
\n My Account
\n\n
\n );\n};\n\nexport default NotFoundView;\n","export default class ForgotPass {\n\n constructor(email){\n this.email = email;\n }\n\n getEmail() {\n return this.email;\n }\n\n setEmail(email){\n this.email = email;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState } from \"react\";\nimport { Button, Form, Alert, Spinner } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"./.././../../utils/DeepLinking\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport { Link } from \"react-router-dom\";\nimport logo from \"./../../../images/logo_reverse.svg\";\nimport StringUtils from \"../../../utils/StringUtils\";\nimport AuthService from \"./../../../services/AuthService\";\nimport \"./forgotform.css\";\nimport ForgotPass from \"../../../payloads/ForgotPass\";\nimport ResponseUtil from \"./../../../utils/ResponseUtil\";\n\nconst RegisterForm = () => {\n const history = useHistory();\n\n const [showWrongInputAlert, setShowWrongInputAlert] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [emailInput, setEmailInput] = useState(\"\");\n const [lockFields, setLockFields] = useState(\"\");\n\n const wrongInputErrorMessage = \"Email is required. Please review\";\n const failedErrorMessage =\n \"It seems there was an error on our side. Please try again.\";\n\n const backToLogin = () => {\n clearWarnings();\n history.push(DeepLinking.LOGIN_VIEW_PATH);\n };\n\n const validateForm = () => {\n return !StringUtils.isEmpty(emailInput);\n };\n\n const clearWarnings = () => {\n setShowWrongInputAlert(false);\n setShowSuccess(false);\n setShowFailedAlert(false);\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n setLockFields(\"disabled\");\n clearWarnings();\n if (validateForm()) {\n const payload = new ForgotPass(emailInput);\n const response = await AuthService.forgot(payload);\n setLockFields(\"\");\n if (ResponseUtil.isOK(response)) {\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setShowWrongInputAlert(true);\n setLockFields(\"\");\n return false;\n }\n };\n\n return (\n \n
\n \n \n
\n \n We’re sorry, looks like the page you’re looking for is not\n available right now. We’ll try to fix this asap!\n
\n\n \n
\n \n setShowWrongInputAlert(false)}\n dismissible\n >\n {wrongInputErrorMessage}\n \n setShowFailedAlert(false)}\n dismissible\n >\n {failedErrorMessage}\n \n \n \n
\n
\n \n
\n\n \n \n
\n \n Enter the email address you used when you joined and we’ll send\n you instructions to reset your password.\n
\n \n\n
\n \n );\n};\n\nexport default RegisterForm;\n","import React from \"react\";\nimport ForgotForm from \"../forms/ForgotForm\";\nimport Footer from \"./../footer/Footer\";\nimport \"./brochures.css\";\n\nconst ForgotBrochure = () => {\n return (\n \n backToLogin()}\n >\n
\n \n
\n );\n};\n\nexport default ForgotBrochure;\n","import React from \"react\";\nimport ForgotBrochure from \"../../../widgets/brochure/ForgotBrochure\";\nimport \"./forgotview.css\";\n\nconst ForgotView = () => {\n\n return (\n \n
\n\n \n \n
);\n};\n\nexport default ForgotView;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport \"./planview.css\";\n\nconst PlanWidget = props => {\n const { id, type, track, features, price, current = false } = props;\n\n const history = useHistory();\n\n const populateFeatures = () => {\n return features.map((feature, index) => {\n return {feature.textToDisplay};\n });\n };\n const planUpgradeHandler = () => {\n history.push({\n pathname: DeepLinking.PLAN_PAYMENT_VIEW_PATH,\n state: {\n plan: id\n }\n });\n };\n return (\n \n
\n {type}
\n\n
\n \n {price === \"0\" ? \"FREE\" : \"$\" + price}\n
\n {track}\n {populateFeatures()}\n\n planUpgradeHandler()}\n >\n {current ? \"Current plan\" : \"Choose plan\"}\n \n
\n \n );\n};\n\nexport default PlanWidget;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\n\nexport default {\n get: async id => {\n const plans = (await MockService.getSubscriptionPlans()).data\n .subscriptionPlansData.plans;\n return plans.find(plan => plan._id === id);\n },\n getAll: async () => {\n try {\n if (Config.mockAPI) {\n return (await MockService.getSubscriptionPlans()).data\n .subscriptionPlansData.plans;\n }\n\n //TODO get from server\n return (await MockService.getSubscriptionPlans()).data\n .subscriptionPlansData.plans;\n\n let response = await new ApiService().get(\n ApiPath.GET_SUBSCRIPTION_PLANS_ENDPOINT\n );\n if (ResponseUtil.isOK(response)) {\n const { plans } = response.data;\n return { plans: plans };\n } else {\n return { plans: [] };\n }\n } catch (error) {\n console.error(\n `SubscriptionService getAll() | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n create: async payload => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.createSubscriptionPlan());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.CREATE_SUBSCRIPTION_PLAN_ENDPOINT,\n payload\n );\n\n if (ResponseUtil.isOK(response)) {\n const { plans } = response.data;\n LocalStorageService.store({ plans: plans });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `SubscriptionService create | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n update: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updateSubscriptionPlan());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_SUBSCRIPTION_PLAN_ENDPOINT.replace(\":id\", id),\n payload\n );\n\n if (ResponseUtil.isOK(response)) {\n const { plans } = response.data;\n LocalStorageService.store({ plans: plans });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `SubscriptionService update | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n remove: async id => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.removeSubscriptionPlan());\n }\n try {\n let response = await new ApiService().delete(\n ApiPath.REMOVE_SUBSCRIPTION_PLAN_ENDPOINT.replace(\":id\", id)\n );\n\n if (ResponseUtil.isOK(response)) {\n const { plans } = response.data;\n LocalStorageService.store({ plans: plans });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `SubscriptionService remove | Error while attempting to remove subscription. response: ${error}`\n );\n return false;\n }\n }\n};\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport PlanWidget from \"./PlanWidget\";\nimport SubscriptionService from \"../../../../services/SubscriptionService\";\nimport \"./planview.css\";\n\nconst PlanView = () => {\n const [plans, setPlans] = useState([]);\n\n useEffect(() => {\n const getPlans = async () => {\n setPlans(await SubscriptionService.getAll());\n };\n getPlans();\n }, []);\n const renderPlans = () => {\n return plans.map(plan => {\n return (\n \n
\n );\n};\n\nexport default PlanView;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport Button from \"react-bootstrap/Button\";\nimport SubscriptionService from \"../../../../services/SubscriptionService\";\nimport ProfileService from \"../../../../services/ProfileService\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\n\nconst PlanConfirmationView = props => {\n const { planId } = props;\n const history = useHistory();\n\n const [profile, setProfile] = useState(null);\n const [plan, setPlan] = useState(null);\n\n useEffect(() => {\n const getPlan = async () => {\n setPlan(await SubscriptionService.get(planId));\n setProfile(ProfileService.get());\n };\n getPlan();\n }, []);\n\n const paymentCompleteHandler = () => {\n history.push({\n pathname: DeepLinking.MANAGEMENT.DASHBOARD_VIEW_PATH\n });\n };\n\n const renderPaymentConfirmation = () => {\n return (\n \n
\n Unlock your fullest teaching potential by upgrading your plan
\n\n {plans && plans.length > 0 ? renderPlans() : \"\"}\n
\n \n \n paymentCompleteHandler()}\n >\n Go to dashboard\n \n
\n );\n };\n\n return (\n Congrats on upgrading your account!
\n\n You now have the {plan.name}{\" \"}\n plan\n
\nThanks
\n\n We’ve sent you a confirmation email to{\" \"}\n {profile ? profile.email : \"\"} with your invoice.\n
\n\n
\n );\n};\n\nexport default PlanConfirmationView;\n","import React, { useState, useEffect } from \"react\";\nimport \"./paymentview.css\";\n\nconst PaymentWidget = props => {\n const { type, name, track, features, price } = props;\n const populateFeatures = () => {\n return features.map((feature, index) => {\n return {feature.textToDisplay};\n });\n };\n return (\n \n \n Select plan \n Check out \n \n Confirmation\n \n \n
\n \n {plan ? renderPaymentConfirmation() : \"\"}\n
\n \n
\n );\n};\n\nexport default PaymentWidget;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./paymentview.css\";\n\nconst PaymentMethodsWidget = props => {\n const { type, track, features, price, current = false } = props;\n\n return (\n \n
\n Chosen plan
\n\n
\n \n
\n {name}
\n${price}
\n {track}\n{populateFeatures()}
\n \n Total\n ${price}\n
\n \n
\n );\n};\n\nexport default PaymentMethodsWidget;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport { Button } from \"react-bootstrap\";\nimport PaymentWidget from \"../payment/PaymentWidget\";\nimport PaymentMethodsWidget from \"../payment/PaymentMethodsWidget\";\nimport SubscriptionService from \"./../../../../services/SubscriptionService\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport \"./paymentview.css\";\n\nconst PaymentView = props => {\n const { planId } = props;\n\n const history = useHistory();\n\n const [plan, setPlan] = useState(null);\n\n useEffect(() => {\n const getPlan = async () => {\n setPlan(await SubscriptionService.get(planId));\n };\n getPlan();\n }, []);\n\n const getPlanType = category => {\n switch (category) {\n case \"FREE_SUBSCRIPTION\":\n return \"basic\";\n case \"STANDARD_SUBSCRIPTION\":\n return \"standard\";\n case \"PREMIUM_SUBSCRIPTION\":\n return \"premium\";\n }\n };\n const paidConfirmationPlan = () => {\n history.push({\n pathname: DeepLinking.PLAN_CONFIRMATION_VIEW_PATH,\n state: {\n plan: plan._id\n }\n });\n };\n return (\n \n Accepted payment methods\n
\n\n \n
\n \n
\n );\n};\n\nexport default PaymentView;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\n\nexport default {\n get: async () => {\n return await MockService.getBookstore();\n },\n\n getById: async id => {\n const bookstore = await MockService.getBookstore();\n\n return bookstore.courses.find(b => b._id === id);\n }\n};\n","export default {\n toFixed2NoRound: (n) => {\n var result = n.toFixed(2);\n return Number(result <= n ? result : (result - Math.pow(0.1,2)).toFixed(2));\n },\n\n roundToDecimalPlaces: (value, places) => {\n const multiplier = Math.pow(10, places);\n return (Math.round(value * multiplier) / multiplier);\n },\n\n isNumber: (value) => {\n if(!value) return false;\n return typeof(value) == 'number' && Number.isFinite(value);\n },\n};\n ","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport NumberUtils from \"../utils/NumberUtils\";\n\nexport default {\n\n get: () => {\n return LocalStorageService.get('cart') || {};\n },\n\n create: async () => {\n if(Config.mockAPI){\n const cart = await MockService.createCart();\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n }\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_CART_ENDPOINT, {});\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n\n },\n\n addItem: async (item) => {\n if(Config.mockAPI){\n await MockService.addItemToCart();\n let cart = LocalStorageService.get('cart');\n if(!cart) { return null; }\n cart.items.push(item);\n const itemprices = cart.items.map(ci => parseInt(ci.price));\n cart.subtotal = itemprices.reduce((a, b) => a + b, 0);\n cart.total = cart.subtotal + cart.taxes - cart.discount;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n }\n\n try {\n let cart = LocalStorageService.get('cart'); \n if(!cart) { throw new Error('Cart not found. Please create a cart.') }\n cart.items.push(item);\n let response = await new ApiService().post(ApiPath.UPDATE_CART_ENDPOINT, cart);\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n removeItem: async (id) => {\n if(Config.mockAPI){\n await MockService.removeItemFromCart();\n let cart = LocalStorageService.get('cart');\n cart.items = cart.items.filter(ci => ci._id !== id);\n const itemprices = cart.items.map(ci => parseInt(ci.price));\n cart.subtotal = itemprices.reduce((a, b) => a + b, 0);\n cart.total = cart.subtotal + cart.taxes - cart.discount;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n }\n\n try {\n let cart = LocalStorageService.get('cart'); \n if(!cart || !cart.items || cart.items.length === 0) { throw new Error('Cart items not found. Please add to cart.') }\n cart.items = cart.items.filter(ci => ci._id !== id);\n let response = await new ApiService().post(ApiPath.UPDATE_CART_ENDPOINT, cart);\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n applyPromo: async (promocode) => {\n if(Config.mockAPI){\n await MockService.applyPromoCodeToCart();\n let cart = LocalStorageService.get('cart');\n const discount = {_id: \"2\", title: \"BLACK FRIDAY 20% OFF\", code: promocode, scope: 'PERCENT', amount: 20 };\n cart.discounts.push(discount);\n cart.discount = discount.scope === 'PERCENT' ? NumberUtils.toFixed2NoRound(cart.subtotal * (discount.amount/100)) : discount.amount;\n cart.total = cart.subtotal + cart.taxes - cart.discount;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n }\n\n try {\n let cart = LocalStorageService.get('cart'); \n if(!cart || !cart.items || cart.items.length === 0) { throw new Error('Cart items not found. Please add to cart.') }\n let response = await new ApiService().post(ApiPath.APPLY_PROMOCODE_CART_ENDPOINT.replace('code', promocode), cart);\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n checkout: async () => {\n if(Config.mockAPI){\n await MockService.applyPromoCodeToCart();\n let cart = LocalStorageService.get('cart');\n cart.status = \"CHECKOUT\";\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n }\n\n try {\n let cart = LocalStorageService.get('cart'); \n if(!cart || !cart.items || cart.items.length === 0) { throw new Error('Cart items not found. Please add to cart.') }\n let response = await new ApiService().post(ApiPath.CHECKOUT_CART_ENDPOINT, cart);\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n processPayment: async (paymentInfo) => {\n if(Config.mockAPI){\n await MockService.submitPayment(paymentInfo);\n let cart = LocalStorageService.get('cart');\n if(cart.status !== \"CHECKOUT\") { return false; }\n LocalStorageService.store({ cart: cart });\n return true;\n }\n\n try {\n let cart = LocalStorageService.get('cart'); \n if(!cart || cart.status !== \"CHECKOUT\" || !cart.items || cart.items.length === 0) { throw new Error('Cart items not found. Please add to cart.') }\n let response = await new ApiService().post(ApiPath.SUBMIT_PAYMENT_ENDPOINT, paymentInfo);\n if (ResponseUtil.isOK(response)) {\n const { cart } = response.data;\n LocalStorageService.store({ cart: cart });\n return LocalStorageService.get('cart');\n } else {\n return null;\n }\n } catch (error) {\n console.error(`CartService | Error while attempting to get response: ${error}`);\n return null;\n }\n } \n}","export default \"data:image/png;base64,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\"","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Card, Button } from \"react-bootstrap\";\nimport Rater from \"react-rater\";\nimport VideoTimeUtils from \"./../../../utils/VideoTimeUtils\";\nimport ThumbnailBackupImage from \"./../../../images/default_video_thumbnail.png\";\nimport CartService from \"./../../../services/CartService\";\nimport DeepLinking from \"../../../utils/DeepLinking\";\n\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./tile.css\";\n\nconst BookstoreTile = props => {\n const { course, addCourseToCart } = props;\n\n const history = useHistory();\n\n const viewDetails = () => {\n history.push(DeepLinking.BOOKSTORE_DETAILS_VIEW_PATH + \"?id=\" + course._id);\n };\n\n const addToCart = async(id)=>{\n const item = {\"_id\": id, \"quantity\": 1, \"price\": course.price, \"type\": \"UNIT\" };\n const cart = await CartService.addItem(item);\n }\n\n return (\n \n \n Select plan \n \n Check out\n \n Confirmation \n \n
\n \n {plan ? (\n
\n \n
\n \n
\n \n \n
\n \n
\n \n viewDetails()}>\n \n \n
\n \n addToCart(course._id)}\n >\n + Add to cart\n \n
\n \n {populateBookstoreTile(course)}\n
\n );\n });\n };\n\n return (\n {category}
\n\n {populateBookstoreTiles()}\n
\n \n );\n};\n\nexport default BookstoreLibraryRow;\n","import React from \"react\";\nimport { Button, Form, FormControl, InputGroup } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport BookstoreLibraryRow from \"./BookstoreLibraryRow\";\nimport \"./bookstore.css\";\n\nconst BookstoreLibrary = props => {\n \n const { bookstoreLibrary } = props;\n\n const populateRows = () => {\n const allCourses = bookstoreLibrary.courses;\n\n const categories = bookstoreLibrary.settings.categories;\n\n const matrix = categories.map(category => {\n return allCourses.filter(course => {\n return course.category === category;\n });\n });\n\n if (matrix.length === 0) {\n return \"\";\n }\n\n return matrix.map((m, index) => {\n return (\n \n
\n );\n};\n\nexport default BookstoreLibrary;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport BookstoreService from \"./../../../../services/BookstoreService\";\nimport CartService from \"./../../../../services/CartService\";\nimport BookstoreLibrary from \"./BookstoreLibrary\";\nimport \"./bookstore.css\";\n\nconst BookstoreView = () => {\n const [bookstoreLibrary, setBookstoreLibrary] = useState(null);\n const [cart, setCart] = useState(null);\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - Bookstore';\n const getBookstore = async () => {\n setBookstoreLibrary(await BookstoreService.get());\n if(!cart){\n await CartService.create();\n setCart(CartService.get());\n }\n };\n getBookstore();\n }, []);\n\n return (\n \n \n paymentCompleteHandler()}\n >\n Go\n \n
\n\n \n paymentCompleteHandler()}\n >\n Lean more\n \n
\n \n {populateRows()}\n \n Study smarter, not harder! Get unlimited access\n with our monthly subscription.\n
\n\n
\n );\n};\n\nexport default BookstoreView;\n","import React from \"react\";\nimport Button from \"react-bootstrap/Button\";\nimport \"./bookstore.css\";\n\nconst BookstoreConfirmationWidget = () => {\n return (\n \n \n paymentCompleteHandler()}\n >\n Go to dashboard\n \n \n Or keep browsing\n \n
\n );\n};\n\nexport default BookstoreConfirmationWidget;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport BookstoreConfirmationWidget from \"./BookstoreConfirmationWidget\";\nimport PaymentMethodsWidget from \"../payment/PaymentMethodsWidget\";\nimport SubscriptionService from \"../../../../services/SubscriptionService\";\nimport Header from \"../../../widgets/header/Header\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport \"./bookstore.css\";\n\nconst BookstoreConfirmationView = props => {\n const { planId } = props;\n\n const history = useHistory();\n\n const [plan, setPlan] = useState(null);\n\n useEffect(() => {\n const getPlan = async () => {\n setPlan(await SubscriptionService.get(planId));\n };\n getPlan();\n }, []);\n\n const paidConfirmationPlan = () => {\n history.push({\n pathname: DeepLinking.BOOKSTORE_CONFIRMATION_VIEW_PATH\n });\n };\n return (\n Thanks you for your purchase
\n\n Your new material has been added to your dashboard, happy learning!\n
\n\n
\n );\n};\n\nexport default BookstoreConfirmationView;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n\n getAllFromRemote: async () => {\n const response = await new ApiService().get(ApiPath.GET_UNITS_ENDPOINT);\n if(response && response.status === 200) { \n const { units } = response.data;\n return units;\n } \n return [];\n },\n\n getFromRemote: async (unitId) => {\n const response = await new ApiService().get(ApiPath.GET_UNIT_ENDPOINT.replace(':id', unitId));\n if(response && response.status === 200) { \n const { unit } = response.data;\n return unit;\n } \n return null;\n },\n\n getAll: () => {\n return LocalStorageService.get(\"units\") || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"units\").find(unit => unit._id === id);\n },\n\n getByIds: ids => {\n const units = LocalStorageService.get(\"units\") || [];\n const _units = ids.map(id => units.find(unit => unit._id === id));\n if(!_units || _units.length === 0) {return []}\n const assignedUnits = _units.filter(u => u !== null && u !== undefined);\n return assignedUnits;\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"units\")[0];\n },\n\n clone: async (unit) => {\n const clone = {...unit};\n clone.title = unit.title + \" COPY\";\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_UNIT_ENDPOINT, clone);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`UnitService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n create: async (payload) => {\n try { \n let response = await new ApiService().post(ApiPath.CREATE_UNIT_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`UnitService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n \n update: async (id, payload) => {\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_UNIT_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`UnitService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n \n remove: async (id) => {\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_UNIT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`UnitService | Error while attempting to remove unit. Response: ${error}`);\n return false;\n }\n }\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport LectureService from \"./LectureService\";\n\nexport default {\n\n getAllFromRemote: async () => {\n const response = await new ApiService().get(ApiPath.GET_ASSESSMENTS_ENDPOINT);\n if(response && response.status === 200) { \n const { assessments } = response.data;\n return assessments;\n } \n return [];\n },\n \n get: id => {\n return LocalStorageService.get(\"assessments\").find(\n assessment => assessment._id === id\n );\n },\n\n getFromRemote: async (id) => {\n try { \n let response = await new ApiService().get(ApiPath.GET_ASSESSMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { assessment } = response.data;\n return assessment;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n getByIdsFromRemote: async (ids) => {\n const response = await new ApiService().get(\n ApiPath.GET_ASSESSMENTS_BY_IDS_ENDPOINT.replace(':ids', ids.join(','))\n );\n if(response && response.status === 200) { \n const { assessments } = response.data;\n return assessments;\n } \n return [];\n },\n\n getByIds: ids => {\n const assessments = LocalStorageService.get(\"assessments\");\n return ids.map(id => assessments.find(assessment => assessment._id === id));\n },\n\n getWorkbookByIds: ids => {\n const assessments = LocalStorageService.get(\"assessments\");\n const filteredAssessments = ids.map(id => assessments.find(assessment => assessment._id === id));\n return filteredAssessments.filter(fa => 'WORKBOOK' === fa.type);\n },\n\n getExamByIds: ids => {\n const assessments = LocalStorageService.get(\"assessments\");\n const filteredAssessments = ids.map(id => assessments.find(assessment => assessment._id === id));\n return filteredAssessments.filter(fa => 'BOOKEXAM' === fa.type);\n },\n\n getAll: () => {\n return LocalStorageService.get(\"assessments\");\n },\n\n getLatest: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n if(!assessments || assessments.length === 0) return null;\n return assessments[0];\n },\n\n getLatestWorkbook: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n const workbooks = assessments.filter(assessment => assessment.type === \"WORKBOOK\");\n if(!workbooks) return null;\n return workbooks[0];\n },\n\n getLatestExam: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n const exams = assessments.filter(assessment => assessment.type === \"BOOKEXAM\");\n if(!exams) return null;\n return exams[0];\n },\n\n getQuizzes: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n return assessments.filter(assessment => assessment.type === \"QUIZ\");\n },\n\n getExams: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n return assessments ? assessments.filter(assessment => assessment.type === \"BOOKEXAM\") : [];\n },\n\n getPracticeTests: () => {\n const assessments = LocalStorageService.get(\"assessments\");\n return assessments? assessments.filter(assessment => assessment.type === \"WORKBOOK\") : [];\n },\n\n getQuizzesForLectures: (lectureIds) => {\n if(!lectureIds || lectureIds.length === 0) { return []; }\n const lectures = LectureService.getByIds(lectureIds);\n if(!lectures || lectures.length === 0) { return []; }\n let lectureQuizIds = [];\n lectures.forEach((lecture) => {\n if(lecture.assessments && lecture.assessments.length > 0){\n lectureQuizIds = lectureQuizIds.concat(lecture.assessments);\n }\n });\n return lectureQuizIds;\n },\n\n getRemote: async id => {\n try { \n let response = await new ApiService().get(ApiPath.GET_ASSESSMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { assessment } = response.data;\n return assessment;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n generateUrl : async (id, emails = []) => {\n try {\n let response = await new ApiService().post(ApiPath.GENERATE_ASSESSMENT_URL.replace(':id', id),{\n emails\n });\n if (ResponseUtil.isOK(response)) {\n return response;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return null; \n }\n },\n\n create: async assessment => {\n try { \n let response = await new ApiService().post(ApiPath.CREATE_ASSESSMENT_ENDPOINT, assessment);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n clone: async (assessment) => {\n const clone = {...assessment};\n clone.title = assessment.title + \" COPY\";\n try { \n let response = await new ApiService().post(ApiPath.CREATE_ASSESSMENT_ENDPOINT, clone);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n update: async (id, payload) => {\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_ASSESSMENT_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n remove: async id => {\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_ASSESSMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AssessmentService | Error while attempting to remove assessment. response: ${error}`);\n return false;\n }\n },\n getQuizAnonymous: async (token) => {\n const response = await new ApiService().get(ApiPath.GET_ASSESSMENT_QUIZ_ANONYMOUS.replace(':token', token));\n if(response && response.status === 200) { \n const { assessment } = response.data;\n return assessment;\n } \n return null;\n \n },\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport AssessmentService from \"./AssessmentService\";\n\nexport default {\n getAll: () => {\n return LocalStorageService.get(\"lectures\");\n },\n\n get: id => {\n return LocalStorageService.get(\"lectures\").find(\n lecture => lecture._id === id\n );\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"lectures\")[0];\n },\n\n getTranscript: (lectureId) => {\n const lecture = LocalStorageService.get(\"lectures\").find(\n lecture => lecture._id === lectureId\n );\n if(!lecture || !lecture.transcript) { return null; }\n return lecture.transcript;\n },\n\n getByIdsFromRemote: async (ids) => {\n const response = await new ApiService().get(ApiPath.GET_LECTURES_BY_IDS_ENDPOINT.replace(':ids', ids));\n if(response && response.status === 200) { \n const { lectures } = response.data;\n return lectures;\n } \n return [];\n },\n\n getLectureVideo: async (token) => {\n const response = await new ApiService().get(ApiPath.GET_LECTURE_VIDEO.replace(':token', token));\n if(response && response.status === 200) { \n const { lecture } = response.data;\n return lecture;\n } \n return null;\n \n },\n\n getByIds: ids => {\n if(!ids || ids.length === 0) {return [] }\n const lectures = LocalStorageService.get(\"lectures\");\n const _lectures = ids.map(id => lectures.find(lecture => lecture._id === id));\n if(!_lectures || _lectures.length === 0) {return [] }\n const assignedLectures = _lectures.filter(l => l !== null && l !== undefined);\n\n //populate quizzes on every lecture\n assignedLectures.forEach(assignedLecture => {\n const quizIds = assignedLecture.assessments;\n if (quizIds && quizIds.length > 0) {\n //usually, when page is cached, the quizIds will\n //already be populated with the quiz, so we should not re-populate!\n if (typeof quizIds[0] === \"string\") {\n let quizzes = [];\n quizIds.forEach(quizId => {\n const quiz = AssessmentService.get(quizId);\n quizzes.push(quiz);\n });\n assignedLecture.assessments = quizzes;\n }\n }\n });\n\n return assignedLectures;\n },\n\n clone: async (lecture) => {\n const clone = {...lecture};\n delete clone._id;\n clone.title = lecture.title + \" COPY\";\n try { \n let response = await new ApiService().post(ApiPath.CREATE_LECTURE_ENDPOINT, clone);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n getAllFromRemote: async () => {\n try { \n let response = await new ApiService().get(ApiPath.GET_LECTURES_ENDPOINT);\n if (ResponseUtil.isOK(response)) {\n const { lectures } = response.data;\n return lectures;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n create: async (payload) => {\n try { \n let response = await new ApiService().upload(ApiPath.CREATE_LECTURE_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n generateAutomaticTranscript: async (payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.generateTranscript()); }\n try { \n let response = await new ApiService().post(ApiPath.GENERATE_LECTURE_TRANSCRIPT_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return response.data;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n checkTranscripts: async () => {\n try { \n let response = await new ApiService().get(ApiPath.CHECK_LECTURE_TRANSCRIPTS_ENDPOINT);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return false;\n }\n},\n\n update: async (id, payload, status) => {\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_LECTURE_ENDPOINT.replace(':id', id).replace(':status', status), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n generateUrl: async (id) => {\n try { \n let response = await new ApiService().post(ApiPath.GENERATE_LECTURE_URL.replace(':id', id), {});\n if (ResponseUtil.isOK(response)) {\n return response;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to get response: ${error}`);\n return false;\n }\n},\n\n remove: async (id) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.removeLecture()); }\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_LECTURE_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`LectureService | Error while attempting to remove lecture. response: ${error}`);\n return false;\n }\n }\n};\n","import React, { useState, useEffect, Link } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport ThumbnailBackupImage from \"./../../../../images/default_video_thumbnail.png\";\nimport CartService from \"./../../../../services/CartService\";\nimport UnitService from \"./../../../../services/UnitService\";\nimport LectureService from \"./../../../../services/LectureService\";\nimport \"./bookstore.css\";\n\nconst BookstoreCartOrderWidget = props => {\n\n const {callback} = props;\n\n const [courses, setCourses] = useState(null);\n useEffect(() => {\n if(!courses){\n const cart = CartService.get();\n if(cart){\n setCourses(cart.items);\n }\n }\n }, []);\n\n const removeCourse = async (id)=>{\n const cart = await CartService.removeItem(id);\n setCourses(cart.items);\n callback();\n }\n\n const renderOrderSumary = () => {\n if (!courses) {\n return \"\";\n }\n\n const columns = [\n {\n dataField: \"preview\",\n text: \"Preview\",\n sort: false,\n headerAlign: \"left\",\n align: \"left\"\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: false,\n headerAlign: \"left\",\n align: \"left\"\n },\n {\n dataField: \"price\",\n text: \"Price\",\n headerClasses: \"panel-status-row\",\n headerAlign: \"left\",\n formatter: (cellContent, row) => {\n return (\n \n \n Shopping cart \n\n Check out \n \n Confirmation\n \n \n
\n \n
\n \n ${row.price}\n removeCourse(row.id)}\n >\n
\n );\n }\n }\n ];\n\n const coursesData = courses.map(course => {\n let unit = course.type === \"UNIT\" ? UnitService.get(course._id) : LectureService.get(course._id);\n const thumbnail = () => {\n return (\n \n
\n )}\n \n
\n );\n};\n\nexport default BookstoreCartOrderWidget;\n","import React from \"react\";\nimport { useState } from \"react\";\nimport { Button, Form, FormControl, InputGroup } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport CartService from \"./../../../../services/CartService\";\nimport \"./bookstore.css\";\n\nconst BookstoreCartSummaryWidget = props => {\n const { cart, callback } = props;\n const history = useHistory();\n\n const [promoCode, setPromoCode] = useState(\"\");\n\n const applyPromo = async ()=>{\n if(!promoCode || promoCode === \"\"){return;}\n\n const cart = await CartService.applyPromo(promoCode);\n callback();\n }\n\n const orderSummaryCheckout = async () => {\n await CartService.checkout();\n history.push({\n pathname: DeepLinking.BOOKSTORE_CHECKOUT_VIEW_PATH\n });\n };\n return (\n \n
\n \n \n Your shopping cart ({courses ? courses.length : 0} items)\n
\n{renderOrderSumary()}
\n \n
\n );\n};\n\nexport default BookstoreCartSummaryWidget;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport BookstoreCartOrderWidget from \"./BookstoreCartOrderWidget\";\nimport BookstoreCartSummaryWidget from \"./BookstoreCartSummaryWidget\";\nimport Header from \"../../../widgets/header/Header\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport CartService from \"./../../../../services/CartService\";\nimport \"./bookstore.css\";\n\nconst BookstoreCartView = props => {\n const history = useHistory();\n\n const [cart, setCart] = useState(null);\n const [render, setRender] = useState(0);\n\n\n useEffect(() => {\n\n setCart(CartService.get());\n\n },[render])\n\n if(!cart){\n setCart(CartService.get());\n }\n\n const renderUpdate =()=>{\n setRender(render + 1);\n }\n\n const goToPlans = () => {\n history.push(DeepLinking.PLAN_VIEW_PATH);\n };\n return (\n Order Summary
\n\n
\n \n Items\n {cart.items.length}\n
\n \n Have a promo code?\n
\n \n \n setPromoCode(e.target.value)} placeholder=\"Type it here\" />\n \n applyPromo()}\n >\n Apply\n \n
\n \n Subtotal\n ${cart.subtotal}\n
\n \n Discounts\n ${cart.discount}\n
\n \n Taxes\n ${cart.taxes}\n
\n \n Total\n ${cart.total}\n
\n \n orderSummaryCheckout()}\n >\n Checkout\n \n
\n \n \n
\n );\n};\n\nexport default BookstoreCartView;\n","import React, { useState, useEffect } from \"react\";\nimport CartService from \"./../../../../services/CartService\";\nimport UnitService from \"./../../../../services/UnitService\";\nimport LectureService from \"./../../../../services/LectureService\";\nimport \"./bookstore.css\";\n\nconst BookstorePaymentWidget = props => {\n\n const [courses, setCourses] = useState(null);\n\n const [cart, setCart] = useState(null);\n useEffect(() => {\n if(!courses){\n const cart = CartService.get();\n if(cart){\n setCourses(cart.items);\n setCart(cart);\n }\n }\n }, []);\n\n const orderSumary = () => {\n if(!courses){\n return;\n }\n return courses.map((course, index) => {\n let unit = course.type === \"UNIT\" ? UnitService.get(course._id) : LectureService.get(course._id);\n return (\n \n \n \n Shopping cart\n \n Check out \n Confirmation \n \n \n
\n \n renderUpdate()}/>\n
\n \n renderUpdate()}/>\n
\n \n goToPlans()}\n variant=\"light\"\n className=\"w-75 font-weight-bold mt-3\"\n >\n View plans\n \n
\n Get unlimited access by subscribing to our monthly plan
\n\n {unit.title}\n ${course.price}\n
\n );\n });\n };\n\n return (\n \n
\n );\n};\n\nexport default BookstorePaymentWidget;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport BookstorePaymentWidget from \"./BookstorePaymentWidget\";\nimport PaymentMethodsWidget from \"../payment/PaymentMethodsWidget\";\nimport SubscriptionService from \"../../../../services/SubscriptionService\";\nimport Header from \"../../../widgets/header/Header\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport { useHistory } from \"react-router-dom\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport \"./bookstore.css\";\n\nconst BookstorePaymentView = props => {\n const { planId } = props;\n\n const history = useHistory();\n\n const [plan, setPlan] = useState(null);\n\n useEffect(() => {\n const getPlan = async () => {\n setPlan(await SubscriptionService.get(planId));\n };\n getPlan();\n }, []);\n\n const paidConfirmationPlan = () => {\n history.push({\n pathname: DeepLinking.BOOKSTORE_CONFIRMATION_VIEW_PATH\n });\n };\n return (\n \n
\n Order Summary
\n{orderSumary()}
\n \n Total\n ${cart ? cart.total : 0}\n
\n \n \n
\n );\n};\n\nexport default BookstorePaymentView;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABlBAMAAAA4xPUZAAAAG1BMVEViYmY3OUDIycnz8/MkKDJDREqRkZF+foAAAAJdoFu3AAABE0lEQVR4Ae3UMWvzMBAGYJkkpzUCmexf/ogFMlltvtpdz4OUVRnky9hO7c9utXW2NbTwvhxoOR4k0J1qTNVclavq2YMyvxkECBAgQIAAAQIECBAgQICuMtg2lcFu8da5Uva7yo3L4e12MCTRuZPjRVQnjWmleZVJZNwORuI4q7BqJh3MnJgoR3psB/njSWfF6Z1FsSU7DDqFt7ADvD1pvnPyaZVstfOrpNAHtwfU1PJ6ZumzoSbxLfNtMdvAtlvKk+fIlzvPMZtLZIopxuPmfzhOpU6TmrgvjcPL+TTwae/oOUvrw/jSbqzrs9s/y736gbQ1loP/w+sLIECAAAECBAgQIECAAKeqGQ/qs27+q391c/0CiO9+Kw43O3cAAAAASUVORK5CYII=\"","import React from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport AvatarBackupImage from \"./../../../../images/holder.png\";\nimport \"./bookstore.css\";\n\nconst BookstoreReviewsRow = props => {\n const { courseReview } = props;\n\n const review = [{ thumbnail: \"\" }];\n\n return(\n \n \n Shopping cart \n \n Check out\n \n Confirmation \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n )\n \n \n};\n\nexport default BookstoreReviewsRow;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport CacheService from \"./CacheService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\nimport LimespringUtils from \"./../utils/LimespringUtils\";\n\nexport default {\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_INSTRUCTORS_ENDPOINT);\n if(response && response.status === 200) { \n const { instructors } = response.data;\n return instructors;\n } \n return [];\n },\n\n getAll: () => {\n return LocalStorageService.get(\"instructors\") || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"instructors\").find(\n instructor => instructor._id === id\n );\n },\n\n getByIdsFromRemote: async (ids) => {\n const response = await new ApiService().get(ApiPath.GET_INSTRUCTORS_BY_IDS_ENDPOINT.replace(':ids', ids));\n if(response && response.status === 200) { \n const { instructors } = response.data;\n return instructors;\n } \n return [];\n },\n\n getByIds: ids => {\n if (!ids) {\n return [];\n }\n let instructors = ids.map(id => {\n return LocalStorageService.get(\"instructors\").find(\n instructor => instructor._id === id\n );\n });\n\n instructors = instructors.filter(i => {\n return i != null;\n });\n\n return instructors;\n },\n\n getSchoolInstructors: schoolId => {\n const allInstructors = LocalStorageService.get(\"instructors\");\n const schoolInstructors = allInstructors.filter(instructor => {\n return instructor.schools.includes(schoolId);\n });\n\n return schoolInstructors || [];\n },\n\n getInstructorNames: instructors => {\n if(!instructors || instructors.length === 0) { return 'No Instructor Assigned' }\n return instructors\n .map(instructor => {\n return LimespringUtils.getUserFullName(instructor);\n })\n .reduce((prev, curr) => [prev, \", \", curr]);\n },\n\n getInstructorEmails: instructors => {\n if(!instructors || instructors.length === 0) { return 'No Instructor Assigned' }\n //remove duplicates\n instructors = [...new Set(instructors)];\n\n return instructors\n .map(instructor => {\n return instructor.email;\n })\n .reduce((prev, curr) => [prev, \",\", curr]);\n },\n\n regenerateCredentials: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updatePassword());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_PASSWORD_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `InstructorService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n create: async payload => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.createInstructor());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.CREATE_INSTRUCTOR_ENDPOINT,\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `InstructorService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n update: async (id, payload) => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.updateInstructor());\n }\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_INSTRUCTOR_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `InstructorService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n remove: async id => {\n if (Config.mockAPI) {\n return ResponseUtil.isOK(await MockService.removeInstructor());\n }\n try {\n let response = await new ApiService().delete(\n ApiPath.REMOVE_INSTRUCTOR_ENDPOINT.replace(\":id\", id)\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `InstructorService | Error while attempting to remove instructor. response: ${error}`\n );\n return false;\n }\n }\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\n\nexport default {\n getAll: async () => {\n return await MockService.getProductReviews();\n },\n\n get: async id => {\n const productReviews = await MockService.getProductReviews();\n return productReviews.find(pr => pr.productId === id);\n }\n};\n","import React from \"react\";\n\nconst LikeIcon = props => {\n const { width, height } = props;\n\n return (\n \n
\n {courseReview.reviewerFullname}
\n\n {courseReview.hasPremiumPlan === true ? \n
\n \n
\n \n {courseReview.comment}\n \n \n
\n );\n });\n };\n\n const unitTopics = () => {\n return course.topics.map((topic, index) => {\n return (\n \n
\n );\n });\n };\n\n const unitLectures = () => {\n return course.lectures.map((_lecture, index) => {\n let lecture = LectureService.get(_lecture);\n return (\n \n
\n );\n });\n };\n\n const renderInstructor = () => {\n return course.instructors.map((_instructor, index) => {\n const instructor = InstructorService.get(_instructor);\n let fullName = instructor ? LimespringUtils.getUserFullName(instructor) : \"N/A\";\n return (\n \n \n
\n \n );\n };\n\n return course ? renderCourseDetail() : \"\";\n};\n\nexport default BookstoreDetailsView;\n","import React, { useEffect } from \"react\";\nimport Header from \"../../../widgets/header/Header\";\nimport \"./maintenance.css\";\n\nconst MaintenanceView = () => {\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - Maintenance';\n \n }, []);\n\n return (\n \n \n LS Bookstore \n Units \n {course.title} \n \n View details\n \n \n
\n \n
\n \n \n {renderInstructor()}\n
\n {course.title}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n \n \n \n \n {courseReviews ? populateBookstoreReviews() : \"No info to show\"}\n \n \n
\n \n
\n \n Unit Description\n
\n{course.description}
\n\n
\n Unit Content
\n\n
\n \n {unitContent()}\n
\n \n
\n \n What you’ll learn\n
\n\n
\n \n {course.topics !== \"\"\n ? unitTopics()\n : \"No info to show\"}\n
\n \n
\n Unit Lectures
\n\n
\n \n {course.lectures !== \"\"\n ? unitLectures()\n : \"No info to show\"}\n
\n \n ${course.price}\n paymentCompleteHandler()}\n >\n + Add to cart\n \n
\n \n paymentCompleteHandler()}\n >\n + Add to cart\n \n
\n ${course.price}
\n\n \n
\n \n
\n );\n};\n\nexport default MaintenanceView;\n","import React, { useState } from 'react';\nimport './accessibility-toolbar.css';\n\nconst AccessibilityToolbar = (props) => {\n\n const { show=false } = props;\n\n const [fontSize, setFontSize] = useState(16);\n const [expanded, setExpanded] = useState(0);\n\n const zoom = (entry) => {\n let newFontSize = fontSize;\n \n if(entry === '+') {\n newFontSize = fontSize + 1; \n }else if(entry === '-'){\n newFontSize = fontSize - 1;\n }\n setFontSize(newFontSize);\n document.getElementsByTagName('body')[0].style.fontSize = `${newFontSize}px`;\n }\n\n //cannot use body tag due to Chrome issue with css filter (adds space on top)\n const invert = () => {\n const htmlTag = document.getElementsByTagName('html')[0];\n if(htmlTag.classList.contains(\"invert-contrast\")){\n htmlTag.classList.remove('invert-contrast');\n }else{\n htmlTag.className = '';\n htmlTag.classList.add('invert-contrast');\n }\n }\n\n const contrastAndBrightness = (setting) => {\n const htmlTag = document.getElementsByTagName('html')[0];\n\n //check if already added\n if(setting === 'low') {\n if(htmlTag.classList.contains('invert-contrast-low-brightness')){\n htmlTag.className = '';\n return;\n }\n }\n\n if(setting === 'gray') {\n if(htmlTag.classList.contains('contrast-grayscale')){\n htmlTag.className = '';\n return;\n }\n }\n\n if(setting === 'high') {\n if(htmlTag.classList.contains('invert-contrast-high-brightness')){\n htmlTag.className = '';\n return;\n }\n }\n \n htmlTag.className = '';\n\n if(setting === 'low'){\n htmlTag.classList.add('invert-contrast-low-brightness');\n } else if(setting === 'gray'){\n htmlTag.classList.add('contrast-grayscale');\n } else if(setting === 'high'){\n htmlTag.classList.add('invert-contrast-high-brightness');\n }\n }\n\n const showDyslexiaFont = () => {\n const bodyTag = document.getElementsByTagName('body')[0];\n if(bodyTag.classList.contains('dyslexic')){\n bodyTag.classList.remove('dyslexic');\n }else{\n bodyTag.classList.add('dyslexic');\n }\n }\n\n return (\n \n
\n \n
\n \n Sorry! We’re currently
\n
\n \n Sorry! We’re currently
\n under maintenance.
\n Our team is working hard on the issue,
please come back soon!
\n
\n );\n}\n \nexport default AccessibilityToolbar;","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from \"./LocalStorageService\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\n\nexport default {\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_ASSETS_ENDPOINT);\n if(response && response.status === 200) { \n const { assets } = response.data;\n return assets;\n } \n return [];\n },\n\n getAllFromRemoteAndStore: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_ASSETS_ENDPOINT);\n if(response && response.status === 200) { \n const { assets } = response.data;\n LocalStorageService.store({ assets: assets });\n } \n },\n\n getAll: () => {\n return LocalStorageService.get(\"assets\");\n },\n\n get: id => {\n const assets = LocalStorageService.get(\"assets\");\n return assets? assets.find(asset => asset._id === id): null;\n },\n\n getFromRemote: async (id) => {\n try {\n let response = await new ApiService().get(ApiPath.GET_ASSET_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { asset } = response.data;\n return asset;\n } else {\n return null;\n }\n } catch (error) {\n console.error(\n `AssetService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n getFromRemoteAnonymous: async (id, token) => {\n try {\n let response = await new ApiService().get(ApiPath.GET_ASSET_ANONYMOUS_ENDPOINT.replace(':id', id).replace(':token', token));\n if (ResponseUtil.isOK(response)) {\n const { asset } = response.data;\n return asset;\n } else {\n return null;\n }\n } catch (error) {\n console.error(\n `AssetService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n getByIds: ids => {\n const allAssets = LocalStorageService.get(\"assets\");\n return ids.map(id => {\n return allAssets.find(asset => {\n return asset._id === id;\n });\n });\n },\n\n getLatest: () => {\n const assets = LocalStorageService.get(\"assets\");\n if (!assets || assets.length === 0) {\n return null;\n }\n return assets[0];\n },\n\n create: async payload => {\n\n try {\n let response = await new ApiService().upload(\n ApiPath.CREATE_ASSET_ENDPOINT,\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `AssetService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n update: async (id, payload) => {\n try {\n let response = await new ApiService().post(\n ApiPath.UPDATE_ASSET_ENDPOINT.replace(\":id\", id),\n payload\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `AssetService | Error while attempting to get response: ${error}`\n );\n return false;\n }\n },\n\n remove: async id => {\n try {\n let response = await new ApiService().delete(\n ApiPath.REMOVE_ASSET_ENDPOINT.replace(\":id\", id)\n );\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\n `AssetService | Error while attempting to remove response: ${error}`\n );\n return false;\n }\n }\n};\n","export default {\n\n isNotNullOrEmpty: (arr) => {\n if(arr === null || arr === undefined) { return false;}\n if(arr.length <= 0) { return false;}\n return true;\n },\n getAsSets: (input, limit) => {\n if(!input || input.length === 0) { return 0; }\n if(!limit || limit === 0) { return 0; }\n const numberOfSets = Math.ceil(input.length/limit);\n let sets = [];\n for (let i = 0; i < numberOfSets; i++) {\n const set = [];\n for (let j = i * limit; j < (i * limit + limit) ; j++) {\n if(input[j]){ set.push(input[j]) };\n } \n sets.push(set);\n }\n return sets;\n },\n\n addInFrontOrReplaceEntry: (arr, item) => {\n const index = arr.findIndex(a => a._id === item._id);\n if(~index){\n arr[index] = item;\n }else{\n arr.unshift(item);\n }\n return arr;\n },\n\n isAllObjects: (arr) => {\n return arr.every(item => typeof item === 'object' && item !== null)\n }\n}","import LocalStorageService from \"./LocalStorageService\";\nimport LectureService from './LectureService';\nimport ProfileService from './ProfileService';\nimport CourseService from \"./CourseService\";\nimport ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport ArrayUtils from \"../utils/ArrayUtils\";\n\nexport default {\n\n getFromRemoteForStudentId: async (studentId) => {\n const response = await new ApiService().get(ApiPath.GET_LOG_FOR_STUDENT_ENDPOINT.replace(':studentId', studentId));\n if(response && response.status === 200) { \n const { logs } = response.data;\n return logs;\n } \n return [];\n },\n\n get: () => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n if(!logs || logs.length === 0) { return null; }\n return logs.find(log => { return log.userId === profile._id });\n },\n\n getFullUnitLog: (playlist) => {\n\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n if(!logs || logs.length === 0) { return null; }\n const log = logs.find(log => { return log.userId === profile._id });\n\n const unit = playlist.getUnit();\n const lectures = playlist.getLectures();\n\n //get unit log\n let unitLogs = log.units;\n let unitlog = unitLogs.find(unitLog => unitLog._id === unit._id);\n\n //get lecture logs\n const lectureids = unit.lectures;\n let lectureLogs = log.lectures;\n let lecturelogs = lectureLogs.filter(lectureLog => lectureids.find(id => id === lectureLog._id) );\n\n //get unit-level assessments logs\n const assessmentids = unit.assessments.map(a => { return a._id} );\n let assessmentLogs = log.assessments;\n let assessmentslogs = assessmentLogs.filter(assessmentLog => assessmentids.find(id => id === assessmentLog._id) );\n\n //get lecture-level assessments logs\n let quizzes = lectures.map((lecture) => { return lecture.assessments });\n let quizIds = [].concat.apply([], quizzes);\n let quizzeslogs = assessmentLogs.filter(assessmentLog => quizIds.find( id => id === assessmentLog._id ));\n \n //join all assessments (WB/BE/QUIZ)\n assessmentslogs = assessmentslogs.concat(quizzeslogs);\n\n return { unitlog: unitlog, lecturelogs: lecturelogs, assessmentslogs: assessmentslogs};\n },\n\n getLogForClass: classId => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n if(!log) {return null;}\n let classLogs = log.classes;\n return classLogs.find(classLog => classLog._id === classId);\n },\n\n getIsStartOn: classId => {\n const isStartOn = LocalStorageService.get(\"isStartOn\"); \n return isStartOn===null? true : isStartOn;\n },\n\n getStartOn: classId => {\n const _startOn = LocalStorageService.get(\"startOn\"); \n return _startOn;\n },\n\n getLogForUnit: unitId => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n let unitLogs = log.units;\n return unitLogs.find(unitLog => unitLog._id === unitId);\n },\n\n getLogForLecture: id => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n let lectureLogs = log.lectures;\n return lectureLogs.find(lectureLog => lectureLog._id === id);\n },\n\n getLogForLectures: ids => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n let lectureLogs = log.lectures;\n return lectureLogs.filter(lectureLog => ids.find(id => id === lectureLog._id) );\n },\n\n getLogForAssessments: ids => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n let assessmentLogs = log.assessments;\n return assessmentLogs.filter(assessmentLog => ids.find(id => id === assessmentLog._id) );\n },\n\n getLogForMarkers: ids => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n let markersLogs = log.markers;\n return ids.map(id => { return markersLogs.find(markersLog => markersLog._id === id)});\n },\n\n getLogForLikes: () => {\n const logs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = logs.find(log => { return log.userId === profile._id });\n return log.likes;\n },\n\n getLogForGradebook: _class => {\n\n if(!_class) { return {};}\n const allLogs = LocalStorageService.get(\"logs\");\n const profile = ProfileService.get();\n const log = allLogs.find(log => { return log.userId === profile._id });\n\n //get class log\n const classLog = log.classes.find(classLog => classLog._id === _class._id);\n\n //build full unit log (unit + lectures + assessments)\n const courses = CourseService.getByIds(_class.courses);\n let units = [];\n courses.forEach(course => units = units.concat(course.units));\n units = units.concat(_class.units);\n \n const unitLogs = log.units;\n const lectureLogs = log.lectures;\n const assessmentLogs = log.assessments;\n\n const logs = units.map((classUnit) => { \n \n let lectureIds = classUnit.lectures;\n if(classUnit.lectures && ArrayUtils.isAllObjects(classUnit.lectures)){\n lectureIds = classUnit.lectures.map(l => {return l._id});\n }\n const unitLectures = LectureService.getByIds(lectureIds);\n let unitAssessments = classUnit.assessments;\n \n const unitlog = unitLogs.find(unitLog => unitLog._id === classUnit._id);\n\n const lectureslog = unitLectures.map((unitLecture) => {\n const unitLectureAssessmentIds = unitLecture.assessments.map(a => a._id);\n const assessmentslog = assessmentLogs.filter(assessmentLog => {\n return unitLectureAssessmentIds.find(uaid => assessmentLog._id === uaid);\n });\n const lecturelogs = lectureLogs.find(lectureLog => lectureLog._id === unitLecture._id);\n\n return { lecture: lecturelogs, assessments: assessmentslog};\n });\n \n const assessmentslog = unitAssessments ? unitAssessments.map((unitAssessment) => {\n return assessmentLogs.find(assessmentLog => assessmentLog._id === unitAssessment._id);\n }): [];\n\n return {unit: unitlog, lectures: lectureslog, assessments: assessmentslog}; \n });\n return {classlog: classLog, unitlogs: logs};\n },\n\n resetAssessmentLog: async (logId, assessmentId) => {\n const response = await new ApiService().get(ApiPath.RESET_LOG_ENDPOINT.replace(':id', logId).replace('assessmentId', assessmentId));\n if(response && response.status === 200) {\n return true;\n } \n return false;\n }\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n \n getAll: () => {\n return LocalStorageService.get(\"markers\");\n },\n\n get: id => {\n return LocalStorageService.get(\"markers\").find(\n marker => marker._id === id\n );\n },\n\n getByIds: ids => {\n const allmarkers = LocalStorageService.get(\"markers\");\n const markers = ids.map(id => { return allmarkers.find(marker => marker._id === id)});\n if(!markers || markers.length === 0) {return []}\n const cleanedMarkers = markers.filter(mk => mk !== null && mk !== undefined);\n return cleanedMarkers.sort((a,b) => { return b.cuePoint > a.cuePoint});\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"markers\")[0];\n },\n\n getByIdsFromRemote: async (ids) => {\n const response = await new ApiService().get(ApiPath.GET_MARKERS_BY_IDS_ENDPOINT.replace(':ids', ids));\n if(response && response.status === 200) { \n const { markers } = response.data;\n return markers;\n } \n return [];\n },\n\n create: async (payload) => {\n try { \n let response = await new ApiService().post(ApiPath.CREATE_MARKER_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n const { marker } = response.data;\n return marker;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`MarkerService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n update: async (id, payload) => {\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_MARKER_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { markers } = response.data;\n return markers;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`MarkerService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n remove: async (id) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.removeMarker()); }\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_MARKER_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`MarkerService | Error while attempting to remove marker. response: ${error}`);\n return false;\n }\n }\n};\n","export default class VideoTrack {\n\n constructor(lectureId, status=\"PENDING\", playbackTime=\"0\", markers=[], events=[]){\n this.lectureId = lectureId;\n this.status = status;\n this.playbackTime = playbackTime;\n this.markers = markers;\n this.events = events;\n }\n\n getLectureId(){\n return this.lectureId;\n }\n\n setLectureId(lectureId){\n this.lectureId = lectureId;\n }\n\n getStatus(){\n return this.status;\n }\n\n setStatus(status){\n this.status = status;\n }\n\n getPlaybackTime(){\n return this.playbackTime;\n }\n\n setPlaybackTime(playbackTime){\n this.playbackTime = playbackTime;\n }\n\n getEvents(){\n return this.events;\n }\n\n setEvents(events){\n this.events = events;\n }\n\n getMarkers(){\n return this.markers;\n }\n\n setMarkers(markers){\n this.markers = markers;\n }\n}","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport VideoTrack from \"../models/VideoTrack\";\n\nexport default {\n\n trackClass: async (id, payload) => {\n \n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackClass()); }\n\n try { \n let response = await new ApiService().post(ApiPath.TRACKER_CLASS_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { logs } = response.data;\n LocalStorageService.store({ logs: logs });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TrackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n \n trackUnit: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackUnit()); }\n try { \n let response = await new ApiService().post(ApiPath.TRACKER_UNIT_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { logs } = response.data;\n LocalStorageService.store({ logs: logs });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TrackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n trackLecture: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackLecture()); }\n try { \n let response = await new ApiService().post(ApiPath.TRACKER_LECTURE_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { logs } = response.data;\n LocalStorageService.store({ logs: logs });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TrackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n trackMarker: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackMarker()); }\n try { \n let response = await new ApiService().post(ApiPath.TRACKER_MARKER_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { logs } = response.data;\n LocalStorageService.store({ logs: logs });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TrackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n trackAssessment: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackAssessment()); }\n try { \n let response = await new ApiService().post(ApiPath.TRACKER_ASSESSMENT_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { timers } = response.data;\n return timers;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`TrackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n createOrUpdateVideoProgressTrack: (lectureId, playbackTime, status, markers, events) => {\n let videotracks = LocalStorageService.get('videotracks');\n if(!videotracks){ videotracks = []; }\n let videotrack = videotracks.find(v => v.lectureId === lectureId);\n if(!videotrack){\n videotrack = new VideoTrack(lectureId, status, playbackTime, markers ? markers : [], events);\n videotracks.push(videotrack);\n } else {\n videotrack.playbackTime = playbackTime;\n videotrack.status = status;\n videotrack.markers = markers ? markers : videotrack.markers;\n videotrack.events = events;\n }\n LocalStorageService.store({videotracks: videotracks})\n\n },\n\n getVideoProgressTrack: (lectureId) => {\n let videotracks = LocalStorageService.get('videotracks');\n if (!videotracks) return null;\n return videotracks.find(v => v.lectureId === lectureId) || null;\n},\n\n\n getVideoProgressTracksByIds: (lectureIds) => {\n let videotracks = LocalStorageService.get('videotracks');\n return lectureIds.map(lectureId => videotracks.find(videotrack => videotrack.lectureId === lectureId));\n },\n\n resetVideoProgressTracks: (lectureId) => {\n let videotracks = LocalStorageService.get('videotracks');\n if(!videotracks) return null;\n const vt = videotracks.find(v => v.lectureId === lectureId);\n if(vt && vt.markers && vt.markers.length > 0){\n vt.markers.map(m => m.status = 'PENDING');\n LocalStorageService.store({videotracks: videotracks})\n }\n }\n};\n","import React, { useState, useEffect, useRef } from \"react\";\nimport YouTube from 'react-youtube';\nimport { Spinner } from 'react-bootstrap';\nimport \"./limespring-video-player.css\";\nimport AssetService from \"./../../../services/AssetService\";\nimport StudentLogService from \"./../../../services/StudentLogService\";\nimport AssessmentService from \"./../../../services/AssessmentService\";\nimport MarkerService from \"./../../../services/MarkerService\";\nimport TrackerService from \"./../../../services/TrackService\";\n import DeepLinking from \"./../../../utils/DeepLinking\";\n import Config from \"./../../../config/Config\"\n\nconst YouTubeVideoPlayer = props => {\n\nconst { isStudentView=false, showsYouTubeVideoUrl=true, onChangeThumbnail= () => {}, \n onSetYoutubeDuration= () => {}, onSetYoutubeUrl=() => {}, youtubeVideoUrl=\"\", youtubeThumbnailUrl= \"\", \n markers=[], history, classId, unit, lecture, autoplay=false, stop=false, onTimeUpdate} = props;\n const [videoUrl, setVideoUrl] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [thumbnailUrl, setThumbnailUrl] = useState('');\n const youtubePlayerRef = useRef(null);\n const [videoDuration, setVideoDuration] = useState(null);\n const [currentMarker, setCurrentMarker] = useState(null);\n const [youtubePlayer, setYoutubePlayer] = useState(null);\n const [overlays, setOverlays] = useState([]);\n const [data, setData] = useState({markers:[], overlays:[], ready: false, isStartOn: true});\n\n const [lectureLog, setLectureLog] = useState(null);\n\n const [lectureLoaded, setLectureLoaded] = useState(false);\n const [videoUrlSet, setVideoUrlSet] = useState(false);\n const [dataPrepared, setDataPrepared] = useState(false);\n const [playerReady, setPlayerReady] = useState(false);\n\n const lastMarkerCheckRef = useRef(0);\n const isYoutubePlayingRef = useRef(false);\n\n const intervalIdRef = useRef(null);\n\n useEffect(() => {\n if (stop) {\n if(youtubePlayer){ \n youtubePlayer.pauseVideo() \n };\n }\n }, [stop]);\n\n useEffect(() => {\n if (!lecture || !isStudentView) return;\n setLectureLog(StudentLogService.getLogForLecture(lecture._id));\n const videoProgressTrack = TrackerService.getVideoProgressTrack(lecture._id);\n \n let lastCuePoint = 0; \n let videoProgressStatus = 'PENDING';\n\n if (videoProgressTrack) {\n videoProgressStatus = videoProgressTrack.status;\n lastCuePoint = videoProgressTrack.playbackTime || 0; \n }\n setVideoDuration(lastCuePoint);\n\n if(markers && markers.length>0) {\n if (markers && markers.length > 0) {\n const videoMarkers = markers.map(marker => {\n let asset = null;\n if(marker.asset && marker.asset !== \"\") asset = AssetService.get(marker.asset);\n if(!asset && marker.assessment && marker.assessment !== \"\") asset = AssessmentService.get(marker.assessment);\n if(!asset) return;\n return { id: marker._id, time: marker.cuePoint, text: asset.title, assessment: marker.assessment, asset: marker.asset, required: marker.required };\n });\n data.markers = videoMarkers;\n }\n \n //set overlays\n let overlays = [];\n if (markers) {\n markers.forEach(marker => {\n if (!marker.required) {\n //get the marker's asset\n let asset = null;\n if(marker.asset && marker.asset !== \"\") asset = AssetService.get(marker.asset);\n if(!asset && marker.assessment && marker.assessment !== \"\") asset = AssessmentService.get(marker.assessment);\n if(!asset) return;\n \n const text = marker.buttonText && marker.buttonText !== \"\" ? marker.buttonText : `Click to View ${asset.title}`;\n const start = marker.cuePoint;\n const end = marker.cuePoint + 8;\n \n if (!asset) { return false; }\n let isAssessment = asset.type === 'QUIZ' || asset.type === 'WORKBOOK' || asset.type === 'BOOKEXAM';\n \n const overlay = {\n align: \"bottom-right\",\n content: `${text}`,\n start: start,\n render: false,\n end: end\n };\n overlays.push(overlay);\n }\n });\n data.overlays = overlays;\n }\n \n data.classId = classId;\n data.lecture = lecture;\n data.unit = unit;\n data.ready = true;\n data.isStartOn = false; \n setData(data);\n }\n }, [lecture]);\n\n useEffect(() => {\n let _url = youtubeVideoUrl;\n if (!_url.includes('origin=')) {\n const originValue = Config.environmentConfig(Config.activeProfile).localURL;\n const separator = _url.includes('?') ? '&' : '?';\n _url += `${separator}origin=${encodeURIComponent(originValue)}`;\n }\n setVideoUrl(_url);\n setThumbnailUrl(youtubeThumbnailUrl);\n setVideoUrlSet(true); \n },[youtubeVideoUrl]);\n\n useEffect(() => {\n if (!lecture || !isStudentView) return;\n\n const lectureLog = StudentLogService.getLogForLecture(lecture._id);\n const _isStartOn = StudentLogService.getIsStartOn(null);\n\n setLectureLog(lectureLog);\n let _markers = markers;\n\n //set markers\n if (_markers && _markers.length > 0) {\n const videoMarkers = _markers.map(marker => {\n let asset = null;\n if(marker.asset && marker.asset !== \"\") asset = AssetService.get(marker.asset);\n if(!asset && marker.assessment && marker.assessment !== \"\") asset = AssessmentService.get(marker.assessment);\n if(!asset) return;\n return { id: marker._id, time: marker.cuePoint, text: asset.title, assessment: marker.assessment, asset: marker.asset, required: marker.required };\n });\n data.markers = videoMarkers;\n }\n\n //set overlays\n let overlays = [];\n if (_markers) {\n _markers.forEach(marker => {\n if (!marker.required && _isStartOn) {\n //get the marker's asset\n let asset = null;\n if(marker.asset && marker.asset !== \"\") asset = AssetService.get(marker.asset);\n if(!asset && marker.assessment && marker.assessment !== \"\") asset = AssessmentService.get(marker.assessment);\n if(!asset) return;\n\n const text = marker.buttonText && marker.buttonText !== \"\" ? marker.buttonText : `Click to View ${asset.title}`;\n const start = marker.cuePoint;\n const end = marker.cuePoint + 8;\n\n if (!asset) { return false; }\n let isAssessment = asset.type === 'QUIZ' || asset.type === 'WORKBOOK' || asset.type === 'BOOKEXAM';\n\n const overlay = {\n align: \"bottom-right\",\n content: `${text}`,\n start: start,\n end: end\n };\n overlays.push(overlay);\n }\n });\n data.overlays = overlays;\n }\n \n data.classId = classId;\n data.lecture = lecture;\n data.unit = unit;\n data.ready = true;\n data.isStartOn = _isStartOn===null ? true : _isStartOn; \n setData(data);\n setDataPrepared(true);\n }, []);\n\nconst delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));\n\nuseEffect(() => {\n if (autoplay && youtubePlayerRef && youtubePlayerRef.current) {\n youtubePlayerRef.current.internalPlayer.playVideo();\n } else if (youtubePlayerRef && youtubePlayerRef.current) {\n youtubePlayerRef.current.internalPlayer.pauseVideo();\n } \n if (!lecture || !isStudentView) return;\n if (!youtubePlayerRef || !youtubePlayerRef.current) return; \n\n const initializeUpdateCurrentTime = async () => {\n await delay(2000);\n let currTime = 0;\n setLectureLog(StudentLogService.getLogForLecture(lecture._id));\n if (lectureLog && youtubePlayerRef && youtubePlayerRef.current) {\n let videoProgressStatus = lectureLog.status;\n let cuePoint = 0;\n if(videoProgressStatus === 'PENDING' || videoProgressStatus === 'IN_PROGRESS'){\n let cuePoint = lectureLog.lastCuePoint;\n if (youtubePlayerRef.current && typeof youtubePlayerRef.current.seekTo === 'function') {\n youtubePlayerRef.current.seekTo(cuePoint); \n lastMarkerCheckRef.current = cuePoint; \n } else {\n lastMarkerCheckRef.current = cuePoint;\n }\n } else if(videoProgressStatus === 'COMPLETED'){\n youtubePlayerRef.current.seekTo(cuePoint); \n lastMarkerCheckRef.current = cuePoint;\n }\n \n \n } \n\n if(lastMarkerCheckRef.current === 0) {\n lastMarkerCheckRef.current = loadCuePoint();\n }\n\n const updateCurrentTime = () => {\n if (youtubePlayerRef && youtubePlayerRef.current && youtubePlayerRef.current.internalPlayer) {\n youtubePlayerRef.current.internalPlayer.getCurrentTime().then(_currentTime => {\n if (!isYoutubePlayingRef.current) return;\n const roundedTime = Math.round(_currentTime);\n onTimeUpdate(roundedTime);\n if (roundedTime !== currTime) {\n currTime = roundedTime;\n if (!data || !data.overlays || data.overlays.length === 0) {\n data.overlays = createOverlaysFromMarkers(markers);\n }\n TrackerService.trackLecture(lecture._id, { lastCuePoint: roundedTime, status: \"IN_PROGRESS\" });\n TrackerService.createOrUpdateVideoProgressTrack(lecture._id, roundedTime, \"IN_PROGRESS\", null, []);\n applyOverlaysToPlayer(youtubePlayerRef.current.internalPlayer, data.overlays, roundedTime);\n if (markers && markers.length > 0 && roundedTime > lastMarkerCheckRef.current) {\n lastMarkerCheckRef.current = roundedTime;\n const marker = markers.find(mk => Math.floor(mk.cuePoint) === roundedTime); \n if (marker && marker.required) {\n const videoTrack = TrackerService.getVideoProgressTrack(lecture._id);\n let markerTracks = null;\n if (videoTrack) {\n markerTracks = videoTrack.markers;\n if (markerTracks && markerTracks.length > 0) {\n let markerTrack = markerTracks.find(mt => mt.markerId === marker._id);\n if (markerTrack && markerTrack.status === \"VIEWED\") {\n return;\n } else {\n markerTrack.status = \"VIEWED\";\n }\n }\n } \n youtubePlayerRef.current.internalPlayer.pauseVideo();\n if (marker.assessment && marker.assessment !== \"\") {\n resetYoutubeVideo(roundedTime);\n history.push({ pathname: DeepLinking.STUDENT.QUIZ_VIEW_PATH.replace(\":id\", marker.assessment), state: { classId: classId, unit: unit, lecture: lecture, autoplay: false } }); \n } else if(marker.asset !== \"\"){\n const _asset = AssetService.get(marker.asset);\n if(!_asset) { return; }\n const data = _asset.url;\n if(!data) { return; }\n const type = _asset.type;\n if (type === \"WWW\" || type === \"IMAGE\") {\n openInNewTab(data);\n } else if (type === \"PDF\") {\n openInNewTab(`https://docs.google.com/viewer?url=${data}&embedded=false`);\n }\n else if (type === \"DOCX\" || type === \"XLSX\" || type === \"PPTX\") {\n openInNewTab(`https://view.officeapps.live.com/op/view.aspx?src=${data}`);\n }\n \n }\n }\n }\n }\n }).catch(error => {\n console.error(\"Error getting current time:\", error);\n });\n }\n };\n const intervalId = setInterval(updateCurrentTime, 1000);\n return () => clearInterval(intervalId);\n \n };\n initializeUpdateCurrentTime();\n}, [youtubePlayerRef.current]);\n\n const resetYoutubeVideo = (cuePoint) => {\n setLectureLoaded(null);\n setYoutubePlayer(null);\n lastMarkerCheckRef.current = 0;\n setLectureLoaded(false);\n setVideoUrlSet(false);\n setDataPrepared(false);\n setPlayerReady(false);\n setOverlays([]);\n saveCuePoint(cuePoint);\n };\n\n const loadCuePoint = () => {\n if (lecture && lecture._id) {\n const storedCuePoint = localStorage.getItem(`cuePoint_${lecture._id}`);\n return storedCuePoint ? JSON.parse(storedCuePoint) : 0;\n }\n return 0;\n };\n\n const saveCuePoint = (cuePoint) => {\n if (lecture && lecture._id) {\n localStorage.setItem(`cuePoint_${lecture._id}`, JSON.stringify(cuePoint));\n }\n };\n\n const openInNewTab = (url) => {\n const newWindow = window.open('', '_blank');\n if (newWindow) {\n newWindow.location = url;\n } else {\n alert('We attempted to open a new tab, but your browser is currently blocking this action. To continue, please allow pop-ups for this site.');\n }\n };\n \n const createOverlaysFromMarkers = (markers) => {\n return markers.map(marker => {\n\n let asset = null;\n if(marker.asset && marker.asset !== \"\") asset = AssetService.get(marker.asset);\n if(!asset && marker.assessment && marker.assessment !== \"\") asset = AssessmentService.get(marker.assessment);\n if(!asset) return;\n\n const text = marker.buttonText && marker.buttonText !== \"\" ? marker.buttonText : `Click to View ${asset.title}`;\n const start = marker.cuePoint;\n const end = marker.cuePoint + 8;\n\n if (!asset) { return false; }\n let isAssessment = asset.type === 'QUIZ' || asset.type === 'WORKBOOK' || asset.type === 'BOOKEXAM';\n return {\n align: \"bottom-right\",\n start: start,\n render:false,\n end: end + 8,\n content: `${text}`\n };\n });\n };\n\n\n const applyOverlaysToPlayer = async (player, _overlays, time) => {\n if (!player) return;\n try {\n const iframe = await player.getIframe();\n const durationVideo = await player.getDuration();\n\n let currentTop = -150;\n let currentBottom = 150;\n const verticalSpacing = 5;\n\n for (const overlay of _overlays) {\n if (overlay.start == time || (overlay.start < time && overlay.render===false)) {\n if (iframe && iframe.width && durationVideo > 0) {\n overlay.render = true;\n const elements = document.getElementsByClassName(`youtube-overlay`);\n const overlayDiv = document.createElement('div');\n overlayDiv.className = \"youtube-overlay vjs-overlay vjs-overlay-bottom-right vjs-overlay-background\";\n overlayDiv.style.position = 'relative';\n overlayDiv.style.cursor = 'pointer';\n overlayDiv.style.bottom = `${currentBottom}px`;\n overlayDiv.style.top = `${currentTop}px`;\n overlayDiv.style.right = '-64%'; \n overlayDiv.style.zIndex = '999';\n overlayDiv.style.fontSize = '1.5rem';\n overlayDiv.style.color = '#ffffff';\n overlayDiv.style.padding = '10px';\n overlayDiv.style.backgroundColor = 'rgba(139, 195, 74, 0.83)';\n overlayDiv.style.border = '1px solid #b3de81';\n overlayDiv.style.borderRadius = '5px';\n\n const playerWidth = iframe.offsetWidth;\n const { start, end, content } = overlay;\n const duration = end - start;\n const leftOffset = Math.round((start / durationVideo) * playerWidth);\n overlayDiv.style.width = `35%`;\n\n overlayDiv.innerHTML = content;\n\n currentTop = ((150) * 1) + currentTop;\n\n overlayDiv.addEventListener(\"click\", handler);\n\n function handler(e) {\n e.stopImmediatePropagation();\n const parentNode = document.querySelectorAll(`.vjs-overlay:not(.vjs-hidden)`)[0];\n if (!parentNode) { return false; }\n const type = e.target.getAttribute(\"type\");\n const data = e.target.getAttribute(\"data-id\");\n if (youtubePlayerRef && youtubePlayerRef.current && youtubePlayerRef.current.internalPlayer) {\n youtubePlayerRef.current.internalPlayer.pauseVideo();\n }\n if (type === \"WWW\" || type === \"IMAGE\") {\n window.open(data, \"_blank\");\n } else if (type === \"PDF\") {\n window.open(\n `https://docs.google.com/viewer?url=${data}&embedded=false`,\n \"_blank\"\n );\n } else if (type === \"DOCX\" || type === \"XLSX\" || type === \"PPTX\") {\n window.open(\n `https://view.officeapps.live.com/op/view.aspx?src=${data}`,\n \"_blank\"\n );\n } else if (type === \"QUIZ\") {\n history.push({ pathname: DeepLinking.STUDENT.QUIZ_VIEW_PATH.replace(\":id\", data), state: { classId: classId, unit: unit, lecture: lecture, autoplay: false } });\n }\n }\n\n iframe.parentNode.appendChild(overlayDiv);\n\n setTimeout(() => {\n overlayDiv.remove();\n }, duration * 1000);\n\n }\n }\n }\n } catch (error) {\n console.error(\"Error al obtener el iframe del reproductor:\", error);\n }\n};\n\n const opts = {\n width: '100%', \n height: isStudentView? '900px' : '400px',\n playerVars: {\n autoplay:1,\n disablekb:1,\n enablejsapi:1,\n fs:1,\n hl:'en',\n controls: 1,\n showinfo: 0,\n origin: Config.environmentConfig(Config.activeProfile).localURL\n },\n };\n\n const getIdVideo = (url) => {\n if (typeof url !== 'string') {\n return null;\n }\n if (!url.includes('origin=')) {\n const originValue = Config.environmentConfig(Config.activeProfile).localURL;\n const separator = url.includes('?') ? '&' : '?';\n url += `${separator}origin=${encodeURIComponent(originValue)}`;\n }\n const videoId = url.split('v=')[1];\n const ampersandPosition = videoId ? videoId.indexOf('&') : -1;\n if (ampersandPosition !== -1) {\n return videoId.substring(0, ampersandPosition);\n }\n return videoId;\n };\n\n const handleStateChange = (event) => {\n const playerState = event.data;\n\n if (playerState === YouTube.PlayerState.PLAYING) {\n if (!intervalIdRef.current) {\n isYoutubePlayingRef.current = true;\n intervalIdRef.current = setInterval(async () => {\n if (youtubePlayerRef && youtubePlayerRef.current && youtubePlayerRef.current.internalPlayer) {\n const currentTime = await youtubePlayerRef.current.internalPlayer.getCurrentTime();\n const roundedTime = Math.floor(currentTime);\n if (Math.abs(roundedTime - lastMarkerCheckRef.current) > 1) {\n lastMarkerCheckRef.current = roundedTime; \n }\n }\n }, 500);\n }\n } else {\n isYoutubePlayingRef.current = false;\n if (intervalIdRef.current) {\n clearInterval(intervalIdRef.current);\n intervalIdRef.current = null;\n }\n\n if (playerState === YouTube.PlayerState.BUFFERING) {\n setIsLoading(true);\n } else {\n setIsLoading(false);\n }\n }\n};\n\n\n\n const handleSubmit = (event) => {\n event.preventDefault();\n };\n\n const handleBlur = () => {};\n\n const handleOnReady = (event) => {\n setIsLoading(false); \n const player = event.target;\n let cuePoint = 0;\n let videoProgressStatus = null;\n\n if (autoplay && player) {\n player.playVideo();\n } else if (player) {\n player.pauseVideo();\n }\n \n setYoutubePlayer(player);\n const duration = player.getDuration();\n onSetYoutubeDuration(duration);\n if (lecture && !lectureLog) {\n setLectureLog(StudentLogService.getLogForLecture(lecture._id));\n } \n\n if (lecture && lectureLog) {\n videoProgressStatus = lectureLog.status;\n if(videoProgressStatus === 'PENDING' || videoProgressStatus === 'IN_PROGRESS'){\n cuePoint = lectureLog.lastCuePoint;\n lastMarkerCheckRef.current = cuePoint;\n player.seekTo(cuePoint); \n } else if(videoProgressStatus === 'COMPLETED'){\n cuePoint = lectureLog.lastCuePoint;\n lastMarkerCheckRef.current = cuePoint;\n player.seekTo(cuePoint); \n } \n }\n\n if (lecture) {\n const videoProgressTrack = TrackerService.getVideoProgressTrack(lecture._id);\n let _markers = [];\n let _events = [];\n\n if(!videoProgressTrack){\n if(markers && markers.length > 0) {\n _markers = markers.map(m => { \n return { markerId: m._id, status: \"PENDING\"} \n });\n }\n } else {\n _markers = videoProgressTrack.markers;\n\n _markers.forEach(m => {\n const mrkr = MarkerService.get(m.markerId);\n if(mrkr && Math.floor(mrkr.time) - cuePoint < -2 ){\n m.status = \"PENDING\";\n }\n });\n }\n \n TrackerService.createOrUpdateVideoProgressTrack(lecture._id, cuePoint, videoProgressStatus, _markers, _events);\n }\n\n if (isStudentView && videoDuration && player) {\n player.seekTo(videoDuration); \n }\n setYoutubePlayer(player);\n onSetYoutubeDuration(duration);\n setVideoDuration(duration);\n\n\n const _videoId = getIdVideo(videoUrl);\n if (!_videoId || _videoId === \"\") return;\n onSetYoutubeUrl(videoUrl);\n const _thumbnailUrl = \"https://img.youtube.com/vi/\" + _videoId + \"/default.jpg\";\n onChangeThumbnail(_thumbnailUrl);\n setThumbnailUrl(_thumbnailUrl);\n setPlayerReady(true)\n \n };\n\n const clearCuePoint = () => {\n if (lecture && lecture._id) {\n localStorage.removeItem(`cuePoint_${lecture._id}`);\n }\n };\n\n\n const handlePlayerProgress = (event) => {};\n\n const handleOnPlay = (event) => {}; \n \n const handleOnPause = (event) => {};\n\n const handleOnEnd = (event) => {\n clearCuePoint();\n };\n\n const handleOnPlaybackRateChange = (event) => {}; \n\n const handleOnError = (event) => {\n };\n \n const handleOnPlaybackQualityChange = (event) => { }; \n\n const renderYoutubeVideoPlayer = () => {\n if (!videoUrl || videoUrl===\"\") return <> ;\n return (\n <>\n \n
\n zoom(\"+\")}>
\n zoom(\"-\")}>
\n invert()}>
\n contrastAndBrightness('gray')}>
\n contrastAndBrightness('low')}>
\n contrastAndBrightness('high')}>
\n showDyslexiaFont()}>
\n setExpanded(expanded === 1 ? 0 : 1)}>
\n \n \n {renderYoutubeVideoPlayer()}\n {!isStudentView && 
}\n\n
\n );\n};\n\nexport default YouTubeVideoPlayer;\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport { Alert, Button, Badge, Spinner, Table, Form} from \"react-bootstrap\";\n\nimport LectureService from \"../../../../services/LectureService\";\nimport YouTubeVideoPlayer from \"../../../widgets/videoplayer/YouTubeVideoPlayer\";\n\nconst LectureVideoViewer = (props) => {\n const {query} = props;\n const parser = new DOMParser();\n\n const [loading, setLoading] = useState(true);\n const [videoUrl, setVideoUrl] = useState('');\n\n const [lecture, setLecture] = useState(null);\n const [isYoutubeVideo, setIsYoutubeVideo] = useState(false);\n\n useEffect(() => {\n \n fetchVideoUrl();\n \n }, []);\n\n const fetchVideoUrl = async () => {\n try {\n setLoading(true);\n const _lecture = await LectureService.getLectureVideo(query.token);\n setLecture(_lecture);\n setVideoUrl(_lecture.url); // Set the complete URL here\n setIsYoutubeVideo(!_lecture.isYoutubeVideo ? false : true);\n\n } catch (error) {\n console.error('Error fetching video URL:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const renderVideoPlayer = () => {\n if (isYoutubeVideo) {\n return (\n \n
\n );\n } else {\n return (\n \n
\n \n
\n );\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n
\n \n
\n ) : (\n renderVideoPlayer()\n )}\n \n );\n};\n\n\nexport default LectureVideoViewer;","import moment from \"moment\";\n\nexport default {\n getRemainingDaysTillEndOfWeek: () => {\n return 7 - moment().day();\n },\n getCurrentDate: () => {\n return moment(new Date()).format(\"MMMM DD HH:mm\");\n },\n getCurrentDateTime: date => {\n return moment(date).format(\"llll\");\n },\n getDateCreateTime: date => {\n return moment(date).format('l');\n },\n formatStringDateToTooltipText: dateToConvert => {\n let formattedDate = \"\";\n try {\n let dateString = dateToConvert;\n let date = new Date(dateString);\n let month = date.getMonth() + 1; \n let day = date.getDate();\n let formattedMonth = month.toString().padStart(2, '0');\n let formattedDay = day.toString().padStart(2, '0');\n formattedDate = `${formattedMonth}/${formattedDay}`;\n } catch (error) {\n console.error(error);\n }\n \n return formattedDate;\n }\n};\n","import LocalStorageService from \"./LocalStorageService\";\nimport InstructorService from \"./InstructorService\";\nimport ClassService from \"./ClassService\";\nimport MockService from \"./MockService\";\nimport ApiService from \"./ApiService\";\nimport ApiPath from \"./../utils/ApiPath\";\nimport ResponseUtil from \"./../utils/ResponseUtil\";\nimport LimespringUtils from \"./../utils/LimespringUtils\";\nimport Config from \"./../config/Config\";\n\nexport default {\n\n getAll: () => {\n return LocalStorageService.get('announcements') || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"announcements\").find(\n announcement => announcement._id === id\n );\n },\n\n getLatest: () => {\n\n let announcements = LocalStorageService.get(\"announcements\") || [];\n\n if(announcements.length === 0) { return []; }\n\n let instructorAnnouncements = announcements.filter(announcement => {\n return announcement.origin === \"INSTRUCTOR\";\n });\n\n let systemAnnouncements = announcements.filter(announcement => {\n return announcement.origin === \"SYSTEM\";\n });\n\n let instructorAnnouncementColl = [];\n \n if(instructorAnnouncements && instructorAnnouncements.length > 0){\n instructorAnnouncementColl = instructorAnnouncements.map(\n instructorAnnouncement => {\n const instructorId = instructorAnnouncement.from;\n const message = instructorAnnouncement.message;\n const type = instructorAnnouncement.type;\n\n let instructor = InstructorService.get(instructorId);\n const title = LimespringUtils.getUserFullName(instructor);\n\n return {\n _id: instructorAnnouncement._id,\n title: title,\n message: message,\n icon: type\n };\n }\n );\n }\n\n let systemAnnouncementColl = [];\n \n if(systemAnnouncements && systemAnnouncements.length > 0){\n systemAnnouncementColl = systemAnnouncements.map(systemAnnouncement => {\n const classId = systemAnnouncement.from;\n const message = systemAnnouncement.message;\n const type = systemAnnouncement.type;\n\n let _class = ClassService.get(classId);\n const title = _class ? _class.title : 'Important Info';\n\n return {\n _id: systemAnnouncement._id,\n title: title,\n message: message,\n icon: type\n };\n });\n }\n\n return instructorAnnouncementColl.concat(systemAnnouncementColl);\n },\n\n remove: async (id) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.removeAnnouncement()); }\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_ANNOUNCEMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { announcements } = response.data;\n LocalStorageService.store({ announcements: announcements });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AnnouncementService | Error while attempting to remove response: ${error}`);\n return false;\n }\n }\n};\n","import LocalStorageService from \"./LocalStorageService\";\nimport UnitService from \"./UnitService\";\nimport AssetService from \"./AssetService\";\nimport AssessmentService from \"./AssessmentService\";\nimport LectureService from \"./LectureService\";\nimport DateUtils from \"./../utils/DateUtils\";\nimport VideoTimeUtils from \"./../utils/VideoTimeUtils\";\n\nexport default {\n getPending: async () => {\n const tasks = LocalStorageService.get(\"tasks\") || [];\n\n if (tasks.length === 0) {\n return [];\n }\n\n let pendingTasks = tasks.filter(task => {\n return task.status === \"PENDING\" && task.action === \"TAKE_ASSESSMENT\";\n });\n\n return pendingTasks.map(pendingTask => {\n let dueDate = new Date(pendingTask.dueDate);\n let unit = UnitService.get(pendingTask.unitId);\n let asset = AssetService.get(pendingTask.assetId);\n if (asset === null || asset === undefined) {\n asset = AssessmentService.get(pendingTask.assetId);\n }\n\n if (asset === null) {\n return null;\n }\n\n let displayableTask = {\n _id: pendingTask._id,\n dueDate: \"Due: \" + dueDate.toLocaleDateString(\"en-US\"),\n target: unit.title + \" \" + asset.type,\n remaining:\n DateUtils.getRemainingDaysTillEndOfWeek() + \" day(s) remaining\"\n };\n return displayableTask;\n });\n },\n getLatest: async () => {\n const tasks = LocalStorageService.get(\"tasks\");\n\n let pendingTasks = tasks.filter(task => {\n return task.status === \"PENDING\" && task.action === \"TAKE_ASSESSMENT\";\n });\n\n let displayableLatestTasks = pendingTasks.map(task => {\n let dueDate = new Date(task.dueDate);\n let unit = UnitService.get(task.unitId);\n let asset = AssetService.get(task.assetId);\n if (asset === null || asset === undefined) {\n asset = AssessmentService.get(task.assetId);\n }\n\n if (asset === null) {\n return null;\n }\n\n let displayableTask = {\n _id: task._id,\n dueDate: \"Due: \" + dueDate.toLocaleDateString(\"en-US\"),\n target: unit.title + \" \" + asset.type,\n remaining:\n DateUtils.getRemainingDaysTillEndOfWeek() + \" day(s) remaining\"\n };\n return displayableTask;\n });\n\n displayableLatestTasks.sort((a, b) => b.dueDate - a.dueDate);\n\n return [displayableLatestTasks[0]];\n },\n getCurrentVideoTasks: async () => {\n const tasks = LocalStorageService.get(\"tasks\") || [];\n \n let pendingVideoTasks = tasks.filter(task => {\n return task.status === \"PENDING\" && task.action === \"RESUME_VIDEO\";\n });\n\n let displayableVideoTasks = pendingVideoTasks.map(pendingVideoTask => {\n let dueDate = new Date(pendingVideoTask.dueDate);\n let unit = UnitService.get(pendingVideoTask.unitId);\n let asset = LectureService.get(pendingVideoTask.assetId);\n if (asset === null) {\n return;\n }\n let displayableTask = {\n _id: pendingVideoTask._id,\n dueTime: VideoTimeUtils.getTimeLeft(pendingVideoTask.secondsLeft),\n target: asset.title\n };\n return displayableTask;\n });\n\n return displayableVideoTasks;\n }\n};\n","import React, { useState, useEffect } from \"react\";\nimport AnnouncementService from \"../../../services/AnnouncementService.js\";\nimport * as Icons from \"react-bootstrap-icons\";\n\nimport \"./announcements.css\";\n\nconst Announcements = props => {\n\n const {callout} = props;\n\n const [announcements, setAnnouncements] = useState(null);\n\n useEffect(() => {\n if (!announcements) {\n getAnnouncements();\n }\n });\n\n const getAnnouncements = async () => {\n let res = await AnnouncementService.getLatest();\n setAnnouncements(res);\n };\n\n const dismissAnnouncement = (id) => {}\n\n const renderAnnouncement = announcement => {\n return (\n \n {announcement.icon === \"EMAIL\" ? (\n
\n \n
\n );\n};\n\nexport default Announcements;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/medal-pending.fa59acfc.svg\";","import React from 'react';\nimport ReactGA from 'react-ga';\nimport {useHistory} from 'react-router-dom';\nimport {ProgressBar} from 'react-bootstrap';\nimport DeepLinking from \"../../../utils/DeepLinking\";\nimport './tile.css';\n\nconst AwesomeTile = (props) => {\n\n const { id, thumbnail, title, description, progress, isgradebook } = props;\n\n const history = useHistory();\n\n const showClass = () => {\n //track event in Google Analytics\n ReactGA.event({\n category: 'User',\n action: `View class: ${title}`\n });\n\n if(isgradebook){ \n history.push(DeepLinking.STUDENT.GRADEBOOK_UNITS_VIEW_PATH.replace(':id', id));\n } else {\n history.push(DeepLinking.STUDENT.CLASS_VIEW_PATH.replace(':id', id));\n }\n }\n\n return ( \n \n
\n {callout}
\n showClass()}>\n
\n );\n}\n \nexport default AwesomeTile;","import React, { useState, useEffect } from \"react\";\nimport {Button} from 'react-bootstrap';\nimport {useHistory} from 'react-router-dom';\nimport ClassService from \"../../../services/ClassService\";\nimport InstructorService from \"../../../services/InstructorService\";\nimport StudentLogService from \"./../../../services/StudentLogService\";\nimport ClassTile from \"../tile/ClassTile\";\nimport AwesomeTile from \"../tile/AwesomeTile\";\nimport DeepLinking from './../../../utils/DeepLinking';\nimport \"./classlist.css\";\nimport CourseService from \"../../../services/CourseService\";\n\nconst ClassList = (props) => {\n\n const { studentGradebookTile } = props;\n \n const history = useHistory();\n\n const [classes, setClasses] = useState(null);\n const [instructors, setInstructors] = useState(null);\n const [log, setLog] = useState(null);\n\n useEffect(() => {\n if (!classes) {\n setClasses(ClassService.getAll());\n if (!instructors) {\n setInstructors(InstructorService.getAll());\n }\n setLog(StudentLogService.get())\n }\n }, [classes, instructors]);\n\n const getClassDescription = (c) => {\n if(!c || !c.courses || c.courses.length === 0) return 'None Available';\n \n const courseId = c.courses[0];\n if(courseId === '') return 'None Available';\n \n const course = CourseService.get(courseId);\n if(!course || !course.description || course.description === \"\") return 'None Available';\n\n return course.description;\n }\n\n const renderClass = _class => {\n /*\n return (\n \n
\n\n \n {title}\n
\n \n
\n );\n};\n\nexport default ClassList;\n","import React, {useState, useEffect} from 'react';\nimport {Button, ProgressBar} from 'react-bootstrap';\nimport {useHistory} from 'react-router-dom';\nimport * as Icons from \"react-bootstrap-icons\";\nimport StudentLogService from \"./../../../services/StudentLogService\";\nimport LectureService from \"./../../../services/LectureService\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\nimport ReactHtmlParser from 'react-html-parser'; \nimport AssessmentService from '../../../services/AssessmentService';\nimport './tile.css';\n\nconst UnitTile = (props) => {\n\n const { unit, classId, studentUnitTile } = props;\n\n const history = useHistory();\n const [unitlog, setUnitlog] = useState(null);\n const [lectures, setLectures] = useState([]);\n\n\n useEffect(() => {\n if (!unitlog) {\n setLectures(unit.lectures);\n setUnitlog(StudentLogService.getLogForUnit(unit._id));\n }\n }, [unit]);\n\n const showUnitStatus = () => {\n if (unitlog) {\n return (\n \n
\n {studentGradebookTile ? \"My Grades\" : \"My Courses\"}
\n {/**/}\n\n {\n classes && classes.length > 0 ? (\n classes.map(_class => renderClass(_class))\n ) : (\n
\n None assigned
\n )}\n\n {getLectures()}\n {getWorkbook()}\n {getQuizzes()}\n {getExam()}\n
\n )\n } else {\n return \"\";\n }\n };\n\n const getLectures = () => {\n let numberOfLectures = 0\n if(lectures && lectures.length > 0) numberOfLectures = lectures.length;\n if(numberOfLectures > 0){\n return \n Quizzes: {totalOfQuizzes}\n
\n } else {\n return <>;\n }\n }\n\n const getWorkbook = () => {\n if(!unit || !unit.assessments || unit.assessments.length === 0) { return <>; }\n const wb = unit.assessments.find(a => a.type === 'WORKBOOK');\n if(!wb) { return <>; }\n return \n Workbook
;\n }\n\n const getExam = () => {\n const exams = unit.assessments.filter(a => a.type === 'BOOKEXAM');\n if (exams && exams.length > 0 ) {\n return (\n \n Exams: {exams.length}\n
\n );\n } else {\n return <>;\n }\n };\n\n const getTotalOfBookExams = () => {\n let totalBookExams = 0;\n if (unit && unit.assessments && unit.assessments.length > 0) {\n totalBookExams = unit.assessments.filter(a => a.type === 'BOOKEXAM').length;\n }\n return totalBookExams;\n };\n\n const getTotalOfQuizzes = () =>{\n let assessments = 0;\n if(lectures && lectures.length > 0){\n lectures.forEach(l => { \n if(l.assessments && l.assessments.length > 0){\n assessments += l.assessments.length;\n }\n });\n }\n return assessments\n }\n\n const showUnitDetails = () => {\n return \n
;\n }\n\n const showUnit = () => {\n history.push({pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", unit._id), state: {classId: classId}});\n };\n return (\n\n {unit ? ReactHtmlParser(unit.description) : 'None Available'}
\n showUnit()}>\n {unit ? unit.title: ''}\n 100 ? 100: Math.ceil(unitlog.progress)}% complete`}\n /> : \"\"}\n
\n );\n}\n \nexport default UnitTile;","import React, { useEffect, useState } from \"react\";\nimport \"./unitlist.css\";\nimport UnitTile from './../tile/UnitTile';\n\nconst UnitList = props => {\n\n const { units, classId } = props;\n\n const [displayedUnits, setDisplayedUnits] = useState([]);\n\n useEffect(() => {\n setDisplayedUnits(units || []);\n }, [units]);\n\n const renderUnit = unit => {\n return (\n \n
\n {unitlog ? \n \n {showUnitDetails()}\n {showUnitStatus()}\n
\n \n \n
\n \n {displayedUnits.length > 0 ? (\n displayedUnits.map(unit => renderUnit(unit))\n ) : (\n
\n );\n};\n\nexport default UnitList;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Header from \"../../../widgets/header/Header\";\nimport PendingTasks from \"./../../../widgets/tasks/PendingTasks\";\nimport Announcements from \"./../../../widgets/announcements/Announcements\";\nimport Achievements from \"./../../../widgets/achievements/Achievements\";\nimport ClassList from \"../../../widgets/class-list/ClassList\";\nimport UnitList from \"../../../widgets/unit-list/UnitList\";\nimport ClassService from \"../../../../services/ClassService\";\nimport UnitService from \"../../../../services/UnitService\";\nimport LocalStorageService from \"../../../../services/LocalStorageService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport CacheService from \"./../../../../services/CacheService\";\nimport LimespringUtils from \"./../../../../utils/LimespringUtils\";\nimport SidebarMenu from \"./../../../widgets/sidebar/SidebarMenu\";\nimport \"./dashboardview.css\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\n\nconst DashboardView = () => {\n const history = useHistory();\n const [open, setOpen] = useState(false);\n const [isStudent, setIsStudent] = useState(true);\n const [fromAdminInstructor, setFromAdminInstructor] = useState(false);\n const [renderClass, setRenderClass] = useState(true);\n const [callout, setCallout] = useState(\"Welcome, Student\");\n const [units, setUnits] = useState([]);\n\n //cache refresh\n useEffect(() => {\n (async () => {\n await CacheService.syncLogin();\n })();\n }, []);\n\n useEffect(() => {\n document.title = \"LimeSpring Portal - Student Dashboard\";\n const user = ProfileService.get();\n setIsStudent(user.role === 'Student');\n const userAdmin = LocalStorageService.get(\"userAdmin\");\n if(userAdmin && userAdmin.role && (userAdmin.role==='SuperAdmin' || userAdmin.role==='Instructor')) {\n setFromAdminInstructor(true);\n setIsStudent(true);\n } else {\n setFromAdminInstructor(false);\n }\n const units = UnitService.getAll()\n setUnits(units);\n setCallout(`Welcome back, ${LimespringUtils.getUserName(user)}`);\n }, [callout]);\n\n const handleClick = e => {\n e.preventDefault();\n setOpen(!open);\n };\n\n const loadPage = target => {\n if (target === \"grades\") {\n history.push(DeepLinking.STUDENT.GRADEBOOK_VIEW_PATH);\n } else if (target === \"account\") {\n history.push(`/settings`);\n } else if(target === \"bookstore\") {\n //history.push(DeepLinking.BOOKSTORE_VIEW_PATH);\n } else if(target === \"logout\") {\n history.push(DeepLinking.LOGOUT_VIEW_PATH);\n }\n };\n\n return (\n No units found
\n )}\n\n
\n );\n};\n\nexport default DashboardView;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport axios from \"axios\";\n\nexport default {\n \n getAll: () => {\n return LocalStorageService.get(\"feedbacks\");\n },\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_FEEDBACKS_ENDPOINT);\n if(response && response.status === 200) { \n const { feedbacks } = response.data;\n return feedbacks;\n } \n return [];\n },\n\n get: id => {\n return LocalStorageService.get(\"feedbacks\").find(\n feedback => feedback._id === id\n );\n },\n\n getByIds: ids => {\n const allfeedbacks = LocalStorageService.get(\"feedbacks\");\n return ids.map(id => { return allfeedbacks.find(fb => fb._id === id)});\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"feedbacks\")[0];\n },\n\n downloadCsv: async () => {\n return await axios.get(ApiPath.DOWNLOAD_FEEDBACKS_ENDPOINT, {\n timeout: 600000 \n });\n },\n\n create: async (payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.createFeedback()); }\n try { \n let response = await new ApiService().post(ApiPath.CREATE_FEEDBACK_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n const { feedbacks } = response.data;\n LocalStorageService.store({ feedbacks: feedbacks });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`FeedbackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n update: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.updateFeedback()); }\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_FEEDBACK_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n const { feedbacks } = response.data;\n LocalStorageService.store({ feedbacks: feedbacks });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`FeedbackService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n remove: async (id) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.removeFeedback()); }\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_FEEDBACK_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { feedbacks } = response.data;\n LocalStorageService.store({ feedbacks: feedbacks });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`FeedbackService | Error while attempting to remove feedback. response: ${error}`);\n return false;\n }\n }\n};\n","import React, {useState, useEffect} from 'react';\nimport * as Icons from 'react-bootstrap-icons';\nimport './rater.css';\n\nconst Star = (props) => {\n\n const {size, activate, onClicked=()=>{}} = props;\n\n useEffect(()=> {}, [activate]);\n\n const renderIcon = () => {\n return activate ? \n
\n \n loadPage(target)}\n showInstructorMode={ isStudent && !fromAdminInstructor ? false : true }\n showStudentFromAdminInstructor={ fromAdminInstructor}\n />\n
\n \n
\n \n {/*\n
\n {renderClass ? (\n onClicked({active: !activate})}>\n {renderIcon()}\n
\n );\n}\n \nexport default Star;","import React, {useEffect, useState} from 'react';\n\nimport Star from \"./Star\";\n\nconst Rater = (props) => {\n\n const {id, onRating=()=>{}} = props;\n\n const [star0Activate, setStar0Activate] = useState(false);\n const [star1Activate, setStar1Activate] = useState(false);\n const [star2Activate, setStar2Activate] = useState(false);\n const [star3Activate, setStar3Activate] = useState(false);\n const [star4Activate, setStar4Activate] = useState(false);\n\n const setAllInactive = () => {\n setStar0Activate(false);\n setStar1Activate(false);\n setStar2Activate(false);\n setStar3Activate(false);\n setStar4Activate(false);\n }\n\n const onStarClicked = (e, index) => {\n setAllInactive();\n\n if(index === 4){\n setStar0Activate(true);\n setStar1Activate(true);\n setStar2Activate(true);\n setStar3Activate(true);\n setStar4Activate(true);\n onRating(5);\n } \n \n if(index === 3){\n setStar0Activate(true);\n setStar1Activate(true);\n setStar2Activate(true);\n setStar3Activate(true);\n onRating(4);\n } \n\n if(index === 2){\n setStar0Activate(true);\n setStar1Activate(true);\n setStar2Activate(true);\n onRating(3);\n } \n\n if(index === 1){\n setStar0Activate(true);\n setStar1Activate(true);\n onRating(2);\n } \n\n if(index === 0){\n setStar0Activate(true);\n onRating(1);\n } \n }\n\n return (\n \n onStarClicked(e, 0)}/>\n onStarClicked(e, 1)}/>\n onStarClicked(e, 2)}/>\n onStarClicked(e, 3)}/>\n onStarClicked(e, 4)}/>\n
\n );\n}\n \nexport default Rater;","import React, {useState} from \"react\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Rater from \"../rater/Rater\";\nimport \"react-rater/lib/react-rater.css\";\nimport \"./ratelecturemodal.css\";\n\nconst RateLectureModal = props => {\n\n const {show, onHide, onFeedback} = props;\n\n const [stars, setStars] = useState(0);\n const [comment, setComment] = useState('');\n\n return (\n We love feedback!
\n\n Do you have a second to rate this lecture?\n
\nAdditional feedback: (optional)
\n\n\n { showVideoPlayer() }\n
\n );\n};\n\nexport default LimespringVideoPlayer;\n","export default class Playlist {\n constructor(unit, lectures, assessments) {\n this.unit = unit;\n this.lectures = lectures;\n this.assessments = assessments;\n }\n\n getUnit() {\n return this.unit;\n }\n\n setUnit(unit) {\n this.unit = unit;\n }\n\n getLectures() {\n return this.lectures;\n }\n\n setLectures(lectures) {\n this.lectures = lectures;\n }\n\n getAssessments() {\n return this.assessments;\n }\n\n setAssessments(assessments) {\n this.assessments = assessments;\n }\n\n toString() {\n return JSON.stringify(this);\n }\n}\n","import UnitService from \"./../services/UnitService\";\nimport LectureService from \"./../services/LectureService\";\nimport Playlist from \"./../payloads/Playlist\";\n\nexport default {\n getByUnitId: id => {\n const unit = UnitService.get(id);\n const lectures = unit.lectures;\n const assessments = unit.assessments;\n return new Playlist(unit, lectures, assessments);\n }\n};\n","import React from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Rater from \"react-rater\";\nimport {useHistory} from \"react-router-dom\";\nimport DeepLinking from './../../../utils/DeepLinking';\nimport \"./videoleftmenubuttons.css\";\nimport { Badge,OverlayTrigger, Tooltip, } from \"react-bootstrap\";\n\nconst PlayVideoQuizzes = props => {\n\n const { classId, quizzes, logs, unit, lecture, isStartOn=false, tooltipText=\"\" } = props;\n\n const history = useHistory(); \n\n const showQuiz = (id) => {\n history.push({pathname: DeepLinking.STUDENT.QUIZ_VIEW_PATH.replace(':id', id), state: {classId: classId, unit:unit, lecture: lecture, source:'unit'}});\n }\n\n const renderQuizzLocked = (quiz, quizProgress) => {\n return (<>\n \n
\n \n \n );\n }\n\n const renderQuiz = (quiz, quizProgress) => {\n return (<>\n \n
\n \n \n
\n \n\n {quiz.title}
\n \n showQuiz(quiz._id)}>\n
\n \n \n );\n }\n\n const render = (quiz, quizProgress) => {\n if (isStartOn) {\n return renderQuiz(quiz, quizProgress);\n } else {\n return renderQuizzLocked(quiz, quizProgress);\n }\n }\n\n\n // return (\n // \n
\n \n \n \n }\n \n
\n\n {quiz.title}
\n {\n quizProgress && quizProgress.status !== 'PENDING' ?\n\n // {quizzes.map(quiz => {\n // const quizProgress = logs.find(log => {\n // return log._id === quiz._id;\n // });\n // return (\n // <>\n // \n // \"Hola mundo\"\n // \n // }\n // >\n //
\n // );\n\n return (\n // showQuiz(quiz._id)}>\n //
\n // \n // \n // );\n // })}\n // \n //
\n // \n // \n // \n // }\n \n //
\n\n // {quiz.title}
\n // {\n // quizProgress && quizProgress.status !== 'PENDING' ?\n //\n \n \n \n );\n};\n\nexport default PlayVideoButton;\n","import React from \"react\";\nimport { OverlayTrigger, Tooltip, Button } from \"react-bootstrap\";\nimport \"./videoleftmenubuttons.css\";\n\nconst PlayVideoExamButton = props => {\n\n const { score, status, defaultText, listener } = props;\n\n const examBookLocked = () => {\n return (\n \n {defaultText}\n \n }\n >\n \n Bookexam is ready!\n \n }\n >\n \n Bookexam already taken!\n \n }\n >\n \n Workbook is ready!\n \n }\n >\n \n Locked! Complete the lesson(s) to unlock.\n \n }\n >\n \n Improve your score by retaking this workbook!\n \n }\n >\n \n {defaultText}\n \n }\n >\n \n Assignment is ready!\n \n }\n >\n \n Assignment already taken!\n \n }\n >\n scrubVideoToCuepoint(cue)}\n openAncillaryItem={(assetId, type) => showAncillaryItem(assetId, type)}\n />\n }\n \n const showAncillaryItems = () => {\n if(!currentLecture || !currentLecture.markers || currentLecture.markers.length === 0) { return No Content available}\n const markers = currentLecture.markers;\n if(!markers || markers.length === 0) { return No Content available }\n //sort markers by time\n markers.sort((a, b) => {return a.cuePoint - b.cuePoint});\n \n const helpful_markers = markers.filter(m => m.assessment === \"\");\n if(!helpful_markers || helpful_markers.length === 0) { return No Content available }\n return helpful_markers.map(marker => {\n return \n })\n }\n\n const getLectureCaptionUrl = (lect) => {\n let captionUrl = '';\n if (transcript && transcript.captionUrl) {\n return transcript.captionUrl;\n }\n const transcriptRef = lect.transcripts.find(t => t.code === 'en');\n if(transcriptRef !== null && transcriptRef !== undefined && transcriptRef._id !== ''){\n const transcript = TranscriptService.getFromLocal(transcriptRef._id);\n if(transcript) captionUrl = transcript.captionUrl;\n }\n return captionUrl;\n }\n const updatePlaybackTime = (time) => {\n setPlaybackTime(time);\n }\n\n const showVideoPlayer = () => {\n if (lectures && currentLecture) {\n return lectures.map(lect => {\n if (lect.isYoutubeVideo) {\n return (\n itemClickHandler(e, q, i + (maxItemsInSet * currentSetIndex))}>\n {(i+1) + (maxItemsInSet * currentSetIndex)}\n \n });\n }\n\n const prevNextClickHandler = (index) => {\n if(index < 0) { return; }\n if(index >= itemSets.length) { return; }\n setCurrentSetIndex(index);\n }\n\n const showItems = () => {\n let paginationItems = [];\n\n if(questions.length > maxItemsInSet){\n paginationItems.push( prevNextClickHandler(currentSetIndex - 1)}/>);\n }\n \n paginationItems.push(getItemsFromSet(currentSetIndex));\n \n if(questions.length > maxItemsInSet){\n paginationItems.push( prevNextClickHandler(currentSetIndex + 1)}/>);\n }\n \n return paginationItems;\n }\n\n return (\n \n LaTex: {latex}\n \n }>\n \n } else {\n return clickHandler(ltx)}\n />\n ));\n rows.push(\n {\n inputField.current = el;\n if (el && el.mathField) {\n mathquillRef.current = el.mathField;\n }\n }}\n onKeyPress={(e) => checkEnterKeyPressed(e)}\n onChange={handleLatexChange}\n mathquillDidMount={mathField => {\n mathquillRef.current = mathField;\n }}\n />\n {\n keyboardLayout && keyboardLayout.length > 0 ?\n <>\n setIsDrawerOpen(!isDrawerOpen)}>\n 
\n \n insert(l)} layout={keyboardLayout ? keyboardLayout : []} close={() => setIsDrawerOpen(false)} />\n \n : <>\n }\n \n );\n}\n\nexport default StudentMathInputField;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n getAll: () => {\n return LocalStorageService.get(\"questions\");\n },\n\n get: id => {\n return LocalStorageService.get(\"questions\").find(\n question => question._id === id\n );\n },\n\n getByIds: ids => {\n const all_questions = LocalStorageService.get(\"questions\");\n //preserve order!\n const questions = ids.map(id => {\n return all_questions.find(question => { return question._id === id})\n });\n\n if(!questions || questions.length === 0) {return []}\n //TODO - clean up all getByIds with null/undefined filters!\n return questions.filter(q => q !== null && q !== undefined);\n },\n\n store: questions => {\n LocalStorageService.store({ questions: questions });\n },\n\n getFromRemote: async (ids) => {\n try { \n let response = await new ApiService().post(ApiPath.GET_QUESTIONS_REMOTE_ENDPOINT, {ids: ids});\n if (ResponseUtil.isOK(response)) {\n const { questions } = response.data;\n return questions;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.getQuestions()); }\n try { \n let response = await new ApiService().get(ApiPath.GET_QUESTIONS_ENDPOINT);\n if (ResponseUtil.isOK(response)) {\n const { questions } = response.data;\n return questions;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getSomeFromRemote: async (limit=0) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.getQuestions()); }\n try { \n let response = await new ApiService().get(ApiPath.GET_QUESTIONS_ENDPOINT + `?limit=${limit}`);\n if (ResponseUtil.isOK(response)) {\n const { questions } = response.data;\n return questions;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getLatestFromRemote: async () => {\n try { \n let response = await new ApiService().get(ApiPath.GET_LATEST_QUESTION_REMOTE_ENDPOINT);\n if (ResponseUtil.isOK(response)) {\n const { question } = response.data;\n return question;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n getLatest: () => {\n return LocalStorageService.get(\"questions\")[0];\n },\n\n getLatestN: (n) => {\n return LocalStorageService.get(\"questions\").slice(0, n);\n },\n\n getAsAttempts: (questions) => {\n if(!questions || questions.length === 0) { return []}\n let questions_copy = JSON.parse(JSON.stringify(questions));\n let attempts = [];\n\n //expand stepped questions (if any)\n const steppedQuestions = questions.filter(q => q.context === 'STEP_OPTIONS');\n\n if(steppedQuestions && steppedQuestions.length > 0){\n \n //Add the steps of each removed parent instead!\n //since we have these as string[] if ids, create fake object\n steppedQuestions.forEach(sq => {\n if(sq.steps && sq.steps.length > 0){\n sq.steps.forEach(s => { questions_copy.push({_id: s, step: true, parent: sq._id}) });\n }\n });\n }\n\n attempts = questions_copy.map(q => { return {_id: q._id, step: q.step || false, parent: q.parent || '', isStepParent: q.context === 'STEP_OPTIONS' || false, status: 'PENDING', timeSpentInSecs: 0, timestamp: 0, selectedChoiceIds: [], inputChoice:'', viewHint: false, viewExplanation: false, claimedAsCorrect: false } })\n return attempts;\n },\n\n clone: async (question) => {\n\n const clone = {...question};\n clone.statement = question.statement + \" COPY\";\n\n //if choices, then reset ids to avoid clone issues\n if(clone.choices && clone.choices.length > 0){\n clone.choices = clone.choices.map(c => {\n c._id = uuidv4();\n return c;\n });\n }\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_QUESTION_ENDPOINT, clone);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n create: async (payload) => {\n try { \n let response = await new ApiService().post(ApiPath.CREATE_QUESTION_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n const { question } = response.data;\n return question;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n batch: async (payload) => {\n try { \n let response = await new ApiService().post(ApiPath.BATCH_QUESTIONS_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n update: async (id, payload) => {\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_QUESTION_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n remove: async id => {\n try {\n let response = await new ApiService().delete(ApiPath.REMOVE_QUESTION_ENDPOINT.replace(\":id\", id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`QuestionService | Error while attempting to remove response: ${error}` );\n return false;\n }\n }\n};\n","import React from \"react\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./incorrectquestionmodal.css\";\nimport MathDisplayField from \"../math/MathDisplayField\";\n\nconst IncorrectQuestionModal = props => {\n\n const { question, show, onNextQuestion, onTryAgain} = props;\n\n return (\n \n \n \n Oops! That isn’t the correct answer.
Would you like to try again?\n \n \n \n \n \n \n \n );\n};\n\nexport default IncorrectQuestionModal;\n","import React from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport \"./explanationmodal.css\";\n\nconst ImagePreviewModal = props => {\n\n const { url, show } = props;\n\n return (\n \n \n \n Image Preview\n \n \n \n 
\n \n \n );\n};\n\nexport default ImagePreviewModal;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Steps, { Step } from \"rc-steps\";\nimport MathDisplayField from \"./../math/MathDisplayField\";\nimport StudentMathInputField from \"./../math/StudentMathInputField\";\nimport AssetService from '../../../services/AssetService';\nimport QuestionService from '../../../services/QuestionService';\nimport IncorrectQuestionModal from './../modals/IncorrectQuestionModal';\nimport ImagePreviewModal from './../modals/ImagePreviewModal';\nimport { Form } from 'react-bootstrap';\nimport * as Icons from \"react-bootstrap-icons\";\nimport { animations } from \"react-animation\";\nimport Editor from \"@monaco-editor/react\";\nimport $ from 'jquery';\nimport './assessment-questions.css';\n\nconst AssessmentQuestion = (props) => {\n\n const { question, attempts = [], isExam = false, isWorkbook = false, retry = false, index = 0, total = 0, last = false, onAnswerSubmit, onHint, onExplanation, examSubmit = () => { }, stepIndex = 0, onStepExplanation = () => { }, onStepHint = () => { }, onStepAnswerSubmit = () => { }, onStepsFinished = () => { }, onChoiceUpdate = () => { }, resetHasChanged=false, onResetChoiceUpdate = () => {}, token} = props;\n\n const [answer, setAnswer] = useState(null);\n const [retryQuestion, setRetryQuestion] = useState(false);\n const [animation, setAnimation] = useState({});\n const [nextQuestionDisabled, setNextQuestionDisabled] = useState(true);\n const [showIncorrectQuestionModal, setShowIncorrectQuestionModal] = useState(false);\n const [initiallySelected, setInitiallySelected] = useState(false);\n\n const [steppedQuestion, setSteppedQuestion] = useState(false);\n const [currentStep, setCurrentStep] = useState(0);\n const [stepQuestions, setStepQuestions] = useState(null);\n\n const [showImageModal, setShowImageModal] = useState(false);\n const [imageUrl, setImageUrl] = useState('');\n const [multimediaAsset, setMultimediaAsset] = useState(null);\n\n const [codeInput, setCodeInput] = useState('');\n const [textInput, setTextInput] = useState('');\n\n const focusInputRef = useRef(null);\n const focusInputRef1 = useRef(null);\n\n const [initialInputState, setInitialInputState] = useState({ selectedChoiceIds: [], textInput: '', codeInput: '' });\n\n const editorOptions = {\n readOnly: false,\n minimap: { enabled: false }\n };\n\n const [hasChanged, setHasChanged] = useState(false);\n\n const [stepData, setStepData] = useState([]);\n\n useEffect(() => {\n\n loadAsset();\n\n let initialState = {\n selectedChoiceIds: [],\n textInput: '',\n codeInput: ''\n };\n \n setHasChanged(false);\n setAnswer({\n _id: question._id,\n status: 'PENDING',\n timestamp: Date.now(),\n selectedChoiceIds: getSelectedChoiceIds(question),\n inputChoice: getInputChoice(question._id),\n viewHint: false,\n viewExplanation: false,\n numberOfAttempts: 0\n });\n setAnimation({ animation: animations.bounceIn });\n setTimeout(() => { setAnimation({}) }, 750);\n setNextQuestionDisabled(true);\n if (attempts && attempts.length > 0) setInitiallySelected(true);\n\n //typeset math!\n if (window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n\n if (question && question.steps && question.steps.length > 0 && question.context === 'STEP_OPTIONS') {\n setSteppedQuestion(true);\n setupStepQuestion();\n } else {\n setSteppedQuestion(false);\n setStepQuestions(null);\n setCurrentStep(0);\n }\n\n let _textInput = \"\";\n if(question.subtype === 'INPUT_CHOICE') { \n _textInput = getPreviousInputAttempt(question._id);\n setTextInput(_textInput);\n \n } else if(question.subtype === 'STEPS'){\n const stepQuestionId = question.steps[currentStep];\n _textInput = getPreviousInputAttempt(stepQuestionId);\n setTextInput(_textInput);\n } \n\n if (question.subtype === 'MULTIPLE_CHOICE') {\n initialState.selectedChoiceIds = getSelectedChoiceIds(question);\n } else if (question.subtype === 'INPUT_CHOICE') { \n initialState.textInput = _textInput;\n } else if (question.subtype === 'MANUAL_CHOICE') {\n initialState.codeInput = getInitialCodeInput(question);\n }\n \n setInitialInputState(initialState);\n setTimeout(() => {\n if (focusInputRef.current) {\n focusInputRef.current.focus();\n }\n if (focusInputRef1.current) {\n focusInputRef1.current.focus();\n }\n }, 500);\n }, [question]);\n\n useEffect(() => {\n if (stepQuestions && stepQuestions.length > 0) {\n if (stepIndex >= stepQuestions.length) {\n setCurrentStep(0);\n setSteppedQuestion(false);\n onStepsFinished();\n } else {\n setCurrentStep(stepIndex);\n }\n }\n }, [stepIndex]);\n\n useEffect(() => {\n const prepareStepData = () => {\n if (!question || !question.steps || question.steps.length === 0) return [];\n return question.steps.map((s, i) => ({\n cssClass: getStepStatusCSS(s),\n stepNumber: i + 1,\n }));\n };\n \n setStepData(prepareStepData());\n }, [currentStep, question, attempts]);\n\n useEffect(() => {\n setRetryQuestion(retry);\n if (retry) setShowIncorrectQuestionModal(true);\n }, [retry]);\n\n useEffect(() => { \n setHasChanged(false);\n let initialState = {\n selectedChoiceIds: [],\n textInput: '',\n codeInput: ''\n };\n if (question.subtype === 'MULTIPLE_CHOICE') {\n initialState.selectedChoiceIds = getSelectedChoiceIds(question);\n } else if (question.subtype === 'INPUT_CHOICE') { \n if (answer) {\n initialState.textInput = answer.inputChoice;\n } else {\n initialState.textInput = \"\";\n }\n\n } \n \n setInitialInputState(initialState);\n }, [resetHasChanged]);\n\n const resetState = () => {\n setTextInput('');\n setCodeInput('');\n } \n\n const handleInputChange = (newValue) => {\n setHasChanged(true);\n };\n\n const getInitialCodeInput = (question) => { \n return '';\n };\n\n const loadAsset = async () => {\n //load image (if exists) first\n if(question && question.multimedia && question.multimedia !== ''){\n let asset = AssetService.get(question.multimedia);\n if (!asset) {\n if (token) {\n asset = await AssetService.getFromRemoteAnonymous(question.multimedia, token);\n } else {\n asset = await AssetService.getFromRemote(question.multimedia);\n }\n }\n setMultimediaAsset(asset);\n }\n }\n\n const setupStepQuestion = async () => {\n const questions = await QuestionService.getFromRemote(question.steps);\n const sorted = [];\n //must preserve order!\n if (questions && questions.length > 0) {\n question.steps.forEach(s => {\n sorted.push(questions.find(q => q._id === s));\n });\n }\n setStepQuestions(sorted);\n setCurrentStep(stepIndex);\n }\n\n const getStepStatusCSS = (s) => {\n if (attempts && attempts.length > 0) {\n const attempt = attempts.find(a => a._id === s);\n if (attempt) {\n if (attempt.status === 'CORRECT') return 'step-question-right';\n if (attempt.status === 'INCORRECT') return 'step-question-wrong';\n if (attempt.status === 'PENDING') return '';\n }\n }\n return '';\n }\n\n const displayImageModal = (url) => {\n setImageUrl(url);\n setShowImageModal(true);\n }\n\n const renderMultimedia = () => {\n if (!question || !question.multimedia || question.multimedia === '') return <>;\n if(!multimediaAsset) return <>;\n return {\n saveInput(sentence);\n handleInputChange(sentence);\n }}\n onSubmit={() => steppedQuestion ? checkAndNextStep() : checkAndSubmit()} \n externalValue={textInput}/>\n }\n\n const renderQuestionInput = () => {\n if (stepQuestions && stepQuestions.length > 0 && steppedQuestion) {\n const currentStepQuestion = stepQuestions[currentStep];\n return renderInput(currentStepQuestion);\n } else {\n return renderInput(question);\n }\n }\n\n const renderInput = (q) => {\n if (!q) return <>;\n\n if (isWorkbook || isExam) {\n if (q.subtype === 'MULTIPLE_CHOICE') {\n if (!q.choices || q.choices.length === 0) return <>No question choices available\n return q.choices.map(choice => {\n return ;\n }\n\n const onTryAgainHandler = () => {\n setShowIncorrectQuestionModal(false);\n }\n\n const onNextQuestionHandler = () => {\n setShowIncorrectQuestionModal(false);\n checkAndSubmit();\n }\n return (\n \n \n \n \n \n \n 
\n \n \n {props.retake ? \n \n \n );\n};\n\nexport default TimeUpModal;\n","import React from \"react\";\nimport {Modal, Button} from \"react-bootstrap\";\nimport './examcompletemodal.css';\n\nconst ExamCompleteModal = props => {\n \n return (\n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default ExamCompleteModal;\n","import React from \"react\";\nimport {Modal, Button} from \"react-bootstrap\";\nimport * as Icons from 'react-bootstrap-icons';\nimport './missingsavedanswermodal.css';\n\nconst MissingSavedAnswerModal = props => {\n \n return (\n \n \n \n \n \n \n \n \n );\n};\n\nexport default MissingSavedAnswerModal;\n","import React, {useState, useEffect} from 'react';\nimport {useHistory } from 'react-router-dom';\nimport Header from \"../../../widgets/header/Header\";\nimport AssessmentPager from \"../../../widgets/pagination/AssessmentPager\";\nimport AssessmentQuestion from \"./../../../widgets/assessments/AssessmentQuestion\";\nimport AssessmentService from \"./../../../../services/AssessmentService\";\nimport QuestionService from \"./../../../../services/QuestionService\";\nimport AttemptService from \"./../../../../services/AttemptService\";\nimport TrackService from \"./../../../../services/TrackService\";\nimport StudentLogService from \"./../../../../services/StudentLogService\";\nimport AssessmentUtils from \"./../../../../utils/AssessmentUtils\";\nimport RandomUtils from \"./../../../../utils/RandomUtils\";\nimport Attempt from \"./../../../../payloads/Attempt\";\nimport DeepLinking from '../../../../utils/DeepLinking';\nimport Stopwatch from './../../../widgets/stopwatch/Stopwatch';\nimport './quizview.css';\nimport TimeUpModal from '../../../widgets/modals/TimeUpModal';\nimport ProfileService from '../../../../services/ProfileService';\nimport ExamCompleteModal from '../../../widgets/modals/ExamCompleteModal';\nimport MissingSavedAnswerModal from '../../../widgets/modals/MissingSavedAnswerModal';\n\nconst ExamView = (props) => {\n\n const { examId, classId, unit, lecture } = props;\n\n const history = useHistory();\n\n //state\n const [profile, setProfile] = useState(null);\n const [exam, setExam] = useState(null);\n const [questions, setQuestions] = useState(null);\n const [examLog, setExamLog] = useState(null);\n const [questionAttempts, setQuestionAttempts] = useState(null);\n const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);\n const [currentQuestion, setCurrentQuestion] = useState('');\n const [startTime, setStartTime] = useState(0);\n const [examDuration, setExamDuration] = useState(0);\n const [examStatus, setExamStatus] = useState('');\n const [timeBased, setTimeBased] = useState(false);\n const [showRetakeOption, setShowRetakeOption] = useState(false);\n const [showTimeUpModal, setShowTimeUpModal] = useState(false);\n const [showExamCompleteModal, setShowExamCompleteModal] = useState(false);\n const [showMissingSaveAnswerModal, setShowMissingSaveAnswerModal] = useState(false);\n const [answerPendingToBeSaved, setAnswerPendingToBeSaved] = useState(false);\n const [isPlacementExam, setIsPlacementExam] = useState(false);\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n const [isTimedUp, setIsTimedUp] = useState(false);\n const [resetTimer, setResetTimer] = useState(false);\n\n const [resetHasChangedAssessment, setResetHasChangedAssessment] = useState(false);\n\n //in secs\n const examTimeTrackerInterval = 5;\n\n useEffect(() => {\n //reset exam state\n reset();\n getExamFromServer(examId);\n setResetHasChangedAssessment(false);\n }, [examId]);\n\n useEffect(() => {\n if(showTimeUpModal && !showRetakeOption){\n setTimeout(() => {\n submitExamToServer('TIMEUP');\n }, 2000);\n }\n }, [showTimeUpModal]);\n\n const getExamFromServer = async (id) => { \n const _profile = ProfileService.get();\n setProfile(_profile);\n let _exam = await AssessmentService.getRemote(id);\n if(!_exam) throw new Error('Unable to retrieve exam from server');\n\n const examTitle = _exam.title;\n const _questions = _exam.questions;\n\n //update LS\n QuestionService.store(_questions);\n \n document.title = `LimeSpring Portal - ${examTitle}`;\n\n //check if exam is placement exam\n if(_exam.type === 'PLACEMENT_EXAM') setIsPlacementExam(true);\n\n //check if exam is limited/unlimited time\n if(_exam.timeBased) setTimeBased(true);\n\n //check if exam has attempts already!\n const examLogs = await StudentLogService.getFromRemoteForStudentId(_profile._id);\n const assessmentLog = examLogs ? examLogs.assessments.find(a => a._id === examId) : null;\n setExamLog(examLogs);\n\n //if there is an attempt it means this student already started the exam\n const attempt = await AttemptService.getForAssessment(examId);\n\n //check if exam has been taken already\n if(assessmentLog && _profile && _profile.role === 'Student'){\n if(assessmentLog.status === 'TAKEN'){\n if(_exam.type === 'PLACEMENT_EXAM'){\n gotoExamResults(examLogs, examId, examTitle, attempt);\n }else{\n gotoUnitView();\n }\n }\n }\n\n const inProgressAttempts = assessmentLog && assessmentLog.attempts ? assessmentLog.attempts.length > 0 : false;\n if(_exam.timeBased) {\n let _durationInit = getExamInitialDuration(_profile, _exam);\n let _duration = _durationInit;\n if(inProgressAttempts && attempt) _duration = await getElapsedTimeFromServer(_duration, \"IN_PROGRESS\");\n if (_duration===0) {\n let _questionAttempts1 = buildExamWithPreviousAttempts(_questions, attempt);\n let count = getNumberOfAnsweredAttemptsParam(_questionAttempts1);\n if (count >0) forceTimeIsUp();\n else setExamDuration(_durationInit);\n } else {\n setExamDuration(_duration);\n } \n }\n\n //reset retake button\n setShowRetakeOption(false);\n\n if(inProgressAttempts){\n setExamStatus('IN_PROGRESS');\n if(attempt){\n buildExamWithPreviousAttempts(_questions, attempt);\n } else {\n setResetTimer(true);\n await buildNewExam(_exam, _questions);\n }\n } else {\n setExamStatus('STARTED');\n await buildNewExam(_exam, _questions);\n }\n\n setExam(_exam);\n }\n\n const reset = () => {\n resetFlags();\n }\n\n const resetFlags = () => {\n setCurrentQuestionIndex(0);\n setStartTime(0);\n setShowTimeUpModal(false);\n setShowExamCompleteModal(false);\n setExamDuration(0);\n setTimeBased(false);\n setAnswerPendingToBeSaved(false);\n setExam(null);\n setShowMissingSaveAnswerModal(false);\n setIsPlacementExam(false);\n setCurrentStepIndex(0);\n setExamLog(null);\n setExamStatus('');\n }\n\n const getExamInitialDuration = (_profile, _exam) => {\n let multiplier = 1;\n if(_profile && _profile.conditions && _profile.conditions.length > 0) {\n const timeCondition = _profile.conditions.find(c => c.name === 'extratime');\n if(timeCondition && timeCondition.value != \"0\"){\n multiplier = parseFloat(timeCondition.value);\n }\n }\n const _examDuration = _exam.durationInMinutes * 60 * multiplier;\n return _examDuration;\n }\n\n const reloadNewExam = async () => {\n setIsTimedUp(false);\n setShowTimeUpModal(false);\n await getExamFromServer(examId);\n }\n\n const buildNewExam = async (_exam, _questions) => {\n //scramble choices if needed!\n if(_exam.scrambleChoices){\n _questions.forEach(q => {\n if(q.subtype === 'MULTIPLE_CHOICE'){\n const scrambledChoices = RandomUtils.scramble(q.choices);\n q.choices = scrambledChoices;\n }\n });\n }\n\n setQuestions(_questions);\n\n //for exams, always start with the first question!\n setCurrentQuestion(_questions[0]); \n const _attempts = QuestionService.getAsAttempts(_questions);\n setQuestionAttempts(_attempts);\n\n setStartTime(Date.now());\n }\n\n const buildExamWithPreviousAttempts = (_questions, attemptLog) => {\n setQuestions(_questions);\n setCurrentQuestion(_questions[0]);\n let questionAttempts = QuestionService.getAsAttempts(_questions);\n let index = AttemptService.getFirstPendingAttemptIndex(questionAttempts);\n if(attemptLog && attemptLog.questions && attemptLog.questions.length > 0){\n questionAttempts.forEach((qa, i) => {\n const existingQuestionAttemptLog = attemptLog.questions.find(alq => alq._id === qa._id);\n \n //if question has been answered (right or wrong!) - NOTE: if there is no log attempt for question, it's probably a set question (alternate)!\n if(existingQuestionAttemptLog){\n if((existingQuestionAttemptLog.selectedChoiceIds && existingQuestionAttemptLog.selectedChoiceIds.length > 0) || existingQuestionAttemptLog.textAnswer !== \"\"){\n qa.selectedChoiceIds = existingQuestionAttemptLog.selectedChoiceIds;\n qa.inputChoice = existingQuestionAttemptLog.textAnswer;\n qa.numberOfAttempts = 1;\n qa.status = 'ANSWERED';\n if (!existingQuestionAttemptLog.isStepChild) index = i;\n } else if (existingQuestionAttemptLog.isStepParent) {\n index = i;\n }\n } \n });\n }\n\n //current question should be the first blank\n setCurrentQuestion(_questions[index]);\n setCurrentQuestionIndex(index);\n setQuestionAttempts(questionAttempts);\n\n setStartTime(Date.now());\n return questionAttempts;\n }\n\n const gotoUnitView = () => {\n if(unit){\n history.push({pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", unit._id), state: {classId: classId}});\n } else {\n history.push({pathname: DeepLinking.STUDENT.CLASS_VIEW_PATH.replace(\":id\", classId), state: {classId: classId}});\n }\n }\n\n const gotoExamResults = (examLogs, examId, examTitle, attempt) => {\n const assessmentLog = examLogs.assessments.find(a => a._id === examId);\n if(assessmentLog){\n if(assessmentLog.status !== 'PENDING' && assessmentLog.status !== 'LOCKED'){\n history.push({\n pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH,\n state: {\n examResult: {\n title: examTitle,\n data: attempt,\n currentView: \"exam-results\"\n }\n }\n });\n }\n }\n }\n\n const getElapsedTimeFromServer = async (_examDuration, status) => {\n const timers = await TrackService.trackAssessment(examId, {status: status, duration: _examDuration});\n let elapsedTime = 0;\n if(timers && timers.length > 0){\n const timer = timers[0];\n elapsedTime = timer.elapsedTime\n }\n return elapsedTime;\n }\n\n const onReviewExamen = async() => {\n setShowExamCompleteModal(false);\n setResetHasChangedAssessment(true);\n }\n\n const submitExamToServer = async (examStatus) => {\n \n if(timeBased){\n //no sync tracking!\n TrackService.trackAssessment(exam ? exam._id : examId, {status: examStatus, duration: examDuration});\n }\n \n let examAttempt = new Attempt(exam ? exam._id : examId, classId);\n const answerAttempts = AssessmentUtils.convertAttemptsToAnswers(questionAttempts);\n examAttempt.setAnswers(answerAttempts);\n examAttempt.setTimeSpent(Date.now() - startTime);\n let result = await AttemptService.submit(examAttempt,\"SUBMIT\");\n if(!result) {return; }\n if(isPlacementExam){\n history.push({pathname: DeepLinking.STUDENT.PLACEMENT_EXAM_RESULTS_PATH, state: {classId: classId, unitId: unit ? unit._id : '', data: result}});\n } else {\n history.push({\n pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH,\n state: {\n examResult: {\n title: exam ? exam.title : 'Exam',\n type: exam ? exam.type : 'BOOKEXAM',\n data: result,\n currentView: \"exam-results\"\n }\n }\n });\n }\n }\n\n const goToNextStep = (parentQuestionId) => {\n const q = questions.find(question => { return question._id === parentQuestionId});\n if(q && q.steps && q.steps.length > 0){\n if(currentStepIndex < q.steps.length - 1){\n setCurrentStepIndex(currentStepIndex + 1);\n }else{\n setCurrentStepIndex(0);\n\n //mark parent question as answered with no details\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === q._id);\n if(attempt) { attempt.status = \"ANSWERED\";}\n setQuestionAttempts(_questionAttempts);\n\n goToNextQuestion();\n }\n }\n \n }\n\n const goToNextQuestion = () => {\n if(isLastQuestion()){\n setShowExamCompleteModal(true);\n } else {\n //const nextIndex = isLastQuestion() ? currentQuestionIndex - 1 : currentQuestionIndex + 1;\n const nextIndex = currentQuestionIndex + 1;\n setCurrentQuestionIndex(nextIndex);\n setCurrentQuestion(questions[nextIndex]);\n setQuestionAttempts([...questionAttempts]);\n }\n }\n\n const checkIfExamIsReady = () => {\n if(!questionAttempts || questionAttempts.length === 0) return false;\n const pendingOrRetryAttempt = questionAttempts.find(qa => !qa.isStepParent && qa.status === \"PENDING\");\n if(pendingOrRetryAttempt) return false;\n\n //check if there are any blank responses!\n const blankResponseAttempt = questionAttempts.find(qa => !qa.isStepParent && qa.inputChoice === \"\" && qa.selectedChoiceIds.length === 0);\n if(blankResponseAttempt) return false;\n\n return true;\n }\n\n const processAnswer = (q, answer) => {\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === q._id);\n if(attempt) { \n attempt.status = \"ANSWERED\";\n attempt.timestamp = answer.timestamp;\n attempt.selectedChoiceIds = answer.selectedChoiceIds;\n attempt.inputChoice = answer.inputChoice;\n attempt.viewExplanation = answer.viewExplanation;\n attempt.numberOfAttempts = answer.numberOfAttempts;\n }\n setQuestionAttempts(_questionAttempts);\n setAnswerPendingToBeSaved(false);\n\n //we should persist exam in server so student can come back later\n //and continue with exam. Note: this is done synchronously!\n let examAttempt = new Attempt(examId, classId);\n const answerAttempts = AssessmentUtils.convertAttemptsToAnswers(_questionAttempts);\n examAttempt.setAnswers(answerAttempts);\n examAttempt.setTimeSpent(Date.now() - startTime);\n AttemptService.submit(examAttempt);\n \n if(q.type === \"QUESTION_STEP\"){\n goToNextStep(attempt.parent);\n }else {\n goToNextQuestion();\n }\n }\n\n const onChoiceUpdateHandler = () => {\n setAnswerPendingToBeSaved(true);\n }\n\n const onResetChoiceUpdateHandler = () => {\n setAnswerPendingToBeSaved(false);\n }\n\n const showQuestion = () => {\n if(!questions || questions.length == 0 || currentQuestion === '') { return <>}\n const question = questions.find(q => q._id === currentQuestion._id);\n if(!question) { return <>No question found}\n\n return processAnswer(q, ans)}\n onStepAnswerSubmit={(q, ans) => processAnswer(q, ans)}\n examSubmit={() => submitExamToServer('COMPLETED')}\n onChoiceUpdate={() => onChoiceUpdateHandler()}\n resetHasChanged={resetHasChangedAssessment}\n onResetChoiceUpdate={() => onResetChoiceUpdateHandler()}\n />\n }\n\n const resetCurrentQuestion = (q, i) => {\n if(!q) return;\n if(answerPendingToBeSaved){\n setShowMissingSaveAnswerModal(true);\n return;\n }\n const question = questions.find(qst => qst._id === q._id);\n if(question){\n setCurrentQuestion(question);\n setCurrentQuestionIndex(i);\n }\n }\n\n const getNumberOfAnsweredAttempts = () => {\n return getNumberOfAnsweredAttemptsParam(questionAttempts);\n }\n\n const getNumberOfAnsweredAttemptsParam = (_questionAttempts) => {\n if(!_questionAttempts || _questionAttempts.length === 0) return 0;\n let counter = 0;\n for (const questionAttempt of _questionAttempts) {\n if(questionAttempt && questionAttempt.status === 'ANSWERED'){\n counter++;\n }\n }\n return counter;\n } \n\n const isLastQuestion = () => {\n if(!questions || questions.length === 0) { return false; }\n return currentQuestionIndex === questions.length - 1;\n }\n\n const forceTimeIsUp = async () => {\n setShowTimeUpModal(true);\n }\n\n const timeIsUp = async () => {\n getElapsedTimeFromServer(0, 'RESET');\n\n //if no answers have been selected, let the user retake the exam\n //if there are at least 1 answer, auto-submit\n if(getNumberOfAnsweredAttempts() === 0) {\n await StudentLogService.resetAssessmentLog(examLog._id, examId);\n setShowRetakeOption(true);\n }\n setShowTimeUpModal(true);\n }\n\n const onTimerProgress = (s) => {\n if(exam && s % examTimeTrackerInterval === 0){\n TrackService.trackAssessment(exam._id, {status: 'IN_PROGRESS', duration: examDuration});\n }\n }\n\n const renderTimer = () => {\n if(!timeBased || examDuration === 0) { return <>; }\n return setResetTimer(false)}\n onUpdate={(s) => onTimerProgress(s)} \n onFinish={() => timeIsUp()}/>\n }\n\n const removeStepAttempts = (qa) => {\n if(!qa || qa.length === 0) return [];\n return qa.filter(q => q.step === false);\n }\n\n const showSubmitExamButton = () => {\n if(!checkIfExamIsReady()) return <>;\n return ( submitExamToServer('COMPLETED')}>\n Submit Exam\n );\n }\n\n return (\n \n }\n }\n if(!question.explanation || question.explanation === '') return (<>);\n return(\n \n \n )\n }\n\n zoomImage(url){\n this.setState({imageUrl: url,showImageModal:true})\n } \n\n renderInputChoice(question){\n if(!question || !question.choices) return <>Information Not Available;\n let choices = question.choices;\n\n const getChoices = () => {\n if(choices && choices.length > 0){ \n //let parsed = choices.map(c => {return c.description}).reduce((prev, curr) => [prev, \", \", curr]);\n let parsed = \"\";\n let start = 0;\n let end = choices.length;\n choices.forEach((c,i) => {\n if(c.description !== \"\"){\n parsed += (i !== start && i !== end ? ',' : '') + c.description;\n }\n })\n return LatexUtils.denormalize(parsed);\n } else {\n return '';\n }\n }\n\n return (\n <>\n this.setState({showImageModal:false})}\n />\n
\n );\n }\n}\n\nexport default ExamResults;\n","import React, { useState, useEffect, useRef } from 'react';\nimport {useHistory} from 'react-router-dom';\nimport Header from \"../../../widgets/header/Header\";\nimport { Button } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport CourseService from './../../../../services/CourseService'\nimport ClassService from '../../../../services/ClassService';\nimport DeepLinking from '../../../../utils/DeepLinking';\nimport StringUtils from '../../../../utils/StringUtils';\n\nconst PlacementExamResults = (props) => {\n\n const {classId, unitId, data} = props;\n\n const [message, setMessage] = useState('');\n const [score, setScore] = useState(0);\n const [showPracticeButton, setShowPracticeButton] = useState(false);\n const [showNextButton, setShowNextButton] = useState(false);\n\n const SUCCESS_MESSAGE = 'Hi there, you did great! You can skip this module, but for more practice or to improve your score complete the lessons, workbook and exam.';\n const FAILED_MESSAGE = 'It looks like you would benefit from completing this module. Please complete the lessons, workbook and exam to receive credit for this module';\n\n let node = useRef(null);\n\n useEffect(() => {\n if(data && data.grade) {\n setScore(Math.round(data.grade));\n if(data.grade >= 85){\n setMessage(SUCCESS_MESSAGE);\n setShowNextButton(true);\n setShowPracticeButton(true);\n }else{\n setMessage(FAILED_MESSAGE);\n setShowPracticeButton(true);\n setShowNextButton(false);\n }\n }\n }, [data]);\n\n useEffect(() => {\n node.current.innerHTML = StringUtils.decodeHtml(message);\n }, [message]);\n\n const history = useHistory();\n\n const goToCurrentUnit = () => {\n history.push({pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", unitId), state: {classId: classId}});\n }\n\n const goToNextUnit = () => {\n let _class = ClassService.get(classId);\n if(_class){\n let courses = CourseService.getByIds(_class.courses);\n let units = [];\n if (courses && courses.length > 0) {\n courses.forEach(course => {\n if (course.units && course.units.length > 0) {\n units = units.concat(course.units);\n }\n });\n }\n\n let nextUnitId = '';\n if(units.length > 0){\n for (let index = 0; index < units.length; index++) {\n const unit = units[index];\n if(unit._id === unitId && index < units.length){\n nextUnitId = units[index + 1]._id;\n }\n }\n }\n\n if(nextUnitId !== ''){\n history.push({pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", nextUnitId), state: {classId: classId}});\n }\n }\n }\n\n const viewExamResults = () => {\n history.push({pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH,\n state: {\n examResult: {\n title: 'Exam',\n type: 'PLACEMENT_EXAM',\n data: data,\n currentView: \"placement-exam-results\"\n }\n }\n });\n }\n\n return (\n \n {quizzes.map(quiz => {\n const quizProgress = logs.find(log => {\n return log._id === quiz._id;\n });\n return (\n render(quiz, quizProgress)\n );\n })}\n
\n );\n};\n\nexport default PlayVideoQuizzes;\n","import React, {useState} from \"react\";\nimport VideoTimeUtils from \"./../../../utils/VideoTimeUtils\";\nimport greencheck from \"./../../../images/check.svg\";\nimport PlayVideoQuizzes from './PlayVideoQuizzes';\nimport {Collapse} from 'react-bootstrap';\nimport * as Icons from 'react-bootstrap-icons';\nimport UnitService from './../../../services/UnitService';\nimport AssessmentService from './../../../services/AssessmentService';\nimport \"./videoleftmenubuttons.css\";\n\nconst PlayVideoButton = props => {\n const {\n videoLength,\n isActive,\n videoCompleted,\n lecture,\n loadLecture,\n unitId,\n classId,\n log,\n isStartOn=false, tooltipText=\"\"\n } = props;\n\n const [expanded, setExpanded] = useState(false);\n\n const convertTime = () => {\n return VideoTimeUtils.formatVideoTime(videoLength);\n };\n\n const playLectureVideo = id => {\n loadLecture(id);\n };\n\n const getUnit = id => {\n return UnitService.get(id);\n };\n\n const showCaret = () => {\n if(expanded){ return playLectureVideo(lecture._id)}>\n
)\n }else{\n return(\n \n
\n playLectureVideo(lecture._id)}>\n \n
\n );\n }\n}\n\nconst renderInfo = () => {\n return ( playLectureVideo(lecture._id)} style={{width:185, paddingLeft:10}}>{lecture.title}
{convertTime()}
setExpanded(!expanded)}>\n
);\n }else{\n return (<>);\n }\n }\n\n const populateQuizzes = () => {\n const quizzes = AssessmentService.getByIds(lecture.assessments);\n if (!quizzes || quizzes.length === 0 || quizzes[0] === undefined) { return <> }\n \n //make sure order is respected\n let order = {};\n lecture.assessments.forEach((a, i) => { order[a] = i; });\n quizzes.sort((a, b) => {\n return order[a._id] - order[b._id];\n });\n\n\n const quizlogs = log.assessmentslogs.filter(assessmentLog =>\n quizzes.find(quiz => quiz._id === assessmentLog._id)\n );\n return (\n \n Quizzes\n
\n {showCaret()}
\n \n
\n \n {renderVideoThumbnail()}\n {renderInfo()}\n
\n \n {renderQuizzes()}\n
\n \n {populateQuizzes()}\n
\n \n
\n \n );\n };\n\n const examBookPending = () => {\n return (\n \n Book Exam\n
\n \n \n listener(false)}\n >\n Start\n \n
\n \n );\n };\n\n const bookexamTaken = () => {\n return (\n \n Book Exam\n
\n listener(true)}>\n
\n \n );\n }\n\n const render = () => {\n if (status === \"TAKEN\") {\n return bookexamTaken();\n } else if (status === \"PENDING\") {\n return examBookPending();\n } else if (status === \"LOCKED\") {\n return examBookLocked();\n }\n };\n\n return ( render() );\n};\n\nexport default PlayVideoExamButton;\n","import React from \"react\";\nimport { OverlayTrigger, Tooltip, Button } from \"react-bootstrap\";\nimport \"./videoleftmenubuttons.css\";\n\nconst PlayVideoWorkbookButton = props => {\n const { grade, status, listener } = props;\n const workbookPending = () => {\n return (\n \n Book Exam\n
\n \n {Math.ceil(score)}%\n
\n \n listener()}\n >\n Start\n \n
\n \n );\n };\n const workbookLocked = () => {\n return (\n \n Workbook\n
\n \n
\n \n );\n };\n const isTaken = status => {\n if (status === \"TAKEN\") {\n return (\n \n Workbook\n
\n \n \n
\n \n );\n } else if (status === \"PENDING\") {\n return workbookPending();\n } else if (status === \"LOCKED\") {\n return workbookLocked();\n }\n };\n return isTaken(status);\n};\n\nexport default PlayVideoWorkbookButton;\n","import React from \"react\";\nimport { OverlayTrigger, Tooltip, Button } from \"react-bootstrap\";\nimport \"./videoleftmenubuttons.css\";\n\nconst PlayVideoAssignmentButton = props => {\n\n const { score, status, defaultText, listener } = props;\n\n const assignmentLocked = () => {\n return (\n \n \n
\n \n Workbook\n listener()}\n >\n Retry\n \n
\n \n {Math.ceil(grade)}%\n
\n \n
\n \n );\n };\n\n const assignmentPending = () => {\n return (\n \n Assignment\n
\n \n \n listener(false)}\n >\n Start\n \n
\n \n );\n };\n\n const assignmentTaken = () => {\n return (\n \n Assignment\n
\n listener(true)}>\n
\n \n );\n }\n\n const render = () => {\n if (status === \"TAKEN\") {\n return assignmentTaken();\n } else if (status === \"PENDING\") {\n return assignmentPending();\n } else if (status === \"LOCKED\") {\n return assignmentLocked();\n }\n };\n\n return ( render() );\n};\n\nexport default PlayVideoAssignmentButton;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport ResponseUtil from './../utils/ResponseUtil';\nimport LocalStorageService from './LocalStorageService';\n\nexport default {\n\n submit: async (attempt, status='UPDATE') => {\n try { \n let response = await new ApiService().post(ApiPath.SUBMIT_ATTEMPT_ENDPOINT.replace(\":status\",status), attempt);\n if (ResponseUtil.isOK(response)) {\n const { attempts } = response.data;\n return attempts[0];\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n submitWithToken: async (attempt, status='UPDATE', token) => {\n try { \n let response = await new ApiService().post(ApiPath.SUBMIT_ATTEMPT_TOKEN_ENDPOINT.replace(\":status\",status).replace(\":token\", token), attempt);\n if (ResponseUtil.isOK(response)) {\n const data = response.data;\n return data;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return null;\n }\n},\n \n update: async (attempt) => {\n try { \n const body = {attempt: attempt};\n let response = await new ApiService().post(ApiPath.UPDATE_ATTEMPT_ENDPOINT.replace(':id', attempt._id), body);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n getForAssessment: async id => {\n try { \n let response = await new ApiService().get(ApiPath.GET_ATTEMPT_FOR_ASSESSMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { attempts } = response.data;\n return attempts[0];\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n getForAssessmentBestAttempt: async id => {\n try { \n let response = await new ApiService().get(ApiPath.GET_BEST_ATTEMPT_FOR_ASSESSMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n const { attempts } = response.data;\n return attempts[0];\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n getFirstPendingAttemptIndex: (attempts) => {\n let qindex = 0;\n if(!attempts || attempts.length === 0) return qindex;\n for (let index = 0; index < attempts.length; index++) {\n const attempt = attempts[index];\n if(attempt.status === 'PENDING') {\n qindex = index;\n break;\n }\n }\n\n return qindex;\n },\n\n getByIds: async ids => {\n try {\n let response = await new ApiService().post(ApiPath.GET_ATTEMPTS_ENDPOINT, ids);\n if (ResponseUtil.isOK(response)) {\n return response.data.attempts;\n } else {\n return [];\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return [];\n }\n },\n\n remove: async (userId, ids, context, classId='') => {\n try { \n let response = await new ApiService().post(ApiPath.REMOVE_ATTEMPTS_ENDPOINT, {attemptIds: ids, userId: userId, context: context, classId: classId});\n if (ResponseUtil.isOK(response)) {\n const { reports } = response.data;\n LocalStorageService.store({ reports: reports });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AttemptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n}","export default __webpack_public_path__ + \"static/media/image_icon.1b3cbff6.png\";","export default __webpack_public_path__ + \"static/media/txt_icon.2663b0c6.png\";","import React, {useState, useEffect} from 'react';\nimport AssetService from './../../../services/AssetService';\nimport VideoTimeUtils from './../../../utils/VideoTimeUtils';\nimport IconPDF from \"../../../images/pdf_icon.png\";\nimport IconIMAGE from \"../../../images/image_icon.png\";\nimport IconDOCX from \"../../../images/word_icon.png\";\nimport IconXLSX from \"../../../images/excel_icon.png\";\nimport IconPPTX from \"../../../images/ppt_icon.png\";\nimport IconWWW from \"../../../images/link_icon.png\";\nimport IconTXT from \"../../../images/txt_icon.png\";\n\nconst PlayAncillaryItem = (props) => {\n\n const {marker} = props;\n \n const [icon, setIcon] = useState('');\n const [title, setTitle] = useState('');\n const [timestamp, setTimestamp] = useState('');\n\n useEffect(() => {\n if(marker){\n setTitle(getTitle());\n setTimestamp(marker.cuePoint);\n setIcon(getTypeIcon());\n }\n }, [marker]);\n\n const getTitle = () => {\n if(!marker) {return ''; }\n if(marker.asset && marker.asset !== \"\"){\n const asset = AssetService.get(marker.asset);\n if(asset){\n return asset.title;\n }\n }\n return '';\n }\n\n const getTypeIcon = () => {\n if(!marker) {return ''; }\n if(marker.asset && marker.asset !== \"\"){\n const asset = AssetService.get(marker.asset);\n if(asset){\n return getIcon(asset.type)\n }\n }\n\n return '';\n }\n\n const getThumbnail = () => {\n if(!marker) {return ''; }\n if(marker.asset && marker.asset !== \"\"){\n const asset = AssetService.get(marker.asset);\n if(asset){\n return asset.thumbnail\n }\n }\n\n return getTypeIcon();\n }\n\n const getIcon = (type) => {\n\n if (type === \"PDF\") {\n return IconPDF;\n } else if (type === \"IMAGE\") {\n return IconIMAGE;\n } else if (type === \"DOCX\") {\n return IconDOCX;\n } else if (type === \"XLSX\") {\n return IconXLSX;\n } else if (type === \"PPTX\") {\n return IconPPTX;\n } else if (type === \"WWW\") {\n return IconWWW;\n } else if (type === \"TXT\") {\n return IconTXT;\n }\n };\n\n const clickHandler = () => {\n if(!marker) { return; }\n\n if(marker.asset && marker.asset !== \"\"){\n const asset = AssetService.get(marker.asset);\n if(asset){\n if (asset.type === \"PDF\") window.open(`https://docs.google.com/viewer?url=${asset.url}&embedded=false`,\"_blank\");\n if(asset.type === 'IMAGE' || asset.type === 'WWW') window.open(asset.url, \"_blank\");\n if (asset.type === \"DOCX\" || asset.type === \"XLSX\" || asset.type === \"PPTX\") window.open(`https://view.officeapps.live.com/op/view.aspx?src=${asset.url}`, \"_blank\");\n }\n }\n }\n\n return (\n \n Assignment\n
\n \n {Math.ceil(score)}%\n
\n clickHandler()}>\n }/)
\n
\n );\n}\n \nexport default PlayAncillaryItem;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAACDCAMAAACwaGWWAAAAOVBMVEVHcEze29vd4eXIzdHh5ObY3N7d4eS8wsivtrzM09nJ0NfyVTrzVTvsnI/4vrX5pZf////92NL2gm9dPa78AAAADHRSTlMAED7S/4/7//9P/9xJChpzAAAB40lEQVR4Ae3bj2rcMAzH8SiRVWdzkrPf/2FXpmmcaE3bO+sHHP7yX4A/OIhSDLd8Eq0/joiWh1o3fqwtrT8mEz+TJAJizPy2rQDMesv5mx7xEO2bXhqlvXtfazJG0/bgD+m1nECaRVAtr1At7yDNOJBmHFTLBNUyQbUNquUE1fIK1TJWS1AtE1TboFomqLZBtYzVElTLWI2gWoJq+QW0bnuAxr96pQhNetrW1yK4wZqF1QSn9TnqaDHcHqFpWE2gGgtUYwFpFlYTqMYC1VhAmuU0+l0CO5jlXgvCrNM41UpsBxuH0ligGgtM07CaQDUWqMYC0iysJlCNqaddt//Vs/0dVT/SjpurPqNZ58dRVa8FaLeqI9cRpt0OHbnaWO1s7ylS/43q9d5pR6umQ+0J7bq7phsV9Q7Tiu8ZrehncyNd0BOl2YWDtOK1FqVdn2l2YdWaVcbs5NnX7roe11wNqZ0Fo9kpnS0ZrlU9w2un7uLQneyP7CoIrVVbnVjN/1UO1lwFqTWgVlsZrPlT+v8FPaIFNLWpTW1qL6CFv6o5LfzF0Gnhr6FTm9rUpja1qU1talN7fc0K1hbfFoptHqM9VNsXH0kgJmSMtWOuZqUwLC0fo4TBrCQBlhgG8L76nRoN7E76Axc0csmq+jtKAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACDCAMAAABFlu4mAAAAP1BMVEVHcEy4vsO8wsg0fMrQ1Njf4uTV2dzc4OXb3N3h5OavtrzIzdF4pNSbvuQyeslll9BXi8QKYsPJ0di7wcb///8agy1QAAAACXRSTlMA0p6gb6P+QBCHn6GDAAAC8klEQVR4Xu3b21LjMAwGYJNNbMvHHHj/Z92N6qnS0JgmlnaGoT9DyfRCXyXbEJii9rHWnIi16lTMAKejh868yPRwKYtz7qP/3jAA14HVqBN2gCYACVMBNDQC9S6shiaA0vG+fgLqTQzQDlBMZf+wAK7fA9AM1IW+HagL0AzUBcsN7Fe6bwfqAsgAztKEZIBOGnBGGnAKY+SAThpwVhropAEnDvQsgD8GPlgA7Y5jOQCYj4GOBQC/uIOPhQeYj4OApGB4AH0DfHncfOkQYAiVvxG+GMMG0O5yUEBjH88GwL069eBZAXjeAh9AU/LUxSOwXE5ltyLAE5oSfXID1IOX6YDWYbsG3II/vwY6hnhCoH30CqBjTtM0hQvrgAQC9eKYcHEvPQB+myWMaaJkX8vTla6d5DxOu4yulqMp+SdAKMVbABJ2AE2lDUDB73bRHHAsXAA87KIY0vRNgq6lsluVoeJVAE6nAH+miRsgwQsBJAgDIA6AOADiALwKjO5MtATwBpYz2QPyuyh+rkEgrFcJp4JPBhYgEIBWICCxABPVghWIdxVYRlTK5n9AQgruvUQegAYTPjGJ0FuyPpOvQF6BuUjFQonpHFA1uAGxrDGwAVg4IQS3wgEhNgBHk3FUM1rlGTYg4+TRCTNeYk+Ve9Na4AGgRZixao44G1qC5m1Ki4BMCmtpXOPICODIR1zfhNPHB0YAC+JwyriwI0YAq8LtjMVyCazAWrEchlAuIysQC1C+49ESMG3TKW9eNVlcB42qBupmZgaAfuoEshiBSGMZERiZgbwZS7EoQZ8JSN+2/CKg4aD9qLvrN/DzD9obSMKAAZhjyEkQKNExj4n/19ivfzcNIzpNB60KFCaPKUkCjtqRBKid3ABIhBV4A2/Abs4BW/T/BJQsMCilRQGjVH8HFrYQYJWyIBl6L6hM+hUwgoBVa7RkA6ItaFUyiA1IVujVPVYL1acMQvUpPTNgFEVgTIOt/HMAf3mKZTAGo+qxTVH7/AWM6Qdm/DpnPwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAACLCAMAAABV0EeBAAAAOVBMVEVHcEzd3d7a3uLh5Obh5Oa6wsbX2t3V2dyvtry7wse3vcLIztHK0deJsp1mnYBDhWMZbUA3f1n///+JC3pQAAAAEnRSTlMAEUGT/7Nv////4////////+S2uRcxAAACs0lEQVR42u3ba3OrIBSFYUB0Q0BI/f8/9hhjZ43xBDVlOadzfKfXL3mGDTW9WLVKa3M0rdXhTGM/rGm7/Z7u7OeJG2vNLgjOJ3n3bHtlWmwNaawtW+ZzAxIszuQgIcOBIKGbVghpW08qL0sYkuvWUGMpkmsJs4NUpBqOBApL4kl+QXUkab0qYUioWwyPICFzmnRTc4YsYas6soT5NXzpxpaQYUvoPMmcJt1qSsGV0hWlWJRaSJzxIUhsytSUYvBvC21NSWIpSFwKEp8ykLhUaF6lGMpFOybhbX4qrKn2VfKunMf1oNAkBbyMBY7k46rAWtO63ythemHx+vvXJOdJNsbv082WJgoFSBv5PuVsD7Vg4i7J9en+CNK+gOyQxPV5UiAdpPZIwSUokA5ToSj5HspxCWGjIK235ecSqLWEbakkgYIk2JZ30tYzIRJQspACtqUkHfrKXVJhlFpsC0PCqtTXHXEkK3QJFF0CRZdA0SVQdAkUW0JHJLu/S7qk/VIaptz8qRumEmNN/TCVn486TPWc6YXhkV98TJCwjoRR0k4EHh8m6ez5eXPc/P5Fkkd2TLZ6JyH7JKa3Qr3CpgFlloSjjgNOkJDMULizpYzZUSXsVGJLeZizmSzJ8F3gSv2Aep6EKx8OBeUagUvEvDTLe851EyAgWVJaPWskjoSnWRwNjiSLB8dRrythFWk5yr6+lF4XIbN8fWdZiPTz0yVd0iX9M5IfC3Ys+o2u33xUlxrrXZ/yKdKcA0iUkLgeIE9CYQRzZksIW0iQBKHRS/mn35eT/k54SZf0f0rmPKnevTnoL1KjtD2nTqmTJKNUPEfSChtFLeLGZXK4e5Qd7sYm1+EmaW6i5oR/8OY0f3bnUA0gUDQIkqaPDlZkfcmuM/TJoU4qD06X/tGv1hClMWorXSO16g9fb5OnkiMOdgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACDCAMAAABFlu4mAAAAS1BMVEVHcEzd3d7a3uLf4+Th5Oa4v8Th4+XIzdGvtry4vsS6wcbV2dze4eTK0di9xMvqzMLds6fceFvVY0Pak3/SQhjTWjn33tb////Ef23SZ3UEAAAAFnRSTlMAEEGi/7Nm//99///I//b///////9Lnvn1zQAAAu5JREFUeAHt2tFymzoQxnEJBOAoiVZaJfb7P+nhNLOhYD4G4dWN639nPJ5e7K9CUn2DWWdtU5C1pqimdeW1XXOQ6d2phnHqgg2pcSd7G//UNWa31p0HpD3COwVg7NCDst5pAFMXhX8/ACQLnr8KAHaicVoAeExeGRg71QUIgAWvBYCnZJ0KgIVeCYBn6V0NAPfBqQB4o606IF1qA6OtDXS1gdHWBrrawGhrAxcVYBhxKoAfcY0G4D4w0KkAbngbpz9bH586wAfOKgAiDBsfH005AARAtOUAEoZN4lMBEEFWsfj2fgQIFBMfWoNMH2ZnBvDwPIWAEFY7LWuQbzOAh+8BnBOHWZDmpSAgcMzSPjDFXoR5BfJFADwcAURMP8AUoZ2+A4hTnoMAxTzFAszCcgGDAGg4AELKeQWIgFbg8fA1IENXgAjrJRiLhwMg5k0gh8VplcwXHA4AzgCIToTFPfjKZQBlBMhDcovbVgr4jIG48X9rMcAQmPIiyPihHEh7AG38AhUClPcAdkvhBMAASImZKLg5OUeFQFr/Jclc8Av0KICTNegAnoiZNoQHgUjMnBJczykAR+6uM6cIt7XXM/B9/S1QggBlnNvqFwjXv2ME+AyLbrMVIBEAXIRAKAKuCQAhg5I7AHCc+qEIAHCbwxEgzl8DAsBJJXcciNf/g4BPcL4CAARyxcD3FgD2IaH55XsghQjGHz9FjACJOE1FDk4quwcZA2UBgO8AXxIG0Px8G0vyu0CQ8fpAzNIzAkNJJwB2RT0dID/6XA2QngjQP6aS/kV7AVoA+5L+tXvwumgcU1XAuqlAzKkeII18u6VUEfA/DcS3pHfRrAMRcUwKx9Q6nOxO0gJwFBQB3At4UwtdNLWKgReg3wt4AZo9wUUzdYHWmPeqQG9MX/X3wJrKxwi8B6dWD951VMuauktowZtwaoHXHdVqjNTW22ElAWxAVaE3y/pqz1+ymqe1tUbSJsB4IZr28ekNGi/IQ5l1/wHSRaKjOgREHgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","import React, {useState, useEffect} from 'react';\nimport ReactHtmlParser from 'react-html-parser';\nimport LimespringUtils from \"./../../../utils/LimespringUtils\";\nimport VideoTimeUtils from \"./../../../utils/VideoTimeUtils\";\nimport Config from \"./../../../config/Config\";\nimport $ from 'jquery';\nimport './../texteditor/transcript-editor.css';\n\nconst PlaylistTranscript = (props) => {\n\n const {transcript, markers, fontSize, playbackTime, gotoCuePoint, openAncillaryItem} = props;\n\n const [transcriptLog, setTranscriptLog] = useState('');\n const [tracks, setTracks] = useState(null);\n const [lastCue, setLastCue] = useState(0);\n\n //jquery hack to get runtime HTML event\n if(transcript){\n $('.transcript-editor-jumpcue').on('click', (e)=> {\n e.preventDefault();\n e.stopImmediatePropagation();\n if(e.target && e.target.dataset.cue){\n const cuePointInSecs = VideoTimeUtils.getTrackTimeInSeconds(e.target.dataset.cue);\n gotoCuePoint(cuePointInSecs);\n }\n });\n\n $('.transcript-editor-asset').on('click', (e)=> {\n e.preventDefault();\n e.stopImmediatePropagation();\n if(e.target && e.target.dataset.asset && e.target.dataset.asset !== ''){\n openAncillaryItem(e.target.dataset.asset, e.target.dataset.assetType);\n }\n });\n }\n\n useEffect(()=>{\n if(playbackTime > 0){\n if(tracks){\n let _tracks = [...tracks];\n _tracks = _tracks.map(t => {\n if(t.cue < lastCue) { \n t.highlight = false;\n } else if(t.cue <= Math.floor(playbackTime) && t.cue >= lastCue){\n t.highlight = true;\n setLastCue(t.cue);\n }\n return t;\n });\n processTranscriptLog(_tracks);\n }\n }\n }, [playbackTime]);\n\n useEffect(()=>{\n if(transcript && transcript.tracks && transcript.tracks.length > 0) { \n \n let _tracks = [...transcript.tracks];\n\n //get markers added to tracks dynamically!\n if(markers && markers.length > 0){\n markers.forEach(marker => {\n _tracks.push(LimespringUtils.getMarkerAsTrack(marker));\n });\n }\n\n //now sort by time!\n _tracks = _tracks.sort(function(a, b){return VideoTimeUtils.getTrackTimeInSeconds(a.timestamp) - VideoTimeUtils.getTrackTimeInSeconds(b.timestamp)});\n \n\n //decorate for performance boost!\n _tracks = _tracks.map(t => { \n t.cue = VideoTimeUtils.getTrackTimeInSeconds(t.timestamp); \n t.highlight = false;\n return t;\n });\n setTracks(_tracks);\n processTranscriptLog(_tracks) \n }\n }, [transcript]);\n\n\n useEffect(() => {\n setTimeout(() => {if(window.MathJax && window.MathJax.typeset) window.MathJax.typeset()}, Config.mathRenderTimer);\n }, [transcriptLog]);\n\n const processTranscriptLog = (tracks) => {\n const _tracks = LimespringUtils.getDecoratedTranscriptTracksClient(tracks);\n if(_tracks && _tracks.length > 0) {\n setTranscriptLog(_tracks.join(' '));\n }\n }\n\n return (\n {title}
@{VideoTimeUtils.formatVideoTime(timestamp)}
\n @{VideoTimeUtils.formatVideoTime(timestamp)}
\n { ReactHtmlParser(transcriptLog) }\n
\n );\n}\n \nexport default PlaylistTranscript;","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n\n getFromLocal: (transcriptId) => {\n let transcripts = LocalStorageService.get('transcripts');\n if(transcripts && transcripts.length > 0) {\n const transcript = transcripts.find(t => t._id === transcriptId);\n if(transcript) return transcript;\n }\n\n return null;\n },\n\n getDefaultTranscript: async (transcriptId) => {\n // let transcripts = LocalStorageService.get('transcripts');\n \n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.getTranscript()); }\n\n try { \n let response = await new ApiService().get(ApiPath.GET_TRANSCRIPT_BY_ID_ENDPOINT.replace(':transcriptId', transcriptId));\n if (ResponseUtil.isOK(response)) {\n const { transcript } = response.data;\n if(!transcript) return null;\n\n //L20-1031\n // if(transcripts && transcripts.length > 0){\n // transcripts.push(transcript);\n // }else{\n // transcripts = [transcript];\n // }\n // LocalStorageService.store({ transcripts: transcripts });\n return transcript;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`TranscriptService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n\n createTranscript: async (lectureId, languageCode) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.trackClass()); }\n\n try { \n let response = await new ApiService().post(ApiPath.CREATE_TRANSCRIPT_LANGUAGE_CODE_ENDPOINT.replace(':id', lectureId).replace(':code', languageCode), {});\n if (ResponseUtil.isOK(response)) {\n const { transcript } = response.data;\n let transcripts = LocalStorageService.get('transcripts');\n if(!transcripts) { transcripts = [transcript]; }\n else { transcripts.push(transcript) }\n LocalStorageService.store({ transcripts: transcripts });\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TranscriptService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n removeAllTranscripts: async (lectureId) => {\n\n try { \n let response = await new ApiService().post(ApiPath.REMOVE_LECTURE_TRANSCRIPTS_ENDPOINT.replace(':id', lectureId), {});\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`TranscriptService | Error while attempting to get response: ${error}`);\n return false;\n }\n }\n}","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\n\nexport default {\n\n compile: async payload => {\n\n try {\n let response = await new ApiService().post(ApiPath.COMPILE_CODE_ENDPOINT, payload);\n if(response && response.status === 200) { \n const { output } = response.data;\n return output;\n }\n } catch (error) {\n console.error(`CompileService compile() | Error while attempting to get response: ${error}`);\n return {};\n }\n },\n\n compileQuestion: async (questionId, payload) => {\n try {\n let response = await new ApiService().post(ApiPath.COMPILE_QUESTION_ENDPOINT.replace(':id', questionId), payload);\n if(response && response.status === 200) { \n return response.data;\n }\n } catch (error) {\n console.error(`CompileService compileQuestion() | Error while attempting to get response: ${error}`);\n return {};\n }\n }\n}","export default {\n\n hasInputFunction: (codeInput) => {\n if(!codeInput || codeInput === '') return false;\n if(codeInput.includes(\"input(\")) return true;\n return false;\n },\n\n addNewLineCharacterToInputMessage: (codeInput) => {\n if(!codeInput || codeInput === '') return codeInput;\n let updatedCodeInput = codeInput;\n if(codeInput.includes(\"input(\")){\n const global_regex = /input\\(([^)]+)\\)/g;\n const single_regex = /input\\(([^)]+)\\)/;\n\n const inputs = codeInput.match(global_regex);\n\n for (let index = 0; index < inputs.length; index++) {\n let input = inputs[index];\n let m = single_regex.exec(input);\n if (m !== null) {\n //position 1 of m is the actual string\n let message = m[1];\n\n //remove ticks\n if(message.includes(\"'\")){\n message = message.replace(new RegExp(\"'\", 'g'), \"\");\n }else{\n //replace only two\n message = message.replace(\"\\\"\", \"\").replace(\"\\\"\", \"\");\n }\n \n message = message + \"\\\\n\";\n const newInput = \"input('\" + message + \"')\";\n updatedCodeInput = updatedCodeInput.replace(input, newInput);\n }\n }\n }\n\n return updatedCodeInput;\n },\n \n deserializeOutput: (message) => {\n if(!message || message === '') return message;\n if(!message.includes(\"\\n\")) return message;\n let newMessage = message;\n //response message comes as a string separated by \\n\n const messageArray = message.split('\\n');\n if(messageArray && messageArray.length > 3){\n //we're removing last entry due to hard bug in python compiler\n const lastEntry = messageArray.pop();\n console.log('deserializeOutput() | last entry ignored: ' + lastEntry);\n newMessage = messageArray.join('\\n');\n }\n\n return newMessage;\n },\n\n extractFromInputFunction: (codeInput) => {\n if(!codeInput || codeInput === '') return '';\n if(codeInput.includes(\"input(\")){\n let sanitizedCodeInput = codeInput.replace(/\\\"/g, \"'\");\n //const regex = /input\\([\\s]*?'([\\S]*?)'[\\s]*?\\)/;\n const regex = /input\\(([^)]+)\\)/g;\n let message = '';\n let m;\n if ((m = regex.exec(sanitizedCodeInput)) !== null) {\n // The result can be accessed through the `m`-variable.\n // we have just one result!\n \n if(m && m.length > 0){\n //position 1 of m is the actual string\n message = m[1];\n message = message.replace(/'/g , \"\");\n }\n }\n return message;\n }\n return '';\n },\n\n getInputAsTyped: (userInput) => {\n if(!userInput || userInput === '') return '';\n //should check if input is a number or string\n let typedUserInput = userInput;\n const n = Number(userInput);\n if(isNaN(n)) {\n if(userInput.toUpperCase() === 'TRUE' || userInput.toUpperCase() === 'FALSE'){\n if(userInput.toUpperCase() === 'TRUE') typedUserInput = 'True';\n if(userInput.toUpperCase() === 'FALSE') typedUserInput = 'False';\n }\n } else {\n typedUserInput = n;\n }\n return typedUserInput;\n },\n\n replaceInputFuncWithUserInput: (codeInput, userInput) => {\n if(!codeInput || codeInput === '') return '';\n if(!userInput || userInput === '') return codeInput;\n\n //should check if input is a number or string\n let typedUserInput = \"'\" + userInput + \"'\";\n const n = Number(userInput);\n if(isNaN(n)) {\n if(userInput.toUpperCase() === 'TRUE' || userInput.toUpperCase() === 'FALSE'){\n if(userInput.toUpperCase() === 'TRUE') typedUserInput = 'True';\n if(userInput.toUpperCase() === 'FALSE') typedUserInput = 'False';\n }\n } else {\n typedUserInput = userInput;\n }\n\n codeInput = codeInput.replace(/input\\(.+\\)/, typedUserInput);\n return codeInput;\n }\n}","import React, {useState, useEffect} from 'react';\nimport { v4 as uuidv4 } from \"uuid\";\nimport LimespringVideoPlayer from \"./../../../widgets/videoplayer/LimespringVideoPlayer\";\nimport \"./../../../widgets/playlist/playlist.css\";\nimport \"react-rater/lib/react-rater.css\";\nimport Proxy from \"./../../../../proxies/PlaylistProxy\";\nimport PlayVideoButton from \"./../../../widgets/playlist/PlayVideoButton\";\nimport PlayVideoExamButton from \"./../../../widgets/playlist/PlayVideoExamButton\";\nimport PlayVideoWorkbookButton from \"./../../../widgets/playlist/PlayVideoWorkbookButton\";\nimport PlayVideoAssignmentButton from \"./../../../widgets/playlist/PlayVideoAssignmentButton\";\nimport DeepLinking from \"./../../../../utils/DeepLinking\";\nimport StudentLogService from \"./../../../../services/StudentLogService\";\nimport AttemptService from \"./../../../../services/AttemptService\";\nimport Config from \"./../../../../config/Config\";\nimport { useHistory } from \"react-router-dom\";\nimport { Tabs, Tab, Form, Button, Badge } from \"react-bootstrap\";\nimport PlayAncillaryItem from \"./../../../widgets/playlist/PlayAncillaryItem\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport PlaylistTranscript from \"./../../../widgets/playlist/PlaylistTranscript\";\nimport checkIcon from './../../../../images/check.svg';\nimport AssetService from '../../../../services/AssetService';\nimport TranscriptService from '../../../../services/TranscriptService';\nimport CompileService from '../../../../services/CompileService';\nimport Editor from \"@monaco-editor/react\";\nimport $ from 'jquery';\nimport CodeInputUtils from '../../../../utils/CodeInputUtils';\nimport DateUtils from '../../../../utils/DateUtils';\nimport YouTubeVideoPlayer from '../../../widgets/videoplayer/YouTubeVideoPlayer'\n\nconst UnitLayout = (props) => {\n\n const {classId, unit, lectures, currentLecture, playLectureOnDemand, autoplay=false, completed}= props;\n\n const history = useHistory();\n\n const [preassessment ,setPreassessment] = useState(null);\n const [preassessmentScore, setPreassessmentScore] = useState(0);\n const [hasPlacementExam, setHasPlacementExam] = useState(false);\n const [playlist, setPlaylist] = useState(null);\n const [log, SetLog] = useState(null);\n const [activeKey, setActiveKey] = useState('outline');\n const [transcript, setTranscript] = useState(null);\n const [fontSize, setFontSize] = useState(\"16px\");\n const [playbackTime, setPlaybackTime] = useState(0);\n const [role, setRole] = useState(ProfileService.getRole());\n const [finalAssessment, setFinalAssessment] = useState(false);\n const [scrub, setScrub] = useState(0);\n const [initialInputProcessed, setInitialInputProcessed] = useState(false);\n const [previousCodeInput, setPreviousCodeInput] = useState([]);\n const [codeInput, setCodeInput] = useState('');\n const [compiledOutput, setCompiledOutput] = useState('');\n const [showInputPrompt, setShowInputPrompt] = useState(false);\n const [inputPromptMessage, setInputPromptMessage] = useState('');\n const [promptInputCapture, setPromptInputCapture] = useState('');\n const [isStartOn, setIsStartOn] = useState(true);\n const [startOn, setStartOn] = useState('');\n\n const editorOptions = {\n readOnly: false,\n minimap: { enabled: false }\n };\n\n useEffect(() => {\n\n const load = async () => {\n if(unit){\n const _isStartOn = StudentLogService.getIsStartOn(unit._id);\n const _startOn = StudentLogService.getStartOn(unit._id);\n setIsStartOn(_isStartOn===null ? true : _isStartOn);\n setStartOn(_startOn===null ? \"\" : _startOn);\n const playlist = Proxy.getByUnitId(unit._id);\n const log = StudentLogService.getFullUnitLog(playlist);\n SetLog(log);\n setPlaylist(playlist);\n\n //if this is a placement unit, then redirect to assessment - (if student has not taken it already)\n if(unit && unit.assessments.length > 0){\n if(unit.placement === true){\n setHasPlacementExam(true);\n const placementExam = unit.assessments.find(assessment => { return assessment.type === 'PLACEMENT_EXAM'});\n\n //find out if placement exam has been taken\n if(placementExam && log && log.assessmentslogs){\n if(log.assessmentslogs.length > 0){\n const placementExamLog = log.assessmentslogs.find(al => { return al._id === placementExam._id});\n if(placementExamLog){\n if(placementExamLog.status === 'TAKEN'){\n const placementExamScore = placementExamLog.bestScore;\n setPreassessment(placementExam);\n setPreassessmentScore(placementExamScore);\n return;\n }\n }\n }\n history.push({pathname: DeepLinking.STUDENT.EXAM_VIEW_PATH.replace(\":id\", placementExam._id), state: {classId: classId, unit: unit, lecture:null}});\n }\n }\n }\n \n if(currentLecture && currentLecture.transcripts && currentLecture.transcripts.length > 0){\n const trscRef = currentLecture.transcripts.find(t => t.code === 'en');\n if(trscRef){\n const _transcript = await TranscriptService.getDefaultTranscript(trscRef._id);\n setTranscript(_transcript);\n }\n }\n\n //lazy load transcripts L20-1031\n // if(lectures && lectures.length){\n // for (const lecture of lectures) {\n // const trscRef = lecture.transcripts.find(t => t.code === 'en');\n // if(trscRef){\n // await TranscriptService.getDefaultTranscript(trscRef._id);\n // }\n // }\n // } \n \n if(!unit.lectures || unit.lectures.length === 0){\n setFinalAssessment(true);\n }\n }\n }\n\n load();\n }, [currentLecture]);\n \n const showLoader = () => {\n if (!playlist) {\n return Loading...;\n }\n };\n \n const fontHandler = action => {\n const currentSize = Number.parseInt(fontSize.replace(\"px\", \"\"));\n \n if (action === \"increase\") {\n let newSize = (currentSize + 1).toString() + \"px\";\n setFontSize(newSize);\n } else if (action === \"decrease\") {\n if (currentSize <= 1) {\n return;\n }\n let newSize = (currentSize - 0.1).toString() + \"px\";\n setFontSize(newSize);\n } else if (action === \"default\") {\n setFontSize(\"16px\");\n }\n };\n\n const showQuiz = (id) => {\n history.push({pathname: DeepLinking.STUDENT.QUIZ_VIEW_PATH.replace(':id', id), state: {classId: classId, unit:unit, lecture: null, source:'unit'}});\n }\n \n const showWorkbook = () => {\n const workbooks = playlist.assessments.filter(assessment => assessment.type === \"WORKBOOK\");\n const workbook = workbooks[0];\n let nextWorkbookId = workbook._id;\n if (workbooks.length > 1) {\n nextWorkbookId = workbooks[1]._id;\n }\n history.push({pathname: DeepLinking.STUDENT.WORKBOOK_VIEW.replace(\":id\", workbook._id), state: {classId: classId, unitId: unit._id, nextWorkbookId: nextWorkbookId, workbooks:workbooks}});\n };\n \n const showExam = (examParam) => {\n const exam = playlist.assessments.find(assessment => {\n return assessment.type === \"BOOKEXAM\" && assessment._id===examParam._id;\n });\n history.push({pathname: DeepLinking.STUDENT.EXAM_VIEW_PATH.replace(\":id\", exam._id), state: {classId, classId}});\n };\n\n const showFinalExam = () => {\n const exam = playlist.assessments.find(assessment => {\n return assessment.type === \"BOOKEXAM\";\n });\n history.push({pathname: DeepLinking.STUDENT.EXAM_VIEW_PATH.replace(\":id\", exam._id), state: {classId, classId}});\n };\n\n const showAssignment = () => {\n const assignment = playlist.assessments.find(assessment => {\n return assessment.type === \"ASSIGNMENT\";\n });\n window.open(DeepLinking.STUDENT.ASSIGNMENT_VIEW.replace(\":id\", assignment._id),'targetWindow', `toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=900,height=600`);\n }\n \n const showExamResults = async (examParam) => {\n const exam = playlist.assessments.find(assessment => {\n return assessment.type === \"BOOKEXAM\" && assessment._id===examParam._id;});\n const attempt = await AttemptService.getForAssessment(exam._id);\n if(!attempt) {console.log(`unable to get grade report from server.`)}\n history.push({pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH, state: {examResult: {title: exam.title, data: attempt, currentView: \"exam-results-skip\" }}});\n }\n \n const loadLectureVideo = id => {\n playLectureOnDemand(id);\n };\n\n const showPreassessmentResults = async () => {\n const attempt = await AttemptService.getForAssessment(preassessment._id);\n history.push({pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH, state: {examResult: {title: preassessment.title, data: attempt, currentView: \"exam-results-skip\" }}});\n }\n\n const displayPreAssessmentScore = () => {\n if(!hasPlacementExam) return <>;\n return showPreassessmentResults()}>\n Preassessment Score:\n
\n
;\n }\n \n const populateList = () => {\n if (playlist) {\n return (\n {preassessmentScore}
\n \n {displayPreAssessmentScore()}\n {playlist.getLectures().map(lecture => {\n if (!log) {\n return \"\";\n }\n const lecturelog = log.lecturelogs.find(_lecture => {\n return _lecture._id === lecture._id;\n });\n const formatedDate = DateUtils.formatStringDateToTooltipText(startOn);\n const tooltipText = isStartOn ? \"\" : \"Quiz will be available from \" + formatedDate;\n return (\n
\n );\n }\n };\n\n const populateAssignment = () => {\n if (playlist) {\n \n const assignment = playlist.assessments.find(assessment => {\n return assessment.type === \"ASSIGNMENT\";\n });\n \n if(!assignment){ return \"\"; }\n \n const assignmentLog = log.assessmentslogs.find(assessment => {\n return assessment.type === \"ASSIGNMENT\";\n });\n \n return (\n \n loadLectureVideo(id)}\n unitId={unit._id} \n classId={classId} \n log={log}\n isStartOn={isStartOn}\n tooltipText = {tooltipText}\n />\n
\n );\n })}\n \n isTaken ? console.log('taken'): showAssignment()}\n />\n
\n );\n }\n }\n\n const populateExam = () => {\n if (playlist) {\n const bookExams = playlist.assessments.filter(assessment => assessment.type === \"BOOKEXAM\");\n if (!bookExams || bookExams.length === 0) return \"\";\n\n const workBookLog = log.assessmentslogs.find(assessment => {\n return assessment.type === \"WORKBOOK\";\n });\n let defaultText = \"Locked! Complete the lesson(s) to unlock.\";\n if (workBookLog) {\n defaultText = \"Locked! Complete the workbook to unlock.\";\n }\n \n return bookExams.map((exam, index) => {\n const bookExamLog = log.assessmentslogs.find(assessmentLog => {\n return assessmentLog._id === exam._id;\n });\n // const defaultText = \"Locked! Complete the lesson(s) to unlock.\";\n \n return (\n \n isTaken ? showExamResults(exam) : showExam(exam)}\n />\n
\n );\n });\n }\n };\n \n const populateWorbook = () => {\n if (playlist) {\n \n const workbook = playlist.assessments.find(assessment => {\n return assessment.type === \"WORKBOOK\";\n });\n \n if(!workbook){ return \"\"; }\n \n const workBookLog = log.assessmentslogs.find(assessment => {\n return assessment.type === \"WORKBOOK\";\n });\n \n return (\n \n = Config.minimumScore : \"\"\n }\n status={role !== \"Student\" ? \"PENDING\" : (workBookLog ? workBookLog.status : \"LOCKED\")}\n listener={() => showWorkbook()}\n />\n
\n );\n }\n };\n\n const scrubVideoToCuepoint = (cue) => {\n if(cue !== scrub.cue) {\n setScrub({cue: cue, key: uuidv4()});\n }\n } \n\n const showAncillaryItem = async (assetId, type) => {\n if(type === 'QUIZ'){\n showQuiz(assetId);\n } else {\n let asset = await AssetService.getFromRemote(assetId);\n if(asset) window.open(asset.url, \"_blank\");\n }\n }\n \n const showTranscript = () => {\n if(!transcript) { return No Transcript available}\n \n return \n updatePlaybackTime(time) }\n />\n
\n );\n } else {\n return (\n \n completed()}\n onTimeUpdate={(time) => setPlaybackTime(time) }\n scrub={ scrub }\n />\n
\n );\n }\n });\n } else {\n return Loading...
;\n }\n };\n\n const clearPreviousCodeInput = () => {\n $('.code-input-prompt').val(\"\");\n setPromptInputCapture('');\n setShowInputPrompt(false);\n }\n\n const compileCode = async () => {\n clearPreviousCodeInput();\n\n //if the typed code includes an input() python function\n //then we must send it with a newline character so the\n //compiler does not merge multiple prints in a single string\n let transformedCodeInput = codeInput;\n if(CodeInputUtils.hasInputFunction(codeInput)){\n transformedCodeInput = CodeInputUtils.addNewLineCharacterToInputMessage(codeInput);\n }\n\n const payload = {lang: 'python', source: transformedCodeInput};\n if(promptInputCapture && promptInputCapture !== \"\") {\n payload.input = promptInputCapture + \"\\n\";\n }\n\n //send previous inputs\n payload.previousInput = previousCodeInput;\n\n setCompiledOutput('');\n const response = await CompileService.compile(payload);\n\n if(response) {\n\n if(response.message && response.message !== ''){\n setCompiledOutput(response.message);\n }\n\n if(response.error && response.error !== ''){\n if(response.error === 'input-required'){\n setShowInputPrompt(true);\n\n if(!initialInputProcessed) {\n setInitialInputProcessed(true);\n } else {\n let previousInput = [...previousCodeInput];\n previousInput.push(promptInputCapture);\n setPreviousCodeInput(previousInput);\n }\n const message = CodeInputUtils.deserializeOutput(response.message);\n setInputPromptMessage(message);\n \n\n setTimeout(() => {\n $('.code-input-prompt').trigger(\"focus\");\n }, 1000);\n } else{\n setCompiledOutput(response.error)\n }\n }\n }\n }\n\n const onInputChangeHandler = (e) => {\n setPromptInputCapture(e.target.value)\n }\n\n const onInputKeyDownHandler = (e) => {\n if (e && e.key === \"Enter\") {\n compileCode(true);\n }\n }\n\n const clearOutput =() => {\n setCodeInput('');\n setShowInputPrompt(false);\n clearPreviousCodeInput();\n setCompiledOutput('');\n setInputPromptMessage('');\n setInitialInputProcessed(false);\n setPreviousCodeInput([]);\n }\n\n const showCodeEditor = () => {\n return (\n \n setCodeInput(input)}\n />\n\n
\n );\n }\n\n const onTabSelectedHandler = (k) => {\n setActiveKey(k);\n if(k === \"codeeditor\"){\n $(\".unit-tabs-container\").addClass('code-editor-tab-expanded');\n } else {\n $(\".unit-tabs-container\").removeClass('code-editor-tab-expanded');\n }\n }\n\n const showTabbedPlaylist = () => {\n return (\n \n clearOutput()}\n variant=\"light\"\n className=\"font-weight-bold my-2 rounded me-2\">\n Clear\n \n compileCode()}\n disabled={showInputPrompt ? true : false}\n variant=\"primary\"\n className=\"font-weight-bold my-2 rounded me-2\">\n Run >\n \n
\n\n \n
\n \n * Hit enter to submit\n {inputPromptMessage}\n onInputKeyDownHandler(e)} onChange={(e) => onInputChangeHandler(e)}/>\n
\n {compiledOutput}
\n \n onTabSelectedHandler(k)}>\n \n \n \n \n \n \n {currentLecture && currentLecture.scope === 'PROGRAMMING'\n ?\n \n \n :\n <>\n }\n \n
\n );\n }\n\n const showVideoPlayerScreen = () => {\n return (\n <>\n \n {showLoader()}\n {populateList()}\n
\n \n {populateWorbook()}\n {populateExam()}\n {populateAssignment()}\n
\n \n {showAncillaryItems()}\n
\n \n \n \n
\n \n {showTranscript()}\n
\n \n {showCodeEditor()}\n
\n \n {showTabbedPlaylist()}\n
\n\n \n
\n \n );\n }\n\n const getFinalAssessmentForUnit = () => {\n //BOOKEXAM has priority and we will always return only one!\n if(playlist){\n let assessment = playlist.assessments.find(a => { return a.type === \"BOOKEXAM\";});\n if(!assessment) assessment = playlist.assessments.find(a => { return a.type === \"ASSIGNMENT\";});\n if(!assessment) assessment = playlist.assessments.find(a => { return a.type === \"WORKBOOK\";});\n return assessment;\n }\n }\n\n const getFinalPracticeTestForUnit = () => {\n if(playlist){\n const finalAssessment = getFinalAssessmentForUnit();\n if(finalAssessment && finalAssessment.type === \"BOOKEXAM\"){\n return playlist.assessments.find(a => { return a.type === \"WORKBOOK\" });\n }\n }\n return null;\n }\n\n const checkIfFinalPracticeTestIsTaken = (practiceTest) => {\n if(!practiceTest){ return false };\n if(log && log.assessmentslogs){\n const assessmentLog = log.assessmentslogs.find(assessment => {\n return assessment.type === practiceTest.type;\n });\n if(assessmentLog){\n return assessmentLog.status === 'TAKEN';\n }\n }\n return false;\n }\n\n const checkIfAssessmentHasBeenTaken = (finals) => {\n if(log && log.assessmentslogs){\n const assessmentLog = log.assessmentslogs.find(assessment => {\n return assessment.type === finals.type;\n });\n if(assessmentLog){\n return assessmentLog.status === 'TAKEN';\n } else {\n return false;\n }\n }\n return false;\n }\n\n const showAssessmentResults = async (finals) => {\n const attempt = await AttemptService.getForAssessment(finals._id);\n if(!attempt) {console.log(`unable to get grade report from server.`)}\n history.push({pathname: DeepLinking.STUDENT.EXAM_RESULTS_PATH, state: {examResult: {title: finals.title, data: attempt, currentView: \"exam-results-skip\" }}});\n }\n\n const showAssessmentView = (finals) => {\n if(finals && finals.type === 'BOOKEXAM') {showFinalExam();}\n else if(finals && finals.type === 'WORKBOOK') {showWorkbook();}\n else if(finals && finals.type === 'ASSIGNMENT') { showAssignment(); }\n }\n\n const showFinalAssessmentScreen = () => {\n const finals = getFinalAssessmentForUnit();\n const taken = checkIfAssessmentHasBeenTaken(finals);\n\n const showAssessmentAsPending = () => {\n\n const practiceTest = getFinalPracticeTestForUnit();\n const practiceTestIsTaken = checkIfFinalPracticeTestIsTaken(practiceTest);\n\n return (\n \n {showVideoPlayer()}\n
\n \n {finals ? finals.title : 'Assessment'}\n {\n practiceTest && !practiceTestIsTaken ?\n
\n );\n }\n\n const showAssessmentAsTaken = () => {\n return (\n \n Unlock exam by taking the showWorkbook()}>practice test\n
\n :\n <>\n Total Questions: {finals && finals.questions ? finals.questions.length : 0}\n Duration: {finals && finals.timeBased ? finals.durationInMinutes + ' mins': 'Unlimited'}\n \n {\n practiceTest ?\n \n Don't feel ready? Retake the showWorkbook()}>practice test\n
\n :\n <>\n }\n \n }\n \n
\n );\n }\n\n return (\n \n \n
\n {finals ? finals.title : 'Assessment'}\n \n \n {taken ? showAssessmentAsTaken() : showAssessmentAsPending() }\n
\n );\n }\n\n return (\n \n {finalAssessment ? showFinalAssessmentScreen() : showVideoPlayerScreen()}\n
\n );\n}\n \nexport default UnitLayout;","import React, { useState, useEffect } from \"react\";\nimport Header from \"./../../../widgets/header/Header\";\nimport {Spinner} from \"react-bootstrap\";\nimport UnitService from \"./../../../../services/UnitService\";\nimport LectureService from \"./../../../../services/LectureService\";\nimport StudentLogService from \"./../../../../services/StudentLogService\";\nimport CacheService from \"./../../../../services/CacheService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport FeedbackService from \"./../../../../services/FeedbackService\";\nimport RateLectureModal from \"./../../../widgets/modals/RateLectureModal\";\nimport LSBreadcrumb from \"./../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../utils/DeepLinking\";\nimport LimespringUtils from \"./../../../../utils/LimespringUtils\";\nimport \"./unitview.css\";\nimport UnitLayout from \"./UnitLayout\";\n\nconst UnitView = props => {\n\n const { classId, unitId, lectureId = '', autoplay=false} = props;\n\n const [unit, setUnit] = useState(null);\n const [unitlog, setUnitlog] = useState(null);\n const [lectures, setLectures] = useState(null);\n const [currentLecture, setCurrentLecture] = useState(null);\n const [completeShow, setCompleteShow] = useState(false);\n const [isStudent, setIsStudent] = useState(true);\n\n useEffect(() => {\n const loadCacheAndStart = async () => {\n\n //await CacheService.refresh();\n await CacheService.reloadData('unitView', unitId);\n\n const user = ProfileService.get();\n setIsStudent(user.role === \"Student\");\n\n if (!unit) {\n const _unit = UnitService.get(unitId);\n\n //workaround to reload lectures with Transcripts!\n let lects = [];\n if(_unit.lectures && _unit.lectures.length > 0){\n let lectIds = _unit.lectures\n if(typeof lectIds[0] !== 'string') lectIds = _unit.lectures.map(l => l._id);\n lects = LectureService.getByIds(lectIds);\n }\n _unit.lectures = lects;\n\n setUnit(_unit);\n setLectures(_unit.lectures || []);\n setUnitlog(StudentLogService.getLogForUnit(unitId));\n document.title = 'LimeSpring Portal - ' + _unit.title + ' Unit';\n window.scrollTo(0, 0);\n\n if(_unit.lectures && _unit.lectures.length > 0) {\n if(lectureId !== ''){ \n setCurrentLecture(_unit.lectures.find(l => l._id === lectureId))\n //setShouldAutoplay(true);\n } else {\n setCurrentLecture(_unit.lectures[0])\n }\n }\n }\n }\n\n loadCacheAndStart();\n\n }, [unitId]);\n\n const playLectureOnDemand = id => {\n setCurrentLecture(\n lectures.find(lecture => {\n return lecture._id === id;\n })\n );\n };\n\n const onFeedbackProvided = async (stars, comment) => {\n try{\n await FeedbackService.create({stars: stars, comment: comment, unitId: unit._id, lectureId: currentLecture._id});\n }catch(e){\n console.error(`Error while attempting to send feedback to server. Ignoring`);\n }\n setCompleteShow(false);\n }\n\n return (\n \n playLectureOnDemand(id)}\n completed={()=> setCompleteShow(true)}/>\n :\n onFeedbackProvided(stars, comment)} onHide={() => setCompleteShow(false)}/>\n
\n );\n};\n\nexport default UnitView;\n","import React, { useState, useEffect } from \"react\";\nimport {useHistory} from 'react-router-dom';\nimport {Spinner} from 'react-bootstrap';\nimport Header from \"../../../widgets/header/Header\";\nimport LSBreadcrumb from \"../../../widgets/breadcrumb/LSBreadcrumb\";\nimport UnitList from \"../../../widgets/unit-list/UnitList\";\nimport ClassService from \"../../../../services/ClassService\";\nimport StudentLogService from \"../../../../services/StudentLogService\";\nimport UnitService from \"../../../../services/UnitService\";\nimport CourseService from \"./../../../../services/CourseService\";\nimport CacheService from \"./../../../../services/CacheService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport InstructorService from \"./../../../../services/InstructorService\";\nimport DateUtils from \"../../../../utils/DateUtils\";\nimport LimespringUtils from \"../../../../utils/LimespringUtils\";\nimport SidebarMenu from \"../../../widgets/sidebar/SidebarMenu\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport \"./classview.css\";\n\nconst ClassView = props => {\n\n const { classId } = props;\n\n const history = useHistory();\n\n const [grade, setGrade] = useState(0);\n const [clazz, setClazz] = useState(null);\n const [callout, setCallout] = useState(\"\");\n const [classTitle, setClassTitle] = useState(\"\");\n const [units, setUnits] = useState([]);\n const [open, setOpen] = useState(false);\n const [isStudent, setIsStudent] = useState(true);\n const [isStartOn, setIsStartOn] = useState(true);\n \n useEffect(() => {\n \n const getClass = async (id) => {\n\n let _class = ClassService.get(id);\n document.title = 'LimeSpring Portal - ' + _class.title + ' Class';\n\n const user = ProfileService.get();\n setIsStudent(user.role === \"Student\");\n\n await CacheService.reloadData('classView', id);\n\n const classLog = await StudentLogService.getLogForClass(id);\n const currentGrade = classLog ? classLog.currentGrade : 0;\n setCallout(`${DateUtils.getCurrentDate()}`);\n setClassTitle(_class.title);\n setGrade(LimespringUtils.getGradeAsPercent(currentGrade || 0.25));\n\n let courses = CourseService.getByIds(_class.courses);\n\n let units = [];\n\n if (courses && courses.length > 0) {\n courses.forEach(course => {\n if (course.units && course.units.length > 0) {\n units = units.concat(course.units);\n }\n });\n }\n const _isStartOn = await StudentLogService.getIsStartOn(id);\n const _startOn = await StudentLogService.getStartOn(id);\n setUnits(units);\n setClazz(_class);\n setIsStartOn(_isStartOn);\n };\n\n if (!clazz) { getClass(classId); }\n\n //if there are placement units, then redirect to assessment!\n //TODO support step chaining!\n if(units && units.length === 1){\n const placementUnits = units.filter(u => u.placement === true);\n if(placementUnits && placementUnits.length > 0){\n //if lectures/assessments, then it is definitely not a P.E\n // a P.E usually will only have 1 unit!\n if(placementUnits[0].lectures.length > 0 && placementUnits[0].assessments.length > 1){\n return;\n }\n\n if(placementUnits[0].assessments && placementUnits[0].assessments.length > 0){\n const placementExamId = placementUnits[0].assessments[0]._id;\n const placementExamLogs = StudentLogService.getLogForAssessments([placementExamId])\n //first check if assessment has not been already done\n if(placementExamLogs[0].status !== 'TAKEN'){\n history.push({pathname: DeepLinking.STUDENT.EXAM_VIEW_PATH.replace(\":id\", placementExamId), state: {classId, classId, unit: placementUnits[0]}});\n }\n }\n }\n }\n\n }, [clazz]);\n\n const handleClick = e => {\n e.preventDefault();\n setOpen(!open);\n };\n\n const getClassHeader = () => {\n if(!clazz) { return <>; }\n\n return \n
\n {\n unit ?\n \n \n
\n }\n {clazz.title} - {units ? units.length : 0} Weeks
\n }\n\n const loadPage = target => {\n if (target === \"dashboard\") {\n history.push(`/dashboard`);\n } else if (target === \"account\") {\n history.push(`/settings`);\n } else if (target === \"grades\") {\n history.push(DeepLinking.STUDENT.GRADEBOOK_VIEW_PATH);\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default ClassView;\n","import React, {useState, useEffect} from 'react';\nimport { Pagination } from \"react-bootstrap\";\nimport ArrayUtils from \"../../../utils/ArrayUtils\";\nimport { useToasts } from 'react-toast-notifications';\nimport './assessmentpagination.css';\n\nconst AssessmentPager = (props) => {\n\n const { questions, current, isExam=false, clickable=false, onItemClickHandler} = props;\n\n const { addToast } = useToasts();\n\n const [itemSets, setItemSets] = useState([]);\n const [currentSetIndex, setCurrentSetIndex] = useState(0);\n const [currentQuestion, setCurrentQuestion] = useState(current);\n\n const maxItemsInSet = 50;\n\n useEffect(()=> {\n setItemSets(ArrayUtils.getAsSets(questions, maxItemsInSet));\n //setCurrentQuestion(current);\n setCurrentSetIndex(findCurrentQuestionIndex());\n }, [questions]);\n\n useEffect(() => {\n setCurrentQuestion(current);\n }, [current]);\n\n const findCurrentQuestionIndex = () => {\n if(!current) return 0;\n const index = questions.findIndex(q => q._id === current);\n return Math.floor(index/maxItemsInSet);\n }\n\n const itemClickHandler = (e, q, i) => {\n e.preventDefault();\n if(!clickable){\n if(!isExam){\n addToast('*Please retry question to continue.', {appearance: 'warning', autoDismiss: false});\n }\n } else {\n //setCurrentQuestion(q._id);\n onItemClickHandler(q, i);\n }\n }\n\n const getStatus = (q) => {\n\n //case: exam only!\n if(q.status === 'ANSWERED') { return 'answered' }\n\n //special case - active is correct/incorrect!\n if(currentQuestion === q._id){\n if(q.status === 'CORRECT') { return 'retry correct' }\n if(q.status === 'INCORRECT') { return 'retry incorrect' }\n }\n\n if(q.status === 'PENDING') { return 'pending' }\n if(q.status === 'CORRECT') { return 'correct' }\n if(q.status === 'INCORRECT') { return 'incorrect' }\n }\n\n const getItemsFromSet = (index) => {\n if(!itemSets || itemSets.length === 0) { return []; }\n return itemSets[index].map((q, i) => {\n return \n
\n \n loadPage(target)} showInstructorMode={ isStudent ? false : true }/>\n
\n {\n !clazz \n ?\n \n
\n }\n \n \n { getClassHeader()} \n
\n \n
\n \n
\n \n {showItems()} \n
\n );\n}\n \nexport default AssessmentPager;","import React, {useEffect, useRef} from 'react';\nimport StringUtils from './../../../utils/StringUtils';\nimport './mathfield_comps.css';\n\nconst MathDisplayField = (props) => {\n\n const {statement, css=\"math-input-field-sm\", htmlSupport=false, forceRender=true, enableMultiline=false, thumbnail=null} = props;\n\n let node = useRef(null);\n\n useEffect(() => {\n if(htmlSupport) node.current.innerHTML = StringUtils.decodeHtml(statement);\n if(forceRender && window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n }, [statement]);\n\n return (\n \n
\n ); \n}\n\nexport default MathDisplayField;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAhCAYAAACm75niAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGHSURBVHgB7ZhfToNAEMZn1u175QR4A/XJRIwewRv4591ST2BvID2BvYE9gj408a29QTlBw7u44+yqaARpK3VlCb+EMDBkMkw+PpJBYLoHfR8l3SHArr6EmkIAY0rxOnmKYtRNC0lTABwqCVHyECVQQ7on/S48w7lAulEp7uF2EN4j4eNiEkXgAF7QGxDgsWB5nKoOjMARlBSRkbQXhASOoXsW4CjONi6/3/COwjn7jm8uCOLFZLhTx1x+4h8PavBLXLNcczROCHEW02dct1xrh7ZpG7eNXOWhMj+1kS9itYmXea2NfAHN1nipn1rIF9L6uGWabYf/AcsBTcBCZnvMybmw8bV8tyrL68d85Hxd/FDMz+JlvluVX/p6sz7OdXy3Klx/XlBf3yOTLsgbWh+3BK/izFnwuBOzl3MH06u2w5lIlX6NAdQYPWnuE1Sqzlj3Y8lr2wtuf+odXiWqszX6i21t9jOpgHqbdA8BQ3rBfVPwfT9+qxegsHk28vFrSfNpxoO+1PvxV+CGCXIAlLyZAAAAAElFTkSuQmCC\"","import React from 'react';\nimport {Tooltip, OverlayTrigger} from 'react-bootstrap';\nimport './keyboard.css';\n\nconst KeyboardTile = (props) => {\n\n const {type, latex, tooltip=false, onClick} = props; \n\n const show = () => {\n if(tooltip) {\n return \n {StringUtils.decodeHtml(statement)}\n
\n {thumbnail && (\n \n 
\n
\n )}\n onClick(latex)}>
\n onClick(latex)}>
\n }\n\n }\n\n return ( show() );\n}\n \nexport default KeyboardTile;","export default {\n getLayoutCategories: () => {\n return {\n 'ALGEBRA':[\n [\n {type: 'greaterthan', latex: '\\\\gt'},\n {type: 'lessthan', latex: '\\\\lt'},\n {type: 'greaterequal', latex: '\\\\geq'},\n {type: 'lessequal', latex: '\\\\leq'},\n {type: 'notequals', latex: '\\\\ne'}\n ],\n [\n {type: 'nroot', latex: '\\\\sqrt[]{}'},\n {type: 'sqroot', latex: '\\\\sqrt{}'},\n {type: 'power2', latex: '\\{}^{2}'},\n {type: 'powern', latex: '\\{}^{}'},\n {type: 'fraction', latex: '\\\\frac{}{}'}\n ],\n [\n {type: 'plus', latex: '+'}, \n {type:'minus', latex: '-'}, \n {type: 'multiply', latex: '*'}, \n {type: 'divide', latex: '/'},\n {type: 'equals',latex: '='}\n ],\n [\n {type: 'parenthesesLeft', latex: '('},\n {type: 'parenthesesRight', latex: ')'},\n {type: 'squareBracketLeft', latex: '['},\n {type: 'squareBracketRight', latex: ']'},\n {type: 'period', latex: '.'},\n {type: 'comma', latex: ','}\n ]\n // {type: 'log', latex: '\\\\log({})'},\n // {type: 'ln',latex: '\\\\ln({})'},\n // {type: 'logbase', latex: '\\\\log_{}({})'},\n // {type: 'sin', latex: '\\\\sin(\\\\theta)'},\n // {type: 'cos', latex: '\\\\cos({\\theta})'},\n // {type: 'tan', latex: '\\\\tan({\\theta})'}\n ],\n 'CALCULUS': [\n [\n {type: 'limplus', latex: '\\\\lim_{x \\\\to +\\\\infty} f(x)'},\n {type: 'limminus', latex: '\\\\lim_{x \\\\to -\\\\infty} f(x)'},\n {type: 'limalpha', latex: '\\\\lim_{x \\\\to \\\\alpha} f(x)'},\n ],\n [\n {type: 'firstorderderivative', latex: \"\\\\f'(x)\"},\n {type: 'sndorderderivative', latex: \"\\\\f''(x)\"},\n {type: 'kthorderderivative', latex: '\\\\f^{(k)}(x)'},\n {type: 'partialfirstorderderivative', latex: \"\\\\frac{\\\\partial f}{\\\\partial x}\"},\n {type: 'partialsndorderderivative', latex: \"\\\\frac{\\\\partial^2 f}{\\\\partial x^2}\"},\n {type: 'partialkthorderderivative', latex: '\\\\frac{\\\\partial^{k} f}{\\\\partial x^k}'},\n ],\n [\n {type: 'integral', latex: '\\\\int'},\n {type: 'integrallimits', latex: '\\\\int_{}^{} f(x)dx'},\n {type: 'doublelimits', latex: '\\\\int_{a}^b\\\\int_{c}^d f(x,y)dxdy'},\n ],\n ]\n \n }\n } \n};","import React from 'react';\nimport KeyboardTile from './KeyboardTile';\nimport { v4 as uuidv4 } from \"uuid\";\nimport KeyboardLayoutUtils from \"./../../../utils/KeyboardLayoutUtils\";\nimport ObjectUtils from '../../../utils/ObjectUtils';\n\nconst MathKeyboard = (props) => {\n\n const { layout, userRole='Student', handler } = props;\n\n const getKeyboardType = () => {\n if(!layout) return {};\n let activeLayoutContent = KeyboardLayoutUtils.getLayoutCategories()[layout];\n return { [layout]: activeLayoutContent };\n }\n\n const clickHandler = (latex) => {\n handler(latex);\n }\n\n const renderKeyboardType = () => {\n const keyboard = getKeyboardType();\n \n if(ObjectUtils.isEmpty(keyboard) && userRole === 'Instructor') return (Please add one or more keyboard math contexts.
);\n \n let rows = [];\n for(let key in keyboard) {\n keyboard[key].forEach((row) => {\n let buttons = row.map((mathOption, index) => (\n \n {buttons}\n
\n );\n });\n }\n return rows;\n }\n\n return (\n // \n
\n );\n }\n\n}\n\nexport default MathKeyboardDrawer;\n","import StringUtils from \"./StringUtils\";\n\nexport default {\n\n //known issues with some latex expressions\n //as Mathquill will try to normalize them:\n // see: https://github.com/mathquill/mathquill/issues/39\n normalize: (l) => {\n let hasParenthesesOrSquareBrackets = false;\n \n if(l.includes('(') || l.includes(')') || l.includes('[') || l.includes(']')) hasParenthesesOrSquareBrackets = true;\n \n // only check left because even if you type right parentheses\n // it will automatically add left parentheses by default...\n if(l.includes(`\\left(`)){ \n l = l.replace(/\\\\left/g, ''); \n l = l.replace(/\\\\right/g, '');\n hasParenthesesOrSquareBrackets = true;\n }\n \n //square bracket check\n if(l.includes(`\\leqft[`)){\n l = l.replace(/\\\\leqft/g, '');\n l = l.replace(/\\\\right/g, '');\n hasParenthesesOrSquareBrackets = true;\n }\n \n if(l.includes(`\\left[`)){\n l = l.replace(/\\\\left/g, '');\n l = l.replace(/\\\\right/g, ''); \n hasParenthesesOrSquareBrackets = true;\n }\n \n //remove multiplication and division special symbols\n //if student did not input them through the keyboard!\n if(l.includes(`\\cdot`)){\n l = l.replace(/\\\\cdot/g, '*');\n }\n \n //remove latex escapes from % expressions\n if(l.includes('\\\\%')){\n l = l.replace('\\\\%', '%');\n }\n \n //l = l.replace(/\\\\ge(?=\\s|\\d|[,.;?!])/g, '\\\\geq');\n //l = l.replace(/\\\\le(?=\\s|\\d|[,.;?!])/g, '\\\\leq');\n // Adjust replacements to avoid infinite loops\n // Replace \\le if not followed by q\n l = l.replace(/\\\\le(?!q)/g, '\\\\leq');\n // Replace \\ge if not followed by q\n l = l.replace(/\\\\ge(?!q)/g, '\\\\geq');\n\n l = l.replace(//g, '\\\\gt');\n \n //allow $ symbol for currency questions (come escaped from MathQuill component)\n if(l.includes(`\\$`)){ \n l = l.replace(/\\\\\\$/g, '$');\n }\n \n //if student entered a comma and it is not a range () or [], then strip it\n if(!hasParenthesesOrSquareBrackets){\n //commenting out has we have issues with answers like -4,1 \n //l = l.replace(/\\,/g, '');\n }\n \n //replace any embedded $ (authoring keyboard may enter multiple embedded latex commands)\n //only if expression has () or []\n if(hasParenthesesOrSquareBrackets){\n l = StringUtils.removeMathPlaceholder(l);\n }\n \n return l;\n },\n \n\n denormalize: (l) => {\n\n l = l.replace(/\\\\lt/g, '<');\n l = l.replace(/\\\\gt/g, '>');\n return l;\n }\n}","import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { addStyles, EditableMathField } from 'react-mathquill';\nimport keyboardIcon from './../../../images/math/keyboard.png';\nimport MathKeyboardDrawer from \"./../keyboard/MathKeyboardDrawer\";\nimport LatexUtils from './../../../utils/LatexUtils';\nimport StringUtils from '../../../utils/StringUtils';\nimport $ from 'jquery';\nimport './mathfield_comps.css';\n\naddStyles();\n\nconst StudentMathInputField = (props) => {\n const { defaultValue = '', onStatementUpdate, keyboardLayout, onSubmit, externalValue = '' } = props;\n\n const [latex, setLatex] = useState(StringUtils.removeMathPlaceholder(defaultValue));\n const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n const [internalLatex, setInternalLatex] = useState(latex);\n\n const inputField = useRef(null);\n const mathquillRef = useRef(null);\n\n const prevLatexRef = useRef(latex);\n\n // Synchronize latex with externalValue\n useEffect(() => {\n if (externalValue && StringUtils.removeMathPlaceholder(externalValue) !== latex) {\n setLatex(StringUtils.removeMathPlaceholder(externalValue));\n }\n }, [externalValue]);\n\n // Update onStatementUpdate when latex changes\n useEffect(() => {\n if (prevLatexRef.current !== latex) {\n onStatementUpdate(`$${LatexUtils.normalize(latex)}$`);\n prevLatexRef.current = latex;\n }\n }, [latex, onStatementUpdate]);\n\n useEffect(() => {\n if (mathquillRef.current) {\n mathquillRef.current.focus();\n }\n $('.student-mfield').attr(\"contenteditable\", \"true\");\n }, []);\n\n const insert = useCallback((l) => {\n if (mathquillRef.current) {\n mathquillRef.current.write(l);\n const latexAfterInsert = mathquillRef.current.latex();\n setInternalLatex(latexAfterInsert);\n setLatex(latexAfterInsert);\n requestAnimationFrame(() => {\n mathquillRef.current.focus();\n });\n }\n }, []);\n\n const checkEnterKeyPressed = (e) => {\n if (e.which === 13) { // Enter key\n e.preventDefault();\n onSubmit(latex);\n } else if (e.which === 32) { // Space key\n e.preventDefault();\n }\n };\n\n const handleLatexChange = useCallback((mf) => {\n const newLatex = mf.latex();\n if (newLatex !== internalLatex) {\n setInternalLatex(newLatex);\n if (newLatex !== latex) {\n setLatex(newLatex);\n }\n }\n }, [internalLatex, latex]);\n\n return (\n <>\n \n {renderKeyboardType()}\n
\n );\n}\n \nexport default MathKeyboard;\n","import {createContext} from 'react';\n\nconst KeyboardInputContext = createContext({\n inputFieldId: '', \n keyboardInput: '',\n showKeyboardDrawer: false,\n toggleShowKeyboardDrawer: () => {},\n updateInputFieldId: () => {}\n});\n \nexport default KeyboardInputContext;","\nimport React, { useState, useEffect, useContext } from 'react';\nimport MathKeyboard from \"./MathKeyboard\";\nimport * as Icons from 'react-bootstrap-icons';\nimport KeyboardInputContext from './../../../hooks/KeyboardInputContext';\nimport ProfileService from './../../../services/ProfileService';\nimport './keyboard.css';\n\nconst MathKeyboardDrawer = (props) => {\n const { show, insert, layout, foreign = false, close = () => {}} = props;\n // const { show, insert, layout, foreign = false, close = () => {}, visibleTimeout=1000 } = props;\n const [isVisible, setIsVisible] = useState(false);\n const keyboardInputContext = useContext(KeyboardInputContext);\n const [layouts, setLayouts] = useState(['ALGEBRA','CALCULUS']);\n const [activeTab, setActiveTab] = useState(layout && layout.length > 0? layout[0]:null);\n\n useEffect(() => { \n if (layout!==null && layout.length>0) { setActiveTab(layout[0]); }\n else { return;}\n setIsVisible(show);\n // setTimeout(()=>\n // {\n // setIsVisible(show);\n // }, visibleTimeout);\n }, [show, layouts]);\n\n const hideDrawer = () => {\n if (foreign) {\n close();\n } else {\n keyboardInputContext.toggleShowKeyboardDrawer();\n }\n }\n const userRole = ProfileService.getRole();\n if (!layout || layout.length===0) {\n return (<>);\n } else {\n return (\n \n \n {/* tabs */}\n
\n {/* container */}\n \n \n {layout.map((keyLayout, index) => (\n setActiveTab(keyLayout)}\n >\n {keyLayout}\n
\n ))}\n \n {/* keyboard */}\n insert(l)} userRole={userRole && userRole!=='Student'?userRole:'Student'} />\n \n hideDrawer()}>
\n \n Would you like to try again?\n
\n
\n Hint
\n \n \n
\n \n \n {/*\n \n */}\n
\n displayImageModal(multimediaAsset.url)} style={{ backgroundImage: `url(${multimediaAsset.url})`, cursor: 'zoom-in' }}>
\n }\n\n const playAudio = () => {\n document.getElementById('assessment-question-audio-source').play();\n }\n\n const renderAudibleHelp = () => {\n if (!question || !question.audio || question.audio === '') return <>;\n return \n
\n }\n\n const checkAndSubmit = () => {\n if (nextQuestionDisabled && !last) return;\n const _answer = { ...answer };\n _answer.timestamp = Date.now() - answer.timestamp;\n _answer.numberOfAttempts = _answer.numberOfAttempts + 1;\n if (retry) _answer.numberOfAttempts++;\n onAnswerSubmit(question, _answer);\n resetState();\n }\n\n const checkAndNextStep = () => {\n const _answer = { ...answer };\n _answer.timestamp = Date.now() - answer.timestamp;\n _answer.numberOfAttempts = _answer.numberOfAttempts + 1;\n if (retry) _answer.numberOfAttempts++;\n setTextInput('');\n onStepAnswerSubmit(stepQuestions[currentStep], _answer);\n resetState();\n }\n\n const saveInput = (sentence) => {\n const _answer = { ...answer };\n _answer.inputChoice = sentence;\n _answer.selectedChoiceIds = [];\n setAnswer(_answer);\n setNextQuestionDisabled(false);\n setRetryQuestion(false);\n setTextInput(sentence);\n }\n\n const saveCodeInput = (sentence) => {\n setCodeInput(sentence);\n const _answer = { ...answer };\n _answer.inputChoice = sentence;\n _answer.selectedChoiceIds = [];\n setAnswer(_answer);\n setNextQuestionDisabled(false);\n setRetryQuestion(false);\n }\n\n const saveSelect = (choiceId) => {\n\n const _answer = { ...answer };\n _answer.inputChoice = '';\n /* REMOVING SUPPORT FOR MULTIPLE CORRECT ANSWERS!\n if(!_answer.selectedChoiceIds) _answer.selectedChoiceIds = [];\n _answer.selectedChoiceIds.push(choiceId);\n */\n _answer.selectedChoiceIds = [choiceId];\n setAnswer(_answer);\n setNextQuestionDisabled(false);\n setRetryQuestion(false);\n\n if (initiallySelected) {\n //check if this question has already been answered\n //if so, keep flag in exam object state (ONLY EXAMS)\n if (isExam) onChoiceUpdate();\n setInitiallySelected(false);\n }\n }\n\n const onKeyPressed = (e) => {\n if (e.which === 13) {\n e.preventDefault();\n steppedQuestion ? checkAndNextStep() : checkAndSubmit();\n }\n }\n\n const renderMathInput = (q, defaultValue='') => {\n return playAudio()}>\n
\n onKeyPressed(e)} tabIndex={0}>\n }\n onChange={e => {\n saveSelect(e.target.id);\n handleInputChange(e.target.checked);\n }\n }\n custom />\n
\n });\n } else if (q.subtype === 'INPUT_CHOICE') {\n\n return \n {\n q.context === 'MATH_TEXT'\n ?\n renderMathInput(q, getPreviousInputAttempt(q._id))\n :\n onKeyPressed(e)}\n onChange={e => {\n saveInput(e.target.value);\n handleInputChange(e.target.value);\n }\n }>\n }\n
\n }\n } else {\n if (q.subtype === 'MULTIPLE_CHOICE') {\n if (!q.choices || q.choices.length === 0) return <>No question choices available\n return q.choices.map(choice => {\n return onKeyPressed(e)} tabIndex={0}>\n }\n onChange={e => saveSelect(e.target.id)}\n custom />\n
\n });\n } else if (q.subtype === 'INPUT_CHOICE') {\n return \n {\n q.context === 'MATH_TEXT'\n ?\n renderMathInput(q)\n :\n showTextArea()}\n key={`qid-${q._id}`}\n value={textInput}\n onKeyPress={(e) => onKeyPressed(e)}\n onChange={e => saveInput(e.target.value)}>\n }\n
\n } else if (q.subtype === 'MANUAL_CHOICE') {\n return \n {\n q.context === 'CODE_TEXT' ?\n
\n }\n }\n }\n\n const getPreviousCheckAttempt = (questionId, choiceId) => {\n if (initiallySelected && isWorkbook) {\n return false;\n }\n if (initiallySelected) {\n const attempt = attempts.find(a => a._id === questionId);\n if (attempt && attempt.selectedChoiceIds && attempt.selectedChoiceIds.includes(choiceId)) {\n return true; \n }\n }\n if (choiceId && answer && answer.selectedChoiceIds && answer.selectedChoiceIds.includes(choiceId)) {\n return true; \n }\n return false; \n };\n\n const getPreviousInputAttempt = (questionId) => {\n if (isWorkbook) { //L20-897 \n return '';\n }\n if (attempts && attempts.length > 0) {\n const attempt = attempts.find(a => a._id === questionId);\n if (attempt && attempt.numberOfAttempts > 0 && attempt.inputChoice && attempt.inputChoice !== '') {\n return attempt.inputChoice;\n }\n }\n return '';\n }\n\n const getInputChoice = (questionId) => {\n const attempt = attempts.find(a => a._id === questionId);\n if (attempt && attempt.numberOfAttempts > 0 && attempt.inputChoice && attempt.inputChoice !== '') {\n return attempt.inputChoice;\n }\n return '';\n }\n const getSelectedChoiceIds = (question) => {\n if (question && question.choices && question.choices.length>0) {\n const attempt = attempts.find(a => a._id === question._id);\n return attempt.selectedChoiceIds; \n }\n return [];\n }\n\n\n //on explanation viewed, mark as incorrect!\n const onExplanationViewed = () => {\n const _answer = { ...answer };\n _answer.inputChoice = '';\n _answer.selectedChoiceIds = [];\n _answer.status = 'INCORRECT';\n _answer.timestamp = Date.now() - _answer.timestamp;\n _answer.viewExplanation = true;\n _answer.numberOfAttempts = _answer.numberOfAttempts + 1;\n setAnswer(_answer);\n steppedQuestion ? onStepExplanation(stepQuestions[currentStep], _answer) : onExplanation(question, _answer);\n }\n\n const onHintViewed = () => {\n steppedQuestion ? onStepHint(stepQuestions[currentStep]) : onHint(question);\n }\n\n const showTextArea = () => {\n if (focusInputRef1.current) { focusInputRef1.current.click();}\n if (focusInputRef.current) { focusInputRef.current.click();}\n }\n\n const handleCancel = () => {\n \n if (question.subtype === 'MULTIPLE_CHOICE') {\n const _answer = { ...answer, inputChoice: '' };\n if (initialInputState.selectedChoiceIds && initialInputState.selectedChoiceIds.length > 0) {\n _answer.selectedChoiceIds = [initialInputState.selectedChoiceIds[0]];\n setInitiallySelected(true);\n setNextQuestionDisabled(false);\n } else {\n _answer.selectedChoiceIds = [];\n setInitiallySelected(false);\n setNextQuestionDisabled(true);\n }\n setAnswer(_answer);\n setHasChanged(false);\n onResetChoiceUpdate();\n } \n else if (question.subtype === 'INPUT_CHOICE') {\n saveInput(initialInputState.textInput);\n setHasChanged(false);\n if(!initialInputState.textInput || initialInputState.textInput==='') {\n setNextQuestionDisabled(true);\n }\n } \n };\n\n const showNextOrSubmitButton = () => {\n const showCancelButton = isUndoButtonRenderable() ;\n const isLastStep = index === total && !steppedQuestion;\n \n if (isExam || isWorkbook) {\n if (last) {\n return (\n \n saveCodeInput(input)}\n />\n
\n :\n <>\n }\n \n \n \n {last && isExam && (\n steppedQuestion ? checkAndNextStep() : checkAndSubmit()}>\n Update Answer\n \n )}\n \n {showCancelButton && (\n \n
\n );\n } else {\n return (\n <>\n steppedQuestion ? checkAndNextStep() : checkAndSubmit()}>\n \n
);\n } else {\n return (<>\n \n {showNextOrSubmitButton()}\n
\n \n
\n );\n }\n }\n\n const isUndoButtonRenderable = () => {\n return isExam && \n (initialInputState.codeInput !== \"\" ||\n initialInputState.textInput !== \"\" ||\n (initialInputState.selectedChoiceIds !==null &&\n initialInputState.selectedChoiceIds.length > 0));\n };\n\n const showQuestionStepper = () => {\n if (!steppedQuestion) return null;\n return (\n \n onHintViewed()}>
\n \n {showNextOrSubmitButton()}\n
\n \n \n {stepData.map((data, index) => (\n \n
\n );\n };\n\n const renderQuestionStatement = () => {\n let statement = question.statement;\n if (steppedQuestion && stepQuestions && stepQuestions.length > 0) {\n statement = stepQuestions[currentStep].statement;\n }\n return \n\n \n\n onNextQuestionHandler()}\n onTryAgain={() => onTryAgainHandler()}\n />\n\n setShowImageModal(false)}\n />\n
\n );\n}\n\nexport default AssessmentQuestion;","export default class Answer {\n constructor(questionId, selectedChoiceIds, textInputChoice='', timeSpentInMs=0, numberOfAttempts=1, viewHint=false, viewExplanation=false, step=false, parent='', isStepParent=false, claimedAsCorrect=false) {\n this.questionId = questionId;\n this.selectedChoiceIds = selectedChoiceIds;\n this.textInputChoice = textInputChoice;\n this.timeSpentInMs = timeSpentInMs;\n this.isCorrect = false;\n this.numberOfAttempts = numberOfAttempts;\n this.viewHint = viewHint;\n this.viewExplanation = viewExplanation;\n this.step = step;\n this.parent = parent;\n this.isStepParent = isStepParent;\n this.claimedAsCorrect = claimedAsCorrect;\n }\n\n getQuestionId() {\n return this.questionId;\n }\n\n setQuestionId(questionId) {\n this.questionId = questionId;\n }\n\n getTimeSpent() {\n return this.timeSpentInMs;\n }\n\n setTimeSpent(ms) {\n this.timeSpentInMs = ms;\n }\n\n getTextInputChoice() {\n return this.textInputChoice;\n }\n\n setTextInputChoice(textInputChoice){\n this.textInputChoice = textInputChoice;\n }\n\n toString() {\n return JSON.stringify(this);\n }\n}\n","import Answer from \"./../payloads/Answer\";\n\nexport default {\n\n convertAttemptsToAnswers: (attempts) => {\n if(!attempts || attempts.length === 0) return [];\n return attempts.map(a => new Answer(a._id, a.selectedChoiceIds, a.inputChoice, a.timestamp, a.numberOfAttempts, a.viewHint, a.viewExplanation, a.step, a.parent, a.isStepParent, a.claimedAsCorrect));\n },\n\n convertExamResultsWithSteps: (result, examQuestions) => {\n if(!result || !examQuestions || examQuestions.length === 0) return null;\n let _result = {...result};\n _result.questions = [];\n\n for (const examQuestion of examQuestions) {\n \n _result.questions.push(examQuestion);\n }\n\n return _result;\n }\n}","import {knuthShuffle} from 'knuth-shuffle';\nimport {Random} from \"random-js\";\nconst random = new Random()\n\nexport default {\n\n //Fisher-Yates (aka Knuth) shuffle\n scramble: (array) => {\n return knuthShuffle(array.slice(0))\n },\n\n //Mersenne Twister pseudo-random\n pick: (min, max) => {\n return random.integer(min, max)\n }\n}\n","export default class Attempt {\n constructor(assessmentId, classId, unitId='', lectureId='') {\n this.assessmentId = assessmentId;\n this.answers = [];\n this.timeSpent = 0;\n this.contextId = classId;\n this.unitId = unitId;\n this.lectureId = lectureId;\n this.timeTrigger = 0;\n }\n\n getAssessmentId() {\n return this.assessmentId;\n }\n\n getUnitId() {\n return this.unitId;\n }\n\n setUnitId(id) {\n this.unitId = id;\n }\n\n getLectureId() {\n return this.lectureId;\n }\n\n setLectureId(id) {\n this.lectureId = id;\n }\n\n getAnswers() {\n return this.answers;\n }\n\n setAnswers(answers) {\n this.answers = answers;\n }\n\n pushAnswer(answer) {\n this.answers.push(answer);\n }\n\n clearAnswers() {\n this.answers = [];\n }\n\n getTimeSpent() {\n return this.timeSpent;\n }\n\n setTimeSpent(ms) {\n this.timeSpent = ms;\n }\n\n getTimeTrigger() {\n return this.timeTrigger; \n }\n\n setTimeTrigger(ms) {\n this.timeTrigger = ms; \n }\n\n toString() {\n return JSON.stringify(this);\n }\n}\n","import React, {useState, useRef, useEffect} from 'react';\nimport './stopwatch.css';\n\nconst Stopwatch = (props) => {\n\n const {initialTime, reset=false, onUpdate, onFinish, onReset} = props;\n\n const [timer, setTimer] = useState(initialTime);\n\n const increment = useRef(null);\n\n useEffect(() => {\n tick();\n }, []);\n\n useEffect(() => {\n if(reset) {\n setTimer(initialTime);\n clearInterval(increment.current);\n tick();\n onReset()\n }\n }, [reset]);\n\n useEffect(() => {\n if(initialTime - timer === initialTime){\n clearInterval(increment.current);\n onFinish();\n } else {\n onUpdate(timer);\n }\n }, [timer]);\n\n const tick = () => {\n increment.current = setInterval(() => {\n setTimer((timer) => timer - 1)\n }, 1000);\n }\n\n const formatTime = () => {\n const getSeconds = `0${(timer % 60)}`.slice(-2);\n const minutes = `${Math.floor(timer / 60)}`;\n const getMinutes = `0${minutes % 60}`.slice(-2);\n const getHours = `0${Math.floor(timer / 3600)}`.slice(-2);\n\n return \n {showQuestionStepper()}\n
\n\n \n
\n\n {question.subtype === 'MULTIPLE_CHOICE' ? 'Select' : 'Type'} your answer
\n {steppedQuestion ? <> : ({index} out of {total})}\n\n {renderQuestionStatement()}\n {renderMultimedia()}\n {renderAudibleHelp()}\n
\n\n\n {renderQuestionInput()}\n
\n\n \n {showHelperButtons()}\n
\n \n {\n initialTime >= 3600 \n ?\n \n {getHours}Hours\n \n : \n <>\n }\n \n \n {getMinutes}Minutes\n \n \n {getSeconds}Seconds\n \n
\n }\n\n return ( \n \n
\n );\n}\n \nexport default Stopwatch;","export default __webpack_public_path__ + \"static/media/timesup.224535d3.svg\";","import React from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport timeIsUpIcon from \"./../../../images/timesup.svg\";\nimport './timeupmodal.css';\nimport { Button } from \"react-bootstrap\";\n\nconst TimeUpModal = props => {\n\n return (\n {formatTime()}
\n Time is up!
\n\n \n
\n : <>}\n Congratulations! you have answered every question on the exam!
\n\n \n \n
\n \n
\n Your currently selected answer has not been saved
\n\n \n
\n \n \n\n reloadNewExam()} onHide={() => setShowTimeUpModal(false)} onCallback={() => console.log('')}/>\n setShowExamCompleteModal(false)} onSubmit={() => submitExamToServer('COMPLETED')} onReview={() => onReviewExamen()}/>\n setShowMissingSaveAnswerModal(false)} onReview={() => setShowMissingSaveAnswerModal(false)}/>\n
\n );\n}\n \nexport default ExamView;","import React from \"react\";\nimport Config from \"../../../../config/Config\";\nimport Header from \"../../../widgets/header/Header\";\nimport { Button, Form, Dropdown, ButtonGroup, Badge } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport QuestionService from \"../../../../services/QuestionService\";\nimport AssessmentService from \"../../../../services/AssessmentService\";\nimport AssetService from \"./../../../../services/AssetService\";\nimport MathDisplayField from \"./../../../widgets/math/MathDisplayField\";\nimport VideoTimeUtils from \"./../../../../utils/VideoTimeUtils\";\nimport LatexUtils from \"./../../../../utils/LatexUtils\";\nimport ImagePreviewModal from \"./../../../widgets/modals/ImagePreviewModal\";\nimport \"./examresults.css\";\n\nclass ExamResults extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n userChoices: [],\n imageUrl: '',\n showImageModal: false,\n filter: \"all\"\n };\n }\n componentDidMount() {\n\n document.title = \"LS Portal - Exam Results\";\n const load = async () => {\n let questionIds = this.props.response.data.questions.map(q => q._id);\n let questions = await QuestionService.getFromRemote(questionIds);\n let populatedQuestions = [];\n this.props.response.data.questions.forEach(question => {\n //do not consider step parent questions as they are only containers\n if(!question.isStepParent){\n populatedQuestions.push({ ...question, ...questions.find(qu => qu._id === question._id) });\n }\n });\n this.setState({ userChoices: populatedQuestions });\n\n setTimeout(() => {\n if(window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n }, Config.mathRenderTimer);\n \n }\n\n load();\n }\n\n filterUpdate(e) {\n this.setState({ filter: e });\n if (e === \"all\") {\n e = \"answer\";\n }\n let DOM_nodes = document.getElementsByClassName(e);\n let all_Nodes = document.getElementsByClassName(\"answer\");\n if (e === \"answer\") {\n for (let index = 0; index < DOM_nodes.length; index++) {\n DOM_nodes[index].classList.remove(\"hide\");\n }\n } else if (e === \"wrong_answer\") {\n for (let index = 0; index < all_Nodes.length; index++) {\n all_Nodes[index].classList.add(\"hide\");\n }\n for (let index = 0; index < DOM_nodes.length; index++) {\n DOM_nodes[index].classList.remove(\"hide\");\n }\n } else if (e === \"correct_answer\") {\n for (let index = 0; index < all_Nodes.length; index++) {\n all_Nodes[index].classList.add(\"hide\");\n }\n for (let index = 0; index < DOM_nodes.length; index++) {\n DOM_nodes[index].classList.remove(\"hide\");\n }\n }\n }\n\n getUserChoices(index, IDs) {\n let display = \"\";\n IDs.map(ID => {\n let selectedOption = this.state.userChoices[index].choices.find(\n choice => {\n if (choice._id === ID) {\n return choice;\n }\n }\n );\n if (selectedOption) {\n display = display + selectedOption.description;\n }\n });\n return display;\n }\n\n showTimer(){\n const exam = AssessmentService.get(this.props.response.data.assessmentId);\n if(!exam){\n return <>\n }\n if(exam.timebased){\n return(\n \n \n {renderTimer()}\n \n {showTimeUpModal \n ? \n <> \n :\n <>\n
\n \n resetCurrentQuestion(q, i)}\n />\n
\n \n {showSubmitExamButton()}\n
\n \n {showQuestion()}\n
\n \n }\n \n \n
)\n }\n }\n\n showExamAnswer(id, isCorrect){\n \n const total = this.state.userChoices.length;\n \n for (let i = 0; i< total; i++) {\n document.getElementById(`examAsnwer${i + 1}`).className = \"examAnswer\";\n }\n document.getElementById(id).className=\"examAnswerShow\";\n\n if(!isCorrect){\n document.getElementById(id).classList.add(\"incorrect\");\n }\n }\n\n renderMultipleChoice(question) {\n let selectedChoices = question.selectedChoiceIds;\n if(!question || !selectedChoices) { return <>None Available}\n\n return question.choices.map(option => {\n let selected = \"\";\n let css = \"\";\n\n //mark the question\n if(option.isCorrect){\n css = \"examAnswerCorrect\"\n }\n\n if(question.isCorrect){\n if(selectedChoices.includes(option._id)){\n selected = \"checked\"\n css=\"examAnswerCorrect\"\n }\n } else {\n if(selectedChoices.includes(option._id)){\n selected = \"checked\"\n css=\"examAnswerIncorrect\"\n }\n }\n\n return (\n \n }\n custom/>\n
\n );\n })\n }\n\n renderExplanation(question){\n if(question.explanationMedia && question.explanationMedia !== \"\"){\n const mediaAsset = AssetService.get(question.explanationMedia);\n if(mediaAsset){\n return \n Your input: \n
\n \n Correct: \n
\n \n );\n }\n\n renderExercises(question){\n return (\n \n
\n );\n };\n\n render() {\n return (\n \n {question.subtype === \"MULTIPLE_CHOICE\" ? this.renderMultipleChoice(question) : this.renderInputChoice(question)}\n
\n \n
\n \n
\n \n
\n \n
\n \n \n Report a mistake\n \n
\n \n {this.props.response.title}\n
\n\n {\n this.filterUpdate(ek);\n }}\n >\n \n\n \n All Questions \n \n Correct Answers\n \n \n Incorrect answers\n \n \n \n
\n \n
\n {`${Math.ceil(this.props.response.data.grade.toFixed(1))}%`}
\n {this.showTimer()}\n \n {this.state.userChoices.map((question, index) => {\n return (\n \n \n {this.props.response.type === 'PLACEMENT_EXAM' && question.category && question.category !== \"\" ? {question.category} : <>}\n
\n );\n })}\n \n \n {{index + 1}.}\n {\n
\n
\n \n {{index + 1}.}\n {\n \n }\n {\n question.multimedia && question.multimedia !== \"\" ?\n 
this.zoomImage(question.multimedia.url)}/>\n :\n <>\n }\n
\n \n {this.renderExercises(question)}\n \n
\n \n {this.renderExplanation(question)}\n
\n \n \n\n
\n \n );\n}\n \nexport default PlacementExamResults;","export default \"data:image/png;base64,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\"","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Rater from \"react-rater\";\nimport \"react-rater/lib/react-rater.css\";\nimport cupImage from \"./../../../images/quiz-waytogo.png\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\nimport \"./quizsuccessmodal.css\";\n\nconst QuizSuccessModal = props => {\n const { score, rating, show, unit, lecture, classId, autoplay, source} = props;\n\n const history = useHistory();\n\n const backToLesson = () => {\n history.push({\n pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", unit._id),\n state: { classId: classId, lectureId: lecture._id, autoplay: autoplay}\n });\n };\n\n const backToGradeChart = () => {\n history.push(DeepLinking.STUDENT.GRADEBOOK_UNITS_TABLE_VIEW_PATH.replace(':id', classId) + \"?unitId=\" + unit._id);\n };\n\n const retakeQuiz = () => {\n //just refresh page\n document.location.reload();\n };\n\n return (\n \n {score}%\n {StringUtils.decodeHtml(message)}\n \n
\n \n \n \n
\n \n Keep up the good work!
\n\n
\n \n You’ve earned a {score}%\n
\n\n retakeQuiz()}\n >\n Retake Quiz\n \n {source !== 'gradebook' && unit && lecture && ( backToLesson()}\n id=\"quizViewResults\"\n className=\"modalSubmitCTA\"\n >\n Back to Lesson\n )}\n {source === \"gradebook\" && (\n backToGradeChart()}\n id=\"quizViewResults\"\n className=\"modalSubmitCTA\"\n >\n Back Grade Chart\n )}\n \n
\n Keep up the good work!
\n\n
\n \n You’ve earned a {score}%\n
\n\n retakeQuiz()}\n >\n Retake Quiz\n \n \n \n \n
\n Practice makes perfect
\n\n
\n \n You’ve earned a {score}%\n
\n\n retakeQuiz()}\n >\n Retake Quiz\n \n backToLesson()}\n >\n Back To Lesson\n \n
\n \n {showButtons()}\n {showErrorNotificationButton()}\n
\n Your answer has been marked correct and an email has been sent to LimeSpring support to notify them.
\n\n {showButtons()}\n
\n \n \n \n \n Explanation \n \n \n {showModalBody()}\n \n
\n );\n};\n\nexport default ExplanationModal;\n","import React from 'react';\nimport {Spinner, Modal} from \"react-bootstrap\";\n\nconst SubmitWaitModal = (props) => {\n\n return (\n \n
\n Please wait while we submit your evaluation...
\n\n
\n \n {showItems()} \n
\n );\n}\n \nexport default QuizPager;","export default {\n\n getOperators: () => {\n return [\n {value: \"GREATER_THAN\", display: \">\"},\n {value: \"LESS_THAN\", display: \"<\"},\n {value: \"EQUALS\", display: \"=\"},\n {value: \"GREATER_OR_EQUALS_THAN\", display: \"≥\"},\n {value: \"LESS_OR_EQUALS_THAN\", display: \"≤\"}\n ]\n },\n\n buildRangeValidationStatement: (orientation, limit, operator, answer) => {\n const operatorObj = [\n {value: \"GREATER_THAN\", display: \">\"},\n {value: \"LESS_THAN\", display: \"<\"},\n {value: \"EQUALS\", display: \"=\"},\n {value: \"GREATER_OR_EQUALS_THAN\", display: \"≥\"},\n {value: \"LESS_OR_EQUALS_THAN\", display: \"≤\"}\n ].find(op => operator === op.value);\n \n if(operatorObj){\n if(operatorObj.value === 'EQUALS' && orientation === 'left') return limit === answer;\n if(operatorObj.value === 'EQUALS' && orientation === 'right') return answer === limit;\n \n if(operatorObj.value === 'GREATER_THAN' && orientation === 'left') return limit > answer;\n if(operatorObj.value === 'GREATER_THAN' && orientation === 'right') return answer > limit;\n \n if(operatorObj.value === 'LESS_THAN' && orientation === 'left') return limit < answer;\n if(operatorObj.value === 'LESS_THAN' && orientation === 'right') return answer < limit;\n \n if(operatorObj.value === 'GREATER_OR_EQUALS_THAN' && orientation === 'left') return limit >= answer;\n if(operatorObj.value === 'GREATER_OR_EQUALS_THAN' && orientation === 'right') return answer >= limit;\n \n if(operatorObj.value === 'LESS_OR_EQUALS_THAN' && orientation === 'left') return limit <= answer;\n if(operatorObj.value === 'LESS_OR_EQUALS_THAN' && orientation === 'right') return answer <= limit;\n }\n \n return false;\n }\n}","import NumberUtils from './NumberUtils';\nimport StringUtils from './StringUtils';\nimport RangeUtils from './RangeUtils';\n\nexport default {\n evaluateTextInputChoice: (choice, input) => {\n if(!choice) return;\n\n //remove whitespaces\n let trimmedDescription = StringUtils.removeWhiteSpacesWithin(choice.description.trim());\n let trimmedAnswer = StringUtils.removeWhiteSpacesWithin(input.trim());\n //lowercase!\n trimmedDescription = StringUtils.lowercase(trimmedDescription);\n trimmedAnswer = StringUtils.lowercase(trimmedAnswer);\n\n //remove embedded $\n trimmedDescription = StringUtils.removeMathPlaceholder(trimmedDescription);\n if(StringUtils.isDollarInput(trimmedAnswer)){\n if(StringUtils.removeMathPlaceholderForDollarInput(trimmedAnswer) === trimmedDescription){ \n return {isCorrect: true, choiceId: choice._id}; //DONE!\n }\n } else {\n if(StringUtils.startsWithCharacter(trimmedDescription, '$')){\n if(trimmedAnswer === trimmedDescription){ \n return {isCorrect: true, choiceId: choice._id}; //DONE!\n }\n } else if(StringUtils.hasCharacter(trimmedDescription, '$')){\n const noLatexTrimmedAnswer = StringUtils.removeParenthesis(StringUtils.removeMathPlaceholder(trimmedAnswer));\n const noLatexTrimmedDescription = StringUtils.removeParenthesis(StringUtils.removeMathPlaceholder(trimmedDescription));\n if(noLatexTrimmedAnswer === noLatexTrimmedDescription){\n return {isCorrect: true, choiceId: choice._id}; //DONE!\n }\n } else { //choice description may not have latex at all!\n const noLatexTrimmedAnswer = StringUtils.removeParenthesis(StringUtils.removeMathPlaceholder(trimmedAnswer));\n const noLatexTrimmedDescription = StringUtils.removeParenthesis(StringUtils.removeMathPlaceholder(trimmedDescription));\n if(noLatexTrimmedAnswer === noLatexTrimmedDescription){ \n return {isCorrect: true, choiceId: choice._id}; //DONE!\n }\n }\n }\n\n return {isCorrect: false, choiceId: \"\"};\n },\n evaluateNumericInputChoice: (choice, input) => {\n if(!choice) return;\n //remove whitespaces\n let trimmedDescription = StringUtils.removeWhiteSpacesWithin(choice.description.trim());\n let trimmedAnswer = StringUtils.removeWhiteSpacesWithin(input.trim());\n \n //remove any $\n trimmedDescription = StringUtils.removeMathPlaceholder(trimmedDescription);\n trimmedAnswer = StringUtils.removeMathPlaceholder(trimmedAnswer);\n console.log(`evaluateNumericInputChoice() | trimmedDescription: ${trimmedDescription} and trimmedAnswer: ${trimmedAnswer}`);\n \n //check if number is needed\n if(choice.numeric.rounded){\n let descriptionAsNumber = Number(trimmedDescription);\n let answerAsNumber = Number(trimmedAnswer);\n \n //check if answer is really a number (NaN, Infinity, etc)!\n if(NumberUtils.isNumber(descriptionAsNumber) && NumberUtils.isNumber(answerAsNumber)){\n descriptionAsNumber = NumberUtils.roundToDecimalPlaces(descriptionAsNumber, choice.numeric.decimals);\n answerAsNumber = NumberUtils.roundToDecimalPlaces(answerAsNumber, choice.numeric.decimals);\n \n console.log(`evaluateNumericInputChoice() | descriptionAsNumber: ${descriptionAsNumber} and answerAsNumber: ${answerAsNumber}`)\n const isCorrect = answerAsNumber === descriptionAsNumber;\n const choiceId = isCorrect ? choice._id : \"\";\n return {isCorrect: isCorrect, choiceId: choiceId};\n } else {\n console.log(`evaluateNumericInputChoice() | Non-numbers detected descriptionAsNumber: ${typeof descriptionAsNumber} answerAsNumber: ${typeof answerAsNumber}`)\n const isCorrect = answerAsNumber === descriptionAsNumber;\n const choiceId = isCorrect ? choice._id : \"\";\n return {isCorrect: isCorrect, choiceId: choiceId};\n }\n }\n\n return {isCorrect: false, choiceId: \"\"};\n },\n evaluateRangeInputChoice: (choice, input) => {\n if(!choice) return;\n let trimmedLeftLimit = StringUtils.removeWhiteSpacesWithin(choice.range.leftLimit.trim());\n let trimmedRightLimit = StringUtils.removeWhiteSpacesWithin(choice.range.rightLimit.trim());\n let trimmedAnswer = StringUtils.removeWhiteSpacesWithin(input.trim());\n\n //remove any $\n trimmedLeftLimit = StringUtils.removeMathPlaceholder(trimmedLeftLimit);\n trimmedRightLimit = StringUtils.removeMathPlaceholder(trimmedRightLimit);\n trimmedAnswer = StringUtils.removeMathPlaceholder(trimmedAnswer);\n\n console.log(`evaluateRangeInputChoice() | trimmedLeftLimit: ${trimmedLeftLimit} trimmedRightLimit: ${trimmedRightLimit} and trimmedAnswer: ${trimmedAnswer}`);\n\n let leftOperator = choice.range.leftOperator;\n let rightOperator = choice.range.rightOperator;\n\n let leftLimitAsNumber = Number(trimmedLeftLimit);\n let rightLimitAsNumber = Number(trimmedRightLimit);\n let answerAsNumber = Number(trimmedAnswer);\n\n //check if answer is really a number (NaN, Infinity, etc)!\n if(NumberUtils.isNumber(leftLimitAsNumber) && NumberUtils.isNumber(rightLimitAsNumber) && NumberUtils.isNumber(answerAsNumber)){\n const leftValidationMember = RangeUtils.buildRangeValidationStatement('left', leftLimitAsNumber, leftOperator ,answerAsNumber);\n const rightValidationMember = RangeUtils.buildRangeValidationStatement('right', rightLimitAsNumber, rightOperator ,answerAsNumber);\n const isCorrect = leftValidationMember && rightValidationMember;\n const choiceId = isCorrect ? choice._id : \"\";\n return {isCorrect: isCorrect, choiceId: choiceId};\n }\n\n \n return {isCorrect: false, choiceId: \"\"};\n }\n}","import MathInputUtils from \"./MathInputUtils\";\nimport StringUtils from \"./StringUtils\";\nimport CompileService from \"./../services/CompileService\";\n\nexport default {\n\n checkPlainTextAnswer: (question, originalChoiceId, input) => {\n if(!question) return null;\n let isCorrect = false;\n let choiceId = originalChoiceId;\n\n for (const ch of question.choices) {\n const trimmedDescription = StringUtils.removeWhiteSpacesWithin(ch.description.trim());\n const trimmedAnswer = StringUtils.removeWhiteSpacesWithin(input.trim());\n\n const isNumber = StringUtils.isNumber(trimmedAnswer);\n \n if(isNumber){\n const trimmedAnswerAsNumber = StringUtils.toNumber(trimmedAnswer);\n const trimmedDescriptionAsNumber = StringUtils.toNumber(trimmedDescription);\n if(trimmedAnswerAsNumber === trimmedDescriptionAsNumber){\n isCorrect = true;\n choiceId = ch._id;\n break;\n }\n } else {\n //disregard letter case!\n if(StringUtils.lowercase(trimmedAnswer) === StringUtils.lowercase(trimmedDescription)){ \n isCorrect = true;\n choiceId = ch._id;\n break;\n }\n }\n }\n \n return {isCorrect: isCorrect, choiceId: choiceId};\n },\n\n checkMathTextAnswer: (question, originalChoiceId, input) => {\n if(!question) return null;\n let check = {isCorrect: false, choiceId: originalChoiceId};\n \n for (const choice of question.choices) {\n if(choice.type === 'TEXT_INPUT' || choice.type === 'SELECTION') {\n check = MathInputUtils.evaluateTextInputChoice(choice, input);\n }\n if(choice.type === 'NUMERIC_INPUT') {\n check = MathInputUtils.evaluateNumericInputChoice(choice, input);\n }\n if(choice.type === 'RANGE_INPUT') {\n check = MathInputUtils.evaluateRangeInputChoice(choice, input);\n }\n\n //if check is correct, then do not continue checking!\n if(check.isCorrect) break; \n }\n \n return check;\n },\n\n checkMultipleChoiceAnswers: (question, originalChoiceId, choiceIds) => {\n if(!question) return null;\n let isCorrect = false;\n let choiceId = originalChoiceId;\n \n //get correct choices!\n const correctChoices = question.choices.filter(qc => qc.isCorrect);\n if(correctChoices && correctChoices.length > 0){\n correctChoices.forEach(cc => {\n if (choiceIds.includes(cc._id)) {\n isCorrect = cc.isCorrect;\n choiceId = cc._id;\n }\n });\n }\n\n return {isCorrect: isCorrect, choiceId: choiceId};\n },\n\n checkCodeInput: async(question, originalChoiceId, input) => {\n let check = {isCorrect: false, choiceId: originalChoiceId};\n if(!question || !input || input === '') return check;\n\n check = await CompileService.compileQuestion(question._id, {source: input, lang: 'python'});\n if(!check) {return {isCorrect: false, choiceId: originalChoiceId};}\n return {isCorrect: check.isCorrect, choiceId: check.choiceId};\n }\n}","export default {\n timeout: async (delay) => {\n //return new Promise( res => setTimeout(res, delay))\n const timeout = (ms) => new Promise((resolve, reject) => setTimeout(()=>{\n resolve();\n }, ms));\n return await timeout(delay);\n },\n delay: (time) => {\n return new Promise(resolve => setTimeout(resolve, time));\n }\n}","import React, {useState, useEffect} from 'react';\nimport {Button} from 'react-bootstrap';\nimport QuizSuccessModal from \"../../../widgets/modals/QuizSuccessModal\";\nimport QuizSuccessTokenModal from \"../../../widgets/modals/QuizSuccessTokenModal\";\nimport QuizTryAgainModal from \"../../../widgets/modals/QuizTryAgainModal\";\nimport QuizHintModal from \"../../../widgets/modals/QuizHintModal\";\nimport ExplanationModal from \"../../../widgets/modals/ExplanationModal\";\nimport SubmitWaitModal from \"../../../widgets/modals/SubmitWaitModal\";\nimport Header from \"../../../widgets/header/Header\";\nimport QuizPager from \"../../../widgets/pagination/QuizPager\";\nimport Config from \"./../../../../config/Config\";\nimport AssessmentQuestion from \"./../../../widgets/assessments/AssessmentQuestion\";\nimport AssessmentService from \"./../../../../services/AssessmentService\";\nimport QuestionService from \"./../../../../services/QuestionService\";\nimport AttemptService from \"./../../../../services/AttemptService\";\nimport AssessmentUtils from \"./../../../../utils/AssessmentUtils\";\nimport StudentAnswersUtils from '../../../../utils/StudentAnswersUtils';\nimport RandomUtils from \"./../../../../utils/RandomUtils\";\nimport DelayUtils from \"./../../../../utils/DelayUtils\";\nimport Attempt from \"./../../../../payloads/Attempt\";\nimport './quizview.css';\n\nconst QuizView = (props) => {\n\n const { quizId, classId, unit, lecture, autoplay=false, source, token } = props;\n\n //state\n const [quiz, setQuiz] = useState(null);\n const [questions, setQuestions] = useState(null);\n const [questionAttempts, setQuestionAttempts] = useState(null);\n const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);\n const [currentQuestion, setCurrentQuestion] = useState('');\n const [startTime, setStartTime] = useState(0);\n const [score, setScore] = useState(0);\n const [rating, setRating] = useState(0);\n const [retryQuestion, setRetryQuestion] = useState(false);\n\n //steps\n const [currentStepQuestion, setCurrentStepQuestion] = useState(null);\n const [showStepHintModal, setShowStepHintModal] = useState(false);\n const [showStepExplanationModal, setShowStepExplanationModal] = useState(false);\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n\n //modal flags\n const [showSuccessModal, setShowSuccessModal] = useState(false);\n const [showTryAgainModal, setShowTryAgainModal] = useState(false);\n const [showHintModal, setShowHintModal] = useState(false);\n const [showExplanationModal, setShowExplanationModal] = useState(false);\n const [showSubmitWaitModal, setShowSubmitWaitModal] = useState(false);\n const [showLandingPage, setShowLandingPage] = useState(true);\n const [timeCounterBegin, setTimeCounterBegin] = useState(null);\n const [timeCounterEnd, setTimeCounterEnd] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showSuccessWithTokenModal, setShowSuccessWithTokenModal] = useState(false);\n const [quizMessage, setQuizMessage] = useState(\"\");\n\n useEffect(() => {\n reset();\n \n const fetchQuiz = async () => {\n try {\n let _quiz;\n \n if (props.token) {\n _quiz = await AssessmentService.getQuizAnonymous(props.token);\n } else {\n _quiz = await AssessmentService.getRemote(quizId);\n }\n\n if (!_quiz) {\n throw new Error(\"Error loading quiz\");\n }\n \n document.title = `LimeSpring Portal - ${_quiz.title}`;\n setQuiz(_quiz);\n \n if (!questions) {\n const _questions = _quiz.questions || [];\n \n if (_quiz.scrambleChoices) {\n _questions.forEach(q => {\n if (q.subtype === \"MULTIPLE_CHOICE\") {\n q.choices = RandomUtils.scramble(q.choices);\n }\n });\n }\n \n setQuestions(_questions);\n setCurrentQuestion(_questions[0]);\n setQuestionAttempts(QuestionService.getAsAttempts(_questions));\n setStartTime(Date.now());\n }\n \n setTimeCounterBegin(Date.now());\n } catch (error) {\n console.error(\"Error loading quiz:\", error);\n setError(\"Error loading quiz\");\n } finally {\n setLoading(false);\n }\n };\n \n fetchQuiz();\n }, [quizId, token]);\n \n \n \n const reset = () => {\n resetFlags();\n }\n\n const resetFlags = () => {\n setShowSuccessModal(false);\n setShowTryAgainModal(false);\n setShowHintModal(false);\n setShowExplanationModal(false);\n setCurrentQuestionIndex(0);\n setStartTime(0);\n setScore(0);\n setRetryQuestion(false);\n setTimeCounterBegin(null);\n setTimeCounterEnd(null);\n setShowLandingPage(true);\n setShowStepHintModal(false);\n setShowStepExplanationModal(false);\n setCurrentStepQuestion(null);\n setCurrentStepIndex(0);\n setShowSubmitWaitModal(false);\n }\n\n const processStepAnswer = (question, answer) => {\n if(!answer) { return; }\n const checkedAnswer = checkAnswer(question, answer.selectedChoiceIds, answer.inputChoice);\n\n //finally, look for attempts and update!\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === question._id);\n if(attempt) { \n attempt.status = checkedAnswer.correct ? 'CORRECT': 'INCORRECT';\n attempt.timestamp = answer.timestamp;\n attempt.numberOfAttempts = answer.numberOfAttempts;\n attempt.selectedChoiceIds = checkedAnswer.choiceId && checkedAnswer.choiceId !== '' ? [checkedAnswer.choiceId] : [];\n attempt.inputChoice = answer.inputChoice;\n attempt.viewHint = answer.viewHint;\n attempt.viewExplanation = answer.viewExplanation;\n }\n\n if(attempt.numberOfAttempts === 1) { \n if(attempt.status === 'INCORRECT') {\n \n setCurrentStepIndex(currentStepIndex);\n setRetryQuestion(true); \n } else {\n setCurrentStepIndex(currentStepIndex + 1);\n setRetryQuestion(false);\n }\n } else {\n setCurrentStepIndex(currentStepIndex + 1);\n setRetryQuestion(false); \n }\n setQuestionAttempts(_questionAttempts);\n }\n\n const markAnswerAsCorrected = (questionId) => {\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === questionId);\n if(attempt){\n attempt.status = 'CORRECT';\n attempt.claimedAsCorrect = true;\n }\n setQuestionAttempts(_questionAttempts);\n }\n\n const processAnswer = (question, answer) => {\n if(!answer) { return; }\n const checkedAnswer = checkAnswer(question, answer.selectedChoiceIds, answer.inputChoice);\n\n //finally, look for attempts and update!\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === question._id);\n if(attempt) { \n attempt.status = checkedAnswer.correct ? 'CORRECT': 'INCORRECT';\n attempt.timestamp = answer.timestamp;\n attempt.numberOfAttempts = answer.numberOfAttempts;\n attempt.selectedChoiceIds = checkedAnswer.choiceId && checkedAnswer.choiceId !== '' ? [checkedAnswer.choiceId] : [];\n attempt.inputChoice = answer.inputChoice;\n attempt.viewHint = answer.viewHint;\n attempt.viewExplanation = answer.viewExplanation;\n attempt.claimedAsCorrect = false;\n }\n\n let nextIndex = currentQuestionIndex + 1;\n setRetryQuestion(false);\n \n //try again logic\n if(attempt.status === 'INCORRECT' && !attempt.viewExplanation){\n nextIndex = currentQuestionIndex;\n if(attempt.numberOfAttempts === 1) { setRetryQuestion(true); }\n if(attempt.numberOfAttempts === 2) { setShowExplanationModal(true); }\n }\n\n //disregard steps!\n const parent_questions = questions.filter(q => q.type === 'QUESTION');\n\n if(nextIndex === parent_questions.length){\n //quiz is finished!\n setQuestionAttempts(_questionAttempts);\n setTimeout(() => submitQuizToServer(), 500);\n } else {\n setCurrentQuestionIndex(nextIndex);\n setCurrentQuestion(parent_questions[nextIndex]);\n setQuestionAttempts(_questionAttempts);\n }\n }\n\n const submitQuizToServer = async () => {\n if (token) {\n return submitQuizWithToken();\n }\n setShowSubmitWaitModal(true);\n let quizAttempt = new Attempt(quiz._id, classId,unit ? unit._id : \"\", lecture ? lecture._id : \"\");\n const answerAttempts = AssessmentUtils.convertAttemptsToAnswers(questionAttempts);\n quizAttempt.setAnswers(answerAttempts);\n quizAttempt.setTimeSpent(Date.now() - startTime);\n if(timeCounterBegin && timeCounterEnd) quizAttempt.setTimeTrigger(timeCounterEnd - timeCounterBegin);\n const result = await AttemptService.submit(quizAttempt,\"SUBMIT\");\n setShowSubmitWaitModal(false);\n\n if(!result) {return; }\n //update scores!\n setRating((result.grade * 5) / 100);\n setScore(result.grade);\n\n if(result.grade >= Config.minimumScore) {\n setShowSuccessModal(true);\n } else {\n setShowTryAgainModal(true);\n }\n }\n\n const submitQuizWithToken = async () => {\n setShowSubmitWaitModal(true);\n let quizAttempt = new Attempt(quiz._id, classId,unit ? unit._id : \"\", lecture ? lecture._id : \"\");\n const answerAttempts = AssessmentUtils.convertAttemptsToAnswers(questionAttempts);\n quizAttempt.setAnswers(answerAttempts);\n quizAttempt.setTimeSpent(Date.now() - startTime);\n if(timeCounterBegin && timeCounterEnd) quizAttempt.setTimeTrigger(timeCounterEnd - timeCounterBegin);\n \n \n try {\n const result = await AttemptService.submitWithToken(quizAttempt, \"SUBMIT\", token);\n setShowSubmitWaitModal(false);\n setRating((result.gradeReport.grade * 5) / 100);\n setScore(result.gradeReport.grade);\n setQuizMessage(result.message || \"Your quiz attempt has been recorded.\"); \n setShowSuccessWithTokenModal(true); \n\n if (!result) {\n return;\n }\n\n } catch (error) {\n console.error(\"Error submitting quiz with token:\", error);\n setShowSubmitWaitModal(false);\n }\n};\n\n const goToNextQuestion = () => {\n setShowExplanationModal(false);\n //if last question then submit\n if(isLastQuestion()){\n submitQuizToServer();\n }else{\n DelayUtils.delay(500).then(() => {\n const nextIndex = currentQuestionIndex + 1;\n setCurrentQuestionIndex(nextIndex);\n setCurrentQuestion(questions[nextIndex]);\n setQuestionAttempts([...questionAttempts]);\n setCurrentStepIndex(0);\n });\n }\n }\n\n const goToNextStep = () => {\n setShowStepExplanationModal(false);\n setCurrentStepIndex(currentStepIndex + 1);\n }\n\n const checkAnswer = (question, choiceIds, inputChoice) => {\n let choiceId = choiceIds[0];\n let check = {isCorrect: false, choiceId: choiceId};\n\n if(question.subtype === 'INPUT_CHOICE'){\n\n if(question.context === 'PLAIN_TEXT'){\n check = StudentAnswersUtils.checkPlainTextAnswer(question, choiceId, inputChoice);\n }\n\n if(question.context === 'MATH_TEXT'){\n check = StudentAnswersUtils.checkMathTextAnswer(question, choiceId, inputChoice);\n }\n }\n\n if(question.subtype === 'MULTIPLE_CHOICE'){\n check = StudentAnswersUtils.checkMultipleChoiceAnswers(question, choiceId, choiceIds);\n }\n \n return {correct: check.isCorrect, choiceId: check.choiceId};\n };\n\n const onExplanationViewed = (q, answer) => {\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === q._id);\n if(attempt) { \n attempt.status = answer.status;\n attempt.timestamp = answer.timestamp;\n attempt.selectedChoiceIds = answer.selectedChoiceIds;\n attempt.inputChoice = answer.inputChoice;\n attempt.viewExplanation = answer.viewExplanation;\n attempt.numberOfAttempts = answer.numberOfAttempts;\n }\n setQuestionAttempts(_questionAttempts);\n setShowExplanationModal(true);\n }\n\n const onStepExplanationViewed = (q, answer) => {\n let _questionAttempts = [...questionAttempts];\n let attempt = _questionAttempts.find(qa => qa._id === q._id);\n if(attempt) { \n attempt.status = answer.status;\n attempt.timestamp = answer.timestamp;\n attempt.selectedChoiceIds = answer.selectedChoiceIds;\n attempt.inputChoice = answer.inputChoice;\n attempt.viewExplanation = answer.viewExplanation;\n attempt.numberOfAttempts = answer.numberOfAttempts;\n }\n setQuestionAttempts(_questionAttempts);\n setCurrentStepQuestion(q);\n setShowStepExplanationModal(true);\n }\n\n const onStepHintViewed = (q) => {\n setCurrentStepQuestion(q);\n setShowStepHintModal(true);\n } \n\n const checkStepsAndShowNextQuestion = () => {\n\n //check steps:\n // if all correct = green\n // if all incorrect = red\n // if mixed = blue \n const _steps = currentQuestion.steps;\n let _questionAttempts = [...questionAttempts];\n const stepAttempts = _questionAttempts.filter(a => _steps.includes(a._id));\n if(stepAttempts && _steps && stepAttempts.length > 0 && stepAttempts.length === _steps.length){\n let parentQuestionStatus = 'PARTIAL';\n let allStepsStatus = stepAttempts.map(sa => sa.status);\n const correctOnes = allStepsStatus.filter(s => s === 'CORRECT'); \n const incorrectOnes = allStepsStatus.filter(s => s === 'INCORRECT');\n \n if(correctOnes.length === stepAttempts.length) parentQuestionStatus = 'CORRECT'; \n if(incorrectOnes.length === stepAttempts.length) parentQuestionStatus = 'INCORRECT';\n\n //find parent and update status!\n const parentQuestionAttempt = _questionAttempts.find(a => a._id === currentQuestion._id);\n if(parentQuestionAttempt) parentQuestionAttempt.status = parentQuestionStatus;\n setQuestionAttempts(_questionAttempts);\n }\n\n if(isLastQuestion()){\n submitQuizToServer();\n }else{\n const nextIndex = currentQuestionIndex + 1;\n setCurrentQuestionIndex(nextIndex);\n setCurrentQuestion(questions[nextIndex]);\n setQuestionAttempts(_questionAttempts);\n setCurrentStepIndex(0);\n }\n }\n\n const showQuestion = () => {\n if(!questions || questions.length === 0 || currentQuestion === '') { return <>}\n\n const question = questions.find(q => q._id === currentQuestion._id);\n if(!question) { return <>No question found}\n\n const index = questions.findIndex(q => q._id === question._id);\n\n return \n {quiz ? quiz.title + ' Quiz': 'Quiz'}\n {\n
);\n }\n\n const renderQuiz = () => {\n return (\n Total Questions: {totalQuestions}\n Duration: {quiz && quiz.timeBased ? quiz.durationInMinutes + ' mins': 'Unlimited'}\n \n
\n }\n \n
);\n }\n\n if (loading) {\n return (\n \n resetCurrentQuestion(q)}\n />\n
\n \n {showQuestion()}\n
\n \n
\n );\n }\n\n if (error) {\n return (\n Loading quiz...
\n\n
\n );\n } else {\n\n return (\n Error loading quiz
\n{error}
\nPlease check the link or try again later.
\n\n {!token && setShowSuccessWithTokenModal(false)}\n />\n ) : (\n \n showLandingPage ? renderQuizLandingPage() : renderQuiz()\n )}\n setShowSuccessModal(false)}/>\n setShowTryAgainModal(false)}/>\n setShowHintModal(false)}/>\n goToNextQuestion()} show={showExplanationModal} onCorrected={() => markAnswerAsCorrected(currentQuestion ? currentQuestion._id : '')}/>\n goToNextStep()} show={showStepExplanationModal}/>\n setShowStepHintModal(false)} show={showStepHintModal}/>\n setShowSubmitWaitModal(false)} />\n
\n );\n }\n}\n \nexport default QuizView;","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport medalImage from \"./../../../images/workbook.png\";\nimport \"./workbookcompletedmodal.css\";\n\nconst WorkbookCompletedModal = props => {\n const { score } = props;\n const history = useHistory();\n return (\n Congratulations,
\n\n you’ve completed the workbook!\n
\n{score}%
\n\n setShowCompleteModal(false)} score={score}/>\n setShowHintModal(false)}/>\n markAnswerAsCorrected(currentQuestion ? currentQuestion._id : '')}/>\n setShowStepHintModal(false)} show={showStepHintModal}/>\n \n \n
\n );\n}\n \nexport default WorkbookView;","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport ResponseUtil from './../utils/ResponseUtil';\n\nexport default {\n get: async (id) => {\n try { \n let response = await new ApiService().get(ApiPath.GET_ASSIGNMENT_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return response.data;\n } else {\n return null;\n }\n } catch (error) {\n console.error(`AssignmentService | Error while attempting to get response: ${error}`);\n return null;\n }\n },\n}","import React, {useEffect} from 'react';\nimport ApiPath from \"./../../../../utils/ApiPath\";\nimport Config from \"./../../../../config/Config\";\nimport SessionService from \"./../../../../services/SessionService\";\nimport AssignmentService from '../../../../services/AssignmentService';\nimport axios from 'axios';\n\nconst AssignmentView = (props) => {\n\n const { assignmentId, classId, unitId } = props;\n\n useEffect(() => {\n const load = async() => {\n const res = await AssignmentService.get(assignmentId);\n if(res) window.location.href = res.location;\n }\n load(); \n }, []);\n\n return (\n {Math.ceil(score)}%
\n {workbooks && workbooks.length > 1 && \n \n {workbooks.map((currentWorkbook, idx) => (\n manageChangeWorkbook(currentWorkbook._id)}\n >\n Version {idx + 1 }\n \n ))}\n \n
}\n \n
\n \n resetCurrentQuestion(q, i)}\n />\n
\n \n {showQuestion()}\n
\n \n Hang tight, We're logging you in!\n
\n );\n}\n \nexport default AssignmentView;","import React, { useState, useEffect } from \"react\";\nimport {useHistory} from 'react-router-dom';\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./gradebookview.css\";\nimport Header from \"../../../widgets/header/Header\";\nimport ClassService from \"./../../../../services/ClassService\";\nimport InstructorService from \"./../../../../services/InstructorService\";\nimport StudentLogService from \"./../../../../services/StudentLogService\";\nimport CacheService from \"./../../../../services/CacheService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport LSBreadcrumb from \"./../../../widgets/breadcrumb/LSBreadcrumb\";\nimport ClassList from \"../../../widgets/class-list/ClassList\";\nimport SidebarMenu from \"./../../../widgets/sidebar/SidebarMenu\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\n\nconst GradebookView = props => {\n\n const { classId, unitId } = props;\n\n const history = useHistory();\n\n const [clazz, setClazz] = useState(null);\n const [classlog, setClasslog] = useState(null);\n const [isStudent, setIsStudent] = useState(true);\n const [renderClass, setRenderClass] = useState(true);\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - Grades';\n\n const load = async () => {\n const user = ProfileService.get();\n setIsStudent(user.role === \"Student\");\n await CacheService.reloadData('gradebookView', '0');\n if (!clazz) {\n setClazz(ClassService.get(classId));\n setClasslog(StudentLogService.getLogForClass(classId));\n }\n }\n load();\n }, [classId]);\n\n const getClassInstructors = () => {\n if (clazz) {\n const instructors = InstructorService.getByIds(clazz.instructors);\n return InstructorService.getInstructorNames(instructors);\n } else {\n return \"\";\n }\n };\n\n const getInstructorsEmails = () => {\n if (clazz) {\n const instructors = InstructorService.getByIds(clazz.instructors);\n return InstructorService.getInstructorEmails(instructors);\n } else {\n return \"\";\n }\n }\n\n const loadPage = target => {\n if (target === \"dashboard\") {\n history.push(`/dashboard`);\n } else if (target === \"account\") {\n history.push(`/settings`);\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default GradebookView;\n","export default __webpack_public_path__ + \"static/media/inprogress.cb99bbc4.svg\";","import React, { useState, useEffect } from \"react\";\nimport {useHistory} from 'react-router-dom';\nimport {ProgressBar} from 'react-bootstrap';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\nimport \"./gradebookview.css\";\nimport Header from \"../../../widgets/header/Header\";\nimport ClassService from \"../../../../services/ClassService\";\nimport CourseService from \"../../../../services/CourseService\";\nimport CacheService from \"../../../../services/CacheService\";\nimport ProfileService from \"../../../../services/ProfileService\";\nimport StudentLogService from \"../../../../services/StudentLogService\";\nimport AssessmentService from \"../../../../services/AssessmentService\";\nimport UnitService from \"../../../../services/UnitService\";\nimport DeepLinking from \"../../../../utils/DeepLinking\";\nimport SidebarMenu from \"../../../widgets/sidebar/SidebarMenu\";\nimport LSBreadcrumb from \"./../../../widgets/breadcrumb/LSBreadcrumb\";\nimport GoldMedal from \"../../../../images/medal-gold.png\";\nimport SilverMedal from \"../../../../images/medal-silver.png\";\nimport BronzeMedal from \"../../../../images/medal-bronze.png\";\nimport PendingIcon from \"../../../../images/inprogress.svg\";\nimport PendingMedal from \"../../../../images/medal-pending.svg\";\n\nconst GradebookUnitsView = props => {\n\n const { classId } = props;\n\n const history = useHistory();\n\n const [clazz, setClazz] = useState(null);\n const [isStudent, setIsStudent] = useState(true);\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - Gradebook';\n const user = ProfileService.get();\n setIsStudent(user.role === \"Student\");\n\n const load = async () => {\n await CacheService.reloadData('gradebookUnitView', classId)\n if (!clazz) {\n setClazz(ClassService.get(classId));\n }\n }\n \n load();\n\n }, [classId]);\n\n const showUnit = (unitId) => {\n history.push(DeepLinking.STUDENT.GRADEBOOK_UNITS_TABLE_VIEW_PATH.replace(':id', classId) + \"?unitId=\" + unitId);\n };\n\n const loadPage = target => {\n if (target === \"dashboard\") {\n history.push(`/dashboard`);\n } else if (target === \"account\") {\n history.push(`/settings`);\n }\n };\n\n const getUnitsforThisClass = () => {\n if (!clazz) return \"\";\n\n let _units = [];\n\n let courses = CourseService.getByIds(clazz.courses);\n if (courses && courses.length > 0) {\n courses.forEach(course => {\n if (course.units && course.units.length > 0) {\n _units = _units.concat(course.units);\n }\n });\n }\n\n const addMedal = (starsEarned) =>{\n if(starsEarned >= 90){return GoldMedal};\n if (starsEarned < 90 && starsEarned >= 80){return SilverMedal};\n if(starsEarned === 0) { return PendingMedal};\n return BronzeMedal;\n }\n\n const bestScore = (assessments)=>{\n if(assessments && assessments.length > 0){\n const exam = assessments.find(a =>{\n return a.type === \"BOOKEXAM\"\n });\n if(exam){\n const examLogs = StudentLogService.getLogForAssessments([exam._id]);\n\n if(examLogs && examLogs.length > 0){\n const status = examLogs[0].status;\n if(status !== \"PENDING\"){\n return (\n
\n \n loadPage(target)}\n />\n
\n \n \n ) : (\n \"No Grades to show\"\n )}\n \n
\n {Math.ceil(examLogs[0].bestScore)}
);\n }\n return (Pending
\n
\n )}\n \n );\n\n }\n\n return (\n \n
\n );\n};\n\nexport default GradebookUnitsView;\n","export default __webpack_public_path__ + \"static/media/retry.0e8fbca4.svg\";","export default __webpack_public_path__ + \"static/media/caret-right-square_green.cf2d85d7.svg\";","export default __webpack_public_path__ + \"static/media/caret-right-square_grey.9edc1ddb.svg\";","import React, { useEffect, useState } from \"react\";\nimport { ProgressBar, Badge, Table } from \"react-bootstrap\";\nimport {useHistory} from 'react-router-dom';\nimport DeepLinking from \"../../../utils/DeepLinking\";\nimport StudentLogService from \"./../../../services/StudentLogService\";\nimport UnitService from \"./../../../services/UnitService\";\nimport CacheService from \"./../../../services/CacheService\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport \"./gradebooktable.css\";\nimport ClassService from \"../../../services/ClassService\";\nimport retryIcon from \"./../../../images/retry.svg\";\nimport lectureGreyIcon from \"./../../../images/caret-right-square_grey.svg\";\nimport lectureGreenIcon from \"./../../../images/caret-right-square_green.svg\";\nimport Rater from \"react-rater\";\nimport AssessmentService from \"../../../services/AssessmentService\";\n\nconst GradebookTable = props => {\n const { classId, unitId } = props;\n\n const history = useHistory();\n\n const [log, setLog] = useState(null);\n const [clazz, setClazz] = useState(null);\n const [unit, setUnit] = useState(null);\n\n useEffect(() => {\n if (!log) {\n setClazz(ClassService.get(classId));\n }\n }, [classId]);\n\n useEffect(() => {\n if (!unit && clazz) {\n setUnit(UnitService.get(unitId));\n setLog(StudentLogService.getLogForGradebook(clazz));\n }\n }, [clazz]);\n\n const showUnit = async (id, lectureId) => { \n await CacheService.reloadData('classView', classId);\n history.push({pathname: DeepLinking.STUDENT.UNIT_VIEW_PATH.replace(\":id\", unitId), state: {classId: classId, unit:unit, lectureId: lectureId, source:'gradebook'}});\n };\n\n const showQuiz = (id, lectureId) => {\n history.push({pathname: DeepLinking.STUDENT.QUIZ_VIEW_PATH.replace(':id', id), state: {classId: classId, unit:unit, lecture: lectureId, source:'gradebook'}});\n }\n\n const populateQuizzes = lectures => {\n let quizzes = [];\n lectures.forEach((lecture) => {\n const lectureId = lecture.lecture._id;\n const lectureQuizzes = lecture.assessments.map((quiz) => ({\n ...quiz,\n lectureId,\n }));\n quizzes = quizzes.concat(lectureQuizzes);\n });\n\n if (quizzes.length > 0) {\n const quizzesWithName = quizzes.map(quiz => {\n const fullQuiz = AssessmentService.get(quiz._id);\n return {\n ...quiz,\n title: fullQuiz.title,\n };\n });\n return quizzesWithName.map(quiz => {\n return (\n \n
\n \n loadPage(target)}\n />\n
\n \n
\n \n
\n \n {clazz ? clazz.title:\"\"}
\n\n {getUnitsforThisClass()}\n
\n {quiz.title}
\n
\n \n \n \n
\n
\n );\n };\n\n\n const createGradebookTable = unit => {\n if (!unit) { return \"\"; }\n\n const unitlog = log.unitlogs.find(unitlog => {\n return unit._id === unitlog.unit._id;\n });\n\n return (\n createGradebookQuizzesHistoryTable(unitlog.lectures)\n );\n };\n\n return (\n <>\n {createGradebookTable(unit)}\n \n );\n};\n\nexport default GradebookTable;\n","import React, { useState, useEffect } from \"react\";\nimport {useHistory} from 'react-router-dom';\nimport {Button, ProgressBar, Badge} from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./gradebookview.css\";\nimport Header from \"../../../widgets/header/Header\";\nimport Rater from \"react-rater\";\nimport ClassService from \"../../../../services/ClassService\";\nimport InstructorService from \"../../../../services/InstructorService\";\nimport StudentLogService from \"../../../../services/StudentLogService\";\nimport CacheService from \"../../../../services/CacheService\";\nimport ProfileService from \"../../../../services/ProfileService\";\nimport UnitService from \"../../../../services/UnitService\";\nimport GradebookTable from \"../../../widgets/gradebooktable/GradebookTable\";\nimport DeepLinking from \"./../../../../utils/DeepLinking\";\nimport SidebarMenu from \"../../../widgets/sidebar/SidebarMenu\";\nimport LSBreadcrumb from \"../../../widgets/breadcrumb/LSBreadcrumb\";\n\nconst GradebookUnitsTableView = props => {\n\n const { classId, unitId } = props;\n\n const history = useHistory();\n\n const [clazz, setClazz] = useState(null);\n const [isStudent, setIsStudent] = useState(true);\n const [unit, setUnit] = useState(null);\n const [log, setLog] = useState(null);\n\n useEffect(() => {\n document.title = 'LimeSpring Portal - Grades';\n const user = ProfileService.get();\n setIsStudent(user.role === \"Student\");\n\n const load = async () => {\n await CacheService.reloadData('gradebookUnitsTableView', classId);\n if (unitId) {\n const _clazz = ClassService.get(classId);\n const _unit = UnitService.get(unitId);\n setClazz(_clazz);\n setUnit(_unit);\n const gradebookLog = StudentLogService.getLogForGradebook(_clazz);\n setLog(gradebookLog);\n }\n }\n load();\n }, [unitId]);\n\n const getClassInstructors = () => {\n if (unit) {\n const instructors = InstructorService.getByIds(unit.instructors);\n return InstructorService.getInstructorNames(instructors);\n } else {\n return \"\";\n }\n };\n\n const getInstructorsEmails = () => {\n if (clazz) {\n const instructors = InstructorService.getByIds(unit.instructors);\n return InstructorService.getInstructorEmails(instructors);\n } else {\n return \"\";\n }\n }\n \n const getProgressForUnit = progress => {\n return (\n | Name | \nStars | \nWatch Lesson | \nRetake | \n
|---|
\n
\n );\n };\n const getQuizzesAverage = (lectures) => {\n let quizzes = [];\n lectures.forEach(lecture => {\n if(lecture.assessments && lecture.assessments.length > 0){\n quizzes = quizzes.concat(lecture.assessments) \n }\n });\n\n if(quizzes.length > 0) {\n let globalBestScore = 0;\n quizzes.forEach(quiz => globalBestScore += quiz.bestScore);\n\n if(globalBestScore > 0) {\n \n //return average!\n return \n {(((globalBestScore / quizzes.length )* 5) / 100).toFixed(1)}
\n }\n }\n\n return (\n \n 0\n
\n );\n\n }\n\n const getBookexamScoreForUnit = assessments => {\n const bookexamlog = assessments.find(\n assessments => assessments.type === \"BOOKEXAM\"\n );\n let score = 0;\n if (bookexamlog && bookexamlog.bestScore >= 0) {\n score = bookexamlog.bestScore.toFixed(1);\n } else {\n score = \"-\";\n }\n\n if (score >= 70) {\n return (\n \n {score}%\n
\n );\n } else if (score >= 0 && score < 70) {\n return (\n \n \n {score}%\n \n
\n );\n } else {\n return {score}
;\n }\n };\n\n const getWorkbookScoreForUnit = assessments => {\n const wokbooklog = assessments.find(\n assessments => assessments.type === \"WORKBOOK\"\n );\n let score = 0;\n if (wokbooklog && wokbooklog.bestScore >= 0) {\n score = wokbooklog.bestScore.toFixed(1);\n } else {\n score = \"-\";\n }\n if (score >= 70) {\n return (\n \n {score}%\n
\n );\n } else if (score >= 0 && score < 70) {\n return (\n \n \n {score}%\n \n
\n );\n } else {\n return {score}
;\n }\n };\n\nconst renderUnit = ()=>{\n\n if(!log){\n return <>\n }\n\n \n const unitlog = log.unitlogs.find(ul => {\n return unit._id === ul.unit._id;\n });\n\n if(!unitlog){\n return <>\n }\n\n return(\n \n
\n )\n}\n\n const loadPage = target => {\n if (target === \"dashboard\") {\n history.push(`/dashboard`);\n } else if (target === \"account\") {\n history.push(`/settings`);\n }\n };\n\n return (\n \n
\n {clazz.title} > {unit.title}
\n\n
\n \n
\n\n \n \n \n
\n Progress\n {getProgressForUnit(unitlog.unit.progress)}\n
\n \n
\n Quiz Average\n {getQuizzesAverage(unitlog.lectures)}\n
\n Workbook\n { getWorkbookScoreForUnit(unitlog.assessments)}\n
\n Exam\n {getBookexamScoreForUnit(unitlog.assessments)}\n
\n \n \n
\n );\n};\n\nexport default GradebookUnitsTableView;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from \"react\";\nimport { Card, Button } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport Breadcrumb from \"react-bootstrap/Breadcrumb\";\nimport CMC_icon from \"./../../../images/createmanage.png\";\nimport MIS_icon from \"./../../../images/students.png\";\nimport OO_icon from \"./../../../images/otheroptions.png\";\nimport WT_icon from \"./../../../images/tutorials.png\";\nimport DeepLinking from \"./../../../utils/DeepLinking\";\n\nimport \"./links.css\";\n\nconst DashboardLinks = () => {\n\n const history = useHistory();\n \n const dashboardLinks =[\n {title:\"Content\", destination: DeepLinking.MANAGEMENT.DASHBOARD_CREATE_MANAGE_CONTENT_PATH, icon: CMC_icon, isDisabled: false},\n {title:\"Students\", destination:DeepLinking.MANAGEMENT.DASHBOARD_MANAGE_STUDENTS_PATH, icon: MIS_icon, isDisabled: false},\n {title:\"Tutorials\", destination:DeepLinking.MANAGEMENT.DASHBOARD_TUTORIALS_PATH, icon: WT_icon, isDisabled: false},\n {title:\"Other Options\", destination:DeepLinking.MANAGEMENT.DASHBOARD_OTHER_OPTIONS_PATH, icon: OO_icon, isDisabled: true}\n ]\n const openDashboardTilesTo = (link) => {\n history.push(link);\n };\n\n const createDashboarTiles = () => {\n return dashboardLinks.map((dashboardLink, index) => {\n return (\n \n
\n \n loadPage(target)}\n />\n
\n {unit ? renderUnit() : \"\"}\n {dashboardLink.title}
\n\n \n
\n \n
\n );\n};\n\nexport default DashboardLinks;\n","export default \"data:image/png;base64,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\"","import React, {useState, useEffect} from 'react';\nimport { Button } from \"react-bootstrap\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search, CSVExport } from \"react-bootstrap-table2-toolkit\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport { Spinner } from 'react-bootstrap';\nimport * as Icons from \"react-bootstrap-icons\";\nimport FeedbackService from \"../../../services/FeedbackService\";\nimport './systemlogs.css';\nimport Rater from \"react-rater\";\n\nconst StudentsFeedbackTable = (props) => {\n\n const { SearchBar } = Search;\n const { ExportCSVButton } = CSVExport;\n const [loadingCsv, setLoadingCsv] = useState(false);\n\n const [feedbacks, setFeedbacks] = useState([]);\n\n useEffect(() => {\n (async() => {\n setFeedbacks(await FeedbackService.getAllFromRemote());\n })();\n }, []);\n\n const render = () => {\n\n const columns = [\n {\n dataField: \"stars\",\n text: \"Star Rating\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {createDashboarTiles()}\n
\n \n {loadingCsv ? (\n
\n );\n };\n\n \n\n return (\n \n
\n )\n : (\n Downloading CSV file
\nplease wait...
\n\n \n
\n\n )}\n \n \n
\n )}\n \n );\n }\n\n return ( \n \n
\n );\n}\n \nexport default StudentsFeedbackTable;","import React from 'react';\nimport DashboardLinks from \"../../../../widgets/links/DashboardLinks\";\nimport StudentsFeedbackTable from './../../../../widgets/tables/StudentsFeedbackTable';\n\nconst HomePanel = () => {\n\n return (\n Recent Student Feedback:
\n {render()}\n\n
\n );\n}\n \nexport default HomePanel;","export default class School {\n\n constructor(title, address, contactInfo, ltiEnabled){\n this.title = title;\n this.address = address;\n this.contactInfo = contactInfo;\n this.ltiEnabled = ltiEnabled;\n }\n\n getTitle() {\n return this.title;\n }\n\n setTitle(title){\n this.title = title;\n }\n\n getAddress() {\n return this.address;\n }\n\n setAddress(address){\n this.address = address;\n }\n\n getContactInfo() {\n return this.contactInfo;\n }\n\n setContactInfo(contactInfo){\n this.contactInfo = contactInfo;\n }\n\n getLtiEnabled() {\n return this.password;\n }\n\n setLtiEnabled(ltiEnabled){\n this.ltiEnabled = ltiEnabled;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState, useEffect } from \"react\";\nimport { Modal, Alert, Button, Form, Spinner } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport StringUtils from \"./../../../../utils/StringUtils\";\nimport School from \"./../../../../payloads/School\";\nimport SchoolService from \"./../../../../services/SchoolService\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nconst SchoolModal = props => {\n const { show, onHide, school } = props;\n\n const [alertShow, setAlertShow] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [title, setTitle] = useState(\"\");\n const [address, setAddress] = useState(\"\");\n const [contactInfo, setContactInfo] = useState(\"\");\n const [ltiEnabled, setLtiEnabled] = useState(\"\");\n const [showSuccess, setShowSuccess] = useState(false);\n const [dataInTransit, setDataInTransit] = useState(false);\n\n const [apiKey, setApiKey] = useState(uuidv4());\n const [apiSecret, setApiSecret] = useState(uuidv4());\n\n const wrongInputMessage = \"All fields are required. Please review.\";\n const failedResponseMessage =\n \"There was a problem creating school. Please try again.\";\n\n useEffect(() => {\n setTitle(school ? school.title : \"\");\n setAddress(school ? school.address : \"\");\n setContactInfo(school ? school.contactInfo : \"\");\n setLtiEnabled(school ? school.ltiEnabled : false);\n }, [school]);\n\n const resetFlags = () => {\n setAlertShow(false);\n setDataInTransit(false);\n setShowSuccess(false);\n };\n\n const resetAndHide = () => {\n resetFlags();\n onHide();\n };\n\n const validateForm = () => {\n if (StringUtils.isEmpty(title)) {\n return false;\n }\n return true;\n };\n\n const updateSchool = async e => {\n e.preventDefault();\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new School(title, address, contactInfo, ltiEnabled);\n let success = await SchoolService.update(school.id, payload);\n setDataInTransit(false);\n if (success) {\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const addNewSchool = async e => {\n e.preventDefault();\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new School(title, address, contactInfo, ltiEnabled);\n let success = await SchoolService.create(payload);\n setDataInTransit(false);\n if (success) {\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const showApiCredentials = () => {\n if (school && school.ltiEnabled) {\n return (\n \n
\n \n API Key\n
\n );\n }\n };\n\n const showSaveOrUpdateButton = () => {\n if (school) {\n return (\n \n
\n \n
\n\n \n
\n\n (*) Required\n \n School Name (*)\n setTitle(e.target.value)}\n />\n
\n \n School Address\n setAddress(e.target.value)}\n />\n
\n \n School Contact\n setContactInfo(e.target.value)}\n />\n
\n\n \n setLtiEnabled(e.target.checked)}\n />\n {showApiCredentials()}\n
\n \n
\n \n
\n \n
\n \n Are you sure you want to delete this item?{\" \"}\n This operation cannot be undone.\n
\n\n \n {row.students}\n \n
\n );\n }\n },\n {\n dataField: \"instructors\",\n text: \"Instructors\",\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"100px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n \n {row.instructors}\n \n
\n );\n }\n },\n {\n dataField: \"contact\",\n text: \"Contact\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.contact}\n \n );\n }\n },\n {\n dataField: \"lti\",\n sort: true,\n text: \"LTI Enabled?\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return row.lti ? (\n \n editSchool(row.id)}\n >\n showDeleteWarning(row.id)}\n >\n
\n );\n }\n }\n ];\n\n const schoolData = schools ? \n schools.map(school => {\n return {\n id: school.id,\n name: school.title,\n address: school.address,\n students: school.totalStudents,\n instructors: school.totalInstructors,\n lti: school.ltiEnabled,\n contact: school.contactInfo,\n status: school.status\n };\n }) : [];\n\n return (\n \n \n
\n )}\n \n hideAndRefreshData()}\n school={currentSchool}\n />\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n\n
\n );\n};\n\nexport default SchoolsPanel;\n","export default class Instructor {\n constructor(firstName, lastName, email, mobile, title, school, classes, cloud9Access) {\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n this.mobile = mobile;\n this.title = title;\n this.school = school;\n this.classes = classes;\n this.role = \"Instructor\";\n this.cloud9Access = cloud9Access;\n }\n\n getFirstName() {\n return this.firstName;\n }\n\n setFirstName(firstName) {\n this.firstName = firstName;\n }\n\n getLastName() {\n return this.lastName;\n }\n\n setLastName(lastName) {\n this.lastName = lastName;\n }\n\n getEmail() {\n return this.email;\n }\n\n setEmail(email) {\n this.email = email;\n }\n\n getMobile() {\n return this.mobile;\n }\n\n setMobile(mobile) {\n this.mobile = mobile;\n }\n\n getTitle() {\n return this.title;\n }\n\n setTitle(title) {\n this.title = title;\n }\n\n getSchool() {\n return this.school;\n }\n\n setSchool(school) {\n this.school = school;\n }\n\n getClasses() {\n return this.classes;\n }\n\n setClasses(classes) {\n this.classes = classes;\n }\n\n setRole(role) {\n this.role = role;\n }\n\n getRole() {\n return this.role;\n }\n\n getCloud9Access(){\n return this.cloud9Access;\n }\n\n setCloud9Access(cloud9Access) {\n this.cloud9Access = cloud9Access;\n }\n\n toString() {\n return JSON.stringify(this);\n }\n}\n","import React, { useState, useEffect } from \"react\";\nimport Select from \"react-select\";\nimport { Modal, Alert, Button, Spinner, Form } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Instructor from \"./../../../../payloads/Instructor\";\nimport StringUtils from \"./../../../../utils/StringUtils\";\nimport LimespringUtils from \"../../../../utils/LimespringUtils\";\nimport SchoolService from \"./../../../../services/SchoolService\";\nimport InstructorService from \"./../../../../services/InstructorService\";\n\nconst InstructorModal = props => {\n const { show, onHide, instructor, classes } = props;\n\n const [alertShow, setAlertShow] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [dataInTransit, setDataInTransit] = useState(false);\n\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [mobile, setMobile] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [school, setSchool] = useState(null);\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [enableCloud9Access, setEnableCloud9Access] = useState(false);\n\n const [showCredentialsReset, setShowCredentialsReset] = useState(false);\n const [schools, setSchools] = useState(null);\n const [disableSchool, setDisableSchool] = useState(false);\n const [selectedClasses, setSelectedClasses] = useState([]);\n const [emailError, setEmailError] = useState(\"\"); \n const [successMessage, setSuccessMessage] = useState(\n \"Instructor created successfully\"\n );\n const [wrongInputMessage, setWrongInputMessage] = useState(\n \"All fields are required. Please review.\"\n );\n const failedResponseMessage =\n \"There was a problem creating instructor. Please try again.\";\n\n useEffect(() => {\n\n const load = async () => {\n \n setFirstName(instructor ? instructor.firstName : ``);\n setLastName(instructor ? instructor.lastName : ``);\n setEmail(instructor ? instructor.email : ``);\n setMobile(instructor ? instructor.mobile : ``);\n setTitle(instructor ? instructor.title : ``);\n setEnableCloud9Access(instructor && instructor.aws ? true : false);\n\n if(instructor && instructor.classes) {\n setSelectedClasses(instructor.classes.map(clazz => {\n return { value: clazz._id, label: clazz.title };\n }));\n }\n \n if (instructor && instructor.schools && instructor.schools.length > 0) {\n setSchool({ value: instructor.schools[0]._id, label: instructor.schools[0].title});\n }\n\n setSchools(await SchoolService.getAllFromRemote(false));\n }\n load();\n }, [instructor]);\n\n const resetAndHide = () => {\n resetFlags();\n resetFields();\n onHide();\n };\n\n const resetFields = () => {\n setFirstName(``);\n setLastName(``);\n setEmail(``);\n setMobile(``);\n setTitle(``);\n setPassword(``);\n setConfirmPassword(``);\n setSchool(null);\n setSelectedClasses([]);\n setEnableCloud9Access(false);\n setEmailError(\"\");\n };\n\n const resetFlags = () => {\n setAlertShow(false);\n setDataInTransit(false);\n setShowSuccess(false);\n setShowCredentialsReset(false);\n };\n\n const validateForm = () => {\n if (\n StringUtils.isEmpty(firstName) ||\n StringUtils.isEmpty(lastName) ||\n StringUtils.isEmpty(email)\n ) {\n setWrongInputMessage(\"All fields are required. Please review.\");\n return false;\n }\n\n if (!validateEmail(email)) {\n setWrongInputMessage(\"Invalid email format. Please enter a valid email.\");\n return false;\n }\n\n return true;\n };\n\n const updateInstructorPassword = async () => {\n setDataInTransit(true);\n let payload = { password: password, confirm: confirmPassword };\n let success = await InstructorService.regenerateCredentials(\n instructor.id,\n payload\n );\n setDataInTransit(false);\n if (!success) {\n setShowFailedAlert(true);\n return;\n }\n setSuccessMessage(\"Instructor updated successfully\");\n setShowSuccess(true);\n };\n\n const updateInstructor = async e => {\n e.preventDefault();\n\n //check if password has been updated\n if (showCredentialsReset) {\n return updateInstructorPassword();\n }\n\n resetFlags();\n\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Instructor(\n firstName,\n lastName,\n email,\n mobile,\n title,\n school ? school.value : ``,\n selectedClasses ? selectedClasses.map(sc => sc.value) : [],\n enableCloud9Access\n );\n let success = await InstructorService.update(instructor.id, payload);\n setDataInTransit(false);\n if (success) {\n setSuccessMessage(\"Instructor updated successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const addNewInstructor = async e => {\n e.preventDefault();\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Instructor(\n firstName,\n lastName,\n email,\n mobile,\n title,\n school ? school.value : ``,\n selectedClasses ? selectedClasses.map(sc => sc.value) : [],\n enableCloud9Access\n );\n\n let success = await InstructorService.create(payload);\n setDataInTransit(false);\n if (success) {\n setSuccessMessage(\"Instructor created successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const showSchoolsSelect = () => {\n if (schools) {\n\n const schoolOptions = schools.map(school => {\n return { value: school.id, label: school.title };\n });\n const defaultSchool = instructor && instructor.schools && instructor.schools.length > 0\n ? schoolOptions.find(school => school.value === instructor.schools[0]._id)\n : ``;\n\n return (\n \n \n
\n \n
\n\n \n
\n \n \n setShowProgressAlert(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n setShowSucceedAlert(false)}\n dismissible\n >\n
\n\n {render()}
\n \n
\n \n \n \n setShowCredentialsReset(true)}\n >\n
\n \n First Name (*)\n setFirstName(e.target.value)}\n />\n
\n \n Last Name (*)\n setLastName(e.target.value)}\n />\n
\n \n Email (*)\n
\n \n Mobile (optional)\n setMobile(e.target.value)}\n />\n
\n \n Title (optional)\n setTitle(e.target.value)}\n />\n
\n \n Section (optional)\n setSelectedClasses(selectedOption)}\n options={renderClassLabels()}\n className=\"w-50\"\n isClearable={true}\n isMulti\n />\n
\n \n School (optional)\n {showSchoolsSelect()}\n
\n (*) Required\n \n\n \n Cloud9 Environment (optional)\n
\n\n \n setEnableCloud9Access(e.target.checked)} \n checked={enableCloud9Access ? \"checked\": \"\"}/>\n
\n \n setShowCredentialsReset(false)}\n >\n
\n \n New Password\n setPassword(e.target.value)}\n />\n
\n \n Confirm Password\n setConfirmPassword(e.target.value)}\n />\n
\n \n \n\n \n
\n \n
\n \n \n
\n \n );\n};\n\nexport default Drawer;\n","import React, { useState, useEffect } from \"react\";\nimport RichTextEditor from \"react-rte\";\nimport $ from 'jquery';\nimport './texteditor.css';\n\nconst SimpleTextEditor = props => {\n const { onTextEditorUpdate, defaultText } = props;\n\n const [value, setValue] = useState(RichTextEditor.createEmptyValue());\n\n //transform DOM to avoid tab navigation on the RTE buttons!\n $('.unit-editor-wrapper button').attr('tabindex', '-1');\n $('.unit-editor-wrapper select').attr('tabindex', '-1');\n\n useEffect(() => {\n if (defaultText && defaultText !== \"\") {\n setValue(RichTextEditor.createValueFromString(defaultText, \"html\"));\n } else {\n setValue(RichTextEditor.createEmptyValue());\n }\n }, [defaultText]);\n\n const onEditorChange = val => {\n setValue(val);\n onTextEditorUpdate(val.toString(\"html\"));\n };\n\n return \n closeDrawer()}>\n ×\n \n {title ? title : \"\"}\n
\n {children}\n \n onImageUploaded(e)}\n className=\"pb-1\"\n />\n\n \n onImageLoaded(image)}\n onComplete={_crop => onCropComplete(_crop)}\n onChange={_crop => onCropChange(_crop)}\n />\n
\n \n \n
\n\n \n Section Cover Image\n
\n \n * {defaultCropWidth}x{defaultCropHeight} px minimum size recommended\n \n
\n \n );\n};\n\nexport default ImageCropper;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\n\nexport default {\n\n search: async (resource, text) => {\n const response = await new ApiService().post(ApiPath.SEARCH_ENDPOINT, {resource: resource, text: text});\n if(response && response.status === 200) { \n const results = response.data;\n return results;\n } \n return [];\n }\n}","import React, {useState, useEffect} from 'react';\nimport MultiSelect from \"@kenshooui/react-multi-select\";\nimport \"@kenshooui/react-multi-select/dist/style.css\";\nimport SearchService from './../../../services/SearchService';\nimport './multiselectpicker.css';\n\nconst MultiSelectPicker = (props) => {\n\n const { models, onSelectedOption, selectedModels, isMultiple=true, context=\"students\", \n contextCallback=()=>{}, filterValue=\"\", onFilterChange=()=>{}, updateServerSearchResults =()=>{}, searchOnEachCharacter = false } = props;\n\n const [items, setItems] = useState([]);\n const [localFilteredItems, setLocalFilteredItems] = useState([]);\n const [selectedItems, setSelectedItems] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [inputValue, setInputValue] = useState(\"\");\n\n useEffect(() => {\n const filteredItems = convertModelsToItems(models).filter(item => \n item.label.toLowerCase().includes(filterValue.toLowerCase())\n );\n setItems(filteredItems);\n setLocalFilteredItems(filteredItems);\n setSelectedItems(convertModelsToItems(selectedModels));\n }, [selectedModels]);\n\n useEffect(()=>{\n const filteredItems = convertModelsToItems(models).filter(item => {\n const matches = item.label.toLowerCase().includes(filterValue.toLowerCase());\n return matches;\n });\n setItems(filteredItems);\n setLocalFilteredItems(filteredItems);\n setSelectedItems(convertModelsToItems(selectedModels));\n }, [models,filterValue]);\n\n const convertModelsToItems = (_models) => {\n if(!_models || _models.length === 0) {return [];}\n return _models.map((_model) => {\n return {id: _model._id, label: _model.title }\n });\n }\n\n const convertSearchModelsToItems = (_models) => {\n if(!_models || _models.length === 0) {return [];}\n\n return _models.map((_model) => {\n return {id: _model.id || _model._id, label: _model.fullName || _model.title}\n });\n }\n\n const handleChange = (_selectedItems) => {\n onSelectedOption(_selectedItems);\n const filteredItems = convertModelsToItems(models).filter(item =>\n item.label.toLowerCase().includes(filterValue.toLowerCase())\n );\n setItems(filteredItems);\n setSelectedItems(fixOrder(_selectedItems));\n\n onSelectedOption(_selectedItems);\n setSelectedItems(_selectedItems);\n };\n\n const fixOrder = (_selectedItems) => {\n if(selectedItems.length === 0) return _selectedItems;\n let items = [];\n _selectedItems.forEach(selectedItem => {\n const found = selectedItems.find(si => si.id === selectedItem.id);\n if(!found) items.push(selectedItem);\n });\n\n if(items.length > 0){\n const finalSelectedItems = selectedItems.concat(items);\n setSelectedItems(finalSelectedItems);\n return finalSelectedItems;\n } else if (items.length===0) {\n return _selectedItems;\n }\n\n return items;\n }\n\n \n\n const getServerSearchResponse = async (value) => {\n setIsLoading(true);\n try {\n const serverItems = await SearchService.search(context, value);\n updateServerSearchResults(serverItems);\n return serverItems;\n } finally {\n setIsLoading(false);\n }\n }\n\n const sortItemsWithSelectedFirst = () => {\n const filteredSelectedItems = selectedItems.filter(item =>\n items.some(filteredItem => filteredItem.id === item.id)\n );\n const nonSelectedItems = items.filter(item =>\n !filteredSelectedItems.some(selected => selected.id === item.id)\n );\n return filteredSelectedItems.concat(nonSelectedItems);\n };\n\n const handleKeyDown = (e) => {\n if (e.key === \"Enter\") {\n onFilterChange(inputValue);\n const localFilteredItems = convertModelsToItems(models).filter(item =>\n item.label.toLowerCase().includes(inputValue.toLowerCase())\n );\n setLocalFilteredItems(localFilteredItems);\n \n if (inputValue === \"\") {\n setItems(convertModelsToItems(models));\n setSelectedItems(convertModelsToItems(selectedModels));\n } else {\n setItems(localFilteredItems);\n \n getServerSearchResponse(inputValue).then(serverItems => {\n const res = convertSearchModelsToItems(serverItems);\n const combinedItems = [...localFilteredItems, ...res];\n const uniqueItems = Array.from(\n new Map(\n combinedItems.map(item => [item.id || item._id, item])\n ).values()\n );\n \n setItems(uniqueItems);\n });\n }\n }\n };\n \n \n \n\n const renderMultiSelect = () => {\n if(!items) { return ''; }\n\n const orderedItems = sortItemsWithSelectedFirst();\n\n return (\n <>\n {isLoading && (\n \n \n * {defaultCropWidth}x{defaultCropHeight} px minimum size recommended\n \n
\n \n Loading items...\n
\n )}\n {renderMultiSelect()}\n
\n );\n}\n \nexport default MultiSelectPicker;","export default class Class {\n\n constructor(title, description, thumbnail, instructors, students, startsOn, tags, units, courses, capture){\n this.title = title;\n this.description = description;\n this.thumbnail = thumbnail;\n this.instructors = instructors;\n this.students = students; //transient field\n this.startsOn = startsOn;\n this.tags = tags;\n this.units = units;\n this.courses = courses;\n this.capture = capture; //transient field\n }\n\n getTitle() {\n return this.title;\n }\n\n setTitle(title){\n this.title = title;\n }\n\n getDescription() {\n return this.description;\n }\n\n setDescription(description){\n this.description = description;\n }\n\n getThumbnail() {\n return this.thumbnail;\n }\n\n setThumbnail(thumbnail){\n this.thumbnail = thumbnail;\n }\n\n getInstructors() {\n return this.instructors;\n }\n\n setInstructors(instructors){\n this.instructors = instructors;\n }\n\n getStudents() {\n return this.students;\n }\n\n setStudents(students){\n this.students = students;\n }\n\n getStartsOn() {\n return this.startsOn;\n }\n\n setStartsOn(startsOn){\n this.startsOn = startsOn;\n }\n\n getTags() {\n return this.tags;\n }\n\n setTags(tags){\n this.tags = tags;\n }\n\n getUnits() {\n return this.units;\n }\n\n setUnits(units){\n this.units = units;\n }\n\n getCourses() {\n return this.courses;\n }\n\n setCourses(courses){\n this.courses = courses;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState, useEffect, useCallback } from \"react\";\nimport Select from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport { Modal, Alert, Button, Spinner, Form } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Student from \"./../../../../payloads/Student\";\nimport StringUtils from \"./../../../../utils/StringUtils\";\nimport LimespringUtils from \"../../../../utils/LimespringUtils\";\nimport StudentService from \"./../../../../services/StudentService\";\nimport SearchService from \"./../../../../services/SearchService\";\nimport ClassService from \"./../../../../services/ClassService\";\nimport ProfileService from \"./../../../../services/ProfileService\";\nimport styles from './sm.css';\n\nconst StudentModal = props => {\n const { show, onHide, onDismiss, student, classes, schools, onUpdate=(()=> {}) } = props;\n\n const [alertShow, setAlertShow] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [dataInTransit, setDataInTransit] = useState(false);\n\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [mobile, setMobile] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [school, setSchool] = useState(null);\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [selectedClasses, setSelectedClasses] = useState([]);\n const [enableCloud9Access, setEnableCloud9Access] = useState(false);\n\n const [showCredentialsReset, setShowCredentialsReset] = useState(false);\n const [disableSchool, setDisableSchool] = useState(false);\n const [timeMultiplier, setTimeMultiplier] = useState(\"0\");\n\n const [loadingClasses, setLoadingClasses] = useState(false); \n\n const [localClasses, setLocalClasses] = useState(classes || []);\n\n const [searchInput, setSearchInput] = useState(\"\");\n const [menuOpen, setMenuOpen] = useState(false);\n\n const [defaultSchool, setDefaultSchool] = useState(null);\n const [schoolOptions, setSchoolOptions] = useState([]);\n const [renderSchool, setRenderSchool] = useState(false);\n\n const [emailError, setEmailError] = useState(\"\");\n\n const [successMessage, setSuccessMessage] = useState(\n \"Student created successfully\"\n );\n const [wrongInputMessage, setWrongInputMessage] = useState(\n \"All fields are required. Please review.\"\n );\n const failedResponseMessage =\n \"There was a problem creating student. Please try again.\";\n\n useEffect(() => {\n if (show) {\n setFirstName(student ? student.firstName : ``);\n setLastName(student ? student.lastName : ``);\n setEmail(student ? student.email : ``);\n setMobile(student ? student.mobile : ``);\n setTitle(student ? student.title : ``);\n setSchool(student ? student.schools[0] : ``);\n setEnableCloud9Access(student && student.aws ? true: false);\n setTimeMultiplier(student && student.conditions && student.conditions.length > 0 ? student.conditions[0].value : '0')\n setSearchInput(\"\"); \n setMenuOpen(false);\n\n const user = ProfileService.get();\n if(schools && schools.length > 0) {\n const _schoolOptions = schools.map(school => { return { value: school.id, label: school.title }});\n setSchoolOptions(_schoolOptions);\n\n let firstSchool = null;\n if(user.schools && user.schools.length > 0){\n //grab the first one only\n firstSchool = _schoolOptions.find(school => school.value === user.schools[0])\n setDefaultSchool(firstSchool);\n setSchool(firstSchool);\n }\n\n if(student){\n if(student.schools && student.schools.length > 0){\n firstSchool = _schoolOptions.find(school => school.value === student.schools[0]._id)\n setDefaultSchool(firstSchool);\n setSchool(firstSchool);\n }\n }\n\n setRenderSchool(true);\n }\n\n } else {\n resetFields(); \n }\n if (show && (!classes || classes.length === 0) && !loadingClasses) {\n setLoadingClasses(true);\n ClassService.getAllFromRemote()\n .then(classList => {\n setLocalClasses(classList);\n if (student) {\n const studentClasses = classList.filter(c => \n c.students && c.students.find(s => s.id === student.id)\n );\n setSelectedClasses(\n studentClasses.map(clazz => ({\n value: clazz.id || clazz._id,\n label: clazz.title\n }))\n );\n }\n onUpdate();\n })\n .catch(error => {\n console.error(\"Error loading classes\", error);\n })\n .finally(() => setLoadingClasses(false));\n } else if (student && classes && classes.length > 0) {\n setLocalClasses(classes);\n\n if (student.classes && student.classes.length >0) {\n let studentClassesToBeDisplayed = student.classes.map(clazz => {\n return { value: clazz._id, label: clazz.title };\n });\n setSelectedClasses(studentClassesToBeDisplayed);\n } else {\n setSelectedClasses([]);\n }\n } else if (classes && classes.length > 0){\n setSelectedClasses([]);\n setLocalClasses(classes);\n }\n\n if(!student) {\n setPassword('');\n setEmail('');\n }\n\n }, [student, show, classes]);\n\n const resetAndHide = () => {\n resetFlags();\n resetFields();\n onHide();\n };\n\n const resetFields = () => {\n setFirstName(``);\n setLastName(``);\n setEmail(``);\n setMobile(``);\n setTitle(``);\n setSchool(null);\n setPassword(``);\n setConfirmPassword(``);\n setSelectedClasses([]);\n setTimeMultiplier('0');\n setEnableCloud9Access(false);\n setSearchInput('');\n setMenuOpen(false);\n setEmailError(\"\");\n setShowFailedAlert(false);\n setRenderSchool(false);\n setDefaultSchool(null);\n setSchoolOptions([]);\n // setSelectedClasses([]);\n };\n\n const resetFlags = () => {\n setAlertShow(false);\n setDataInTransit(false);\n setShowSuccess(false);\n setShowCredentialsReset(false);\n };\n\n const validateForm = () => {\n if (\n StringUtils.isEmpty(firstName) ||\n StringUtils.isEmpty(lastName) ||\n StringUtils.isEmpty(email) ||\n !school || \n StringUtils.isEmpty(school.value)\n \n ) {\n setWrongInputMessage(\"All fields are required. Please review.\");\n return false;\n }\n\n if (!validateEmail(email)) {\n setWrongInputMessage(\"Invalid email format. Please enter a valid email.\");\n return false;\n }\n\n return true;\n };\n\n const updateStudentPassword = async () => {\n setDataInTransit(true);\n let payload = { password: password, confirm: confirmPassword };\n let success = await StudentService.regenerateCredentials(\n student.id,\n payload\n );\n setDataInTransit(false);\n if (!success) {\n setShowFailedAlert(true);\n return;\n }\n setSuccessMessage(\"Student updated successfully\");\n setShowSuccess(true);\n };\n\n const handleInputChange = (inputValue, action) => {\n if (action.action === \"input-change\") {\n setSearchInput(inputValue);\n }\n };\n\n const handleImmediateSearch = useCallback(async (textInput) => {\n try {\n if (textInput.length >= 2) { \n setLoadingClasses(true);\n const result = await SearchService.search(\"classes\", textInput);\n setLocalClasses(result);\n setLoadingClasses(false);\n } else {\n await ClassService.getAllFromRemote()\n .then(classList => {\n setLocalClasses(classList);\n })\n .catch(error => {\n console.error(\"Error loading classes\", error);\n })\n .finally(() => setLoadingClasses(false));\n\n }\n } catch (error) {\n console.error(\"Error fetching sections:\", error);\n } finally {\n setLoadingClasses(false); \n\n }\n }, []);\n\n const handleChange = (selectedOption) => {\n setSelectedClasses(selectedOption); \n setMenuOpen(false);\n };\n\n const handleMenuOpen = () => {\n setMenuOpen(true); \n };\n \n const handleMenuClose = () => {\n setMenuOpen(false); \n };\n\n const updateStudent = async e => {\n e.preventDefault();\n //check if password has been updated\n if (showCredentialsReset) {\n return updateStudentPassword();\n }\n\n resetFlags();\n\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Student(\n firstName,\n lastName,\n email,\n mobile,\n title,\n school ? school.value : ``,\n selectedClasses ? selectedClasses.map(sc => sc.value) : [],\n timeMultiplier != '0' ? buildCondition() : [],\n enableCloud9Access\n );\n let success = await StudentService.update(student.id, payload);\n setDataInTransit(false);\n if (success) {\n onUpdate();\n setSuccessMessage(\"Student updated successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n //TODO we should identify conditions\n //based on their names!\n const buildCondition = () => {\n return [{\n name: 'extratime',\n value: timeMultiplier\n }];\n }\n\n const addNewStudent = async e => {\n e.preventDefault();\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Student(\n firstName,\n lastName,\n email,\n mobile,\n title,\n school ? school.value : ``,\n selectedClasses ? selectedClasses.map(sc => sc.value) : [],\n timeMultiplier != '0' ? buildCondition() : [],\n enableCloud9Access\n );\n let success = await StudentService.create(payload);\n setDataInTransit(false);\n if (success) {\n setSuccessMessage(\"Student created successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const showSchoolsSelect = () => {\n if(!renderSchool) return <>;\n return (\n \n Time multiplier\n
;\n }\n\n const showSaveOrUpdateButton = () => {\n if (student) {\n return (\n \n setTimeMultiplier(e.target.value)}>\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n \n setShowCredentialsReset(true)}\n >\n
\n \n First Name (*)\n setFirstName(e.target.value)}\n />\n
\n \n \n Last Name (*)\n setLastName(e.target.value)}\n />\n
\n \n Email (*)\n
\n \n Mobile (optional)\n setMobile(e.target.value)}\n />\n
\n \n Title (optional)\n setTitle(e.target.value)}\n />\n
\n \n Allow Extra Time on Assessments (Optional)\n {showExtraTimeMultiplier()}\n
\n \n School (*)\n {showSchoolsSelect()}\n
\n {\n if (e.key === \"Enter\") { \n setSearchInput(e.target.value);\n handleImmediateSearch(e.target.value);\n }\n }}>\n Section (optional)\n {loadingClasses ? (\n setSelectedClasses(selectedOption)}\n options={renderClassLabels()} \n onInputChange={handleInputChange}\n inputValue={searchInput}\n isLoading={loadingClasses} \n menuIsOpen={menuOpen}\n onMenuOpen={handleMenuOpen} \n onMenuClose={handleMenuClose}\n placeholder=\"Search and press Enter...\"\n noOptionsMessage={() => (loadingClasses ? \"Loading...\" : \"Search and press Enter...\")}\n className=\"w-50\"\n isClearable={true}\n /> \n \n )}\n
\n\n \n Cloud9 Environment (optional)\n
\n\n (*) Required\n \n\n \n setEnableCloud9Access(e.target.checked)} \n checked={enableCloud9Access ? \"checked\": \"\"}/>\n
\n \n setShowCredentialsReset(false)}\n >\n
\n \n New Password\n setPassword(e.target.value)}\n />\n
\n \n Confirm Password\n setConfirmPassword(e.target.value)}\n />\n
\n \n \n\n \n
\n \n \n
\n \n changeHandler()} // handle innerHTML change\n className=\"transcript-editor-editable\"\n />\n
\n );\n}\n \nexport default TranscriptEditor;","export default class Lecture {\n\n constructor(title, description, duration, thumbnail, instructors, markers, assessments, capture, url, transcript, difficulty, scope, isYoutubeVideo, youtubeUrl, school) {\n this.title = title;\n this.description = description;\n this.thumbnail = thumbnail;\n this.duration = duration;\n this.captions = [];\n this.transcript = transcript;\n this.difficulty = difficulty;\n this.chapters = [];\n this.instructors = instructors || [];\n this.markers = markers || [];\n this.assessments = assessments || [];\n this.capture = capture; //transient field\n this.url = url;\n this.scope = scope;\n this.isYoutubeVideo = isYoutubeVideo;\n this.youtubeUrl = youtubeUrl;\n this.schools = school ? [school] : []\n }\n \n getTitle() {\n return this.title;\n }\n \n setTitle(title) {\n this.title = title;\n }\n\n getDifficulty() {\n return this.difficulty;\n }\n \n setDifficulty(difficulty) {\n this.difficulty = difficulty;\n }\n \n getDescription() {\n return this.description;\n }\n \n setDescription(description) {\n this.description = description;\n }\n \n getUrl() {\n return this.url;\n }\n \n setUrl(url) {\n this.url = url;\n }\n\n getDuration() {\n return this.duration;\n }\n\n setDuration(duration) {\n this.duration = duration;\n }\n\n getThumbnail() {\n return this.thumbnail;\n }\n\n setThumbnail(thumbnail) {\n this.thumbnail = thumbnail;\n }\n\n getCaptions() {\n return this.captions;\n }\n\n setCaptions(captions) {\n this.captions = captions;\n }\n\n getTranscript() {\n return this.transcript;\n }\n\n setTranscripts(transcript) {\n this.transcript = transcript;\n }\n\n getChapters() {\n return this.chapters;\n }\n\n setChapters(chapters) {\n this.chapters = chapters;\n }\n\n getInstructors() {\n return this.instructors;\n }\n\n setInstructors(instructors) {\n this.instructors = instructors;\n }\n\n getMarkers() {\n return this.markers;\n }\n\n setMarkers(markers) {\n this.markers = markers;\n }\n\n getAssessments() {\n return this.assessments;\n }\n\n setAssessments(assessments) {\n this.assessments = assessments;\n }\n\n getCapture() {\n return this.capture;\n }\n\n setCapture(capture) {\n this.capture = capture;\n }\n\n getScope() {\n return this.scope;\n }\n\n setScope(scope) {\n this.scope = scope;\n }\n\n getIsYoutubeVideo() {\n return this.isYoutubeVideo;\n }\n\n setIsYoutubeVideo(isYoutubeVideo) {\n this.isYoutubeVideo = isYoutubeVideo;\n }\n\n getYoutubeUrl() {\n return this.youtubeUrl;\n }\n\n setYoutubeUrl(youtubeUrl) {\n this.youtubeUrl = youtubeUrl;\n }\n\n getSchools() {\n return this.schools;\n }\n\n setSchools(_schools) {\n this.schools = _schools ? [_schools] : []\n }\n\n \n toString() {\n return JSON.stringify(this);\n }\n }\n ","import { v4 as uuidv4 } from \"uuid\";\n\nexport default class Track {\n\n constructor(){\n this._id = uuidv4();\n this.timestamp = '00:00';\n this.type = 'PLAIN';\n this.content ='';\n }\n\n getId(){\n return this._id;\n }\n\n setId(id){\n this._id = id;\n }\n\n getTimestamp(){\n return this.timestamp;\n }\n\n setTimestamp(timestamp){\n this.timestamp = timestamp;\n }\n\n getType(){\n return this.type;\n }\n\n setType(type){\n this.type = type;\n }\n\n getContent(){\n return this.content;\n }\n\n setContent(content){\n this.content = content;\n }\n}","export default class Transcript {\n\n constructor(status, type, captionUrl, tracks){\n this.status = status;\n this.type = type;\n this.captionUrl = captionUrl;\n this.tracks = tracks;\n }\n\n getLectureId(){\n return this.lectureId;\n }\n\n setLectureId(lectureId){\n this.lectureId = lectureId;\n }\n\n getStatus(){\n return this.status;\n }\n\n setStatus(status){\n this.status = status;\n }\n\n getType(){\n return this.type;\n }\n\n setType(type){\n this.type = type;\n }\n\n getCaptionUrl(){\n return this.captionUrl;\n }\n\n setCaptionUrl(captionUrl){\n this.captionUrl = captionUrl;\n }\n\n getTracks(){\n return this.tracks;\n }\n\n setTracks(tracks){\n this.tracks = tracks;\n }\n}","import React, {useEffect, useState, useRef} from 'react';\nimport * as Icons from 'react-bootstrap-icons';\nimport './videothumbnail.css';\n\nconst ThumbnailCreator = (props) => {\n\n const {originalThumbnail='', snapshotAtTime, videoUrl, width, height, onGenerated} = props;\n\n const videoEl = useRef(null);\n const canvasEl = useRef(null);\n\n const [metadataLoaded, setMetadataLoaded] = useState(false);\n const [dataLoaded, setDataLoaded] = useState(false);\n const [suspended, setSuspended] = useState(false);\n const [seeked, setSeeked] = useState(false);\n\n const [snapshot, setSnapshot] = useState(originalThumbnail);\n\n useEffect(() => {\n if(metadataLoaded && dataLoaded && suspended){\n videoEl.current.currentTime = snapshotAtTime;\n getSnapshot();\n }\n }, [snapshotAtTime]);\n\n useEffect(() => {\n if(seeked) getSnapshot()\n }, [seeked]);\n\n useEffect(() => {\n setSnapshot(originalThumbnail);\n }, [originalThumbnail]);\n\n /**\n * Create a canvas and video element to \"draw\" the\n * image, then convert it to a data url\n */\n const getSnapshot = () => {\n try {\n const video = videoEl.current;\n const canvas = canvasEl.current;\n canvas.height = video.videoHeight;\n canvas.width = video.videoWidth;\n\n // resize thumbnail or no ?\n if (!width || !height) {\n canvas.getContext('2d').drawImage(video, 0, 0);\n } else {\n canvas.height = height;\n canvas.width = width;\n canvas.getContext('2d').drawImage(video,\n 0, 0, // Start at 0/0 pixels from the left and the top of the image (crop),\n video.videoWidth, video.videoHeight, // Get a (w * h) area from the source image (crop),\n 0, 0, // Place the result at 0, 0 in the canvas,\n width, height // With as width / height: 100 * 100 (scale)\n ); \n }\n\n const thumbnail = canvas.toDataURL('image/png');\n\n setSnapshot(thumbnail);\n\n setSeeked(false);\n\n // pass the thumbnail url back to parent component's thumbnail handler (if any)\n onGenerated(thumbnail);\n\n } catch (e) {\n console.error(e);\n }\n }\n\n const showHiddenUtils = () => {\n return (\n \n \n \n \n \n
\n\n \n \n \n
\n );\n }\n\n const renderThumbnail = () => {\n if(!snapshot || snapshot === ''){\n return (\n \n No Thumbnail Selected\n ** Click on the video and then scrub the video timeline to change the thumbnail\n
);\n } else {\n return (\n {renderThumbnail()}\n
\n {showHiddenUtils()}\n \n );\n}\n \nexport default ThumbnailCreator;","import { v4 as uuidv4 } from \"uuid\";\n\nexport default class Marker {\n\n constructor(){\n this.assessment = '';\n this.asset = '';\n this.type = 'MARKER';\n this.label = '';\n this.priority = 1;\n this.cuePoint = 0;\n this.buttonText = '';\n this.required = false;\n this.trigger = 'ANIMATION';\n this.showForInSecs = 0;\n }\n\n getId(){\n return this._id;\n }\n\n setId(id){\n this._id = id;\n }\n\n getAssessment(){\n return this.assessment;\n }\n\n setAssessment(assessment){\n this.assessment = assessment;\n }\n\n getAsset(){\n return this.asset;\n }\n\n setAsset(asset){\n this.asset = asset;\n }\n\n getLabel(){\n return this.label;\n }\n\n setLabel(label){\n this.label = label;\n }\n\n getPriority(){\n return this.priority;\n }\n\n setPriority(priority){\n this.priority = priority;\n }\n\n getCuePoint(){\n return this.cuePoint;\n }\n\n setCuePoint(cuePoint){\n this.cuePoint = cuePoint;\n }\n\n getButtonText(){\n return this.buttonText;\n }\n\n setButtonText(buttonText){\n this.buttonText = buttonText;\n }\n \n getRequired(){\n return this.required;\n }\n\n setRequired(required){\n this.required = required;\n }\n\n getTrigger(){\n return this.trigger;\n }\n\n setTrigger(trigger){\n this.trigger = trigger;\n }\n \n getShowForInSecs(){\n return this.showForInSecs;\n }\n\n setShowForInSecs(showForInSecs){\n this.showForInSecs = showForInSecs;\n }\n \n toString() {\n return JSON.stringify(this);\n }\n}","import React from \"react\";\nimport { Dropdown, FormControl, InputGroup } from \"react-bootstrap\";\nimport \"./panelsearchbar.css\";\n\nconst PanelSearchBar = props => {\n const { fullWidth=false, onChange } = props;\n\n const OnFilterInput = () => {\n onChange(document.getElementById(\"search-input-txt\").value);\n };\n return (\n \n
\n );\n};\n\nexport default PanelSearchBar;\n","export default class Asset {\n\n constructor(title, description, url, tags, type, extension, capture){\n this.title = title;\n this.description = description;\n this.url = url;\n this.tags = tags;\n this.type = type;\n this.extension = extension;\n this.capture = capture; //transient field\n }\n\n getTitle() {\n return this.title;\n }\n\n setTitle(title){\n this.title = title;\n }\n\n getDescription() {\n return this.description;\n }\n\n setDescription(description){\n this.description = description;\n }\n\n getUrl() {\n return this.url;\n }\n\n setUrl(url){\n this.url = url;\n }\n\n getTags() {\n return this.tags;\n }\n\n setTags(tags){\n this.tags = tags;\n }\n\n getType() {\n return this.type;\n }\n\n setType(type){\n this.type = type;\n }\n\n getExtension() {\n return this.extension;\n }\n\n setExtension(extension){\n this.extension = extension;\n }\n\n getCapture() {\n return this.capture;\n }\n\n setCapture(capture){\n this.capture = capture;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState } from \"react\";\nimport { Spinner, Button } from \"react-bootstrap\";\nimport checkIcon from \"./../../../images/check.svg\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport AssetService from \"./../../../services/AssetService\";\nimport ProfileService from \"./../../../services/ProfileService\";\n\nimport \"./libraryitem.css\";\n\nconst LibraryItem = props => {\n const {\n asset,\n show,\n filter,\n onSelected,\n onUnselected,\n selectable = false,\n callback,\n showDelete = true\n } = props;\n\n const [showLoadingOverlay, setShowLoadingOverlay] = useState(false);\n const [showCompletedOverlay, setShowCompletedOverlay] = useState(false);\n const [showDescriptionOverlay, setShowDescriptionOverlay] = useState(false);\n const [showSelectedOverlay, setShowSelectedOverlay] = useState(false);\n const [inputValue, setInputValue] = useState(asset.title);\n const [showInput, setShowInput] = useState(false);\n\n const previewItem = () => {\n switch (asset.type) {\n case 'IMAGE':\n let newWindow = window.open(\"\", \"_blank\");\n newWindow.document.write(`\n \n OnFilterInput()}\n />\n \n
\n \n
\n \n \n
\n \n Select this one\n
\n Type: {asset.type}
\n\n \n \n deleteItem(asset._id)}\n >\n
\n \n \n 
\n
\n \n );\n};\n\nexport default LibraryItem;\n","export default {\n\n getExtension: (name) => {\n if(name === null || name === undefined) { return false;}\n const parts = name.split('.');\n if(parts && parts.length > 0) {\n return parts[parts.length - 1];\n }\n return '';\n }\n}","import { v4 as uuidv4 } from \"uuid\";\n\nexport default class Question {\n\n constructor(){\n this._id = uuidv4();\n this.statement = '';\n this.category = '';\n this.subcategory = '';\n this.group ='';\n this.tags = [];\n this.difficulty = 0;\n this.hint = '';\n this.hintMedia = '';\n this.explanation = '';\n this.explanationMedia = '';\n this.points = 0;\n this.stars = 0;\n this.multimedia = '';\n this.choices = [];\n this.context = 'MATH_TEXT';\n this.input = '';\n this.subtype = '';\n this.steps = [];\n this.keyboardLayout = [];\n this.type = 'QUESTION';\n }\n\n getId(){\n return this._id;\n }\n\n setId(id){\n this._id = id;\n }\n\n getInput(){\n return this.input;\n }\n\n setInput(input){\n this.input = input;\n }\n\n getStatement(){\n return this.statement;\n }\n\n setStatement(statement){\n this.statement = statement;\n }\n\n getCategory(){\n return this.category;\n }\n\n setCategory(category){\n this.category = category;\n }\n\n getSubcategory(){\n return this.subcategory;\n }\n\n setSubcategory(subcategory){\n this.subcategory = subcategory;\n }\n\n getTags(){\n return this.tags;\n }\n\n setTags(tags){\n this.tags = tags;\n }\n\n addTag(tag) {\n this.tags.push(tag);\n }\n\n getDifficulty(){\n return this.difficulty;\n }\n\n setDifficulty(difficulty){\n this.difficulty = difficulty;\n }\n\n getHint(){\n return this.hint;\n }\n\n setHint(hint){\n this.hint = hint;\n }\n\n getExplanation(){\n return this.explanation;\n }\n\n setExplanation(explanation){\n this.explanation = explanation;\n }\n\n getPoints(){\n return this.points;\n }\n\n setPoints(points){\n this.points = points;\n }\n\n getStars(){\n return this.stars;\n }\n\n setStars(stars){\n this.stars = stars;\n }\n\n getMultimedia(){\n return this.multimedia;\n }\n\n setMultimedia(multimedia){\n this.multimedia = multimedia;\n }\n\n getChoices(){\n return this.choices;\n }\n\n setChoices(choices){\n this.choices = choices;\n }\n\n addChoice(choice){\n this.choices.push(choice);\n }\n\n getSubtype(){\n return this.subtype;\n }\n\n setSubtype(subtype){\n this.subtype = subtype;\n }\n\n getType(){\n return this.type;\n }\n\n setType(type){\n this.type = type;\n }\n\n getGroup(){\n return this.group;\n }\n\n setGroup(group){\n this.group = group;\n }\n\n getSteps(){\n return this.steps;\n }\n\n setSteps(steps) {\n this.steps = steps;\n }\n\n getContext() {\n return this.context;\n }\n\n setContext(context) {\n this.context = context;\n }\n\n toString() {\n return JSON.stringify(this);\n }\n}","import React from 'react';\nimport { Row, Form, Col } from \"react-bootstrap\";\n\nconst QuestionBuilderModalHeader = (props) => {\n\n const {question, multistep=false, isModify=false, onMultistepChange, onCategoryInput, onSubcategoryInput} = props;\n\n const checkMultiStep = () => {\n onMultistepChange();\n }\n\n return (\n \n
\n );\n}\n \nexport default QuestionBuilderModalHeader;","export default \"data:image/png;base64,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\"","import React, {useState, useRef, useEffect, useContext} from 'react';\nimport { v4 as uuidv4 } from \"uuid\";\nimport KeyboardInputContext from './../../../hooks/KeyboardInputContext';\nimport keyboardIcon from './../../../images/math/keyboard.png';\nimport sourceCodeIcon from './../../../images/math/sourcecode.png';\nimport multimediaIcon from './../../../images/math/multimedia.png';\nimport StringUtils from './../../../utils/StringUtils';\nimport './mathfield_comps.css';\n\nconst MathInputArea = (props) => {\n\n const {id='', focus=false, statement='', foreignKeyboard=false, showKeyboardIcon=false, showMultimediaIcon=false, onStatementUpdate, onRenderForeignKeyboard=()=>{}, onToggleMultimedia=()=>{}, foreignKeyboardInput='', showSourceCodeIcon=false,onToggleSourceCode=()=>{}, tabHandler=()=>{}} = props;\n\n const [questionStatement, setQuestionStatement] = useState(statement);\n const [showInput, setShowInput] = useState(true);\n const [componentId, setComponentId] = useState(uuidv4());\n \n const textArea = useRef(null);\n const node = useRef(null);\n\n const keyboardInputContext = useContext(KeyboardInputContext);\n\n useEffect(() => {\n if(focus) showTextArea();\n }, [focus])\n\n useEffect(() => {\n //update html first and then mathjax!\n node.current.innerHTML = StringUtils.decodeHtml(statement);\n setQuestionStatement(statement);\n }, [statement]);\n\n useEffect(()=>{\n if(questionStatement){\n onStatementUpdate(questionStatement.trim())\n }\n }, [questionStatement]);\n\n useEffect(() => {\n if(showInput){\n textArea.current.focus();\n } else {\n if(window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n }\n }, [showInput]);\n\n useEffect(() => {\n const input = keyboardInputContext.keyboardInput;\n const sourceId = keyboardInputContext.inputFieldId;\n if(input && input != \"\" && sourceId === componentId) insert(input);\n }, [keyboardInputContext.keyboardInput]);\n\n useEffect(() => {\n if(foreignKeyboardInput && foreignKeyboardInput != \"\") insert(foreignKeyboardInput);\n }, [foreignKeyboardInput]);\n\n const insert = (l) => {\n const start = textArea.current.selectionStart\n const end = textArea.current.selectionEnd\n const before = questionStatement.substring(0, start)\n const after = questionStatement.substring(end, questionStatement.length)\n setQuestionStatement(before + `$${l}$` + after);\n textArea.current.focus();\n }\n\n const saveHtmlResponse = (e) => {\n if(e.target.value === '') {\n onStatementUpdate(\"\")\n }else{\n setQuestionStatement(e.target.value);\n }\n \n }\n\n const showTextArea = () => {\n setShowInput(true);\n textArea.current.focus();\n }\n\n const onToggleKeyboard = () => {\n if(foreignKeyboard) {\n onRenderForeignKeyboard();\n } else {\n keyboardInputContext.toggleShowKeyboardDrawer();\n keyboardInputContext.updateInputFieldId(componentId);\n } \n }\n\n const onKeyDownHandler = (e) => {\n if(e.which === 8) {\n onStatementUpdate(\"\")\n } else if(e.key === 'Tab'){\n setShowInput(false)\n tabHandler(id)\n }\n }\n\n return (\n \n \n \n Category\n \n {onCategoryInput(e.target.value)}}\n />\n \n \n \n \n Subcategory\n \n onSubcategoryInput(e.target.value)}\n />\n \n \n
\n \n isModify ? ()=>{} : checkMultiStep()} type=\"checkbox\" label=\"Make this a Multistep Problem\" checked={multistep}/>\n
\n \n\n \n {\n showSourceCodeIcon && !showKeyboardIcon ? \n \n onToggleSourceCode()}>\n 
\n \n : \n <>\n }\n {\n showSourceCodeIcon && showKeyboardIcon ? \n \n onToggleSourceCode()}>\n \n \n : \n <>\n }\n {\n showKeyboardIcon ? \n onToggleKeyboard()}>\n \n \n : \n <>\n }\n {\n showMultimediaIcon ? \n onToggleMultimedia()}>\n 
\n \n : \n <>\n }\n \n
\n );\n}\n \nexport default MathInputArea;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAhCAYAAACm75niAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJsSURBVHgB1ZjdcdpAEMd3L/I7wQ24BJynTIwTpwN3EKeAWFCBlQZiuQJIBdAByUNm8mZ3ABXEvIdos/8T2PL49AFYX78ZBnQ3gt/d7R6rY1I6bwdH7MmIiXq4pIYiRFNZ8XD5O1wwpI0nt0R8E3kULn+ES2ognbNBh/7ShWG5ilZ8zK/7/oSFf/75FYbUArr9y0CIPxgNj/PogMbUEiLPhDaku31fqGXA2UvrREyZVeQT84VmxZG+FsQy1hHfNCEPjKsxlpaZJmxgpQHjnQO020SpGae4nel4a3TR0/4B1YxT3IZHFsKfqGbc4pvwSINz+isgZcY1ETMQye6vgpQZl+9ZNzFzZn8VOMWxyevmfufqQztKA6oZpzj2afH4o87tV9mEjX3Xa21vRD1T5z8nCjzUSofvL7fapeBsqCZsVXogM9RKEvEYA0Bb0ftrEd9IJ7ddDEDL67lWf1dFvqNycZf0UzjonvjzvPCpVDxfeo3+wSF8dACjtPDZSrzzbtCjHbGFmyeTXOkkrE88ifA5PB0+dBUWx83GyO22SQQeq03aceBx+OiH8+6pz2gpJB6PWEtcWifRKy1tC8rvL70G4SPRRD99w2WueFI6+SV4wO6efMktb3klI9pXOomQ/c1Mcaf0Ix1ic521fSG5sEJUAqniGkvXGdIJONC4fxY6kEZyUUk4xe2PrpekCDqrZ8m4t6tQojR49rC880zFcT/XlVpsteXtyJMZf5HlrUAaPIiXHZMvDY7g7llo2iZpgBm/a5u0iEyNHtt+1ieJRp7QulDXe/lnhgZnzSp/jLNnKg/Z92WFiWbq+gbO/wEbOAFbBzmqtwAAAABJRU5ErkJggg==\"","import React, { useState, useEffect } from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./texteditor.css\";\n\nconst QuestionMultimedia = props => {\n \n const { question, onRemove } = props;\n const [multimedia, setMultimedia] = useState(null);\n\n useEffect(() => {\n\n const load = async() => {\n if (question && question.multimedia) {\n setMultimedia(question.multimedia);\n }\n }\n \n load();\n }, [question]);\n\n const questionDeleteMultimedia = id => {\n setMultimedia(null);\n onRemove();\n };\n\n const previewItem = () => {\n window.open(multimedia.url, \"_blank\");\n };\n return (\n showTextArea()}>\n
\n {StringUtils.decodeHtml(questionStatement)}
\n \n
\n );\n};\n\nexport default MathTextEditor;\n","export default __webpack_public_path__ + \"static/media/algebra_keyboard_template.ec50b618.png\";","import React, { useState, useEffect } from 'react';\nimport algebraTemplate from './../../../images/algebra_keyboard_template.png';\nimport './keyboard.css';\n\nconst MathKeyboardLayoutSelectorButton = (props) => {\n const { status, text, handler } = props;\n const [active, setActive] = useState(false);\n const [showTemplate, setShowTemplate] = useState(false);\n\n useEffect(() => {\n setActive(status);\n }, [status]);\n \n\n const clickHandler = () => {\n setActive(!active);\n handler();\n }\n\n return (\n \n
\n \n onTextEntered(sentence)} \n onToggleMultimedia={() => onEditorMenuBtnClick('multimedia')}\n showKeyboardIcon={showKeyboardIcon}\n showMultimediaIcon={showMultimediaIcon}\n showSourceCodeIcon={showSourceCodeIcon}\n onToggleSourceCode={() => onSourceCodeEditorBtnClick('sourceCode')}\n />\n \n {removeMultimedia()}}/>\n
\n \n
\n \n\n onEditorMenuBtnClick(\"hint\")}\n >\n onEditorMenuBtnClick(\"explanation\")}\n >\n
\n \n {/*
clickHandler()} onMouseOver={()=> setShowTemplate(true)} onMouseOut={()=> setShowTemplate(false)}> */}\n setShowTemplate(false)} onMouseOut={()=> setShowTemplate(false)} />\n \n
\n );\n}\n \nexport default MathKeyboardLayoutSelectorButton;","import React, {useEffect, useContext} from 'react';\nimport {v4 as uuidv4} from \"uuid\";\nimport MathKeyboardLayoutSelectorButton from './MathKeyboardLayoutSelectorButton';\nimport KeyboardLayoutUtils from './../../../utils/KeyboardLayoutUtils';\nimport keyboardIcon from './../../../images/math/keyboard.svg';\nimport KeyboardInputContext from './../../../hooks/KeyboardInputContext';\nimport './keyboard.css';\n\nconst MathKeyboardLayoutSelector = (props) => {\n\n const {layout, onLayoutSelectedHandler, onLayoutGroupSelectedHandler} = props;\n\n const keyboardInputContext = useContext(KeyboardInputContext);\n\n useEffect(() => {\n if (layout===null || layout.length===0) {\n onLayoutGroupSelectedHandler(['ALGEBRA']);\n } else {\n onLayoutGroupSelectedHandler(layout);\n }\n \n }, []);\n\n const onLayoutSelected = (layout) => {\n onLayoutSelectedHandler(layout);\n }\n\n const onToggleKeyboard = () => {\n keyboardInputContext.toggleShowKeyboardDrawer();\n }\n\n //TEMPORARILY NOT USED, WILL REVISIT\n // const getAllCategories = () => {\n // const categoryObject = KeyboardLayoutUtils.getLayoutCategories();\n \n // return Object.keys(categoryObject).map((key) => {\n // let active = false;\n // if(layout && layout.length > 0 && layout.includes(key)){\n // active = true;\n // }\n // return \n Keyboard Preview\n 
\n
\n \n \n \n */}\n
\n );\n}\n \nexport default MathKeyboardLayoutSelector;","export default __webpack_public_path__ + \"static/media/keyboard.064f6f6a.svg\";","import React, { useState, useEffect } from \"react\";\nimport { Modal, Button, Alert } from \"react-bootstrap\";\nimport ApiPath from \"../../../../utils/ApiPath\"\nimport axios from 'axios';\nimport ProgressBar from \"react-bootstrap/ProgressBar\";\nimport AssetService from \"../../../../services/AssetService\";\nimport PanelSearchBar from \"../../panel-searchbar/PanelSearchBar\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Dropzone from \"react-dropzone\";\nimport Asset from \"../../../../payloads/Asset\";\nimport LibraryItem from \"../../library/LibraryItem\";\nimport FileUtils from \"../../../../utils/FileUtils\";\nimport \"./modal.css\";\n\nconst MultimediaModal = props => {\n const { show, onHide, onCancel, onProceed } = props;\n\n const [key, setKey] = useState(\"multimedia\");\n\n const [multimedia, setMultimedia] = useState(null);\n\n const [allMultimedia, setAllMultimedia] = useState(null);\n\n const [searchExpression, setSearchExpression] = useState(\"\");\n const [uploadedAssets, setUploadedAssets] = useState(null);\n const [fileLoader, setFileLoader] = useState(false);\n const [progressUpload, setProgressUpload] = useState(0);\n\n const [alertShow, setAlertShow] = useState(false);\n const [wrongInputMessage, setWrongInputMessage] = useState(\"\");\n\n useEffect(() => {\n (async() => setAllMultimedia(await AssetService.getAllFromRemote()))();\n }, [show]);\n\n const onSave = () => {\n let id = \"\";\n let type = \"\";\n if (key === \"multimedia\") {\n id = multimedia;\n type = \"ASSET\";\n }\n if (key === \"upload\") {\n id = multimedia;\n type = \"ASSET\";\n }\n\n onProceed(id, type);\n reset();\n };\n\n const reset = () => {\n resetFlags();\n resetFields();\n };\n\n const resetFlags = () => {\n setAlertShow(false);\n setFileLoader(false);\n setProgressUpload(0);\n };\n\n const resetFields = () => {\n setKey(\"multimedia\");\n setMultimedia(null);\n setAllMultimedia(null);\n setSearchExpression(\"\");\n setUploadedAssets(null);\n };\n\n const uploadAll = async (uploadFiles) => {\n setFileLoader(true);\n for (const uploadFile of uploadFiles) {\n const extension = FileUtils.getExtension(uploadFile.name);\n const blob = await fetch(uploadFile.preview).then(r => r.blob());\n const payload = new Asset(\n uploadFile.name,\n \"\",\n \"\",\n [],\n \"IMAGE\",\n extension,\n blob\n );\n const form = new FormData();\n for (const key in payload) {\n form.append(key, payload[key]);\n }\n\n const response = await axios.post(ApiPath.CREATE_ASSET_ENDPOINT, form, { headers: {'Content-Type': 'multipart/form-data'},\n onUploadProgress: ProgressEvent => {\n setProgressUpload(Math.round((100 * ProgressEvent.loaded) / ProgressEvent.total))\n }})\n\n if (response && (response.status === 200 || response.status === 201 )) {\n const { assets } = response.data;\n setUploadedAssets(assets);\n (async() => setAllMultimedia(await AssetService.getAllFromRemote()))();\n setFileLoader(false);\n }\n }\n };\n\n const addMultimedia = (id, media) => {\n setAlertShow(false);\n if (!multimedia) {\n setMultimedia(media);\n } else {\n setWrongInputMessage(\"Cannot add more than 1 item\");\n setAlertShow(true);\n }\n };\n\n const selectUploaded = index => {\n setMultimedia(uploadedAssets[index]._id);\n };\n\n const showSearchBar = () => {\n return (\n \n {getAllCategories()}\n {/*getAllCategoriesAsAlgebra()*/}\n
\n {/* \n onToggleKeyboard() }>\n \n {allMultimedia.map(multimedia => {\n return (\n addMultimedia(id, multimedia)}\n onUnselected={id => setMultimedia(null)}\n filter={``}\n showDelete= {false}\n />\n );\n })}\n
\n );\n }\n };\n\n const dranNdrop = () => {\n return (\n \n \n
\n )}\n \n );\n };\n\n const progressBar = () => {\n return (\n Drag 'n' drop some files here, or click to select files
\n\n
\n );\n };\n\n return (\n Add Multimedia
\n\n {fileLoader ? progressBar() : dranNdrop()}\n {showSearchBar()}\n {showMultimediaGallery()}\n
\n Add Hint
\n\n setHintTemp(expr)} \n showKeyboardIcon={true} \n onRenderForeignKeyboard={() => setShowKeyboard(!showKeyboard)}/>\n
\n \n Add Source Code
\n\n {\n setSourceCode(input)}\n />\n \n }\n
\n \n Add Explanation
\n\n setExplanationTemp(expr)}\n showKeyboardIcon={true} \n onRenderForeignKeyboard={() => setShowKeyboard(!showKeyboard)}\n />\n
\n \n previewItem()}\n >\n deleteItem(multimedia._id)}\n disabled={checkIsEditable(multimedia)}\n >\n
\n \n \n
\n \n \n ) : (\n <>\n )}\n \n
\n {renderChoices()}\n \n );\n};\n\nexport default MultipleChoiceMenu;\n","import React, {useState} from 'react';\nimport {Form} from 'react-bootstrap';\nimport MathInputArea from './../math/MathInputArea';\nimport RangeUtils from './../../../utils/RangeUtils';\n\nconst MathRangePreciseSelector = (props) => {\n\n const {choice, onInputUpdate, onStatementUpdate, onNumericDecimalPlacesUpdate, onRangeChoiceDescriptionUpdate, onRangeOperatorUpdate} = props;\n\n const [inputType, setInputType] = useState(choice.type || 'TEXT_INPUT');\n const [roundingDecimalPlaces, setRoudingDecimalPlaces] = useState(0);\n const [leftOperator, setLeftOperator] = useState('');\n const [rightOperator, setRightOperator] = useState('');\n\n const addChoiceDescription = (description) => {\n onStatementUpdate(description);\n }\n\n const onInputChangeHandler = (type) => {\n setInputType(type);\n onInputUpdate(type);\n }\n\n const onNumericDecimalPlacesSelected = (val) => {\n setRoudingDecimalPlaces(val);\n onNumericDecimalPlacesUpdate(val);\n }\n\n const onRangeOperatorHandler = (val, pos) => {\n if(pos === 'left') setLeftOperator(val);\n if(pos === 'right') setRightOperator(val);\n onRangeOperatorUpdate(val, pos);\n }\n\n const showInputOption = () => {\n if(inputType === 'TEXT_INPUT' || inputType === 'SELECTION'){\n return \n
\n {\" \"}\n Please select the correct answer(s).\n \n addChoiceDescription(e.target.value)}/>\n
\n } else if(inputType === 'RANGE_INPUT'){\n\n if(choice.range.leftOperator === '') choice.range.leftOperator = \"GREATER_THAN\";\n if(choice.range.rightOperator === '') choice.range.rightOperator = \"GREATER_THAN\";\n return \n
\n \n onNumericDecimalPlacesSelected(e.target.value)}>\n \n \n \n \n \n \n \n
\n \n
\n }\n }\n\n return ( \n \n onRangeChoiceDescriptionUpdate(e.target.value, 'left')}/>\n
\n \n onRangeOperatorHandler(e.target.value, 'left')}>\n {\n RangeUtils.getOperators().map(o => {\n return \n })\n }\n \n
\n \n Answer within\n
\n \n onRangeOperatorHandler(e.target.value, 'right')}>\n {\n RangeUtils.getOperators().map(o => {\n return \n })\n }\n \n
\n \n onRangeChoiceDescriptionUpdate(e.target.value, 'right')}/>\n
\n \n
\n );\n}\n \nexport default MathRangePreciseSelector;","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Choice from \"../../../models/Choice\";\nimport MathRangePreciseSelector from './../math/MathRangePreciseSelector';\n\nconst ShortAnswerMenu = props => {\n\n const { question, refresh } = props;\n const [choices, setChoices] = useState([]);\n\n useEffect(() => {\n if(question.choices && question.choices.length > 0){\n //make all choices correct by default!\n question.choices.forEach(ch => ch.isCorrect = true);\n setChoices(question.choices);\n } else {\n const defaultChoice = new Choice();\n defaultChoice.isCorrect = true;\n if(question && question.context === 'MATH_TEXT') defaultChoice.type = 'TEXT_INPUT';\n setChoices([defaultChoice]);\n }\n }, [question]);\n\n const deleteChoice = choiceId => {\n let filteredChoices = choices.filter(choice => choice._id !== choiceId);\n setChoices(filteredChoices);\n refresh('choices', filteredChoices);\n };\n\n const onAddChoice = () => {\n const newChoice = new Choice();\n newChoice.isCorrect = true;\n if(question && question.context === 'MATH_TEXT') newChoice.type = 'TEXT_INPUT';\n const appendedChoices = [...choices, newChoice];\n setChoices(appendedChoices);\n refresh('choices', appendedChoices);\n };\n\n const addChoiceDescription = (choiceId, description) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n choice.description = description;\n setChoices([...choices]);\n refresh('choices', choices);\n }\n\n const onInputUpdate = (choiceId, input) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n choice.type = input;\n setChoices([...choices]);\n refresh('choices', choices);\n }\n\n const onNumericDecimalPlacesUpdate = (choiceId, decimals) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n choice.numeric.rounded = decimals === 0 ? false : true;\n choice.numeric.decimals = Number(decimals);\n setChoices([...choices]);\n refresh('choices', choices);\n }\n \n const onRangeChoiceDescriptionUpdate = (choiceId, val, pos) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n if(pos === 'left'){\n choice.range.leftLimit = val;\n } else if(pos === 'right'){\n choice.range.rightLimit = val;\n }\n \n setChoices([...choices]);\n refresh('choices', choices);\n }\n\n const onRangeOperatorUpdate = (choiceId, val, pos) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n if(pos === 'left'){\n choice.range.leftOperator = val;\n } else if(pos === 'right'){\n choice.range.rightOperator = val;\n }\n \n setChoices([...choices]);\n refresh('choices', choices);\n }\n\n const renderChoices = () => {\n return choices.map(choice => {\n \n return (\n \n
\n \n \n onInputChangeHandler(e.target.value)}>\n \n \n \n \n
\n\n \n {showInputOption()}\n
\n \n deleteChoice(choice._id)}>\n
\n \n );\n });\n };\n const addChoices = () => {\n return (\n <>\n \n
\n {renderChoices()}\n \n );\n };\n return (\n <>\n {addChoices()}\n \n );\n};\n\nexport default ShortAnswerMenu;\n","import React, { useState, useEffect } from 'react';\nimport { Button } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Choice from \"./../../../models/Choice\";\n\nconst CodeInputMenu = (props) => {\n\n const { question, refresh } = props;\n\n const [choices, setChoices] = useState([]);\n\n useEffect(() => { refresh('subtype', 'MANUAL_CHOICE') }, []);\n\n useEffect(() => {\n if (question && question.choices && question.choices.length > 0) {\n setChoices(question.choices);\n }\n }, [question]);\n\n const onAddAssert = (choiceId, description) => {\n let choice = choices.find(choice => {\n return choice._id === choiceId;\n });\n choice.description = description;\n setChoices([...choices]);\n refresh('choices', choices);\n }\n\n const deleteChoice = choiceId => {\n let filteredChoices = choices.filter(choice => choice._id !== choiceId);\n setChoices(filteredChoices);\n };\n\n const onAddChoice = () => {\n const choice = new Choice();\n choice.setSubtype(\"MANUAL_CHOICE\");\n choice.setIsCorrect(true);\n const _choices = [...choices, choice];\n setChoices(_choices);\n refresh('choices', _choices);\n };\n\n const renderChoices = () => {\n\n return choices.map(choice => {\n return (\n \n
\n \n Add possible answer(s).\n \n {\" \"}\n Add new assertion\n
\n {renderChoices()}\n \n );\n}\n\nexport default CodeInputMenu;","import React from 'react';\nimport * as Icons from \"react-bootstrap-icons\";\nimport { OverlayTrigger, Tooltip, Button } from 'react-bootstrap';\nimport MultipleChoiceMenu from './../../choices/MultipleChoiceMenu';\nimport ShortAnswerMenu from '../../choices/ShortAnswerMenu';\nimport CodeInputMenu from '../../choices/CodeInputMenu';\n\nconst QuestionBuilderModalQuestionChoices = (props) => {\n\n const { question, refresh } = props;\n\n const render = () => {\n if (!question || !question.subtype) {\n return initialPanel();\n } else {\n return choicePanel();\n }\n }\n\n const onChoiceBack = () => {\n refresh('choices', []);\n refresh('subtype', '');\n }\n\n const initialPanel = () => {\n if(question && question.context === 'CODE_TEXT') {\n return \n\n refresh('subtype', 'INPUT_CHOICE')}>\n
\n\n \n
\n );\n}\n\nexport default QuestionBuilderModalQuestionChoices;","import React from 'react';\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport warningImage from \"./../../../../images/icon_warning.png\";\nimport './modal.css';\n\nconst ChoicesWarningModal = (props) => {\n\n return (\n \n {render()}\n
\n \n {props.text}\n
\n\n { refresh('context', 'CODE_TEXT') }}>\n
\n \n \n ;\n }\n\n const showkeyboardLayoutSelector = () => {\n if (question && question.context === 'MATH_TEXT') {\n return (\n \n Select question type:\n refresh('context', 'MATH_TEXT')}>\n 
\n Math Input\n
\n\n \n refresh('context', 'PLAIN_TEXT')}>\n
\n\n \n Select Keyboard Context:\n updateKeyboardLayout(l)}\n onLayoutGroupSelectedHandler={(g) => updateKeyboardLayoutGroup(g)} /> \n
\n );\n }\n }\n\n const showTextEditor = () => {\n return \n {showkeyboardLayoutSelector()}\n refresh('statement', s)}\n onRemove={() => refresh('multimedia', '')}\n onShowModal={modal => openModal(modal)}\n showKeyboardIcon={question && question.context === 'MATH_TEXT'}\n showMultimediaIcon={true}\n showSourceCodeIcon={true}\n onShowSourceCodeModal={modal => openModal(modal)}\n />\n
;\n }\n\n const showChoiceBuilder = () => {\n return \n refresh(p, v)} />\n
;\n }\n\n\n const nextStepButton = () => {\n\n if (!steps || steps.length === 0) {\n return <>\n }\n\n let step = steps.find(step => {\n return step.key === activeTabKey;\n })\n\n let nextStep = steps.find(s => {\n if (!step) return false;\n return s.index === step.index + 1;\n });\n\n if (step && step.index === steps.length) {\n return \n \n
\n }\n\n return \n \n
\n }\n\n const validateAndGoNextStep = (k) => {\n\n if (!question.statement || question.statement === '') {\n setWarningMessage('Please provide valid question statement');\n setShowChoicesWarningModal(true);\n return;\n }\n\n if (!question.choices || question.choices.length === 0) {\n setWarningMessage('Please provide valid answer choices');\n setShowChoicesWarningModal(true);\n return;\n }\n\n updateTabKey(k);\n }\n\n const showButtons = () => {\n return <>\n {multistep ? nextStepButton() : \n \n
}\n \n\n\n }\n\n const onProceedQuestionExplanationModal = (explanation, mediaId) => {\n refresh('explanationAndMedia', [explanation, mediaId])\n setShowExplanationModal(false);\n }\n\n const onProceedQuestionHintModal = (hint) => {\n refresh('hint', hint);\n setShowHintModal(false);\n }\n\n const onProceedQuestionMultimediaModal = (multimedia) => {\n refresh('multimedia', multimedia);\n setShowMultimediaModal(false);\n }\n\n const onProceedQuestionSourceCodeModal = (sourceCode) => {\n //refresh('multimedia', multimedia);\n if (sourceCode!==null) { sourceCode = `${sourceCode}`}\n refresh('sourceCode', sourceCode);\n setShowSourceCodeModal(false);\n \n }\n\n return (\n <>\n {showQuestionTypes()}\n {showTextEditor()}\n {showChoiceBuilder()}\n {showButtons()}\n\n \n
\n \n
\n \n checkMultiStep()}\n onCategoryInput={(v) => populate('category', v)}\n onSubcategoryInput={(v) => populate('subcategory', v)}\n />\n\n\n {showBuilderBody()}\n
\n \n
\n )\n }\n\n return (\n - \n {\n alts && alts.length > 0 ?\n alts.map( al => {\n return (\n
- \n \n\n
\n \n\n\n \n \n \n \n \n \n ) \n })\n : <>\n }\n
\n \n \n
\n \n \n
\n );\n}\n \nexport default SortableItem;","import React, { useState, useEffect } from \"react\";\nimport { ReactSortable } from \"react-sortablejs\";\nimport QuestionService from \"./../../../services/QuestionService\";\nimport SortableItem from \"./SortableItem\";\nimport \"./sortablelist.css\";\n\nconst SortableList = props => {\n const {\n questions,\n sets,\n alts,\n altHandler,\n cloneHandler,\n editHandler,\n deleteHandler,\n removeAltHandler,\n editAltHandler,\n cloneAltHandler,\n copyHandler,\n onSortHandler\n } = props;\n\n const [items, setItems] = useState(questions);\n\n useEffect(() => {\n setItems(questions);\n }, [questions]);\n\n useEffect(() => {\n if(items.length > 0) onSortHandler(items)\n }, [items]);\n\n const editAssessmentQuestion = id => {\n editHandler(id);\n };\n\n const cloneAssessmentQuestion = async id => {\n const q = questions.find(q => q._id === id);\n if(!q) return;\n await QuestionService.clone(q);\n const clonedQuestion = await QuestionService.getLatestFromRemote();\n if(clonedQuestion) copyHandler(q._id, clonedQuestion);\n };\n\n const deleteAssessmentQuestion = id => {\n let filteredItems = items.filter(item => item._id !== id);\n setItems(filteredItems);\n deleteHandler(id);\n };\n\n const cloneAssessmentAltQuestion = async (parentId, id) => {\n let q = alts.find(q => q._id === id);\n if(!q) {\n if(parentId === id) q = questions.find(q => q._id === id);\n };\n if(!q) {\n console.error('Unable to find question. Cannot clone')\n return;\n }\n await QuestionService.clone(q);\n const clonedQuestion = await QuestionService.getLatestFromRemote();\n if(clonedQuestion) cloneHandler(clonedQuestion);\n cloneAltHandler(parentId, clonedQuestion._id);\n }\n\n const renderList = () => {\n return items.map((item, index) => {\n return ( \n\n
\n \n
\n\n \n clone(item._id)}>\n Copy Container\n \n \n remove(item._id)}>\n Remove Container\n \n
\n \n {renderAlternativeQuestions()}\n
\n \n selectQuestion(e, question)} checked=\"checked\"/>\n
\n \n );\n });\n };\n\n const showQuestionSets = () => {\n if (!questionSets) {\n return No Sets Found
;\n }\n\n return questionSets.map(questionSet => {\n return (\n {questionSet.title}
\n{`${questionSet.questions.length} questions`}
\n \n );\n });\n };\n\n const showQuestionList = () => {\n\n if (!questions) {\n returnNo Questions Found
;\n }\n\n const noStepQuestions = questions.filter(q => q.type !== 'QUESTION_STEP');\n\n return noStepQuestions.map(question => {\n let statement = question.statement;\n if(question.subtype === 'STEPS'){\n if(questions && questions.length > 0 && question.steps && question.steps.length > 0){\n const firstStep = question.steps[0];\n if(firstStep) statement = '(MULTISTEP) ' + firstStep.statement + \", ...\";\n }\n }\n\n const hasBeenPreviouslySelected = questionsToImport.find(qi => qi._id === question._id) ? true : false;\n\n return (\n \n selectQuestion(e, question)} checked={hasBeenPreviouslySelected}/>\n
\n \n );\n });\n };\n\n return (\n {modalTitle}
\nSelect a set
\nSelect questions
\n\n \n
\n\n \n {\n if (e.key === \"Enter\") {\n searchRemote(e.target.value);\n }\n }}\n />\n {searchInProgress && (\n
\n\n {optionSelected === \"set\" ? (\n showQuestionSets()\n ) : (\n \n
\n )}\n \n {showQuestionList()}\n
\n )}\n \n {/*\n \n */}\n \n
\n \n
\n \n {loadQuestionSetQuestions()}\n
\n \n {row.position} \n
\n );\n }\n },\n {\n dataField: \"context\",\n text: \"Context\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n let _context = '';\n if(row.context === 'MATH_TEXT') _context = 'MATH'\n if(row.context === 'PLAIN_TEXT') _context = 'PLAIN'\n if(row.context === 'CODE_TEXT') _context = 'CODE'\n return (\n \n {_context} \n
\n );\n }\n },\n {\n dataField: \"subtype\",\n text: \"Subtype\",\n headerAlign: \"center\",\n align: \"left\"\n },\n {\n dataField: \"statement\",\n text: \"Statement\",\n headerAlign: \"center\",\n align: \"left\",\n formatter: (cellContent, row) => {\n return \n removeQuestion(row.id)}\n >\n
\n );\n }\n }\n ];\n \n const questionsData = questions.map((question, index) => {\n return {\n id: question._id,\n statement: question.statement,\n category: question.category,\n subcategory: question.subcategory,\n position: question.position,\n choices: question.choices,\n status: question.status,\n subtype: question.subtype,\n context: question.context,\n type: question.subtype\n };\n });\n \n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: false,\n renderer: row => (\n \n {row.choices && row.choices.length > 0 ? (\n
\n )\n };\n \n return (\n - \n {row.choices.map(choice => {\n return (\n
- \n \n\n
\n \n );\n })}\n
\n
\n \n
\n )}\n \n );\n };\n\n const resetAndHide = () => {\n reset(); \n onHide();\n }\n\n return (\n {modalTitle}
\n\n { onCsvUploaded(data, fileInfo) } }/>\n
\n\n \n
\n Upload {context} CSV file
\n \n\n \n Requirements \n \n \n \n }>\n \n \n
\n - \n
- The question Context is the type of question. Using Math will unlock the built-in math keyboard and formula building functionality. \n
- There are three question Types: PLAIN_TEXT and MATH_TEXT are free response questions; MULTIPLE_CHOICE is for multiple choice questions. \n
- MATH_TEXT questions display a keyboard and allow students to input formulas. The default keyboard is for algebra, but you can manually update this if needed. \n
- Multiple choice questions can include up to five choices (you may include fewer by leaving columns blank). If you would like more than five choices, you can manually adjust the number after importing the question. \n
- Statements, Hints and Explanations with mathematical expressions should use LaTex formatting. \n
- The Category, Subcategory, Difficulty, Hint and Explanation fields are optional. \n
- The Correct Choice column applies to multiple choice questions and can be left blank for free response questions. \n
- The Position column can be used to upload multiple questions in the same position (to create randomly selected variations). \n
- Multimedia (e.g., images, videos, links) are not supported via batch upload, but can be added manually after uploading questions. \n
\n {renderQuestions()}\n
\n\n \n }\n custom/>\n
\n );\n })\n }\n\n const renderMultimedia = (question) => {\n if(!question || !question.multimedia) return (<>);\n\n return (\n Hint:\n
\n {hint && hint != \"\" ? hint : 'N/A'}
\n \n Explanation:\n
\n );\n }\n\n const renderQuestion = (qdata) => {\n return (\n {!explanation || (explanation === \"\" && explanationMediaUrl === \"\") ? \n 'N/A'\n :\n explanationMediaUrl ? <>{explanation}
: <>\n }
\n \n
\n );\n }\n\n const processQuestion = (question, index) => {\n let questions = [{question: question, index: `${index + 1}`}];\n\n if(assessment.sets && assessment.sets.length > 0) {\n const set = assessment.sets.find(s => s.parentId === question._id);\n if(set && set.questions && set.questions.length > 0){ \n //override!\n questions = [{question: question, index: `${index + 1}A`}];\n const allAltQuestions = set.questions;\n if(allAltQuestions && allAltQuestions.length > 0){\n allAltQuestions.forEach((altQuestion, i) => {\n questions.push({question: altQuestion, index: `${(index + 1)}${IndexUtils.getLetterByIndex(i+1)}`})\n });\n }\n }\n }\n\n return questions.map(q => renderQuestion(q))\n }\n\n const generatePreview = () => {\n if(!assessment.questions || assessment.questions.length === 0){ return; };\n return assessment.questions.map((q, i) => processQuestion(q, i));\n }\n\n return (\n \n {`${qdata.index}. `}
\n \n {renderMultimedia(qdata.question)}\n
\n \n {renderChoice(qdata.question)}\n
\n \n {renderHintAndExplanation(qdata.question)}\n
\n \n
\n \n setMarkdownText(v)} />\n
\n :\n <>\n }\n\n const overrideAllButtonFlags = () => {\n setShowNewQuestionModal(false);\n setShowImportQuestionModal(false);\n setShowBatchModal(false);\n setShowPreviewModal(false);\n setShowMarkdownEditor(false);\n }\n\n const exportAsXls = async () => {\n const assessmentQuestions = assessment ? assessment.questions.filter((q)=> q.context!=='STEP_OPTIONS') : []\n const decoratedQuestions = createDecoratedQuestions(assessmentQuestions, sets, alts);\n if (decoratedQuestions && decoratedQuestions.length > 0) {\n await ExcelUtils.downloadQuestionsToXls(assessment ? assessment\n .title : '',decoratedQuestions);\n }\n }\n\n function createDecoratedQuestions(assessmentQuestions, sets, alts) {\n const decoratedQuestions = [];\n const parentMap = new Map();\n assessmentQuestions.forEach((question) => {\n parentMap.set(question._id, question);\n });\n assessmentQuestions.forEach((parent) => {\n decoratedQuestions.push(new QuestionDecoratorUtil(parent));\n const set = sets.find((set) => set.parentId === parent._id);\n if (set) {\n set.questions.forEach((altId) => {\n const altQuestion = alts.find((question) => question._id === altId);\n if (altQuestion) {\n const decoratedAltQuestion = new QuestionDecoratorUtil(altQuestion);\n decoratedAltQuestion.setIsAlternative(true);\n decoratedQuestions.push(decoratedAltQuestion);\n }\n });\n }\n });\n return decoratedQuestions;\n }\n \n const onMenuButtonClick = (target) => {\n overrideAllButtonFlags();\n if(target === 'newquestion'){\n setCurrentQuestion(null);\n setShowNewQuestionModal(true);\n } else if(target === 'questionbank'){\n setShowImportQuestionModal(true);\n } else if(target === 'importquestions'){\n setShowBatchModal(true);\n } else if(target === 'preview'){\n setShowPreviewModal(true);\n } else if(target === 'codeproject') {\n setShowMarkdownEditor(true);\n } else if(target === 'download') {\n exportAsXls();\n }\n }\n\n return (\n Add README file
\n This file is a markdown language file to let students know what this assignment is about.\n\n setAlertShow(false)}\n dismissible\n >\n setValidationAlertShow(false)}\n dismissible\n >\n
\n\n \n setAssessmentTitle(e.target.value)}\n />\n
\n\n \n \n setAssessmentType(e.target.value)}\n >\n \n \n \n \n \n \n \n \n
\n \n setCategory(e.target.value)}\n />\n
\n \n {showSchoolDropdown()}\n
\n\n \n\n \n onMenuButtonClick('newquestion')}\n >\n New Question\n \n onMenuButtonClick('questionbank')}\n >\n Question Bank\n \n onMenuButtonClick('importquestions')}\n >\n Import Questions (CSV)\n \n onMenuButtonClick('preview')}\n >\n Assessment Preview\n \n onMenuButtonClick('codeproject')}\n >\n Code Project\n \n onMenuButtonClick('download')}\n >\n Download (XLS)\n \n
\n \n {renderMarkdownEditor()}\n\n \n altQuestionHandler(parent, target)}\n editHandler={id => editQuestion(id)}\n cloneHandler={(parentId, question) => cloneAltQuestion(parentId, question)}\n deleteHandler={id => deleteQuestion(id)}\n removeAltHandler={(parentId, questionId, position) => removeAltQuestionHandler(parentId, questionId, position)}\n editAltHandler={(parentId, questionId) => editAltQuestionHandler(parentId, questionId)}\n cloneAltHandler={(parentId, questionId) => cloneAltQuestionHandler(parentId, questionId)}\n copyHandler={(parentId, question) => cloneQuestion(parentId, question)}\n onSortHandler={(qs) => setTempQuestions(qs)}\n />\n
\n \n {data ? (\n \n ) : (\n \n )}\n
\n \n
\n \n
\n \n Display Text\n setTitle(e.target.value)}\n />\n
\n \n URL\n setUrl(e.target.value)}\n />\n
\n \n onQuizSelected(selectedQuizzes)}\n context=\"quizzes\"\n contextCallback={() => allQuizzes}\n />\n
\n );\n } else {\n return \"\";\n }\n };\n\n const showSearchBar = () => {\n return (\n \n onCreateEmergentQuiz()}\n >\n Create Quiz\n \n
\n \n {allMultimedia.map(multimedia => {\n return (\n addMultimedia(id)}\n onUnselected={id => setMultimedia(null)}\n filter={``}\n />\n );\n })}\n
\n );\n }\n };\n\n const dranNdrop = () => {\n return (\n \n \n
\n )}\n \n );\n };\n\n const progressBar = () => {\n return (\n Drag 'n' drop some files here, or click to select files
\n\n
\n );\n };\n\n const showWebLinkInstruction = () => {\n return Add Content
\n\n {showQuizSelector()}\n
\n\n \n {fileLoader ? progressBar() : dranNdrop()}\n
\n \n
\n \n {showMultimediaGallery()}\n {showSearchBar()}
\n {showWebLinkInstruction()}
\n \n
\n \n {\n videoPlayer2.current.pause();\n hide();\n }}\n >\n
\n \n remove(row.id)}\n >\n {\" \"}\n
\n );\n }\n }\n ];\n\n const markersData = markers.map(marker => {\n let assetTitle = \"No Asset\";\n let assetType = \"N/A\";\n if(marker.assessment) {\n assetTitle = marker.assessment.title;\n assetType = marker.assessment.type;\n }\n\n if(marker.asset) {\n assetTitle = marker.asset.title;\n assetType = marker.asset.type;\n }\n\n return {\n id: marker._id,\n cuePoint: marker.cuePoint || 0,\n legend: marker.buttonText || \"Double click to edit\",\n asset: assetTitle,\n type: assetType,\n mandatory: marker && marker.required\n };\n });\n\n const cellEdit = cellEditFactory({\n mode: \"click\",\n blurToSave: true,\n afterSaveCell: (oldValue, newValue, row, column) => {\n onEditUpdate(row.id, column.dataField, newValue);\n }\n });\n\n return (\n \n \n
\n )}\n \n );\n };\n\n return (\n \n setShowAncillaryModal(false)}\n ancillaryType={ancillaryType}\n onProceed={(ancillaryId, type) => create(ancillaryId, type)}\n />\n\n { onEditUpdate(markerId, 'cuePoint', videoTime) }}\n show={showAncillaryVideoPlayer}\n hide={() => setShowAncillaryVideoPlayer(false)}\n />\n
\n );\n};\n\nexport default AncillaryTable;\n","import React, {useState, useEffect} from 'react';\nimport {Button, Modal, OverlayTrigger, Popover, Badge, Alert} from 'react-bootstrap';\nimport CSVReader from 'react-csv-reader';\nimport * as Icons from 'react-bootstrap-icons';\nimport Config from '../../../../config/Config';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport Track from \"../../../../models/Track\";\nimport StringUtils from \"../../../../utils/StringUtils\";\nimport './modal.css';\n\nconst TranscriptImportModal = (props) => {\n\n const { transcript, show, onCancel, onProceed } = props;\n \n const { SearchBar } = Search;\n\n const [step, setStep] = useState(0);\n\n const [showError, setShowError] = useState(false);\n const [showParseError, setShowParseError] = useState(false);\n const [tracks, setTracks] = useState([]);\n\n const modalTitle = 'Import Transcript CSV';\n const uploadErrorMessage = 'There was a problem uploading transcript. Please try again';\n const parseErrorMessage = 'There was a problem parsing the provided csv. Please refer to data requirements.';\n\n\n const onImport = async () => {\n if(!tracks || tracks.length === 0) { return; }\n transcript.tracks = tracks;\n onProceed(transcript);\n reset();\n }\n\n const reset = () => {\n setShowError(false);\n setShowParseError(false);\n setTracks([]);\n setStep(0);\n }\n\n const validate = (data) => {\n let valid = true;\n if(data.length !== 4) { valid = false; setShowParseError(true); }\n return valid;\n } \n\n const onCsvUploaded = (data, fileInfo) => {\n\n let _tracks = [];\n let no_error = true;\n\n if(fileInfo.type === \"text/csv\") {\n if(data.length > 1) {\n //ignore the first row!\n for (let index = 1; index < data.length; index++) {\n const transcriptData = data[index];\n \n //avoid empty rows\n if(transcriptData[0] === \"\"){ continue; }\n\n if(!validate(transcriptData)) no_error = false;\n\n //validate timestamps have correct format (XX:XX)\n let minutes = StringUtils.trim(transcriptData[0]);\n let seconds = StringUtils.trim(transcriptData[1]);\n if(minutes.length === 1) minutes = \"0\" + minutes;\n if(seconds.length === 1) seconds = \"0\" + seconds;\n\n let track = new Track();\n track.setTimestamp(`${minutes}:${seconds}`);\n track.setContent(StringUtils.trim(transcriptData[2]));\n track.setType(StringUtils.trim(transcriptData[3]));\n _tracks.push(track);\n }\n }\n }\n\n if(no_error) setTracks(_tracks);\n setStep(1);\n }\n\n const removeTrack = (id) => {\n const _tracks = [...tracks];\n const ts = _tracks.filter(_t => _t._id !== id)\n setTracks(ts);\n }\n\n const renderTracks = () => {\n if (!tracks) {\n return \"\";\n }\n \n const columns = [\n {\n dataField: \"timestamp\",\n text: \"Timestamp\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n
\n {renderMarkers()}\n\n \n {\n setShowAncillaryModal(true);\n setAncillaryType(\"typeQuiz\");\n }}\n >\n + Quiz\n \n {\n setShowAncillaryModal(true);\n setAncillaryType(\"typeMultimedia\");\n }}\n >\n + Multimedia\n \n
\n \n **Double click on textfield to edit or rename content\n \n \n {row.timestamp} \n
\n );\n }\n },\n {\n dataField: \"content\",\n text: \"Content\",\n headerAlign: \"left\",\n align: \"left\"\n },\n {\n dataField: \"type\",\n text: \"Type\",\n headerAlign: \"left\",\n align: \"left\"\n }\n ];\n \n const tracksData = tracks.map((track, index) => {\n return {\n id: track._id,\n timestamp: track.timestamp,\n type: track.type,\n content: track.content\n };\n });\n \n return (\n \n \n
\n )}\n \n );\n };\n\n const resetAndHide = () => {\n reset(); \n onCancel();\n }\n\n return (\n {modalTitle}
\n\n { onCsvUploaded(data, fileInfo) } }/>\n
\n\n \n
\n Upload transcript CSV file
\n\n Download CSV Sample\n
\n \n \n Requirements \n \n \n \n }>\n \n \n
\n - \n
- The minutes expression must reside within the range 00 - 59 \n
- The seconds expression must reside within the range 00 - 59 \n
- The content of the transcript's track may contain supported HTML formatting tags (bold, italics, underline) \n
- The type value must be one of the following: PLAIN, SECTION, BULLET_LIST, CALLOUT \n
\n {renderTracks()}\n
\n\n \n modifyTimestamp(track, e.target.value)}/>\n
\n onInsertBelowOrAbove(index + 1)}>+ Add\n
\n This transcript will be translated to {language ? language.name : ''}. \n The translation process may take several minutes to complete. Are you sure?\n
This operation cannot be undone.\n
\n Transcript translation to {language.name} language is being processed. Please wait...\n
;\n }\n\n if(operationSuccess === 'SUCCESS'){\n return <>SUCCEEDED\n }\n \n if(operationSuccess === 'FAILED'){\n return <>FAILED\n }\n }\n\n const showProgressSpinner = () => {\n if(operationSuccess === 'NONE'){\n return\n \n
\n } else {\n return <>\n }\n }\n\n const showWarningIcon = () => {\n return \n
\n }\n\n return (\n \n {}}/>\n
\n );\n };\n\n const showYoutubeVideoPlayerStep3 = () => {\n if (!tempLecture) {\n return \"\";\n }\n return (\n \n onChangeThumbnail(url)} \n onSetYoutubeDuration={ (_duration) => onSetYoutubeDuration(_duration)} \n onSetYoutubeUrl={ (url) => onSetYoutubeUrl(url)} \n youtubeVideoUrl={youtubeUrl} youtubeThumbnailUrl={youtubeThumbnailUrl}\n />\n
\n );\n };\n\n const onFileSelected = e => {\n const file = e.target.files[0];\n if (!file) {\n return;\n }\n const size = file.size;\n const mime = file.type;\n const blob = URL.createObjectURL(file);\n setIsNewVideoSelected(true);\n setVideoSource(blob);\n videoPlayer1.current.src = blob;\n\n\n videoPlayer1.current.onloadedmetadata = () => {\n setVideoDurationInSecs(videoPlayer1.current.duration);\n setVideoCueForScreenshot(Config.defaultThumbnailSeconds);\n };\n };\n\n const showInstructorsTypeAhead = () => {\n if (allInstructors) {\n return (\n - \n {markers.map(marker => {\n let assetName = \"Marker Asset\";\n if (marker.asset && marker.asset !== \"\") assetName = marker.asset.title;\n if (marker.assessment && marker.assessment !== \"\") assetName = marker.assessment.title;\n return (\n
- \n
\n \n\n {assetName} ({VideoTimeUtils.formatVideoTime(marker.cuePoint)})\n \n );\n })}\n
\n {loadingCsv ? (\n
\n );\n\n };\n\n const renderTranscriptTracks = () => {\n\n const modifyTimestamp = (t, timestamp) => {\n t.timestamp = timestamp;\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n let _t = _tracks.find(_t => _t._id === t._id);\n if(!_t){ return; }\n _t = t;\n _transcript.tracks = _tracks;\n setTranscript(_transcript);\n }\n\n const modifyFormatOption = (t, type) => {\n t.type = type;\n if(type === 'PROMPT_ASSET'){\n t.asset = '0'; //temp id\n }else{\n if(t.asset && t.asset === '0') delete t.asset;\n }\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n let _t = _tracks.find(_t => _t._id === t._id);\n if(!_t){ return; }\n _t = t;\n _transcript.tracks = _tracks;\n setTranscript(_transcript);\n reloadTrackContent(_tracks);\n }\n\n const onEnterContent = (t, value) => {\n t.content = value;\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n let _t = _tracks.find(_t => _t._id === t._id);\n if(!_t){ return; }\n _t = t;\n _transcript.tracks = _tracks;\n _transcript.status = 'COMPLETED';\n setTranscript(_transcript);\n reloadTrackContent(_tracks);\n setTranscriptTextModified(true);\n }\n\n const onInsertBelowOrAbove = (position) => {\n if(position < 0) { position = 0; }\n const _track = new Track();\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n _tracks.splice(position, 0, _track);\n _transcript.tracks = _tracks;\n setTranscript(_transcript);\n }\n\n const onRemove = (t) => {\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n _tracks = _tracks.filter(_t => _t._id !== t._id);\n _transcript.tracks = _tracks;\n setTranscript(_transcript);\n reloadTrackContent(_tracks);\n }\n\n const onAssetPickerCalled = (t) => {\n setCurrentPendingAncillaryTrack(t);\n setShowAncillaryModal(true);\n }\n\n const populateTracks = () => {\n\n if(!transcript) { return <>; }\n\n return transcript.tracks.map((t, index) => {\n return (\n \n
\n ) : (\n \n \n \n )}\n Downloading CSV file
\nplease wait...
\n| Timestamp | \nType | \nAsset | \nContent | \nDelete | \n
|---|
\n \n {transcriptInProgressMessage}\n
\n }\n if(showFlaggedForTranscript){\n return \n \n {flaggedForTranscriptMessage}\n
\n }\n }\n\n const populateTranscript = (_transcript) => {\n if(_transcript){\n _transcript.status = 'COMPLETED';\n setTranscript(_transcript);\n reloadTrackContent(_transcript.tracks);\n }\n setShowImportTranscriptModal(false);\n }\n\n const onGenerateNewTranslation = (lang) => {\n setLanguageToTranslateTo(lang);\n setShowTranslationModal(true);\n }\n\n const processNewTranslation = () => {\n setShowTranslationModal(false);\n }\n\n const assignAncillaryItemToTrack = (ancillaryItemId, ancillaryItemType) => {\n if(currentPendingAncillaryTrack && ancillaryItemId !== ''){\n const track = {...currentPendingAncillaryTrack};\n track.asset = ancillaryItemId;\n\n //update track!\n const _transcript = {...transcript};\n let _tracks = _transcript.tracks;\n let _t = _tracks.find(_t => _t._id === track._id);\n if(!_t){ return; }\n _t.asset = track.asset;\n _transcript.tracks = _tracks;\n setTranscript(_transcript);\n reloadTrackContent(_tracks);\n setCurrentPendingAncillaryTrack(null);\n setShowAncillaryModal(false);\n }\n }\n\n const setLectureScope = (val) => {\n if(val === 'General') setScope('MATH');\n if(val === 'Programming') setScope('PROGRAMMING');\n }\n\n const showSchoolDropdown = () => {\n if (schools) {\n const schoolOptions = schools.map(school => {\n return { value: school.id, label: school.title };\n });\n \n const _selectedSchool = lecture && lecture.schools && lecture.schools.length > 0\n ? schoolOptions.find(school => school.value === lecture.schools[0]._id)\n : null;\n \n return (\n \n setAlertShow(false)}\n dismissible>\n setShowFailedAlert(false)}\n dismissible>\n setShowTranscriptAlert(false)}\n dismissible>\n
}\n \n \n \n \n\n \n \n setStep(0)}/>\n setStep(1)}/>\n setStep(2)}/>\n setStep(3)}/>\n setStep(4)}/>\n \n
\n\n \n \n setStep(step - 1)}\n >\n Back\n \n
\n\n \n
\n \n Title\n setTitle(e.target.value)}\n />\n
\n \n School:\n {showSchoolDropdown()}\n
\n \n Lecture Instructors\n {showInstructorsTypeAhead()}\n
\n \n \n Summary\n setDescription(e.target.value)}\n >\n
\n \n \n
\n \n \n
}\n {!showYouTubeVideo && \n setShowYouTubeVideo(e.target.checked)}\n />\n
\n {showYouTubeVideo && \n \n \n {showYouTubeVideoPlayerStep1()}\n
\n \n \n {!showYouTubeVideo && onFileSelected(e)}\n />}\n\n \n
\n\n {showVideoPlayerStep1()}\n\n \n
\n \n Thumbnail Preview:
\n\n setVideoThumbnail(thumb)}\n originalThumbnail={thumbnail}\n />\n
\n \n \n \n
\n\n \n
\n \n Transcript
\n\n\n {renderTranscriptGeneration()}\n
\n\n \n
\n\n \n
\n \n \n \n
\n \n {}} \n onGenerate={(lang) => onGenerateNewTranslation(lang)}/>\n
\n \n textEditorParseXML(html)}\n text={trackContent}/>\n
\n\n \n {renderTranscriptTracks()}\n
\n \n \n
\n\n \n {step === 3 ? (\n setMarkers(mrks)}\n />\n ) : (\n \"No Markers\"\n )}\n
\n \n \n \n {\n lecture ? update() : create();\n }}\n >\n {lecture ? \"Update\" : \"Create\"}\n \n ) : (\n \n )}\n
\n\n \n
\n {!progress ? (\n \n {step === 4 && !showYouTubeVideo? showVideoPlayerStep3() \n :step === 4 && showYouTubeVideo ? showYoutubeVideoPlayerStep3() : \"No Video\"}\n {step === 4 ? showMarkersList() : \"No Markers Available\"}\n
\n \n School:\n setSelectedSchool(selectedOption)}\n options={schoolOptions}\n className=\"mt-2 w-50\"\n isClearable={true}\n />\n
\n );\n }\n };\n\n const create = async () => {\n resetFlags();\n if (validateForm()) {\n const assessments = transformPickerData(\n exams.concat(workbooks).concat(placementExams).concat(assignments),\n \"assessments\"\n );\n const _lectures = transformPickerData(lectures, \"lectures\");\n const school = selectedSchool ? selectedSchool.value : null;\n let payload = new Unit(\n title,\n description,\n [SessionService.getCurrentUserId()],\n _lectures,\n assessments,\n optional,\n placement,\n school\n );\n let success = await UnitService.create(payload);\n if (success) {\n setSuccessMessage(\"Unit created successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const update = async () => {\n resetFlags();\n if (validateForm()) {\n unit.title = title;\n unit.description = description;\n unit.optional = optional;\n unit.placement = placement;\n unit.lectures = transformPickerData(lectures, \"lectures\");\n unit.assessments = transformPickerData(\n exams.concat(workbooks).concat(placementExams).concat(assignments),\n \"assessments\"\n );\n if(selectedSchool) { unit.schools = [selectedSchool.value]} \n else { unit.schools = []};\n \n let success = await UnitService.update(unit.id, unit);\n if (success) {\n setSuccessMessage(\"Unit updated successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const onLecturesSelected = selectedLectures => {\n let _lectures = [];\n if (selectedLectures && selectedLectures.length > 0) {\n const ids = selectedLectures.map(selectedLecture => selectedLecture.id);\n _lectures = ids.map(id => allLectures.find(l => l._id === id));\n }\n setLectures(_lectures);\n setInitialLectures(_lectures);\n };\n\n const onPlacementExamSelected = async (selectedPlacementExams) => {\n let _placementExams = [];\n if (selectedPlacementExams && selectedPlacementExams.length > 0) {\n const ids = selectedPlacementExams.map(\n selectedPlacementExam => selectedPlacementExam.id\n );\n _placementExams = await AssessmentService.getByIdsFromRemote(ids);\n }\n setPlacementExams(_placementExams);\n setPlacement(_placementExams && _placementExams.length > 0 ? true : false);\n setInitialPlacementExams(_placementExams);\n };\n\n const showPlacementExamSelector = () => {\n if (allPlacementExams && allPlacementExams.length > 0) {\n return (\n <>\n \n
\n
\n
\n
\n
\n setAlertShow(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n onHideEmergentLecture()} />\n onHideEmergentAssessment()} />\n
\n );\n\n \n};\n\nexport default UnitBuilder;\n","import React, { useState, useEffect } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport Drawer from \"./../../../widgets/drawer/Drawer\";\nimport UnitBuilder from \"./../builders/UnitBuilder\";\n\nconst UnitDrawer = props => {\n\n const { show, onHide, data, callback } = props;\n\n const [open, setOpen] = useState(show);\n const [unit, setUnit] = useState(null);\n const [key, setKey] = useState(uuidv4());\n\n useEffect(() => {\n setOpen(show);\n setUnit(data);\n setKey(uuidv4());\n }, [show]);\n\n const resetAndHide = () => {\n setUnit(null);\n onHide();\n }\n\n return (\n \n \n {enabledSteps.filter(step => step.enabled).map(step => (\n changeStep(step)} />\n ))}\n \n
\n \n\n setTitle(e.target.value)}\n />\n\n {showSchoolDropdown()}\n\n
\n\n \n setOptional(e.target.checked)}/>\n
\n\n \n setPlacementAndUpdateStep(e.target.checked)}\n />\n
\n\n \n setShowAssignments(e.target.checked)}\n />\n
\n\n \n
\n Summary
\n\n *The topics summary helps students to better view unit distribution\n
\n \n setDescription(html)}\n defaultText={unit ? unit.description : defaultDescription}\n />\n
\n \n
\n\n \n
\n Select Placement Exam(s):
\n {showPlacementExamSelector()}\n\n
\n\n \n
\n Select Lecture(s):
\n {showLectureSelector()}\n\n
\n\n Select Workbook(s):
\n {showWorkbookSelector()} \n\n
\n\n \n
\n Select Exam(s):
\n {showExamSelector()} \n\n
\n\n \n
\n Select Assignment(s):
\n {showAssignmentSelector()} \n\n
\n\n \n
\n \n \n
\n \n \n \n \n \n
\n \n setAlertShow(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n onHideEmergentUnit()} />\n
\n );\n};\n\nexport default CourseBuilder;\n","import React, { useState, useEffect } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport Drawer from \"./../../../widgets/drawer/Drawer\";\nimport CourseBuilder from \"./../builders/CourseBuilder\";\n\nconst CourseDrawer = props => {\n\n const { show, onHide, data, callback } = props;\n\n const [open, setOpen] = useState(show);\n const [course, setCourse] = useState(null);\n const [key, setKey] = useState(uuidv4());\n\n useEffect(() => {\n setOpen(show);\n setCourse(data);\n setKey(uuidv4());\n }, [show]);\n\n const resetAndHide = () => {\n setCourse(null);\n onHide();\n }\n\n return (\n \n \n setStep(0)}/>\n setStep(1)}/>\n \n
\n\n \n setCourseTitle(e.target.value)}\n />\n\n
\n\n \n School:\n {showSchoolDropdown()}\n
\n\n \n
\n Description
\n\n *The course description helps students to better view course scope\n
\n \n setCourseDescription(html)}\n defaultText={course ? course.description : defaultDescription}\n />\n
\n \n
\n\n \n
\n\n Select Unit(s):
\n {showUnitSelector()}\n\n
\n \n
\n \n \n
\n \n setStep(step - 1)}\n >\n Back\n \n setStep(step + 1)}\n >\n Continue\n \n create()}\n >\n Create\n \n update()}\n >\n Update\n \n
\n \n setAlertShow(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n hideModalAndReloadStudents()}\n />\n\n onHideEmergentCourse()} />\n
\n );\n};\n\nexport default ClassBuilder;\n","import React, { useState, useEffect } from \"react\";\nimport Drawer from \"./../../../widgets/drawer/Drawer\";\nimport ClassBuilder from \"./../builders/ClassBuilder\";\n\nconst ClassDrawer = props => {\n const { show, onHide, data } = props;\n\n const [open, setOpen] = useState(show);\n const [currentClass, setCurrentClass] = useState(null);\n\n useEffect(() => {\n setOpen(show);\n setCurrentClass(data);\n }, [show]);\n\n const resetAndHide = () => {\n setCurrentClass(null);\n onHide();\n };\n\n return (\n \n \n setStep(0)}/>\n setStep(1)}/>\n setStep(2)}/>\n \n
\n\n \n
\n\n \n
\n \n
\n \n Section Title (*)\n setTitle(e.target.value)}\n />\n
\n \n Section Instructors\n {showInstructorsTypeAhead()}\n
\n \n {/* */}\n
\n \n \n updateWeeksAheadEnable(e)} \n />\n updateWeeksAhead(e)}\n />\n \n
\n \n \n Section Description (*)\n setDescription(html)}\n defaultText={_class ? _class.description : defaultDescription}\n />\n
\n \n setCapture(blob)}\n thumbnail={thumbnail}\n />\n
\n \n
\n{/*\n \n
\n Select course(s):
\n {showCourseSelector()}\n\n
\n*/}\n \n
\n Include additional units to your section:
\n\n * Select any unit(s) that may not be included in your selected\n course\n
\n {showUnitSelector()}\n\n
\n\n \n onCreateEmergentStudent()}\n >\n Create Student\n \n {showStudentSelector()}\n
\n\n Add students to your section:
\n\n
\n \n
\n \n \n
\n \n setStep(step - 1)}\n >\n Back\n \n setStep(step + 1)}\n >\n Continue\n \n create()}\n >\n Create\n \n update()}\n >\n Update\n \n
\n\n \n {row.classes.map(clazz => {\n return (\n onSectionShow(clazz)}>\n {clazz.title}\n \n );\n })}\n
\n );\n };\n\n const renderInstructors = () => {\n if (!instructors) {\n return \"\";\n }\n\n const columns = [\n {\n dataField: \"fullName\",\n text: \"Full Name\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.fullName}\n \n )\n }\n },\n {\n dataField: \"email\",\n text: \"Contact Email\",\n sort: true,\n classes: \"panel-email-row\",\n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"classes\",\n text: \"Assigned Section\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n <> \n {!row.classes || row.classes.length === 0 ? (\n \n
\n {classListTable(row)}\n
\n )}\n \n );\n }\n },\n {\n dataField: \"schools\",\n text: \"Enrolled Schools\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.schools && row.schools.length > 0 ? (\n row.schools.map((school, index) => {\n return (\n \n {school.title}\n \n );\n })\n ) : (\n - No School Assigned -\n )}\n
\n );\n }\n },\n {\n dataField: \"status\",\n text: \"Status\",\n headerClasses: \"panel-status-row\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n editInstructor(row.id)}\n >\n showDeleteWarning(row.id)}\n >\n
\n );\n }\n }\n ];\n\n const instructorData = instructors.map(instructor => {\n return {\n id: instructor.id,\n fullName: instructor.fullName,\n email: instructor.email,\n classes: instructor.classes,\n schools: instructor.schools,\n status: instructor.status\n };\n });\n\n return (\n \n \n
\n )}\n \n );\n };\n\n const hideAndRefreshData = async () => {\n setShowModal(false);\n setInstructors(await InstructorService.getAllFromRemote());\n setCurrentInstructor(null);\n };\n\n return (\n \n hideAndRefreshData()}\n instructor={currentInstructor}\n classes={classes}\n />\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n\n {/* onSectionHide()} data={showEmergentSectionClass}/>*/}\n
\n );\n};\n\nexport default InstructorsPanel;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\n\nexport default {\n\n paginate: async (resource, page) => {\n const response = await new ApiService().get(ApiPath.PAGINATION_ENDPOINT.replace(':resource', resource).replace(':page', page));\n if(response && response.status === 200) { \n const results = response.data;\n return results;\n } \n return [];\n }\n}","import { v4 as uuidv4 } from \"uuid\";\n\nexport default class Student {\n\n constructor(){\n this._id = uuidv4();\n this.firstName = '';\n this.lastName = '';\n this.email = '';\n this.mobile ='';\n this.title = '';\n this.role = 'Student'\n this.createdBy = '';\n this.schools = [];\n this.conditions = [];\n this.avatar = '';\n this.password = '';\n this.status = 'Pending';\n }\n\n getId(){\n return this._id;\n }\n\n setId(id){\n this._id = id;\n }\n\n getStatus(){\n return this.status;\n }\n\n setId(s){\n this.status = s;\n }\n\n getFirstName(){\n return this.firstName;\n }\n\n setFirstName(firstName){\n this.firstName = firstName;\n }\n\n getLastName(){\n return this.lastName;\n }\n\n setLastName(lastName){\n this.lastName = lastName;\n }\n\n getEmail(){\n return this.email;\n }\n\n setEmail(email){\n this.email = email;\n }\n\n getMobile(){\n return this.mobile ;\n }\n\n setMobile(mobile){\n this.mobile = mobile;\n }\n\n getTitle(){\n return this.title ;\n }\n\n setTitle(title) {\n this.title = title;\n }\n\n getRole(){\n return this.role;\n }\n\n setRole(role){\n this.role = role;\n }\n\n getCreatedBy(){\n return this.createdBy;\n }\n\n setCreatedBy(createdBy){\n this.createdBy = createdBy;\n }\n\n getSchools(){\n return this.schools;\n }\n\n setSchools(schools){\n this.schools = schools;\n }\n\n getConditions(){\n return this.conditions;\n }\n\n setConditions(conditions){\n this.conditions = conditions;\n }\n\n toString() {\n return JSON.stringify(this);\n }\n}","import React, {useState, useEffect} from 'react';\nimport {Button, Modal, OverlayTrigger, Popover, Badge, Alert} from 'react-bootstrap';\nimport CSVReader from 'react-csv-reader';\nimport { CheckCircle, XCircle, Trash, Check } from 'react-bootstrap-icons';\nimport Config from '../../../../config/Config';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport StudentService from '../../../../services/StudentService';\nimport Student from \"../../../../models/Student\";\nimport Choice from \"../../../../models/Choice\";\nimport StringUtils from \"../../../../utils/StringUtils\";\nimport './modalstudent.css';\n\nconst BatchStudentsImportModal = (props) => {\n const { enableAlternate=false, show, onHide, onProceed, context, existingQuestions=[] } = props;\n const { SearchBar } = Search; \n const modalTitle = 'Import Students Batch CSV';\n const uploadFailedMessage = 'There was a problem uploading students. Please try again';\n const [showSuccess, setShowSuccess] = useState(false);\n const [step, setStep] = useState(0);\n const [showError, setShowError] = useState(false);\n const [students, setStudents] = useState([]);\n const [imported, setImported] = useState(false);\n const [errorMessage, setErrorMessage] = useState(uploadFailedMessage);\n\n useEffect(() => {\n renderStudents();\n }, [students]);\n\n useEffect(() => {\n setImported(false);\n }, []);\n\n const onImport = async () => {\n if(!students || students.length === 0) { return; }\n const result = await StudentService.batch(students);\n if (!result.status) {\n console.error(`Error. Could not batch upload students`);\n setShowError(true);\n } else {\n if(!result.students) return;\n setShowSuccess(true);\n const updatedStudents = students.map((student) => {\n const importResult = result.students.find(r => r._id === student._id);\n return {\n ...student,\n status: importResult ? importResult.result : student.status,\n };\n })\n setImported(true);\n setStudents(updatedStudents);\n }\n }\n\n const reset = () => {\n setShowError(false);\n setStudents([]);\n setShowSuccess(false);\n setStep(0);\n }\n\n const onCsvUploaded = (data, fileInfo) => {\n\n let _students = [];\n if(fileInfo.type === \"text/csv\") {\n if(data.length > 1) {\n //ignore the first row!\n for (let index = 1; index < data.length; index++) {\n const studentData = data[index];\n //avoid empty rows\n if(studentData[0] === \"\"){\n continue;\n }\n let student = new Student();\n\n const firstName = StringUtils.trim(studentData[0]);\n const lastName = StringUtils.trim(studentData[1]);\n student.setFirstName(firstName);\n student.setLastName(firstName);\n student.setEmail(StringUtils.trim(studentData[2]))\n student.setMobile(StringUtils.trim(studentData[3]))\n student.setTitle(StringUtils.trim(studentData[4]))\n _students.push(student);\n }\n }\n }\n setStudents(_students); \n setImported(false);\n setStep(1);\n }\n\n const removeStudent = (id) => {\n const _students = [...students];\n const sl = _students.filter(_s => _s._id !== id)\n setStudents(sl);\n }\n\n const renderStudents = () => {\n if (!students) {\n return \"\";\n }\n \n const columns = [\n\n {\n dataField: \"firstName\",\n text: \"FirstName\",\n \n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"lastName\",\n text: \"LastName\",\n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"email\",\n text: \"Email\",\n headerAlign: \"center\",\n align: \"left\"\n },\n {\n dataField: \"mobile\",\n text: \"Mobile\",\n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"status\",\n text: \"\",\n headerClasses: \"panel-status-row\",\n headerAlign: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n \n
\n \n
\n\n \n
\n \n \n setShowProgressAlert(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n setShowSucceedAlert(false)}\n dismissible\n >\n
\n\n {renderInstructors()}
\n\n \n {row.status === \"Successful\" ? (\n removeStudent(row.id)}\n >\n
\n );\n }\n }\n ];\n \n const studentsData = students.map((student, index) => {\n return {\n id: student._id,\n firstName: student.firstName,\n lastName: student.firstName,\n email: student.email,\n mobile: student.mobile,\n status: student.status\n };\n });\n \n const expandRow = {\n showExpandColumn: false,\n expandByColumnOnly: false,\n };\n \n return (\n \n \n
\n )}\n \n );\n };\n\n const resetAndHide = () => {\n reset(); \n onHide();\n \n }\n\n return (\n {modalTitle}
\n\n { onCsvUploaded(data, fileInfo) } }/>\n
\n\n \n
\n Upload {context} CSV file
\n \n\n \n Requirements \n \n \n \n }>\n \n \n
\n - \n
- Student First Name, Last Name and email are required. \n {/*
- There is a maximum of 5 choices per question. You may include less if desired. \n
- Category/Subcategory are optional \n
- Hint/Explanations are optional and may include latex-formatted mathematical expressions \n
- Current supported question types are Multiple Choice and Short Answer \n
- Multimedia (images, videos, links, etc) in questions is not supported via batch import. \n
- Difficulty Level is optional. Measured from 1 up to 5. */}\n
\n {renderStudents()}\n
\n\n \n {row.classes.map(clazz => {\n return (\n onSectionShow(clazz)}>\n {clazz.title}\n \n );\n })}\n
\n );\n };\n\n const fillDataAndShowDrawer = async (row) => {\n const student = await StudentService.getFromRemote(row.id);\n if(student) showDrawer({selectedStudent: student, selectedClass: row.classes[0], studentClasses: row.classes});\n }\n\n const inviteStudent = async (studentId) => {\n try {\n setShowProgressAlert(true);\n let result = await StudentService.sendInviteToStudent(studentId);\n if (result) {\n setShowFailedInviteAlert(false);\n setShowSucceedInviteAlert(true);\n } else {\n setShowFailedInviteAlert(true);\n setShowSucceedInviteAlert(false);\n }\n } catch(e) {\n console.error(`error sending invite`, e);\n }\n setShowProgressAlert(false);\n };\n\n const fullNameFormatter = (cellContent, row) => {\n if (!row.active) {\n return (\n <>\n fillDataAndShowDrawer(row)}>\n {row.fullName}\n \n {/* */}\n \n );\n }\n return fillDataAndShowDrawer(row)}>\n {row.fullName}\n ;\n };\n\n\n const renderStudents = () => {\n if (!students) {\n return \"\";\n }\n const profile = ProfileService.get();\n const columns = [\n {\n dataField: \"fullName\",\n text: \"Full Name\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n formatter: fullNameFormatter\n },\n {\n dataField: \"email\",\n text: \"Contact Email\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"classes\",\n text: \"Assigned Section\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n <> \n {!row.classes || row.classes.length === 0 ? (\n \n
\n {classListTable(row)}\n
\n )}\n \n );\n }\n },\n {\n dataField: \"schools\",\n text: \"Enrolled Schools\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.schools && row.schools.length > 0 ? (\n row.schools.map((school, index) => {\n return (\n \n {school ? school.title : ''}\n \n );\n })\n ) : (\n - No School Assigned -\n )}\n
\n );\n }\n }];\n if (profile.role !== \"Instructor\") {\n columns.push({\n dataField: \"deleted\",\n text: \"Archive\",\n headerAlign: \"center\",\n headerClasses: \"panel-status-row\",\n align: \"center\",\n formatter: (cellContent, row) => {\n if (row.deleted) {\n return \n mimicStudentSession(row)}>\n \n editStudent(row.id)}>\n \n {profile.role !== \"Instructor\" && \n showDeleteWarning(row.id)}>\n \n }\n inviteStudent(row.id)}>\n \n \n
\n );\n }\n }\n );\n\n const studentData = students.map(student => {\n return {\n id: student.id,\n fullName: student.fullName,\n active: student.active,\n email: student.email,\n classes: student.classes,\n schools: student.schools,\n deleted: student.deleted===undefined || !student.deleted? false: true,\n status: student.status,\n };\n });\n\n return (\n \n \n \n {\n if (e.key === \"Enter\" || (e.key === \"Backspace\" && e.target.value==='')) {\n debouncedSearch.cancel();\n latestSearchTextRef.current = e.target.value;\n handleImmediateSearch();\n }\n }}\n >\n handleSearchChange(e.target.value)} \n className=\"mb-3\"\n autoComplete=\"off\"\n debounce={false}\n />\n
\n {searchInProgress && \n hideAndRefreshData()}\n onDismiss={()=> setShowModal(false)}\n student={currentStudent}\n classes={classes}\n schools={schools}\n onUpdate={() => updateClasses()}\n />\n\n hideBatchAndRefreshData()}\n onProceed={() => onBatchSuccess()}\n />\n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n\n {/* onSectionHide()} data={showEmergentSectionClass}/>*/}\n
\n );\n};\n\nexport default StudentsPanel;\n","import React, { useEffect, useState, useCallback, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n Button,\n Badge,\n Alert,\n ListGroup,\n OverlayTrigger,\n Tooltip,\n Spinner\n} from \"react-bootstrap\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport * as Icons from \"react-bootstrap-icons\";\nimport ClassService from \"./../../../../../services/ClassService\";\nimport ProfileService from \"./../../../../../services/ProfileService\";\nimport SearchService from \"./../../../../../services/SearchService\";\nimport CourseService from \"./../../../../../services/CourseService\";\nimport holder from \"./../../../../../images/holder.png\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport ConfirmDeleteModal from \"./../../../../widgets/modals/instructor/ConfirmDeleteModal\";\nimport LocalStorageService from \"../../../../../services/LocalStorageService\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\nimport \"./panels.css\";\nimport debounce from 'lodash.debounce';\n\nconst ClassesPanel = props => {\n const { SearchBar } = Search;\n const { showDrawer, reload } = props;\n\n const [classes, setClasses] = useState(null);\n const [courses, setCourses] = useState(null);\n const [currentClass, setCurrentClass] = useState(null);\n const [showWarningModal, setShowWarningModal] = useState(false);\n\n const [showError, setShowError] = useState(false);\n const [errorMessage, setErrorMessage] = useState(\"\");\n const [showSuccess, setShowSuccess] = useState(false);\n const [successMessage, setSuccessMessage] = useState(\"\");\n const [expandedRows, setExpandedRows] = useState([]); \n const [expandedData, setExpandedData] = useState({}); \n\n const [searchText, setSearchText] = useState('');\n\n const searchInputRef = useRef(null);\n const isMounted = useRef(true);\n const [searchInProgress, setSearchInProgress] = useState(false);\n const latestSearchTextRef = useRef('');\n\n const history = useHistory();\n\n useEffect(() => {\n document.title = \"LimeSpring Portal - Sections\";\n isMounted.current = true;\n fetchData();\n\n return () => {\n isMounted.current = false;\n };\n }, [reload]);\n\n const fetchData = async () => {\n setSearchInProgress(true);\n const result = await ClassService.getAllSimpleFromRemote();\n if (isMounted.current) {\n setClasses(result);\n } \n setSearchInProgress(false);\n };\n\n const proceedDelete = () => {\n setShowWarningModal(false);\n deleteClass();\n };\n const showDeleteWarning = id => {\n if(!checkIsEditable(id)){ return; }\n setCurrentClass(\n classes.find(_class => {\n return id === _class._id;\n })\n );\n setShowWarningModal(true);\n };\n\n const deleteClass = async () => {\n const succeeded = await ClassService.remove(currentClass._id);\n if (succeeded) {\n setSuccessMessage(\"Successfuly removed section.\");\n setShowSuccess(true);\n setClasses(await ClassService.getAllSimpleFromRemote());\n \n setCurrentClass(null);\n } else {\n setErrorMessage(\"Error while trying to remove section. Please try again\");\n setShowError(true);\n }\n };\n\n const handleRowExpand = async (row, isExpand) => {\n if (isExpand) {\n setExpandedRows([...expandedRows, row.id]);\n try {\n const expandedDataForRow = await ClassService.getClassPopulated(row.id);\n setExpandedData({ ...expandedData, [row.id]: expandedDataForRow });\n } catch (error) {\n console.error(\"Error al cargar datos expandidos\", error);\n }\n } else {\n \n setExpandedRows(expandedRows.filter((id) => id !== row.id));\n }\n };\n\n const debouncedSearch = useCallback(\n debounce(async () => {\n const textToSearch = latestSearchTextRef.current; \n setSearchInProgress(true); \n const result = await SearchService.search(\"classes\", textToSearch);\n if (isMounted.current && textToSearch === latestSearchTextRef.current) {\n setClasses(result);\n setSearchInProgress(false); \n }\n }, 2000),\n []\n );\n\n const handleSearchChange = useCallback(\n );\n\nconst handleImmediateSearch = useCallback(async () => {\n const textToSearch = latestSearchTextRef.current;\n if (textToSearch.length >= 2) { \n setSearchInProgress(true);\n const result = await SearchService.search(\"classes\", textToSearch);\n if (textToSearch === latestSearchTextRef.current) {\n setClasses(result);\n }\n setSearchInProgress(false);\n } else if (textToSearch.length <= 0) { \n isMounted.current = true;\n await fetchData(); \n isMounted.current = false;\n }\n}, []);\n\n\n const renderExpandedRow = (row) => {\n let expandedDataRow = expandedData[row.id];\n\n if (!expandedDataRow) {\n return <>\n }\n row = expandedDataRow;\n if (!row || !row.id) {\n return <>\n }\n //renderize class details\n return (\n \n \n
\n
\n\n \n
\n \n \n setShowBatchModal(true)}\n >\n
\n \n setShowProgressAlert(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n setShowSucceedAlert(false)}\n dismissible\n >\n setShowFailedInviteAlert(false)}\n dismissible\n >\n setShowFailedMimicNoStudentAlert(false)}\n dismissible\n >\n setShowSucceedInviteAlert(false)}\n dismissible\n >\n
\n\n {renderStudents()}
\n\n \n
\n );\n };\n\n const edit = async id => {\n if(!checkIsEditable(id)){ return; }\n\n const classPopulated = await ClassService.getClassPopulated(id);\n \n showDrawer(classPopulated);\n };\n\n const clone = async id => {\n const _class = classes.find(_class => {\n return id === _class.id || id === _class._id;\n });\n const profile = ProfileService.get();\n const success = await ClassService.clone(_class, profile);\n if (!success) {\n setErrorMessage(\"Error while trying to clone section. Please try again\");\n setShowError(true);\n } else {\n setSuccessMessage(\"Successfuly cloned section.\");\n setShowSuccess(true);\n }\n setClasses(await ClassService.getAllSimpleFromRemote());\n };\n\n const checkIsEditable = (id) => {\n if(!id) { return true; }\n const profile = ProfileService.get();\n if(profile.role === 'Instructor'){\n const _class = ClassService.get(id);\n if(_class && _class.createdBy !== profile._id) {\n return false;\n }\n }\n return true;\n }\n\n const assignTemporaryClass = async (classId) => {\n const clss = await ClassService.getFromRemote(classId);\n if(clss && clss.courses && clss.courses.length > 0){\n const course = await CourseService.getFromRemote(clss.courses[0]);\n if(course) {\n LocalStorageService.store({classes: [clss], courses: [course], units: course.units})\n history.push(DeepLinking.STUDENT.DASHBOARD_VIEW_PATH);\n }\n }\n }\n\n const renderClasses = () => {\n\n const columns = [\n {\n dataField: \"title\",\n text: \"Title\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"700px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n
\n \n Units Included:\n \n {row.units && row.units.length > 0 ? (\n row.units.map(unit => {\n return (\n \n \n );\n })\n ) : (\n \n \n )}\n \n
\n \n Student Roster:\n \n {row.students && row.students.length > 0 ? (\n row.students.map(student => {\n return (\n \n \n
\n \n );\n })\n ) : (\n \n \n )}\n \n
\n \n \n \n
\n \n );\n })\n ) : (\n \n
\n );\n }\n },\n {\n dataField: \"students\",\n text: \"Students\",\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"150px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n {row.title}
\n \n\n \n {row.students && row.students.length > 0\n ? row.students.length\n : 0}\n \n
\n );\n }\n },\n {\n dataField: \"status\",\n text: \"Status\",\n headerClasses: \"panel-status-row-3items\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n\n const isEditable = checkIsEditable(row.id);\n\n return (\n \n assignTemporaryClass(row.id)}\n title=\"View Section As Student\"\n >\n {\" \"}\n edit(row.id)}\n title={isEditable ? \"Edit Section\": \"Editing not allowed (Clone first)\"}\n disabled={!isEditable}\n >\n {\" \"}\n clone(row.id)}\n title=\"Clone Section\"\n >\n {\" \"}\n showDeleteWarning(row.id)}\n title={isEditable ? \"Remove Section\": \"Removing not allowed\"}\n disabled={!isEditable}\n >\n {\" \"}\n
\n );\n }\n }\n ];\n\n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n expanded: expandedRows,\n renderer: renderExpandedRow,\n onExpand: handleRowExpand,\n };\n\n const classesData = classes ? classes.map(_class => {\n\n //only first course!\n let classUnits = [];\n \n if(courses && _class.courses && _class.courses.length > 0){\n const _course = courses.find(c => {return c.id === _class.courses[0]});\n if(_course) classUnits = _course.units;\n }\n\n let classSchools = [];\n if(courses && _class.courses && _class.courses.length > 0){\n const _course = courses.find(c => {return c.id === _class.courses[0]});\n if(_course) classSchools = _course.schools;\n }\n\n return {\n id: _class._id? _class._id: _class.id,\n thumbnail: _class.thumbnail,\n title: _class.title,\n description: _class.description,\n students: _class.students,\n units: classUnits,\n schools: classSchools,\n status: _class.status\n };\n }): [];\n\n return (\n \n {\n if (e.key === \"Enter\" || (e.key === \"Backspace\" && e.target.value==='')) {\n debouncedSearch.cancel();\n latestSearchTextRef.current = e.target.value;\n handleImmediateSearch();\n } \n }}\n >\n handleSearchChange(e.target.value)} \n className=\"mb-3\"\n autoComplete=\"off\"\n debounce={false} \n />\n
\n {searchInProgress && \n setShowError(false)}\n >\n {errorMessage}\n \n\n setShowSuccess(false)}\n >\n {successMessage}\n \n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n
\n );\n};\n\nexport default ClassesPanel;\n","import React, {useEffect, useState} from 'react';\nimport * as Icons from \"react-bootstrap-icons\";\nimport {Collapse, ListGroup} from 'react-bootstrap';\nimport AssessmentService from '../../../services/AssessmentService';\n\nconst LectureExpandable = (props) => {\n\n const {lecture} = props;\n\n const [expanded, setExpanded] = useState(false);\n const [quizzes, setQuizzes] = useState([]);\n\n useEffect(() => {\n (async() => {\n if(lecture && lecture.assessments && lecture.assessments.length > 0) {\n setQuizzes(await AssessmentService.getByIdsFromRemote(lecture.assessments));\n }\n })();\n },[lecture]);\n\n const renderQuizzes = () => {\n if(!lecture) { return; }\n if(quizzes && quizzes.length > 0) {\n return (\n \n
\n \n
\n\n \n
\n \n {renderClasses()}
\n\n setExpanded(!expanded)}>\n
);\n }else{\n return (<>);\n }\n }\n \n const populateQuizzes = () => {\n if(!lecture) { return; }\n if (!quizzes || quizzes.length === 0) { return <> }\n return quizzes.map(quiz => {\n return ({quiz.title})\n }); \n };\n\n const showCaret = () => {\n if(expanded){ return \n Quizzes\n
\n {showCaret()}
\n \n
\n \n
\n {renderQuizzes()}\n \n {populateQuizzes()}\n
\n \n {row.title} \n \n {row.description && row.description !== \"\" ? (\n ReactHtmlParser(row.description)\n ) : (\n
\n );\n }\n },\n {\n dataField: \"Lectures\",\n text: \"Lectures\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"200px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n \n
\n )}\n \n }\n >\n \n \n {row.lectures ? row.lectures.length : 0}\n \n
\n );\n }\n },\n {\n dataField: \"quizzes\",\n text: \"Quizzes\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"200px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n \n {row.quizzes ? row.quizzes.length : 0}\n \n
\n );\n }\n },\n {\n dataField: \"assessments\",\n text: \"Assessments\",\n sort: true,\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"200px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n \n {row.assessments ? row.assessments.length : 0}\n \n
\n );\n }\n },\n {\n dataField: \"schools\",\n text: \"Schools\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.schools && row.schools.length > 0 ? (\n row.schools.map((school, index) => {\n return (\n \n {school.title}\n \n );\n })\n ) : (\n - No School Assigned -\n )}\n
\n );\n }\n },\n {\n dataField: \"status\",\n text: \"Status\",\n headerAlign: \"center\",\n align: \"center\",\n headerClasses: \"panel-status-row-3items\",\n formatter: (cellContent, row) => {\n\n const isEditable = checkIsEditable(row.id);\n\n return (\n \n edit(row.id)}\n title={isEditable ? \"Edit Unit\": \"Editing not allowed (Clone first)\"}\n disabled={!isEditable}\n >\n clone(row.id)}\n >\n showDeleteWarning(row.id)}\n title={isEditable ? \"Remove Unit\": \"Removing not allowed\"}\n disabled={!isEditable}\n >\n
\n );\n }\n }\n ];\n\n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n renderer: row => (\n \n
\n )\n };\n\n const unitsData = units.map(unit => {\n return {\n id: unit.id,\n title: unit.title,\n description: unit.description,\n tags: unit.tags,\n lectures: unit.lectures,\n assessments: unit.assessments,\n courses: unit.courses,\n quizzes: unit.quizzes,\n status: unit.status,\n schools: unit.schools\n };\n });\n\n return (\n \n
\n \n Lectures:\n \n {row.lectures && row.lectures.length > 0 ? (\n row.lectures.map(lecture => {\n return (\n \n );\n })\n ) : (\n \n \n \n )}\n \n
\n\n \n Assessments:\n \n {row.assessments && row.assessments.length > 0 ? (\n row.assessments.map(assessment => {\n return (\n \n \n );\n })\n ) : (\n \n \n \n )}\n \n
\n\n \n Included in Courses:\n \n {row.courses && row.courses.length > 0 ? (\n row.courses.map(course => {\n return (\n \n \n );\n })\n ) : (\n \n \n \n )}\n \n
\n \n \n
\n )}\n \n setShowError(false)}\n >\n {errorMessage}\n \n\n setShowSuccess(false)}\n >\n {successMessage}\n \n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n
\n );\n};\n\nexport default UnitsPanel;\n","import React, {useState, useEffect} from 'react';\nimport YouTube from 'react-youtube';\nimport * as Icons from 'react-bootstrap-icons';\nimport {Button, Alert, Spinner, Badge, Modal} from 'react-bootstrap';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport LectureService from './../../../../../services/LectureService';\nimport VideoTimeUtils from './../../../../../utils/VideoTimeUtils';\nimport ConfirmDeleteModal from './../../../../widgets/modals/instructor/ConfirmDeleteModal';\nimport AssetService from '../../../../../services/AssetService';\nimport AssessmentService from '../../../../../services/AssessmentService';\nimport TranscriptService from '../../../../../services/TranscriptService';\nimport ProfileService from '../../../../../services/ProfileService';\nimport CheckIcon from \"./../../../../../images/check.svg\";\nimport inProgressIcon from \"./../../../../../images/inprogress.svg\";\n\nconst LecturesPanel = (props) => {\n\n const { showDrawer, reload } = props;\n const { SearchBar } = Search;\n\n const [showError, setShowError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const [showWarningModal, setShowWarningModal] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [successMessage, setSuccessMessage] = useState('');\n const [lectures, setLectures] = useState(null);\n\n const [groupToRemove, setGroupToRemove] = useState([]);\n const [showRemoveBulkButton, setShowRemoveBulkButton] = useState(false);\n const [showGroupRemovalInProgress, setShowGroupRemovalInProgress] = useState(false);\n const [loading, setLoading] = useState(false);\n const [lectureVideoUrl, setLectureVideoUrl] = useState(\"\");\n const [show, setShow] = useState(false);\n const [buttonVariant, setButtonVariant] = useState('primary');\n const [copyButtonText, setCopyButtonText] = useState('Copy to Clipboard');\n const [showVideoModal, setShowVideoModal] = useState(false);\n const [selectedVideoUrl, setSelectedVideoUrl] = useState('');\n const [isYoutubeVideo, setIsYoutubeVideo] = useState(false);\n const [selectedVideoTitle, setSelectedVideoTitle] = useState('');\n\n \n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n \n useEffect(() => {\n document.title = \"LimeSpring Portal - Lectures\";\n const init = async () => {\n //no sync\n LectureService.checkTranscripts();\n setLectures(await LectureService.getAllFromRemote());\n } \n init();\n }, [reload]);\n\n const clearSelectionFields = () => {\n setGroupToRemove([]);\n setShowRemoveBulkButton(false);\n setShowGroupRemovalInProgress(false);\n }\n\n const edit = (id) => {\n clearSelectionFields();\n const lect = lectures.find((lecture) => { return lecture._id === id});\n showDrawer(lect);\n clearSelectionFields();\n }\n\n const clone = async (id) => {\n const lect = lectures.find((lecture) => { return lecture._id === id});\n const success = await LectureService.clone(lect);\n if(!success) { \n setErrorMessage('Error while trying to clone lecture. Please try again');\n setShowError(true); \n } else {\n setSuccessMessage('Successfuly cloned Lecture.');\n setShowSuccess(true);\n }\n setLectures(await LectureService.getAllFromRemote());\n clearSelectionFields();\n }\n\n const proceedDelete = () => {\n setShowWarningModal(false);\n removeBulk();\n }\n\n const removeBulk = async () => {\n if(!groupToRemove || groupToRemove.length === 0) { return; }\n setShowGroupRemovalInProgress(true);\n let errors = [];\n\n for (const id of groupToRemove) {\n const success = await LectureService.remove(id);\n if(!success) { errors.push(id); }\n }\n\n if(errors.length > 0) { \n setErrorMessage('Error while trying to remove some lectures. Please review and try again');\n setShowError(true); \n } else {\n setSuccessMessage('Successfuly removed Lectures.');\n setShowSuccess(true);\n }\n clearSelectionFields();\n setLectures(await LectureService.getAllFromRemote());\n }\n\n const checkIsEditable = (id) => {\n if(!id) { return true; }\n const profile = ProfileService.get();\n if(profile.role === 'Instructor' && lectures){\n const lecture = lectures.find(l => l._id === id);\n if(lecture && lecture.createdBy !== profile._id) {\n return false;\n }\n }\n return true;\n }\n\n const generateUrl = async (id) => {\n setLoading(true);\n try {\n const response = await LectureService.generateUrl(id);\n setLectureVideoUrl(response.data.url);\n handleShow();\n } catch (error) {\n console.error('Error generating URL:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const copyToClipboard = () => {\n navigator.clipboard.writeText(lectureVideoUrl);\n\n setCopyButtonText('Copied!');\n setButtonVariant('success');\n\n setTimeout(() => {\n setCopyButtonText('Copy to Clipboard');\n setButtonVariant('primary');\n }, 2000);\n \n };\n \n const handleGenerateUrl = (id) => {\n generateUrl(id);\n };\n\n const openVideoModal = (lecture) => {\n if (lecture) {\n if (lecture.data.isYoutubeVideo) {\n const youtubeId = lecture.data.youtubeUrl.split('v=')[1]?.split('&')[0];\n setSelectedVideoUrl(youtubeId);\n setIsYoutubeVideo(true);\n }\n else {\n setSelectedVideoUrl(lecture.url);\n setIsYoutubeVideo(false);\n }\n setIsYoutubeVideo(lecture.data.isYoutubeVideo);\n setShowVideoModal(true);\n setSelectedVideoTitle(lecture.data.title);\n } else {\n setErrorMessage('No video available for this lecture');\n setShowError(true);\n }\n };\n\n const renderLectures = () => {\n\n if (!lectures) { return \n \n
\n \n
\n\n \n
\n \n \n {renderUnits()}\n
\n openVideoModal(row) : undefined}\n >\n
\n );\n }\n },\n {\n dataField: \"title\",\n text: \"Title\",\n sort: true,\n headerAlign: \"center\",\n align: \"left\", \n style: () => {\n return { verticalAlign: 'top'}\n },\n formatter: (cellContent, row) => {\n return (\n \n \n
\n \n
\n );\n }\n },\n {\n dataField: \"transcript\",\n text: \"Transcript\",\n headerAlign: \"left\",\n align: \"left\",\n headerStyle: (column, colIndex) => {\n return { width: '170px', textAlign: 'left' };\n },\n formatter: (cellContent, row) => {\n if(row.transcript === \"COMPLETED\"){ return {row.data.title}
\n {VideoTimeUtils.formatVideoTime(row.data.duration)}\n{row.data.description && row.data.description !== \"\" ? row.data.description :
} \n if(row.transcript === \"NONE\"){ return (\n \n \n
)\n }\n }\n },\n {\n dataField: \"url\",\n text: \"Content\",\n headerAlign: \"left\",\n align: \"left\",\n formatter: (cellContent, row) => {\n if(row.markers && row.markers.length > 0){\n row.markers = row.markers.sort(function (a, b) {\n return a.cuePoint - b.cuePoint;\n });\n }\n return (\n \n
\n );\n }\n },\n {\n dataField: \"search\",\n text: \"\",\n headerAlign: \"center\",\n headerClasses: \"panel-status-row\",\n align: \"left\",\n // headerStyle: (column, colIndex) => {\n // return { width: '300px', textAlign: 'center' };\n // },\n formatter: (cellContent, row) => {\n\n const isEditable = checkIsEditable(row.id);\n\n return (\n - \n {\n (!row.markers || row.markers.length) === 0 \n ?\n
None Available \n : \n row.markers.map(marker => {\n\n let assetName = 'Marker Asset';\n\n if(marker.asset && marker.asset !== '') { \n assetName = marker.asset.title;\n }\n\n if(marker.assessment && marker.assessment !== ''){\n assetName = marker.assessment.title;\n }\n\n return - \n
\n {marker.assessment !== '' ? \n: }{assetName} ({VideoTimeUtils.formatVideoTime(marker.cuePoint)})\n \n })\n }\n
\n {loading ? (\n handleGenerateUrl(row.id)}\n title=\"Generate Lecture Video URL\"\n >\n edit(row.id)}\n title={isEditable ? \"Edit Lecture\": \"Editing not allowed (Clone first)\"}\n disabled={!isEditable}\n >\n clone(row.id)}\n >\n
\n );\n }\n }\n ];\n\n const lecturesData = lectures.map((lecture) => {\n\n //markers\n let lectureMarkerLabels = [];\n if(lecture.markers && lecture.markers.length > 0){\n lectureMarkerLabels = lecture.markers.map(lectureMarker => { return lectureMarker.label; });\n }\n\n //transcripts\n let transcriptStatus = 'NONE';\n if(lecture.transcripts && lecture.transcripts.length > 0){\n const trscRef = lecture.transcripts.find(t => t.code === 'en');\n //weird json chain due to server return data \n if(trscRef) transcriptStatus = trscRef._id.status;\n }\n \n return {\n id: lecture._id,\n thumbnail: lecture.thumbnail,\n url: lecture.url,\n title: lecture.title,\n markers: lecture.markers,\n data: lecture,\n search: lectureMarkerLabels,\n transcript: transcriptStatus\n };\n });\n\n const selectRow = {\n mode: 'checkbox',\n clickToSelect: false,\n selected: groupToRemove,\n onSelect: (row, isSelect) => {\n if(!checkIsEditable(row.id)) { return false; }\n\n if (isSelect) {\n setGroupToRemove([...groupToRemove, row.id]);\n setShowRemoveBulkButton(true);\n } else {\n const selected = groupToRemove.filter(x => x !== row.id);\n setGroupToRemove(selected);\n if(selected.length === 0) { setShowRemoveBulkButton(false) }\n }\n },\n onSelectAll: (isSelect, rows) => {\n if (isSelect) {\n setGroupToRemove(rows.map(r => r.id));\n setShowRemoveBulkButton(true);\n } else {\n setGroupToRemove([]);\n setShowRemoveBulkButton(false);\n }\n } \n }\n\n return (\n \n
\n ) : (\n Generating URL
\nplease wait...
\n\n \n
\n )}\n \n );\n };\n\n return (\n \n setShowError(false)}>\n {errorMessage}\n \n\n setShowSuccess(false)}>\n {successMessage}\n \n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n \n \n Generated URL \n \n \n \n \n \n \n \n \n\n setShowVideoModal(false)} size=\"lg\" centered>\n \n {selectedVideoTitle} Video \n \n \n {selectedVideoUrl ? (\n isYoutubeVideo ? (\n No video available for this lecture. \n )}\n \n \n \n \n \n
\n );\n}\n \nexport default LecturesPanel;","import React from 'react';\nimport { Button, ListGroup, OverlayTrigger, Popover } from 'react-bootstrap';\nimport MathDisplayField from './../math/MathDisplayField';\nimport * as Icons from 'react-bootstrap-icons';\n\nconst ChoiceTooltip = (props) => {\n\n const { questionid, choices } = props;\n\n const renderMath = () => {\n if(window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n }\n let description = \"\";\n return (\n \n
\n
\n\n
\n \n \n \n
\n \n {renderLectures()}\n
\n\n \n {row.category} \n
\n );\n }\n },\n {\n dataField: \"duration\",\n text: \"Duration\",\n headerAlign: \"center\",\n align: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"100px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return !row.duration || row.duration === 0 || row.duration === \"0\"\n ? \"No Limit\"\n : VideoTimeUtils.formatVideoTime(row.duration);\n }\n },\n {\n dataField: \"questions\",\n text: \"Questions\",\n headerAlign: \"center\",\n align: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"100px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n \n {row.questions ? row.questions.length : \"0\"}\n \n
\n );\n }\n },\n {\n dataField: \"status\",\n text: \"Status\",\n headerAlign: \"center\",\n align: \"center\",\n headerClasses: \"panel-status-row\",\n formatter: (cellContent, row) => {\n const isEditable = checkIsEditable(row.id);\n\n return (\n \n {loading ? (\n handleShowEmailModal(row._id || row.id)}\n title=\"Generate URL\"\n >\n edit(e, row.id)}\n title={\n isEditable\n ? \"Edit Assessment\"\n : \"Editing not allowed (Clone first)\"\n }\n disabled={!isEditable}\n >\n clone(row.id)}\n >\n showDeleteWarning(row.id)}\n title={\n isEditable ? \"Remove Assessment\" : \"Removing not allowed\"\n }\n disabled={!isEditable}\n >\n
\n );\n }\n }\n ];\n\n const assessmentsData = assessments.map(assessment => {\n return {\n id: assessment._id,\n title: assessment.title,\n category: assessment.category,\n duration: assessment.durationInMinutes,\n questions: assessment.questions || [],\n type: assessment.type,\n status: assessment.status\n };\n });\n\n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n onlyOneExpanding: true,\n onExpand: (r, i, ri, e) => {\n e.stopPropagation();\n setTimeout(() => {if(window.MathJax && window.MathJax.typeset) window.MathJax.typeset()}, Config.mathRenderTimer);\n },\n renderer: row => (\n \n \n
\n ) : (\n row.type === 'QUIZ' && (\n Generating URL
\nplease wait ...
\n\n \n {row.questions && row.questions.length > 0 ? (\n row.questions.map((question, index) => {\n const addMultimedia = () =>{\n if(!question.multimedia || question.multimedia === null){\n return (<>)\n }else{\n return(\n 
\n )\n }\n }\n\n let statement = question.statement;\n if(question.subtype === 'STEPS' && question.steps && question.steps.length > 0){\n const firstStep = question.steps[0];\n statement = '(MULTISTEP) ' + firstStep.statement + \", ...\";\n }\n\n return (\n \n \n );\n })\n ) : (\n \n \n )}\n \n
\n )\n };\n\n return (\n \n {index + 1})\n \n
\n {addMultimedia()}\n \n \n
\n \n \n
\n \n
\n \n \n
\n )}\n \n );\n };\n\n return (\n \n setShowError(false)}\n >\n {errorMessage}\n \n\n setShowSuccess(false)}\n >\n {successMessage}\n \n\n setShowEmailModal(false)}\n onSend={handleSendEmail}\n />\n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n\n setShowQuestionModal(false)} \n onComplete={() => {}} \n onUpdate={(q) => updateQuestion(q)}\n />\n
\n );\n};\n\nexport default AssessmentsPanel;\n","import React, { useState } from \"react\";\nimport { Modal, Button, InputGroup, FormControl } from \"react-bootstrap\";\n\nconst LibrarypanelEditModal = props => {\n const { show, onHide, ID, fn } = props;\n const [newName, setNewName] = useState(null);\n\n const onChangeHandler = e => {\n setNewName(e.target.value);\n };\n \n return (\n \n \n
\n \n
\n\n \n
\n \n {renderAssessments()}
\n\n \n
\n );\n };\n\n const dranNdrop = () => {\n return (\n \n
\n );\n };\n\n const handleClose = () => {\n setModalState({\n ...modalState,\n ...{ [modalState[\"current\"]]: false, key: \"\" }\n });\n };\n\n const editModalBuilder = () => {\n async function mediaServerCall(id, payload) {\n await AssetService.update(id, payload);\n setThumbnails(AssetService.getAll());\n buildPreview();\n handleClose();\n }\n return (\n \n
\n \n
\n Drop files here, or click to select files
\n{cards}
;\n };\n\n return (\n \n setShowError(false)}>\n {errorMessage}\n \n \n {fileLoader ? progressBar() : dranNdrop()}\n \n \n \n setSearchExpression(searchString.toLowerCase())\n }\n />\n \n \n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n \n \n \n \n\n \n {editModalBuilder()}\n {thumbnails.length && !fileLoader ? (\n buildPreview()\n ) : (\n \n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n
\n );\n};\n\nexport default Dropzone;\n","import React, { useState, useEffect } from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Dropzone from \"./../../../../widgets/dragndrop/DropZone\";\nimport AssetService from \"./../../../../../services/AssetService\";\n\nconst LibraryPanel = () => {\n\n const [thumbnails, setThumbnails] = useState([]);\n \n useEffect(() => {\n document.title = \"LimeSpring Portal - Library\";\n const init = async () => {\n setThumbnails(await AssetService.getAllFromRemote());\n }\n init();\n }, []);\n\n return (\n Nothing To Preview!
\n )}\n \n
\n );\n};\n\nexport default LibraryPanel;\n","import React, {useState, useEffect} from 'react';\nimport * as Icons from \"react-bootstrap-icons\";\nimport { Spinner } from 'react-bootstrap';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport ClassService from \"../../../../../services/ClassService\";\nimport PaginationService from \"../../../../../services/PaginationService\";\nimport SearchService from \"../../../../../services/SearchService\";\n\nconst ReportPanel = (props) => {\n\n const { SearchBar } = Search;\n const { showDrawer } = props;\n\n const [classes, setClasses] = useState(null);\n const [currentPage, setCurrentPage] = useState(1);\n\n useEffect(() => {\n document.title = \"LimeSpring Portal - Reports\";\n (async () => {\n if (!classes) setClasses(await ClassService.getAllFromRemote());\n })();\n }, [classes]);\n\n const viewReport = (id) => {\n const data = {id: id, classes: classes};\n showDrawer(data);\n };\n\n const handlePageChange = async (p, spp) => {\n const paginated_results = await PaginationService.paginate('classes', p);\n if(paginated_results && paginated_results.length > 0){\n setClasses(paginated_results);\n setCurrentPage(p);\n }\n }\n\n const handleTableChange = async (type, newState) => {\n if(type !== 'search') return;\n const filtered_results = await SearchService.search('classes', newState.searchText);\n if(filtered_results && filtered_results.length > 0){\n //change _id prop to id\n filtered_results.forEach(filtered_result => {\n if(filtered_result._id){\n filtered_result.id = filtered_result._id;\n delete filtered_result._id\n }\n });\n setClasses(filtered_results);\n }\n }\n\n const renderClasses = () => {\n if (!classes) return \n \n
\n
\n\n \n
\n \n \n
\n\n \n \n
;\n\n const columns = [\n {\n dataField: \"title\",\n text: \"Class\",\n sort: true,\n headerAlign: \"left\",\n align: \"left\",\n formatter: (cellContent, row) => {\n return (\n \n \n handleTableChange(t, n) }\n pagination={ paginationFactory({ page: currentPage, onPageChange: (p, spp) => handlePageChange(p, spp), alwaysShowAllBtns: true, withFirstAndLast: false, sizePerPage: 20, showTotal: true, totalSize: 0}) }\n />\n
\n )}\n \n );\n };\n\n return (\n \n
\n );\n};\n\nexport default ReportPanel;","import React, { useState, useEffect } from \"react\";\nimport { Button, Alert, Badge } from \"react-bootstrap\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport paginationFactory from 'react-bootstrap-table2-paginator';\nimport MathDisplayField from \"./../../../../widgets/math/MathDisplayField\";\nimport QuestionService from \"./../../../../../services/QuestionService\";\nimport ProfileService from \"./../../../../../services/ProfileService\";\nimport Config from \"../../../../../config/Config\";\nimport ConfirmDeleteModal from \"./../../../../widgets/modals/instructor/ConfirmDeleteModal\";\nimport QuestionBuilderModal from \"../../../../widgets/modals/instructor/QuestionBuilderModal\";\nimport BatchImportModal from \"./../../../../widgets/modals/instructor/BatchImportModal\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport \"./panels.css\";\nimport ArrayUtils from \"../../../../../utils/ArrayUtils\";\nimport context from \"react-bootstrap/esm/AccordionContext\";\n\nconst QuestionsPanel = props => {\n const { SearchBar } = Search;\n const { showDrawer, reload } = props;\n\n const [questions, setQuestions] = useState(null);\n const [currentQuestion, setCurrentQuestion] = useState(null);\n\n const [showQuestionModal, setShowQuestionModal] = useState(false);\n const [showBatchModal, setShowBatchModal] = useState(false);\n\n const [showWarningModal, setShowWarningModal] = useState(false);\n const [showError, setShowError] = useState(false);\n const [errorMessage, setErrorMessage] = useState(\"\");\n const [showSuccess, setShowSuccess] = useState(false);\n const [successMessage, setSuccessMessage] = useState(\"\");\n\n useEffect(() => {\n document.title = \"LimeSpring Portal - Questions\";\n const init = async () => {\n if (!questions) setQuestions(await QuestionService.getAllFromRemote());\n\n //typeset math!\n if (window.MathJax && window.MathJax.typeset) window.MathJax.typeset();\n }\n init();\n }, [reload]);\n\n const proceedDelete = () => {\n setShowWarningModal(false);\n deleteQuestion();\n };\n\n const onBatchSuccess = async () => {\n setQuestions(await QuestionService.getAllFromRemote());\n setShowBatchModal(false);\n }\n\n const showDeleteWarning = id => {\n setCurrentQuestion(\n questions.find(question => {\n return id === question._id;\n })\n );\n setShowWarningModal(true);\n };\n\n const deleteQuestion = async () => {\n const succeeded = await QuestionService.remove(currentQuestion._id);\n if (succeeded) {\n setSuccessMessage(\"Successfuly removed question.\");\n setShowSuccess(true);\n setQuestions(await QuestionService.getAllFromRemote());\n setCurrentQuestion(null);\n } else {\n setErrorMessage(\n \"Error while trying to remove question. Please try again\"\n );\n setShowError(true);\n }\n };\n\n const addNew = () => {\n setCurrentQuestion(null);\n setShowQuestionModal(true);\n }\n\n const edit = (e, question) => {\n e.stopPropagation();\n //showDrawer(question);\n setCurrentQuestion(question);\n setShowQuestionModal(true);\n };\n\n const clone = async id => {\n const q = questions.find(question => { return id === question._id; })\n const success = await QuestionService.clone(q);\n if (!success) {\n setErrorMessage(\"Error while trying to clone question. Please try again\");\n setShowError(true);\n } else {\n setSuccessMessage(\"Successfuly cloned question.\");\n setShowSuccess(true);\n }\n setQuestions(await QuestionService.getAllFromRemote());\n };\n\n const refreshQuestionList = async () => {\n //get latest 2 questions and add them on top of list (if not there already)!\n const latestQuestions = await QuestionService.getSomeFromRemote(2);\n if (latestQuestions && latestQuestions.length > 0) {\n let _questionsClone = [...questions];\n latestQuestions.forEach(lq => {\n _questionsClone = ArrayUtils.addInFrontOrReplaceEntry(_questionsClone, lq);\n });\n setQuestions(_questionsClone);\n _questionsClone = null;\n }\n }\n\n const saveQuestion = async question => {\n setShowQuestionModal(false);\n setCurrentQuestion(null);\n const success = await QuestionService.create(question);\n if (!success) {\n setErrorMessage(\"Error while trying to save question. Please try again\");\n setShowError(true);\n } else {\n setSuccessMessage(\"Successfuly created the question.\");\n setShowSuccess(true);\n }\n await refreshQuestionList();\n };\n\n const updateQuestion = async question => {\n setShowQuestionModal(false);\n setCurrentQuestion(null);\n const success = await QuestionService.update(question.id, question);\n if (!success) {\n console.error(`Error. Could not update question id: ${question.id}`);\n setErrorMessage(\"Error while trying to edit question. Please try again\");\n setShowError(true);\n } else {\n setSuccessMessage(\"Successfuly edited the question.\");\n setShowSuccess(true);\n }\n await refreshQuestionList();\n };\n\n const checkIsEditable = (id) => {\n if (!id) { return true; }\n const profile = ProfileService.get();\n if (profile.role === 'Instructor' && questions) {\n const question = questions.find(q => q._id === id);\n if (question && question.createdBy !== profile._id) {\n return false;\n }\n }\n return true;\n }\n\n const createSteps = (row) => {\n const _question = questions.find(q => q._id === row.id);\n return _question.steps.map((step, index) => {\n return (\n \n
\n
\n \n
\n {renderClasses()}
\n \n Step {index + 1}: {step.statement}\n
\n )\n });\n }\n\n const createchoices = (rchoices, rcontext) => {\n return (\n Choices:\n {rchoices && rchoices.length > 0 ? (\n
)\n }\n\n\n const showMultimediaGallery = (_id) => {\n /*\n if (_id !== \"\" || _id === null) {\n let multimedia = AssetService.getFromRemote(id);\n if(multimedia) return (<>);\n return (\n - \n {rchoices.map(choice => {\n return (\n
\n {\n rcontext === 'MATH_TEXT'\n ?\n
\n \n );\n })}\n {choice.description}
\n }\n \n
\n {row.explanation || row.explanation !== \"\" ? (\n
\n\n }\n }\n\n const getSubTypeLegend = (subtype) => {\n if (subtype === 'MULTIPLE_CHOICE') return \"Multiple Choice\";\n if (subtype === 'INPUT_CHOICE') return \"Short Answer\";\n if (subtype === 'STEPS') return \"Stepped\";\n if (subtype === 'MANUAL_CHOICE') return \"Code Input\";\n return \"N/A\";\n }\n\n const columns = [\n {\n dataField: \"statement\",\n text: \"Statement\",\n headerAlign: \"center\",\n sort: true,\n formatter: (cellContent, row) => {\n return \n edit(e, row)}\n title={isEditable ? \"Edit Question\" : \"Editing not allowed (Clone first)\"}\n disabled={!isEditable}\n >\n clone(row.id)}\n >\n showDeleteWarning(row.id)}\n title={isEditable ? \"Remove Question\" : \"Removing not allowed\"}\n disabled={!isEditable}\n >\n
\n );\n }\n }\n ];\n\n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n onlyOneExpanding: true,\n onExpand: (r, i, ri, e) => {\n e.stopPropagation();\n setTimeout(() => { if (window.MathJax && window.MathJax.typeset) window.MathJax.typeset() }, Config.mathRenderTimer);\n },\n renderer: row => (\n \n
\n )\n };\n\n const noStepQuestions = questions.filter(q => q.type !== 'QUESTION_STEP');\n\n const questionsData = noStepQuestions.map(question => {\n\n let statement = question.statement;\n if (question.subtype === 'STEPS') {\n if (questions && questions.length > 0 && question.steps && question.steps.length > 0) {\n const firstStep = question.steps[0];\n if (firstStep) {\n statement = '(MULTISTEP) ' + firstStep.statement + \", ...\";\n if(firstStep.explanation && firstStep.explanation !== \"\") question.explanation = firstStep.explanation\n if(firstStep.hint && firstStep.hint !== \"\") question.hint = firstStep.hint\n }\n }\n }\n\n return {\n id: question._id,\n statement: statement,\n category: question.category,\n subcategory: question.subcategory,\n subtype: question.subtype,\n context: question.context,\n steps: question.steps,\n step: question.subtype === 'STEPS',\n choices: question.choices,\n status: question.status,\n hint: question.hint,\n multimedia: question.multimedia,\n explanation: question.explanation,\n keyboardLayout: question.keyboardLayout,\n explanationMedia: question.explanationMedia\n };\n });\n\n const paginationOptions = {\n onPageChange: (p, s) => {\n setTimeout(() => { if (window.MathJax && window.MathJax.typeset) window.MathJax.typeset() }, Config.mathRenderTimer);\n }\n };\n\n return (\n \n {row.step ? createSteps(row) : createchoices(row.choices, row.context)}\n
\n\n\n \n Explanation\n
\n {addExplanation(row)}\n
\n Hint\n
\n\n
\n
\n\n \n {addExplanation(row)}\n
\n Hint\n
\n
\n \n {row.hint || row.hint !== \"\" ? (\n \n
\n \n {row.multimedia ? (\n 
\n ) : (\n <>\n )}\n
\n \n
\n )}\n \n );\n };\n\n const returnView = () => {\n return (\n \n
\n );\n };\n\n return (\n \n \n
\n
\n \n
\n \n \n setShowBatchModal(true)}\n >\n
\n {renderQuestions()}
\n \n setShowError(false)}\n >\n {errorMessage}\n \n\n setShowSuccess(false)}\n >\n {successMessage}\n \n\n {returnView()}\n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n\n setShowQuestionModal(false)}\n onComplete={(q) => saveQuestion(q)}\n onUpdate={q => updateQuestion(q)}\n q={currentQuestion}\n />\n\n setShowBatchModal(false)}\n onProceed={() => onBatchSuccess()}\n />\n
\n );\n};\n\nexport default QuestionsPanel;\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport MockService from \"./MockService\";\nimport LocalStorageService from './LocalStorageService';\nimport ResponseUtil from './../utils/ResponseUtil';\nimport CacheService from './CacheService';\n\nexport default {\n\n getAllFromRemote: async() => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_ADMINS_ENDPOINT);\n if(response && response.status === 200) { \n const { admins } = response.data;\n return admins;\n } \n return [];\n },\n\n getAll: () => {\n return LocalStorageService.get(\"administrators\") || [];\n },\n\n get: id => {\n return LocalStorageService.get(\"administrators\").find(\n admin => admin._id === id\n );\n },\n\n getByIds: ids => {\n if (!ids) {\n return [];\n }\n return ids.map(id => {\n return LocalStorageService.get(\"administrators\").find(\n admin => admin._id === id\n );\n });\n },\n\n regenerateCredentials: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.updatePassword()); }\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_PASSWORD_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AdminService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n create: async (payload) => {\n \n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.createAdmin()); }\n try { \n let response = await new ApiService().post(ApiPath.CREATE_ADMIN_ENDPOINT, payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AdminService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n update: async (id, payload) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.updateAdmin()); }\n try { \n let response = await new ApiService().post(ApiPath.UPDATE_ADMIN_ENDPOINT.replace(':id', id), payload);\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AdminService | Error while attempting to get response: ${error}`);\n return false;\n }\n },\n\n remove: async (id) => {\n if (Config.mockAPI) { return ResponseUtil.isOK(await MockService.removeAdmin()); }\n try { \n let response = await new ApiService().delete(ApiPath.REMOVE_ADMIN_ENDPOINT.replace(':id', id));\n if (ResponseUtil.isOK(response)) {\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(`AdminService | Error while attempting to remove admin. response: ${error}`);\n return false;\n }\n }\n};","export default class Admin {\n\n constructor(firstName, lastName, email, mobile, title, role, school){\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n this.mobile = mobile;\n this.title = title;\n this.role = role;\n this.school = school;\n }\n\n getFirstName() {\n return this.firstName;\n }\n\n setFirstName(firstName){\n this.firstName = firstName;\n }\n\n getLastName() {\n return this.lastName;\n }\n\n setLastName(lastName){\n this.lastName = lastName;\n }\n\n getEmail() {\n return this.email;\n }\n\n setEmail(email){\n this.email = email;\n }\n\n getMobile() {\n return this.mobile;\n }\n\n setMobile(mobile){\n this.mobile = mobile;\n }\n\n getTitle() {\n return this.title;\n }\n\n setTitle(title){\n this.title = title;\n }\n\n getRole() {\n return this.role;\n }\n\n setRole(role){\n this.role = role;\n }\n\n getSchool() {\n return this.school;\n }\n\n setSchool(school){\n this.school = school;\n }\n\n toString(){\n return JSON.stringify(this);\n }\n}","import React, { useState, useEffect } from \"react\";\nimport Select from \"react-select\";\nimport { Modal, Alert, Button, Spinner } from \"react-bootstrap\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport Admin from \"./../../../../payloads/Admin\";\nimport StringUtils from \"./../../../../utils/StringUtils\";\nimport LimespringUtils from \"../../../../utils/LimespringUtils\";\nimport SchoolService from \"./../../../../services/SchoolService\";\nimport AdminService from \"./../../../../services/AdminService\";\n\nconst AdminModal = props => {\n const { show, onHide, admin, schools } = props;\n\n const [alertShow, setAlertShow] = useState(false);\n const [showFailedAlert, setShowFailedAlert] = useState(false);\n const [showSuccess, setShowSuccess] = useState(false);\n const [dataInTransit, setDataInTransit] = useState(false);\n\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [mobile, setMobile] = useState(\"\");\n const [title, setTitle] = useState(\"\");\n const [school, setSchool] = useState(null);\n const [role, setRole] = useState(null);\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n\n const [showCredentialsReset, setShowCredentialsReset] = useState(false);\n const [rolesSelectOptions, setRolesSelectOptions] = useState([\n { value: \"0\", label: \"Admin\" },\n { value: \"1\", label: \"SuperAdmin\" }\n ]);\n\n const [disableSchool, setDisableSchool] = useState(false);\n\n const [emailError, setEmailError] = useState(\"\");\n\n const [successMessage, setSuccessMessage] = useState(\n \"Administrator created successfully\"\n );\n const [wrongInputMessage, setWrongInputMessage] = useState(\n \"All fields are required. Please review.\"\n );\n const failedResponseMessage =\n \"There was a problem creating administrator. Please try again.\";\n\n useEffect(() => {\n setFirstName(admin ? admin.firstName : ``);\n setLastName(admin ? admin.lastName : ``);\n setEmail(admin ? admin.email : ``);\n setMobile(admin ? admin.mobile : ``);\n setTitle(admin ? admin.title : ``);\n setSchool(admin && admin.schools && admin.schools.length > 0 ? admin.schools[0] : ``);\n setRole(admin ? admin.role : ``);\n }, [admin]);\n\n const resetAndHide = () => {\n setShowCredentialsReset(false);\n resetFlags();\n resetFields();\n onHide();\n };\n\n const resetFields = () => {\n setFirstName(\"\");\n setLastName(\"\");\n setEmail(\"\");\n setMobile(\"\");\n setTitle(\"\");\n setSchool(null);\n setRole(null);\n setPassword(\"\");\n setConfirmPassword(\"\");\n setShowCredentialsReset(false);\n setEmailError(\"\");\n }\n\n const getAdminRole = () => {\n if (!admin) {\n return ``;\n }\n return rolesSelectOptions.find(role => role.label === admin.role);\n };\n\n const resetFlags = () => {\n setAlertShow(false);\n setDataInTransit(false);\n setShowSuccess(false);\n\n //reset password fields\n setPassword(\"\");\n setConfirmPassword(\"\");\n };\n\n const validateForm = () => {\n if (\n StringUtils.isEmpty(firstName) ||\n StringUtils.isEmpty(lastName) ||\n StringUtils.isEmpty(email) ||\n StringUtils.isEmpty(role)\n ) {\n setWrongInputMessage(\"All fields are required. Please review.\");\n return false;\n }\n //admin must always be associated to a school\n if (role.label === \"Admin\") {\n if (StringUtils.isEmpty(school)) {\n setWrongInputMessage(\"Please select school for new administrator.\");\n return false;\n }\n }\n if (!validateEmail(email)) {\n setWrongInputMessage(\"Invalid email format. Please enter a valid email.\");\n return false;\n }\n return true;\n };\n\n const updateAdminPassword = async () => {\n setDataInTransit(true);\n let payload = { password: password, confirm: confirmPassword };\n let success = await AdminService.regenerateCredentials(admin.id, payload);\n setDataInTransit(false);\n if (!success) {\n setShowFailedAlert(true);\n return;\n }\n setSuccessMessage(\"Account updated successfully\");\n setShowSuccess(true);\n };\n\n const updateAdmin = async e => {\n e.preventDefault();\n\n //check if password has been updated\n if (showCredentialsReset) {\n return updateAdminPassword();\n }\n\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Admin(\n firstName,\n lastName,\n email,\n mobile,\n title,\n role.label,\n school ? school.value : ``\n );\n let success = await AdminService.update(admin.id, payload);\n setDataInTransit(false);\n if (success) {\n setSuccessMessage(\"Administrator updated successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const addNewAdmin = async e => {\n e.preventDefault();\n resetFlags();\n if (validateForm()) {\n setDataInTransit(true);\n let payload = new Admin(\n firstName,\n lastName,\n email,\n mobile,\n title,\n role.label,\n school && role.label === 'Admin'? school.value : ``\n );\n let success = await AdminService.create(payload);\n setDataInTransit(false);\n if (success) {\n setSuccessMessage(\"Administrator created successfully\");\n setShowSuccess(true);\n } else {\n setShowFailedAlert(true);\n }\n } else {\n setAlertShow(true);\n return;\n }\n };\n\n const showSchoolsSelect = () => {\n if (schools) {\n const schoolOptions = schools.map(school => {\n return { value: school.id, label: school.title };\n });\n const defaultSchool = admin\n ? schoolOptions.find(school => school.value === admin.schools[0])\n : ``;\n\n return (\n \n
\n \n \n
\n\n \n setShowCredentialsReset(true)}\n >\n
\n \n First Name (*)\n setFirstName(e.target.value)}\n />\n
\n \n Last Name (*)\n setLastName(e.target.value)}\n />\n
\n \n Email (*)\n
\n \n Mobile (optional)\n setMobile(e.target.value)}\n />\n
\n \n Title (optional)\n setTitle(e.target.value)}\n />\n
\n \n Role (*)\n populateRole(selectedOption)}\n options={rolesSelectOptions}\n className=\"w-50\"\n isClearable={true}\n />\n
\n \n School (*)\n {showSchoolsSelect()}\n
\n (*) Required\n \n setShowCredentialsReset(false)}\n >\n
\n \n New Password\n setPassword(e.target.value)}\n />\n
\n \n Confirm Password\n setConfirmPassword(e.target.value)}\n />\n
\n \n \n\n \n
\n \n
\n \n editAdmin(row.id)}\n >\n showDeleteWarning(row.id)}\n >\n
\n );\n }\n }\n ];\n\n const adminsData = admins.map(admin => {\n return {\n id: admin.id,\n fullName: admin.fullName,\n email: admin.email,\n mobile: admin.mobile,\n role: admin.role,\n schools: admin.schools,\n status: admin.status\n };\n });\n\n return (\n \n \n
\n )}\n \n hideAndRefreshData()}\n admin={currentAdmin}\n schools={schools}\n />\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n
\n );\n};\n\nexport default AdminPanel;\n","import React, { useState, useEffect } from \"react\";\nimport { Button, Alert, Badge, ListGroup, OverlayTrigger, Tooltip, Spinner } from \"react-bootstrap\";\nimport Steps, { Step } from 'rc-steps';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport CourseService from \"../../../../../services/CourseService\";\nimport ProfileService from \"./../../../../../services/ProfileService\";\nimport ConfirmDeleteModal from \"../../../../widgets/modals/instructor/ConfirmDeleteModal\";\nimport DateUtils from \"./../../../../../utils/DateUtils\";\nimport ReactHtmlParser from \"react-html-parser\";\n\nimport \"./panels.css\";\n\nconst CoursePanel = props => {\n\n const { SearchBar } = Search;\n const { showDrawer, reload } = props;\n\n const [courses, setCourses] = useState(null);\n const [currentCourse, setCurrentCourse] = useState(null);\n\n const [showWarningModal, setShowWarningModal] = useState(false);\n const [showError, setShowError] = useState(false);\n const [errorMessage, setErrorMessage] = useState(\"\");\n const [showSuccess, setShowSuccess] = useState(false);\n const [successMessage, setSuccessMessage] = useState(\"\");\n\n useEffect(() => {\n document.title = \"LimeSpring Portal - Courses\";\n (async () => {\n setCourses(await CourseService.getAllFromRemote());\n })();\n }, [reload]);\n\n const proceedDelete = () => {\n setShowWarningModal(false);\n deleteCourse();\n };\n\n const showDeleteWarning = id => {\n if (!checkIsEditable(id)) { return; }\n setCurrentCourse(\n courses.find(course => {\n return id === course.id;\n })\n );\n setShowWarningModal(true);\n };\n\n const deleteCourse = async () => {\n const succeeded = await CourseService.remove(currentCourse.id);\n if (succeeded) {\n setSuccessMessage(\"Successfuly removed course.\");\n setShowSuccess(true);\n setCourses(await CourseService.getAllFromRemote());\n setCurrentCourse(null);\n } else {\n setErrorMessage(\"Error while trying to remove course. Please try again\");\n setShowError(true);\n }\n };\n\n const edit = id => {\n if (!checkIsEditable(id)) { return; }\n const course = courses.find(c => { return id === c.id; })\n showDrawer(course);\n };\n\n const clone = async id => {\n const course = courses.find(c => { return id === c.id; })\n const success = await CourseService.clone(course);\n if (!success) {\n setErrorMessage(\"Error while trying to clone course. Please try again\");\n setShowError(true);\n } else {\n setSuccessMessage(\"Successfuly cloned course.\");\n setShowSuccess(true);\n }\n setCourses(await CourseService.getAllFromRemote());\n };\n\n const checkIsEditable = (id) => {\n if (!id) { return true; }\n const profile = ProfileService.get();\n if (profile.role === 'Instructor' && courses && courses.length > 0) {\n const course = courses.find(c => c.id === id);\n if (course && course.createdBy !== (profile.firstName + ' ' + profile.lastName)) {\n return false;\n }\n }\n return true;\n }\n\n const renderCourses = () => {\n\n if (!courses) { return \n \n
\n \n
\n\n \n
\n \n \n setShowProgressAlert(false)}\n dismissible\n >\n setShowFailedAlert(false)}\n dismissible\n >\n setShowSucceedAlert(false)}\n dismissible\n >\n
\n\n {renderAdmins()}
\n \n {row.title} \n \n {row.description && row.description !== \"\" ? (\n ReactHtmlParser(row.description)\n ) : (\n
;\n }\n },\n {\n dataField: \"schools\",\n text: \"Schools\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n \n
\n )}\n \n }\n >\n \n {row.schools && row.schools.length > 0 ? (\n row.schools.map((school, index) => {\n return (\n \n {school.title}\n \n );\n })\n ) : (\n - No School Assigned -\n )}\n
\n );\n }\n },\n {\n dataField: \"createdBy\",\n text: \"Created By\",\n headerAlign: \"center\",\n align: \"center\"\n },\n {\n dataField: \"units\",\n text: \"Units\",\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"100px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n \n {row.units ? row.units.length : 0} \n
\n );\n }\n },\n {\n dataField: \"status\",\n text: \"\",\n headerClasses: \"panel-status-row-3items\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n\n const isEditable = checkIsEditable(row.id);\n\n return (\n \n edit(row.id)}\n title={isEditable ? \"Edit Course\" : \"Editing not allowed (Clone first)\"}\n disabled={!isEditable}\n >\n clone(row.id)}\n title=\"Clone Course\"\n >\n showDeleteWarning(row.id)}\n title={isEditable ? \"Remove Course\" : \"Removing not allowed\"}\n disabled={!isEditable}\n >\n {\" \"}\n
\n );\n }\n }\n ];\n\n const coursesData = courses.map(course => {\n return {\n id: course.id,\n description: course.description,\n title: course.title,\n units: course.units,\n status: course.status,\n lastUpdated: DateUtils.getCurrentDateTime(course.updatedAt),\n createdBy: course.createdBy,\n schools: course.schools\n };\n });\n\n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n renderer: row => (\n \n\n
\n )\n };\n\n return (\n \n Units Included:\n \n {row.units && row.units.length > 0 ? (\n \n {\n row.units.map(unit => {\n return \n ) : (\n \n \n )}\n \n
\n \n \n
\n )}\n \n );\n };\n\n return (\n \n setShowError(false)}\n >\n {errorMessage}\n \n\n setShowSuccess(false)}\n >\n {successMessage}\n \n\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n
\n );\n};\n\nexport default CoursePanel;\n","import React from 'react';\nimport * as Icons from 'react-bootstrap-icons';\nimport './toolbar.css';\n\nconst ToolbarItem = (props) => {\n\n const {name} = props;\n\n const onDragStart = (e) => {\n e.target.style.cursor = 'dragging';\n e.dataTransfer.setData(\"type\", name);\n }\n\n const displayIcon = () => {\n switch(name){\n case 'unit':\n return \n \n
\n \n
\n\n \n
\n \n {renderCourses()}
\n\n onDragStart(e)} className=\"toolbar-item\">\n {displayIcon()}\n {displayCategoryName()}\n
\n );\n}\n\n \nexport default ToolbarItem;","import React from 'react';\nimport * as Icons from 'react-bootstrap-icons';\nimport './toolbar.css';\n\nconst ToolbarButton = () => {\n return ( \n \n \n My Library\n
\n );\n}\n \nexport default ToolbarButton;","import React from 'react';\nimport * as Icons from 'react-bootstrap-icons';\nimport {Form} from 'react-bootstrap';\nimport ToolbarItem from './ToolbarItem';\nimport './toolbar.css';\nimport ToolbarButton from './ToolbarButton';\nimport ToolbarUpload from './ToolbarUpload';\nimport {Button} from 'react-bootstrap';\n\nconst Toolbar = () => {\n return ( \n \n \n
\n );\n}\n \nexport default Toolbar;","export default {\n height: \"100%\",\n width: \"100%\",\n autoResize: true,\n physics: { enabled: false },\n nodes: {\n fixed: false,\n borderWidth: 3,\n borderWidthSelected: 7,\n shadow: false,\n size: 60,\n shape: \"image\",\n shapeProperties: {\n useBorderWithImage: true\n },\n font: { color: \"#5b676f\", size: 24, face: \"Bitter\" }\n },\n edges: {\n smooth: false,\n dashes: false,\n length: 400,\n shadow: true\n },\n layout: {\n randomSeed: 3,\n improvedLayout: true,\n hierarchical: { enabled: false }\n },\n interaction: {\n multiselect: false\n },\n manipulation: {\n enabled: false,\n initiallyActive: false,\n\n addNode: function(nodeData, callback) {\n //onNodeAdd(nodeData, callback);\n },\n editNode: function(nodeData, callback) {\n //onNodeEdit(nodeData, callback);\n },\n deleteNode: function(data, callback) {\n callback(data)\n },\n addEdge: function(data, callback) {\n if(data.from === data.to) { return; }\n callback(data);\n },\n deleteEdge: function(edgeData, callback) {\n //onEdgeRemoved(edgeData, callback);\n }\n }\n};\n","import React from 'react';\nimport {Button} from 'react-bootstrap';\nimport * as Icons from 'react-bootstrap-icons';\nimport './lsnetwork.css';\n\nconst LSNodeDecorator = (props) => {\n\n const {id, unit, callback} = props;\n\n return ( \n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n { /*
\n \n \n \n \n
\n );\n}\n \nexport default LSNodeDecorator;","export default __webpack_public_path__ + \"static/media/default_exam_thumbnail.77962cb9.png\";","export default __webpack_public_path__ + \"static/media/default_workbook_thumbnail.5f5a716c.png\";","import LocalStorageService from \"./LocalStorageService\";\n\nexport default {\n\n getAll: () => {\n return LocalStorageService.get(\"plots\");\n },\n\n get: id => {\n return LocalStorageService.get(\"plots\").find(plot => plot._id === id);\n },\n\n getByCourseId: id => {\n return LocalStorageService.get(\"plots\").find(plot => plot.courseId === id); \n },\n\n savePlotUpdate: (id, plot) => {\n \n },\n\n update: id => {\n \n }\n};\n","import React, {useEffect, useState} from 'react';\nimport {Modal, Alert, Button, Spinner} from \"react-bootstrap\";\nimport * as Icons from 'react-bootstrap-icons';\nimport StringUtils from './../../../../utils/StringUtils';\nimport LectureService from './../../../../services/LectureService';\nimport MultiSelectPicker from \"../../pickers/MultiSelectPicker\";\nimport './modal.css';\n\n\nconst LectureModal = (props) => {\n\n const {show, onHide} = props;\n\n const [lectures, setLectures] = useState(null);\n\n useEffect(() => {\n if(!lectures) {\n setLectures(LectureService.getAll());\n }\n }, [lectures]);\n\n\n const showLectureSelector = () => {\n if(lectures) {\n return
\n \n
\n\n \n
\n Lecture Pool:
\n { showLectureSelector() }\n\n this.updateNodePositions()} onDoubleClick={(e) => this.clickedNode('someId')} onClick={(properties) => this.clicked(properties)}>\n {this.renderNodes()}\n {this.renderEdges()}\n \n {this.showModal()}\n
;\n }\n\n addLectures = (lectures) => {\n //let newNode = {id: 'lecture5', label: 'Lecture 5', group: 'unit2'};\n //setPlot({nodes: [...plot.nodes, newNode]});\n if(!lectures || lectures.length === 0) { return ''; }\n \n let nodes = lectures.map((lecture) => {\n return {id: lecture._id, label: lecture.title };\n });\n\n this.setState({show: false, plot: { nodes: [...this.state.plot.units[0].nodes, nodes] }});\n }\n\n showModal = () => {\n return onDragOver(e)} onDrop={(e) => onDrop(e)} onDragLeave={(e) => onDragLeave(e)}>\n
\n }\n\n return ( \n \n
\n );\n}\n \nexport default CourseBuilderView;","import LocalStorageService from \"./LocalStorageService\";\nimport AttemptService from \"./AttemptService\";\nimport ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\nimport Config from \"../config/Config\";\nimport ResponseUtil from \"../utils/ResponseUtil\";\n\nexport default {\n getAll: () => {\n return LocalStorageService.get(\"reports\") || [];\n },\n\n getAllFromRemote: async () => {\n if (Config.mockAPI) { return []; }\n const response = await new ApiService().get(ApiPath.GET_REPORTS_ENDPOINT);\n if(response && response.status === 200) { \n const { reports } = response.data;\n return reports;\n } \n return [];\n },\n\n get: id => {\n return LocalStorageService.get(\"reports\").find(report => report._id === id);\n },\n\n getFromServer: async (id) => {\n if (Config.mockAPI) { return true; }\n const response = await new ApiService().get(ApiPath.GET_REPORT_ENDPOINT.replace(':id', id));\n if(response && response.status === 200) { \n const { report } = response.data;\n return report;\n } \n return null;\n },\n\n getClassReportFromServer: async id => {\n if (Config.mockAPI) { return true; }\n const response = await new ApiService().get(ApiPath.GET_REPORT_BY_CLASSID_ENDPOINT.replace(':id', id));\n if(response && response.status === 200) { \n const { report } = response.data;\n return report;\n } \n return null;\n },\n\n getClassReport: async id => {\n const reports = LocalStorageService.get(\"reports\");\n return reports.find(report => {\n return report.class === id;\n });\n },\n\n getClassReportByStudentId: async (classId, studentId) => {\n if (Config.mockAPI) { return true; }\n const response = await new ApiService().get(ApiPath.GET_REPORT_BY_CLASSID_STUDENTID_ENDPOINT.replace(':id', classId).replace(':studentId', studentId));\n if(response && response.status === 200) { \n const { report } = response.data;\n return report;\n } \n return null;\n },\n\n getReportHistoryByStudentId: id => {\n const reports = LocalStorageService.get(\"reports\");\n let studentsReports = [];\n reports.forEach(report => {\n studentsReports = studentsReports.concat(report.students);\n });\n const studentReports = studentsReports.filter(studentReport => {\n return studentReport._id === id;\n });\n return studentReports;\n },\n\n getQuizReportByStudentId: async (classReport, studentId, quizId) => {\n\n const studentReport = classReport.studentLogs.find(studentReport => {\n return studentReport.userId === studentId;\n });\n \n let finalReport = studentReport.assessments.find(assessment => {\n return assessment._id === quizId;\n });\n\n if(!finalReport) return []\n\n const attemptIds = finalReport.attempts;\n //bring from server because it can be huge!\n const attempts = await AttemptService.getByIds(attemptIds);\n finalReport.attempts = attempts;\n\n if (studentReport) {\n finalReport.studentLogs = studentReport.studentLogs;\n } \n\n return finalReport;\n }\n};\n","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\n\nexport default {\n\n\n getChartByClassFromRemote: async (id) => {\n const response = await new ApiService().get(ApiPath.GET_CHART_CLASS_ENDPOINT.replace(':id', id));\n if(response && response.status === 200) { \n const { kpis } = response.data;\n return kpis;\n } \n return null;\n },\n\n getChartByClassAndStudentFromRemote: async (classId, studentId) => {\n const response = await new ApiService().get(ApiPath.GET_CHART_CLASS_STUDENT_ENDPOINT.replace(':classId', classId).replace(':studentId', studentId));\n if(response && response.status === 200) { \n const { kpis } = response.data;\n return kpis;\n } \n return null;\n }\n \n}","import LimespringUtils from \"./../utils/LimespringUtils\";\n\nexport default {\n\n /*************************************************** \n * Student Report Algorithm\n * 1. Find each student report\n * 2. Find all unit assessments (including quizzes)\n ****************************************************/\n getStudentsReport: (unit, students, report) => {\n if(!unit || !students || !report) return [];\n\n //get unit quizzes first!\n let unitQuizzes = []\n let unitLectures = []\n\n if(unit.lectures && unit.lectures.length > 0){\n const lectures = unit.lectures;\n if(lectures && lectures.length > 0){\n unitLectures = lectures;\n lectures.forEach(lecture => {\n const quizzes = lecture.assessments;\n if(quizzes && quizzes.length > 0){\n unitQuizzes = unitQuizzes.concat(quizzes);\n } \n });\n }\n }\n\n const studentsReport = students.map(student => {\n\n const studentReport = report.studentLogs.find(studentLog => {\n return studentLog.userId === student._id;\n });\n\n if(!studentReport) return null;\n \n const studentBookexamReport = studentReport.assessments.find(\n assessment => {\n return assessment.type === \"BOOKEXAM\" && assessment.status === 'TAKEN' && unit.assessments.find(ua => ua._id === assessment._id) != null;\n }\n );\n \n const studentWorkBookReport = studentReport.assessments.find(\n assessment => {\n return assessment.type === \"WORKBOOK\" && assessment.status === 'TAKEN' && unit.assessments.find(ua => ua._id === assessment._id) != null;\n }\n );\n\n const studentAssignmentReport = studentReport.assessments.find(\n assessment => {\n return assessment.type === \"ASSIGNMENT\" && unit.assessments.find(ua => ua._id === assessment._id) != null;\n }\n );\n\n const studentPlacementExamReport = studentReport.assessments.find(\n assessment => {\n return assessment.type === \"PLACEMENT_EXAM\" && assessment.status === 'TAKEN' && unit.assessments.find(ua => ua._id === assessment._id) != null;\n }\n );\n\n const studentAllQuizReports = studentReport.assessments.filter(\n assessment => {\n return assessment.type === \"QUIZ\" && assessment.status === 'TAKEN' && unitQuizzes.find(uq => uq._id === assessment._id) != null;\n }\n );\n\n const studentTakenQuizReports = studentAllQuizReports.filter(assessment => {\n return assessment.status === \"TAKEN\";\n });\n \n const studentTotalScoreAwarded = studentTakenQuizReports.map(studentTakenQuizReport => {\n return studentTakenQuizReport.bestScore; \n }).reduce((a, b) => a + b, 0);\n\n const studentScore = (studentTotalScoreAwarded / unitQuizzes.length).toFixed(1);\n\n let allQuizzesInUnit = [];\n unit.lectures.forEach(ul => allQuizzesInUnit = allQuizzesInUnit.concat(ul.assessments.filter(a => a.type === \"QUIZ\")));\n\n const quizHistory = studentAllQuizReports.map(studentQuizReport => {\n \n const quiz = allQuizzesInUnit.find(q => q._id === studentQuizReport._id);\n \n studentQuizReport.quiz = quiz;\n \n const lecture = unitLectures.find(unitLecture => {\n return unitLecture.assessments.find(assessment => {\n return assessment._id === quiz._id;\n });\n });\n\n //TODO consider all attempts\n studentQuizReport.stars = (studentQuizReport.bestScore * 5 / 100).toFixed(1)\n \n if (lecture) {\n studentQuizReport.lectureTitle = lecture.title;\n }\n \n return studentQuizReport;\n });\n\n //show undone quizzes!\n allQuizzesInUnit.forEach(quizInUnit => {\n const foundQuiz = studentAllQuizReports.find(studentQuizReport => quizInUnit._id === studentQuizReport._id)\n if(!foundQuiz){\n const lecture = unitLectures.find(unitLecture => {\n return unitLecture.assessments.find(assessment => {\n return assessment._id === quizInUnit._id;\n });\n });\n\n quizHistory.push({\n quiz: quizInUnit,\n stars: 0,\n lectureTitle: lecture ? lecture.title : 'N/A',\n attempts: [],\n bestScore: 0,\n bestTimeTrigger: 0,\n status: \"PENDING\",\n type: \"QUIZ\",\n _id: quizInUnit._id\n });\n }\n });\n\n let quizAttemptIds = [];\n if(studentTakenQuizReports && studentTakenQuizReports.length > 0){\n studentTakenQuizReports.forEach(str => {\n const _attempts = str.attempts;\n if(_attempts && _attempts.length > 0){\n quizAttemptIds = quizAttemptIds.concat(_attempts)\n } \n });\n }\n\n return {\n id: student._id,\n fullName: LimespringUtils.getUserFullName(student),\n examId: studentBookexamReport ? studentBookexamReport._id : '',\n examAttemptId: studentBookexamReport ? studentBookexamReport.attempts : '',\n placementExamId: studentPlacementExamReport ? studentPlacementExamReport._id : '',\n placementExamAttemptId: studentPlacementExamReport ? studentPlacementExamReport.attempts : '',\n placementExamScore: studentPlacementExamReport ? studentPlacementExamReport.bestScore.toFixed(1) : 0,\n examScore: studentBookexamReport ? studentBookexamReport.bestScore.toFixed(1) : 0,\n workbookId: studentWorkBookReport ? studentWorkBookReport._id : '',\n workbookAttemptId:studentWorkBookReport ? studentWorkBookReport.attempts : '',\n workbookScore: studentWorkBookReport ? studentWorkBookReport.bestScore.toFixed(1) : 0,\n assignmentAttemptId: studentAssignmentReport ? studentAssignmentReport._id : '',\n quizzesCompleted:studentTakenQuizReports.length + '/' + unitQuizzes.length,\n quizAttemptIds: quizAttemptIds,\n averageStars: studentScore * 5 / 100,\n history: quizHistory,\n overallPerformance: studentReport.overallPerformance || \"-\",\n overallEffort: studentReport.overallEffort || \"-\",\n confidence: \"-\",\n assignmentScore:\"-\"\n };\n });\n \n return studentsReport;\n }\n };","import React, { useState } from \"react\";\nimport { useEffect } from \"react\";\nimport ReportUtils from '../../../../utils/ReportUtils';\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport \"./../reports.css\";\n\nconst StudentsPerformanceTable = props => {\n\n const { report, units, students, onStudentClicked} = props;\n\n const [unitSelected, setUnitSelected] = useState(null);\n\n useEffect(() => {\n if(report && units && units.length > 0){\n setUnitSelected(units[0]);\n };\n }, [report, students]);\n\n \n\n const populateSelectData = () => {\n return units.map((u) => {\n return (\n \n );\n }); \n };\n\n const selectHandler = (e) => {\n const unitId = e.target.value;\n setUnitSelected(units.find(u => u._id === unitId));\n }\n\n const getColumns = () => {\n const columns = [\n {\n dataField: \"fullName\",\n text: \"Student Name\",\n sort: true,\n sortFunc: (a, b, order, dataField) => {\n let _a_lastname = a.trim().split(\" \")[1] || \"\";\n let _b_lastname = b.trim().split(\" \")[1] || \"\";\n if(order === 'asc'){\n if(_a_lastname > _b_lastname) { return 1; }\n } else if (order === 'desc'){\n if(_a_lastname < _b_lastname) { return -1; }\n } \n return 0;\n },\n headerAlign: \"center\",\n align: \"center\",\n headerStyle: (column, colIndex) => {\n return { width: \"200px\", textAlign: \"center\" };\n },\n formatter: (cellContent, row) => {\n return (\n onStudentClicked(row.id)}>\n {row.fullName}\n \n );\n }\n }];\n\n\n if (unitSelected && unitSelected.assessments) {\n if (unitSelected.assessments.some(a => a.type === \"PLACEMENT_EXAM\")) {\n columns.push({\n dataField: \"placementexam\",\n text: \"Placement Exam\",\n headerAlign: \"center\",\n align: \"center\"\n });\n }\n }\n columns.push({\n dataField: \"homework\",\n text: \"Homework\",\n headerAlign: \"center\",\n align: \"center\"\n });\n \n \n\n if (unitSelected && unitSelected.assessments) {\n if (unitSelected.assessments.some(a => a.type === \"WORKBOOK\")) {\n columns.push({\n dataField: \"workbook\",\n text: \"Workbook\",\n headerAlign: \"center\",\n align: \"center\"\n });\n }\n if (unitSelected.assessments.some(a => a.type === \"BOOKEXAM\")) {\n columns.push({\n dataField: \"exam\",\n text: \"Exam\",\n headerAlign: \"center\",\n align: \"center\"\n });\n }\n \n }\n return columns;\n\n }\n\n const renderStudentsTable = () => {\n\n if (!report && !unitSelected && !students) return <>;\n\n const columns = getColumns();\n\n const fullReports = ReportUtils.getStudentsReport(unitSelected, students, report);\n\n const studentData = fullReports.map(r => {\n return {\n id: r.id,\n fullName: r.fullName,\n homework: r.quizzesCompleted,\n workbook: r.workbookScore,\n exam: r.examScore,\n placementexam: r.placementExamScore,\n performance: r.overallPerformance,\n effort: r.overallEffort,\n confidence: r.confidence\n };\n });\n\n return (\n \n { renderNetwork() }\n
\n \n \n \n \n \n Units\n \n \n Courses\n \n \n \n
\n \n
\n )}\n \n );\n }\n\n\n return (\n \n
\n );\n};\n\nexport default StudentsPerformanceTable;\n","import React, {useEffect} from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport options from './../configuration/students_units_chart_config.json';\n\nconst StudentsUnitsCompletedChart = (props) => {\n\n const {report, units, students} = props;\n\n useEffect(()=>{}, [report, units]);\n\n const COLUMN_BACKGROUND_COLOR = 'rgba(119,204,225,1)';\n const COLUMN_BORDER_COLOR = 'rgba(119,204,225,1)';\n\n const fetchData = () => {\n if(!report || !units || units.length === 0) return { labels: [], datasets: [] };\n\n const buildDataSets = () => {\n const dataSet = {\n label: '% of Students with Module Completed',\n data: [],\n backgroundColor: [],\n borderColor: [],\n borderWidth: 1\n };\n\n //populate dataset (respect units order)!\n const studentsReports = report.studentLogs;\n if(!studentsReports || studentsReports.length === 0) return {};\n if(!students || students.length === 0) return {};\n \n for(const u of units) {\n let completedTotal = 0;\n studentsReports.forEach(studentReport => {\n const reportUnits = studentReport.units;\n if(!reportUnits) return;\n const reportUnit = reportUnits.find(ru => ru._id === u._id);\n if(!reportUnit) return;\n if(reportUnit.status === 'COMPLETED') completedTotal++;\n });\n\n dataSet.data.push((completedTotal/students.length) * 100);\n dataSet.backgroundColor.push(COLUMN_BACKGROUND_COLOR);\n dataSet.borderColor.push(COLUMN_BORDER_COLOR);\n };\n\n return [dataSet]; //only 1 dataset expected!\n }\n\n return {\n labels: units.map(u => u.title) || [], \n datasets: buildDataSets()\n };\n }\n\n return (\n \n \n
\n \n {renderStudentsTable()}\n
\n \n
\n );\n}\n \nexport default StudentsUnitsCompletedChart;","import ApiService from \"./ApiService\";\nimport ApiPath from \"../utils/ApiPath\";\n\nexport default {\n\n getByClassAndStudentFromRemote: async (classId, studentId) => {\n const response = await new ApiService().get(ApiPath.GET_KPI_CLASS_STUDENT_ENDPOINT.replace(':classId', classId).replace(':studentId', studentId));\n if(response && response.status === 200) { \n const { kpi } = response.data;\n return kpi;\n } \n return null;\n },\n}","import React, {useState} from 'react';\nimport MathDisplayField from './MathDisplayField';\n\nconst ReportDynamicMathField = (props) => {\n \n const {showEditAnswerField=false, dynamic=false, selectedAnswer='', onBlur, onSubmit} = props;\n\n const [inputValue, setInputValue] = useState('');\n\n const onInputBlur = () => {\n onBlur();\n }\n\n const checkEnterKeyPressed = (e) => {\n if(e.which === 13){\n e.preventDefault();\n onSubmit(inputValue);\n }\n }\n\n return (\n <>\n {\n showEditAnswerField && dynamic ? \n setInputValue(e.target.value)}\n onBlur={() => onInputBlur()}\n onKeyPress={(e) => checkEnterKeyPressed(e)}/>\n : \n | Question Number | \nAttempts | \nGiven Answer(s) | \nCorrect Answer(s) | \nHint Viewed | \nExplanation Viewed | \nStatus | \n
|---|
{quiz ? quiz.title : \"N/A Quiz\"}
\n\n \n a._id === currentAttempt?._id) \n : \"\"\n }\n onChange={e => {\n const selectedAttemptIndex = parseInt(e.target.value, 10);\n setCurrentAttempt(report.attempts[selectedAttemptIndex]);\n }}\n >\n {populateAttempts()}\n \n \n \n
\n \n {createStudentAnswersTable()}\n decoratedOnClick()}>\n
\n );\n}\n \nexport default AccordionToggle;","import React, {useState} from 'react';\nimport Rater from \"react-rater\";\nimport {Button, Accordion, Card, Table, OverlayTrigger, Tooltip, Spinner, Badge} from \"react-bootstrap\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport LtiService from \"./../../../../services/LtiService\";\nimport DeepLinking from \"./../../../../utils/DeepLinking\";\nimport AssessmentService from \"./../../../../services/AssessmentService\";\nimport AttemptService from \"./../../../../services/AttemptService\";\nimport ReportUtils from \"./../../../../utils/ReportUtils\";\nimport checkIcon from \"./../../../../images/check.svg\";\nimport QuestionAssessmentsModal from \"../../modals/instructor/QuestionAssessmentsModal\";\nimport AccordionToggle from '../../../widgets/accordion/AccordionToggle';\nimport './../reports.css'\n\nconst StudentUnitScoresTable = (props) => {\n\n const { report, selectedClass, student, units, reloadReport} = props;\n\n const [showQuestionModal, setShowQuestionModal] = useState(false);\n const [tempReport, setTempReport] = useState(report);\n const [currentQuiz, setCurrentQuiz] = useState(null);\n\n const openAssessmentModal = async (quizId) => {\n setCurrentQuiz(await AssessmentService.getFromRemote(quizId));\n setShowQuestionModal(true);\n };\n\n const openQuizModal = (quiz) => {\n setCurrentQuiz(quiz);\n setShowQuestionModal(true);\n };\n\n const onHideQuestionAssessmentModal = (r) => {\n setTempReport(r);\n setShowQuestionModal(false);\n \n }\n\n const openIde = (assignmentAttemptId) => {\n window.open(DeepLinking.STUDENT.ASSIGNMENT_VIEW.replace(\":id\", assignmentAttemptId),'targetWindow', `toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=900,height=600`);\n }\n\n const modifyAttempt = async (attempt, answerId) => {\n if(attempt) {\n \n //get the answer and modify it!\n const answer = attempt.answers.find(a => a._id === answerId);\n if(answer){\n const correctChoiceIds = answer.correctChoiceIds;\n //get last attempt and modify it!\n const attempt = answer.attempts[answer.attempts.length - 1];\n if(attempt){\n attempt.isCorrect = true;\n attempt.selectedChoiceIds = correctChoiceIds;\n }\n }\n \n const updated = await AttemptService.update(attempt);\n //if(updated) reloadReport();\n }\n }\n\n const removeAttempt = async (userId, ids, assessmentType) => {\n const updated = await AttemptService.remove(userId, ids, assessmentType);\n setShowQuestionModal(false);\n if(updated) reloadReport();\n }\n\n const createHistoryRows = row => {\n if(!row.history || row.history.length === 0) { \n return \n
\n \n {header}\n
\n \n \n \n
\n
\n );\n };\n\n const createStudentTable = (data, unit) => {\n if (!student) { return \"\"; }\n\n const columns = [];\n\n if (unit.assessments.some(a => a.type === \"PLACEMENT_EXAM\")) {\n columns.push(\n {\n dataField: \"placementExamScore\",\n text: \"Placement Exam %\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n | Quiz | \nLecture | \nBest Score | \nAttempts | \nStars | \nTaken | \nClaimed Correct | \n\n |
|---|
\n {row.placementExamScore} \n \n
\n );\n }\n });\n }\n\n columns.push(\n {\n dataField: \"quizzesCompleted\",\n text: \"Quizzes Completed\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.quizzesCompleted}\n
\n );\n }\n },\n {\n dataField: \"averageStars\",\n text: \"Average Stars\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n
\n );\n }\n });\n\n if (unit.assessments.some(a => a.type === \"ASSIGNMENT\")) {\n columns.push(\n {\n \n dataField: \"assignmentScore\",\n text: \"Assignment\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.assignmentScore}\n
\n );\n }\n });\n } \n \n\n if (unit.assessments.some(a => a.type === \"WORKBOOK\")) {\n columns.push({\n dataField: \"workbookScore\",\n text: \"Workbook %\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.workbookScore} \n {\n row.workbookAttemptId === '' ? \n \"\"\n : \n \n }\n
\n );\n }\n });\n }\n \n \n if (unit.assessments.some(a => a.type === \"BOOKEXAM\")) {\n columns.push({\n dataField: \"examScore\",\n text: \"Exam %\",\n headerAlign: \"center\",\n align: \"center\",\n formatter: (cellContent, row) => {\n return (\n \n {row.examScore} \n {\n row.examAttemptId === '' ? \n row.assignmentAttemptId !== '' ? : \"\"\n : \n \n }\n
\n );\n }\n });\n } \n const expandRow = {\n showExpandColumn: true,\n expandByColumnOnly: true,\n onlyOneExpanding: true,\n renderer: row => createStudentQuizzesHistoryTable(row)\n };\n \n return (\n \n
\n )}\n \n );\n };\n\n const populateStudentAccordionTab = () => {\n if(!tempReport || !units || !student){\n return <>\n }\n \n return units.map(unit => {\n \n const data = ReportUtils.getStudentsReport(unit, [student], tempReport)\n \n return (\n \n \n \n \n \n \n {createStudentTable(data, unit)} \n \n \n
\n );\n });\n };\n\n return (\n <>\n \n
\n );\n}\n \nexport default StudentVideoToQuizTimeChart;","import React, {useState, useEffect} from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport options from '../configuration/student_quiz_attempts_chart_config';\n\nconst StudentQuizAttemptsChart = (props) => {\n\n const { report, student, units } = props;\n\n const DEFAULT_QUIZZES_TOTAL = 4;\n const DEFAULT_QUIZZES_BG_COLOR = ['rgba(0, 121, 224, 1.0)', 'rgba(33, 179, 202, 1.0)', 'rgba(182, 196, 40, 1.0)', 'rgba(247, 204, 77, 1.0)'];\n\n const [labels, setLabels] = useState([]);\n const [selectedUnit, setSelectedUnit] = useState(null);\n const [unitLectures, setUnitLectures] = useState(null);\n const [studentReport, setStudentReport] = useState(null);\n\n //override here since JSON does not support function definitions\n options.plugins.tooltip.callbacks.label = (context) => {\n let label = `${context.dataset.label} - ${context.raw.quiz}: ${context.parsed.y} - Attempts: ${context.raw.attempts}`;\n return label;\n }\n\n useEffect(() => {\n if(report) {\n setStudentReport(report.studentLogs[0]);\n }\n }, []);\n\n useEffect(() => {\n if(units){\n let unit = units[0];\n if(!selectedUnit) setSelectedUnit(unit);\n }\n }, [student]);\n\n useEffect(() => {\n if(selectedUnit && selectedUnit.lectures){\n setUnitLectures(selectedUnit.lectures);\n setLabels(selectedUnit.lectures.map(l => l.title)); \n }\n }, [selectedUnit]);\n\n const getDataSetForAllLectures = (quizIndex) => {\n if(!unitLectures || unitLectures.length === 0) return [];\n const quizzesData = [];\n unitLectures.forEach(lecture => {\n let bestScoreForQuiz = 0;\n let attemptsForQuiz = 0;\n let quizName = '';\n if(lecture && lecture.assessments && lecture.assessments.length > 0){\n //TODO make sure these are in order!\n const quizzes = lecture.assessments;\n if(quizzes && quizzes.length > 0 && quizIndex <= quizzes.length){\n const quiz = quizzes[quizIndex - 1];\n if(quiz) quizName = quiz.title;\n const quizLog = studentReport.assessments.find(a => { return a._id === quiz._id} );\n if(quizLog) {\n bestScoreForQuiz = quizLog.bestScore;\n attemptsForQuiz = quizLog.attempts ? quizLog.attempts.length : 0;\n }\n }\n }\n quizzesData.push({label: lecture.title, quiz: quizName, score: bestScoreForQuiz, attempts: attemptsForQuiz});\n });\n return quizzesData;\n }\n\n const getDataSets = () => {\n let datasets = [];\n for (let i = 0; i < DEFAULT_QUIZZES_TOTAL; i++) {\n const data = getDataSetForAllLectures(i + 1)\n datasets.push({\n label: `Quiz ${i + 1}`,\n data: data,\n backgroundColor: DEFAULT_QUIZZES_BG_COLOR[i]\n });\n }\n return datasets;\n }\n\n const data = {\n labels: labels,\n datasets: getDataSets(),\n };\n\n const selectHandler = (e) => {\n const unitId = e.target.value;\n setSelectedUnit(units.find(u => u._id === unitId));\n }\n\n const unitSelect = () => {\n if(!units){return <>}\n return (\n \n );\n };\n \n return (\n {unitSelect()}
\n \n
\n );\n}\n \nexport default StudentQuizAttemptsChart;","import React from \"react\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport * as Icons from 'react-bootstrap-icons';\nimport \"./confirmdeletemodal.css\";\n\nconst ConfirmResetModal = props => {\n const { show, onHide, onCancel, onProceed } = props;\n\n return (\n {unitSelect()}
\n \n
\n \n Are you sure you want to reset this student's gradebook?
\n This operation cannot be undone.\n
\n \n \n
\n
\n }\n\n const getLessonsRows = (lectureMetrics) => {\n if(!lectureMetrics) return <>;\n return lectureMetrics.map((lmetric, i) => {\n let lectureWatchKPI = lmetric.indicators.find(indicator => { return indicator.type === 'EFFORT' && indicator.kpi === 'LECTURE_WATCH' }) || 0;\n let videoToQuizTimeKPI = lmetric.indicators.find(indicator => { return indicator.type === 'EFFORT' && indicator.kpi === 'VIDEO_TO_QUIZ_TIME' }) || 0;\n let quizScoreKPI = lmetric.indicators.find(indicator => { return indicator.type === 'EFFORT' && indicator.kpi === 'QUIZ_SCORE' }) || 0;\n let totalPoints = lectureWatchKPI.effort + videoToQuizTimeKPI.effort + quizScoreKPI.effort;\n let totalEffort = lectureWatchKPI.effort*.5 + videoToQuizTimeKPI.effort*.25 + quizScoreKPI.effort*.25;\n \n return Class Metrics
\n | LECTURE_WATCH (50%) | \nVIDEO_TO_QUIZ_TIME (25%) | \nQUIZ_SCORE (25%) | \nTotal Points | \nEffort | \n \n \n {getCourseTotals()}\n \n
|---|
\n \n \n
\n
\n }\n\n const renderKpi = () => {\n if (!kpi) return <>;\n return <>\n {getCourseRows()}\n { kpi.metrics.map((unitMetric, i) => {\n return getUnitRows(unitMetric, i)\n })\n }\n \n };\n\n const renderStats = () => {\n if(!kpi) return <>;\n\n const metrics = getCourseMetrics();\n\n return Module {index + 1} Metrics
\n | \n | LECTURE_WATCH | \nVIDEO_TO_QUIZ_TIME | \nQUIZ_SCORE | \nTotal Points | \nEffort | \n \n \n {getLessonsRows(unitMetric.lectureMetrics)}\n {getModuleRow(unitMetric.lectureMetrics)}\n \n
|---|
\n
;\n }\n\n return (\n Overall Effort: {metrics.effortTotal}
\n Overall Performance: {kpi.performance ? kpi.performance.toFixed(2) : 0}
\n {modalTitle}
\n\n {renderStats()}\n {renderKpi()}\n
\n\n \n \n
\n );\n}\n \nexport default ScatterChart;","import React, { useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from \"uuid\";\nimport Config from '../../../../config/Config';\nimport { Accordion, Card, Dropdown, Spinner, Button, Badge } from \"react-bootstrap\";\nimport Drawer from \"../../../widgets/drawer/Drawer\";\nimport ReportService from \"../../../../services/ReportService\";\nimport CourseService from \"../../../../services/CourseService\";\nimport StudentService from \"../../../../services/StudentService\";\nimport ClassService from \"../../../../services/ClassService\";\nimport LtiService from \"../../../../services/LtiService\";\nimport AttemptService from '../../../../services/AttemptService';\nimport KpiService from '../../../../services/KpiService';\nimport ChartService from '../../../../services/ChartService';\nimport StudentUnitScoresTable from \"../../../widgets/reports/student/StudentUnitScoresTable\";\nimport StudentVideoToQuizTimeChart from \"../../../widgets/reports/student/StudentVideoToQuizTimeChart\"; \nimport StudentQuizAttemptsChart from \"../../../widgets/reports/student/StudentQuizAttemptsChart\";\nimport LimespringUtils from '../../../../utils/LimespringUtils';\nimport ConfirmResetModal from '../../../widgets/modals/instructor/ConfirmResetModal';\nimport AccordionToggle from '../../../widgets/accordion/AccordionToggle';\nimport KpiReportModal from '../../../widgets/modals/instructor/KpiReportModal';\nimport ScatterChart from \"../../../widgets/charts/ScatterChart\";\n\nconst StudentReportDrawer = (props) => {\n\n const { show, onHide, data } = props;\n\n const [open, setOpen] = useState(show);\n const [selectedClass, setSelectedClass] = useState(null);\n const [selectedStudent, setSelectedStudent] = useState(null);\n const [students, setStudents] = useState(null);\n const [course, setCourse] = useState(null);\n const [studentReport, setStudentReport] = useState(null);\n const [classes, setClasses] = useState(null);\n const [gradebookSyncStatus, setGradebookSyncStatus] = useState('');\n const [gradebookResetStatus, setGradebookResetStatus] = useState('');\n const [kpi, setKpi] = useState(null); \n const [showKpiModal, setShowKpiModal] = useState(false);\n const [showResetWarningModal, setShowResetWarningModal] = useState(false);\n const [highPerformanceLowEffortDataSet, setHighPerformanceLowEffortDataSet] = useState([]);\n const [highPerformanceHighEffortDataSet, setHighPerformanceHighEffortDataSet] = useState([]);\n const [lowPerformanceHighEffort, setLowPerformanceHighEffort] = useState([]);\n const [lowPerformanceLowEffort,setLowPerformanceLowEffort] = useState([]);\n\n const headers = ['Performance Report', 'Score Report', '(Effort Metrics) - Video-to-Quiz Time', '(Effort Metrics) - Quiz Attempts'];\n\n useEffect(() => {\n reset();\n setOpen(show);\n }, [show]);\n\n useEffect(() => {\n if(open) fetchData();\n }, [open, data]);\n\n const fetchData = async () => {\n if(data && data.selectedClass){\n setSelectedClass(data.selectedClass);\n setSelectedStudent(data.selectedStudent);\n if(data.selectedClass.students) setStudents(await StudentService.getSomeFromRemote(data.selectedClass.students));\n if(data.studentClasses && data.studentClasses.length > 0){\n setClasses(data.studentClasses);\n }else{\n setClasses(await ClassService.getAllFromRemote());\n }\n if(data.selectedClass.courses && data.selectedClass.courses.length > 0) setCourse(await CourseService.getFromRemote(data.selectedClass.courses[0]));\n setStudentReport(await ReportService.getClassReportByStudentId(data.selectedClass._id, data.selectedStudent._id));\n const _kpis = await ChartService.getChartByClassAndStudentFromRemote(data.selectedClass._id, data.selectedStudent._id);\n const _kpi = await KpiService.getByClassAndStudentFromRemote(data.selectedClass._id, data.selectedStudent._id);\n setKpi(_kpi);\n initKpisData(_kpis);\n }\n }\n\n const initKpisData = (_kpis) => {\n if (_kpis && _kpis.length >0) {\n setHighPerformanceLowEffortDataSet(_kpis.find(kpi => kpi.chart===\"hple\").data);\n setHighPerformanceHighEffortDataSet(_kpis.find(kpi => kpi.chart===\"hphe\").data);\n setLowPerformanceHighEffort(_kpis.find(kpi => kpi.chart===\"lphe\").data);\n setLowPerformanceLowEffort(_kpis.find(kpi => kpi.chart===\"lple\").data);\n }\n }\n\n const reset = () => {\n setSelectedClass(null);\n setStudents(null);\n setCourse(null);\n setStudentReport(null);\n setGradebookSyncStatus('');\n setGradebookResetStatus('');\n setShowResetWarningModal(false);\n }\n\n const getRequiredUnitsOnly = () => {\n if(!course || !course.units) return [];\n return course.units.filter(u => u.optional === false);\n }\n\n const reloadReport = () => {\n fetchData();\n } \n\n const populateAccordionTab = () => {\n\n if (!studentReport) return \n
;\n\n const reportTabs = (headerName) =>{\n if(headerName === 'Performance Report'){\n return \n
\n }\n\n if(headerName === 'Score Report'){\n return \n
\n \n
\n \n \n
\n }\n\n const showGradebookResetBtn = () => {\n return \n \n
\n }\n\n const showKpiReportBtn = () => {\n return \n \n
\n }\n\n return (\n \n
\n \n {classSelector()}
\n {studentSelector()}
\n {showGradebookSyncBtn()}
\n {showGradebookResetBtn()}
\n { Config.showKpiReportTestButton ? {showKpiReportBtn()}
: <> }\n \n
;\n\n const reportTabs = (headerName) =>{\n if(headerName === 'Class Progress'){\n return \n
\n }\n\n if(headerName === 'Student Performance'){\n return \n onViewStudentDetails(studentId)}/>\n onViewStudentDetails(studentId)}/>\n
\n \n onViewStudentDetails(studentId)}/>\n onViewStudentDetails(studentId)}/>\n
\n \n
\n \n Total Claimed Correct Quiz: {report && report.claimedCorrectQuizCount ? report.claimedCorrectQuizCount : '0'}\n \n
\n\n \n \n
\n {\n profile && profile.role === 'SuperAdmin'?\n \n :\n <>\n }\n \n \n Total Claimed Correct Quiz: {report && report.claimedCorrectQuizCount ? report.claimedCorrectQuizCount : '0'}\n \n
\n \n
\n )}\n \n );\n }\n\n return (\n \n
\n );\n}\n \nexport default AnalyticsPanel;","import React, { useState, useEffect } from \"react\";\nimport { Card } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport CC_icon from \"./../../../images/createcontent.png\";\nimport MC_icon from \"./../../../images/createmanage.png\";\nimport MS_icon from \"./../../../images/students.png\";\nimport DeepLinking from \"../../../utils/DeepLinking\";\n\nimport \"./links.css\";\n\nconst DashboardCreateManageContentLinks = () => {\n\n const history = useHistory();\n \n const dashboardLinks =[\n {title:\"Create Content\", destination:DeepLinking.MANAGEMENT.DASHBOARD_CREATE_CONTENT_PATH, icon: CC_icon},\n {title:\"Edit Content\", destination:DeepLinking.MANAGEMENT.DASHBOARD_MANAGE_CONTENT_PATH, icon: MC_icon},\n ]\n const openDashboardTilesTo = (link) => {\n history.push(link);\n };\n\n const createDashboarTiles = () => {\n return dashboardLinks.map((dashboardLink, index) => {\n return (\n \n \n
\n
\n \n
\n {renderCourseDropdown()}
\n {renderAnalytics()}
\n {dashboardLink.title}
\n\n \n
\n \n
\n );\n};\n\nexport default DashboardCreateManageContentLinks;\n","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\nimport DashboardCreateManageContentLinks from \"../../../../widgets/links/DashboardCreateManageContentLinks\";\nimport CacheService from \"../../../../../services/CacheService\";\nimport LSBreadcrumb from \"./../../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\n\nconst CreateManageContentPanel = () => {\n\n //cache refresh\n useEffect(()=>{(async() => {\n console.log(`Loading cache ...`);\n document.title = 'LimeSpring Portal - Dashboard';\n await CacheService.refresh()\n })()\n }, []);\n\n return (\n <>\n \n {createDashboarTiles()}\n
\n {dashboardLink.title}
\n\n \n
\n \n hideNewStudentModal()}\n onDismiss={()=> hideNewStudentModal(false)}\n student={currentStudent}\n classes={classes}\n schools={schools}\n />\n\n hideBatchAndRefreshData()}\n onProceed={() => onBatchSuccess()}\n />\n
\n \n );\n};\n\nexport default DashboardManageStudentsLinks;\n","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\nimport DashboardManageStudentsLinks from \"../../../../widgets/links/DashboardManageStudentsLinks\";\nimport CacheService from \"../../../../../services/CacheService\";\nimport LSBreadcrumb from \"./../../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\n\nconst ManageStudentsPanel = () => {\n\n //cache refresh\n useEffect(()=>{(async() => {\n console.log(`Loading cache ...`);\n document.title = 'LimeSpring Portal - Dashboard';\n await CacheService.refresh()\n })()\n }, []);\n\n return (\n <>\n \n {createDashboarTiles()}\n
\n {dashboardLink.title}
\n\n \n
\n \n
\n );\n};\n\nexport default DashboardOtherOptionsLinks;\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\nimport DashboardOtherOptionsLinks from \"../../../../widgets/links/DashboardOtherOptionsLinks\";\nimport CacheService from \"../../../../../services/CacheService\";\nimport LSBreadcrumb from \"./../../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\n\nconst ManageOtherOptionsPanel = () => {\n\n //cache refresh\n useEffect(()=>{(async() => {\n console.log(`Loading cache ...`);\n document.title = 'LimeSpring Portal - Dashboard';\n await CacheService.refresh()\n })()\n }, []);\n\n return (\n <>\n \n {createDashboarTiles()}\n
\n \n
\n )}\n {dashboardLink.title}
\n\n \n
\n \n setShowEmergentLessonsDrawer(false)} data={emergentLessonTarget} callback={()=>creatingSuccess('Lesson')}/>\n setShowEmergentUnitsDrawer(false)} data={emergentUnitTarget} callback={()=>creatingSuccess('Unit')}/>\n setShowEmergentCoursesDrawer(false)} data={emergentCourseTarget} callback={()=>creatingSuccess('Course')}/>\n setShowEmergentAssessmentsDrawer(false)} data={emergentAssessmentTarget} callback={()=>creatingSuccess('Assessment')}/>\n \n
\n );\n};\n\nexport default DashboardManageCreateContentLinks;\n","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\nimport DashboardManageCreateContentLinks from \"../../../../widgets/links/DashboardManageCreateContentLinks\";\nimport CacheService from \"../../../../../services/CacheService\";\nimport LSBreadcrumb from \"./../../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\n\nconst CreateContentPanel = () => {\n\n //cache refresh\n useEffect(()=>{(async() => {\n console.log(`Loading cache ...`);\n document.title = 'LimeSpring Portal - Dashboard';\n await CacheService.refresh()\n })()\n }, []);\n\n return (\n <>\n What would you like to create today?
\n\n {createDashboarTiles()}\n
\n Recently Created
{renderLastAddedSumary()}{dashboardLink.title}
\n\n \n
\n \n
\n );\n};\n\nexport default DashboardManageContentLinks;\n","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\nimport DashboardManageContentLinks from \"../../../../widgets/links/DashboardManageContentLinks\";\nimport CacheService from \"../../../../../services/CacheService\";\nimport LSBreadcrumb from \"./../../../../widgets/breadcrumb/LSBreadcrumb\";\nimport DeepLinking from \"./../../../../../utils/DeepLinking\";\n\nconst ManageContentPanel = () => {\n\n //cache refresh\n useEffect(()=>{(async() => {\n console.log(`Loading cache ...`);\n document.title = 'LimeSpring Portal - Dashboard';\n await CacheService.refresh()\n })()\n }, []);\n\n return (\n <>\n What would you like to manage?
\n\n {createDashboarTiles()}\n
\n \n {}}/>\n
\n );\n };\n\n const onFileSelected = e => {\n const file = e.target.files[0];\n if (!file) {\n return;\n }\n const size = file.size;\n const mime = file.type;\n const blob = URL.createObjectURL(file);\n setVideoSource(blob);\n videoPlayer1.current.src = blob;\n\n\n videoPlayer1.current.onloadedmetadata = () => {\n setVideoDurationInSecs(videoPlayer1.current.duration);\n setVideoCueForScreenshot(Config.defaultThumbnailSeconds);\n };\n };\n\n const validateStep2 = () => {\n if (!videoSource || videoSource === \"\") {\n setAlertShow(true);\n } else {\n const clone = { ...tempLecture };\n clone[\"url\"] = videoSource;\n clone[\"thumbnail\"] = videoThumbnail;\n setTempLecture(clone);\n setStep(step + 1);\n }\n };\n\n const validateStep1 = () => {\n if (!title || title === \"\") {\n setAlertShow(true);\n } else {\n const clone = { ...tempLecture };\n clone[\"title\"] = title;\n clone[\"description\"] = description;\n \n setTempLecture(clone);\n setStep(step + 1);\n }\n };\n\n\n return (\n \n setAlertShow(false)}\n dismissible>\n setShowFailedAlert(false)}\n dismissible>\n
\n\n \n \n setStep(0)}/>\n setStep(1)}/>\n {/* setStep(2)}/> */}\n \n
\n\n \n \n setStep(step - 1)}\n >\n Back\n \n
\n\n \n
\n \n Title\n setTitle(e.target.value)}\n />\n
\n \n \n Description\n setDescription(e.target.value)}\n >\n
\n \n \n
\n \n \n
\n \n \n onFileSelected(e)}\n />\n
\n\n {showVideoPlayerStep1()}\n\n \n
\n \n Thumbnail Preview:
\n\n setVideoThumbnail(thumb)}\n originalThumbnail={thumbnail}\n />\n
\n \n \n {!progress ? (\n {\n tutorial ? update() : create();\n }}\n >\n {tutorial ? \"Update\" : \"Create\"}\n \n ) : (\n \n )}\n \n
\n \n \n
\n\n \n \n );\n};\n\nexport default TutorialBuilder;","import React, {useState, useEffect} from 'react';\nimport {Button, Modal, OverlayTrigger, Popover, Badge, Alert} from 'react-bootstrap';\n\nimport \"react-bootstrap-table-next/dist/react-bootstrap-table2.min.css\";\nimport \"react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css\";\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';\nimport TutorialBuilder from \"./TutorialBuilder\"\n\nimport './modalstudent.css';\n\nconst TutorialModal = (props) => {\n const { tutorial, show, onHide, onProceed } = props;\n \n const modalTitle = 'Tutorial';\n const uploadFailedMessage = 'There was a problem uploading students. Please try again';\n const [showSuccess, setShowSuccess] = useState(false);\n\n const [showError, setShowError] = useState(false);\n\n const [imported, setImported] = useState(false);\n const [errorMessage, setErrorMessage] = useState(uploadFailedMessage);\n\n\n const reset = () => {\n setShowError(false);\n setShowSuccess(false);\n\n }\n\n const resetAndHide = () => {\n reset(); \n onHide(); \n }\n\n const onProceedToTutorials = () => {\n setShowError(false);\n setShowSuccess(false);\n onProceed();\n onHide(); \n }\n\n return (\n \n
\n \n {step === 3 ? showVideoPlayerStep3() : \"No Video\"}\n
\n \n \n \n {!progress ? (\n {\n tutorial ? update() : create();\n }}\n >\n {tutorial ? \"Update\" : \"Create\"}\n \n ) : (\n \n )}\n
\n {modalTitle}
\n\n \n
\n \n );\n }\n },\n \n \n ];\n\n if(isSuperAdmin){\n columns.push(\n {\n dataField: \"edit\",\n text: \"\",\n headerAlign: \"center\",\n style: { width: '50px', textAlign: 'center' },\n headerClasses: \"panel-status-row\",\n align: \"left\",\n formatter: (cellContent, row) => {\n \n const isEditable = checkIsEditable(row.id);\n \n return (\n {row.title}
\n \n
\n \n openDashboardTilesTo(row)}>\n
\n \n \n \n
\n {row.data.description && row.data.description !== \"\" ? row.data.description : \"\"}\n
\n\n edit(row)}\n title= \"Edit Tutorial\"\n \n >\n
\n \n );\n }\n }\n )\n }\n\n const tutorialsData = tutorials.map((tutorial) => {\n \n \n return {\n id: tutorial._id,\n thumbnail: tutorial.thumbnail?tutorial.thumbnail:\"\",\n url: tutorial.url?tutorial.url:\"\",\n title: tutorial.title, \n data: tutorial,\n search: [tutorial.title]\n };\n });\n\n // const profile = ProfileService.get();\n const selectRow = {\n mode: 'checkbox',\n clickToSelect: false,\n selected: groupToRemove,\n style: { width: '50px', textAlign: 'center' },\n hideSelectColumn: !isSuperAdmin,\n onSelect: (row, isSelect) => {\n if(!checkIsEditable(row.id)) { return false; }\n\n if (isSelect) {\n setGroupToRemove([...groupToRemove, row.id]);\n setShowRemoveBulkButton(true);\n } else {\n const selected = groupToRemove.filter(x => x !== row.id);\n setGroupToRemove(selected);\n if(selected.length === 0) { setShowRemoveBulkButton(false) }\n }\n },\n onSelectAll: (isSelect, rows) => {\n if (isSelect) {\n setGroupToRemove(rows.map(r => r.id));\n setShowRemoveBulkButton(true);\n } else {\n setGroupToRemove([]);\n setShowRemoveBulkButton(false);\n }\n } \n }\n\n return (\n \n \n \n {props => (\n
\n );\n };\n\n const openDashboardTilesTo = (row) => {\n setShowVideoPlayerModal(true);\n setVideo(row.url);\n\n };\n\n const hideTutorialModal= () => {\n setSelectedTutorial(null);\n setShowTutorialModal(false);\n }\n\n const onProceedFromTutorialModal = async () => {\n setSelectedTutorial(null);\n setShowVideoPlayerModal(false);\n setTutorials(await TutorialService.getAllFromRemote());\n } \n \n\n \n return (\n \n \n
\n )}\n \n \n \n\n */}\n \n */}\n setShowWarningModal(false)}\n onProceed={() => proceedDelete()}\n />\n hideTutorialModal()} show={showTutorialModal} onProceed={()=> onProceedFromTutorialModal()}> \n setShowVideoPlayerModal(false)}\n video={video}\n />\n\n \n \n {selectedVideo?.title} \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default DashboardVideoTutorials;\n","import React from \"react\";\nimport * as Icons from \"react-bootstrap-icons\";\nimport \"./banner.css\";\n\nconst Banner = () => {\n\n\n return (\n \n
\n {/* Getting the most out of Limespring with our two minutes tutorials.
\n {isSuperAdmin &&\n \n \n
}\n \n {renderTutorials()}\n
\n \n {/* Contenido del video para {selectedVideo?.title}
\nCan’t find what you’re looking for?\n
\n \n
\n );\n};\n\nexport default DashboardView;\n","// @flow\nimport React, { useState } from \"react\";\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\nimport { ToastProvider } from \"react-toast-notifications\";\nimport ReactGA from 'react-ga';\nimport queryString from \"query-string\";\nimport Config from \"./../../config/Config\";\nimport DeepLinking from \"./../../utils/DeepLinking\";\nimport SessionService from \"./../../services/SessionService\";\nimport ProfileService from \"./../../services/ProfileService\";\nimport LocalStorageService from \"./../../services/LocalStorageService\";\n\nimport LoginView from \"./../views/common/login/LoginView\";\nimport LtiView from \"./../views/common/lti/LtiView\";\nimport LogoutView from \"./../views/common/logout/LogoutView\";\nimport RegisterView from \"./../views/common/register/RegisterView\";\nimport RecoveryView from \"./../views/common/recovery/RecoveryView\";\nimport SettingsView from \"./../views/common/settings/SettingsView\";\nimport NotFoundView from \"./../views/common/notfound/NotFoundView\";\nimport ForgotPassView from \"./../views/common/forgot/ForgotView\";\nimport PlanView from \"./../views/common/plans/PlanView\";\nimport PlanConfirmationView from \"./../views/common/plans/PlanConfirmationView\";\nimport PaymentView from \"./../views/common/payment/PaymentView\";\nimport BookstoreView from \"./../views/common/bookstore/BookstoreView\";\nimport BookstoreConfirmation from \"./../views/common/bookstore/BookstoreConfirmationView\";\nimport BookstoreCartView from \"./../views/common/bookstore/BookstoreCartView\";\nimport BookstorePaymentView from \"./../views/common/bookstore/BookstorePaymentView\";\nimport BookstoreDetailsView from \"./../views/common/bookstore/BookstoreDetailsView\";\nimport MaintenanceView from \"./../views/common/maintenance/MaintenanceView\";\nimport AccessibilityToolbar from \"./../widgets/accessibility/AccessibilityToolbar\";\nimport LectureVideoViewer from \"./../views/instructor/builders/LectureVideoViewer\";\n\n//student views (alias)\nimport StudentDashboardView from \"./../views/student/dashboard/DashboardView\";\nimport StudentUnitView from \"./../views/student/unit/UnitView\";\nimport StudentClassView from \"../views/student/class/ClassView\";\nimport StudentExamView from \"./../views/student/assessments/ExamView\";\nimport StudentExamResults from \"./../views/student/assessments/ExamResults\";\nimport StudentPlacementExamResults from \"./../views/student/assessments/PlacementExamResults\";\nimport StudentQuizView from \"./../views/student/assessments/QuizView\";\n// import AnonymousQuizView from \"../views/student/assessments/AnonymousQuizView\";\nimport QuizView from \"../views/student/assessments/QuizView\";\nimport StudentWorkbook from \"./../views/student/assessments/WorkbookView\";\nimport StudentAssignment from \"./../views/student/assessments/AssignmentView\";\n\nimport StudentGradebookView from \"./../views/student/gradebook/GradebookView\";\nimport StudentGradebookUnitsView from \"./../views/student/gradebook/GradebookUnitsView\";\nimport StudentGradebookUnitsTableView from \"./../views/student/gradebook/GradebookUnitsTableView\";\n\n//instructor views (alias)\nimport InstructorDashboardView from \"./../views/instructor/dashboard/DashboardView\";\n\nimport \"./App.css\";\n\nconst App = () => {\n\n const [showAccessibilityTool, setShowAccessibilityTool] = useState(false);\n\n //init Google Analytics\n ReactGA.initialize(Config.environmentConfig(Config.activeProfile).googleAnalyticsTrackingId);\n\n const isLoggedIn = () => {\n const session = SessionService.get();\n if (session) {\n return true;\n }\n return false;\n };\n\n const isAuthorized = () => {\n const _profile = ProfileService.get();\n if (_profile) {\n return _profile.role === \"Student\" ? false : true;\n }\n return false;\n };\n\n const isInstructorOrAdmin = () => {\n const _profile = ProfileService.get();\n if (_profile) {\n return _profile.role !== \"Student\" ? true : false;\n }\n return false;\n }\n\n const isStrudentFromInstructorOrAdmin = () => {\n const userAdmin = LocalStorageService.get(\"userAdmin\");\n if(userAdmin && userAdmin.role && (userAdmin.role==='SuperAdmin' || userAdmin.role==='Instructor')) {\n return true;\n } else {\n return false;\n } \n }\n\n return (\n \n
\n \n \n history.push(panel)} panel={panel} />\n
\n {renderPanel(panel)}
\n {renderDrawer(panel)}\n \n \n\n {\n window.location.href = '/lti-callback.html';\n return null;\n }} />\n\n {\n const query = queryString.parse(props.location.search);\n // const token = queryString.parse(props.location.token);\n const info = { token: query.token};\n \n return !query.token ? (\n \n \n );\n }}\n \n > \n {/* {\n const query = queryString.parse(props.location.search);\n const info = { token: query.token};\n return !query.token ? (\n \n \n );\n }} \n > */}\n {/* {\n const query = queryString.parse(props.location.search);\n return !query.token ? {\n const query = queryString.parse(props.location.search);\n return {\n // => example: http://localhost:3000/signup?token=9827423&signature=eyJhbGcI6IkpXVCJ9.ey....\n const query = queryString.parse(props.location.search);\n const info = { token: query.token, signature: query.signature, email: query.email };\n return query.signature && query.token ? (\n \n\n {\n // => example: http://localhost:3000/recovery?token=9827423&signature=eyJhbGcI6IkpXVCJ9.ey....\n const query = queryString.parse(props.location.search);\n const info = { token: query.token, signature: query.signature };\n return query.signature && query.token ? (\n \n \n\n \n \n\n \n \n\n \n \n \n {\n const query = queryString.parse(props.location.search);\n return ;\n }}\n > \n \n {\n if(isLoggedIn()){\n return \n {isLoggedIn() ? \n\n {\n if (!isLoggedIn()) {\n return {\n if (!isLoggedIn()) {\n return {\n if(isLoggedIn()){\n setShowAccessibilityTool(true);\n return \n {isLoggedIn() ? \n\n {\n if (!isLoggedIn()) {\n return \n\n {\n if (!isLoggedIn()) {\n return {\n if (!isLoggedIn()) {\n return {\n if (!isLoggedIn()) {\n return {\n if (!isLoggedIn()) {\n return {\n const quizId = props.location.pathname.replace(\"/quiz/\", \"\");\n const classId = props.location.state.classId;\n const unit = props.location.state.unit;\n const lecture = props.location.state.lecture;\n const autoplay = props.location.state.autoplay || false;\n const source = props.location.state.source;\n if(!isInstructorOrAdmin()) setShowAccessibilityTool(true);\n return isLoggedIn() ? (\n \n\n {\n if (!isLoggedIn()) {\n return {\n if (!isLoggedIn()) {\n return ;\n }}\n >\n\n {\n let examId = props.location.pathname.replace(\"/exam/\", \"\");\n let classId = props.location.state.classId;\n let unit = props.location.state.unit || null;\n if(!isInstructorOrAdmin()) setShowAccessibilityTool(true);\n return isLoggedIn() ? (\n \n ) : (\n {\n let workbookId = props.location.pathname.replace(\"/workbook/\",\"\");\n let classId = props.location.state.classId;\n let unitId = props.location.state.unitId;\n let nextWorkbookId = props.location.state.nextWorkbookId;\n let workbooks = props.location.state.workbooks;\n let hasNextWorkbook = false;\n if (nextWorkbookId!==workbookId) {\n hasNextWorkbook = true;\n }\n if(!isInstructorOrAdmin()) setShowAccessibilityTool(true)\n return isLoggedIn() ? (\n