\n )\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\n\nexport function AddTestButton(props) {\n if (props.active === 'active') {\n return (\n \n )\n } else if (props.active !== 'active' && props.primary === props.test_id) {\n return (\n
\n \n \n
\n )\n } else {\n return (\n
\n \n \n
\n )\n }\n}\n\nexport function AddCategoryButton(props) {\n if (props.active) {\n return (\n \n )\n } else {\n return (\n
\n \n
\n )\n }\n}\n\nAddTestButton.propTypes = {\n active: PropTypes.string,\n clickCheck: PropTypes.func.isRequired,\n clickStar: PropTypes.func.isRequired,\n primary: PropTypes.string,\n test_id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n};\n\nAddCategoryButton.propTypes = {\n active: PropTypes.bool,\n clickCheck: PropTypes.func,\n cat_id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n};\n","import 'whatwg-fetch'\nconst API_URL = require('./Urls').API_URL;\n\nexport const ApiFetch = function(endpoint, method, data) {\n if (!method) {\n method = 'GET'\n }\n let headers = {\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n },\n mode: 'cors',\n method: method,\n body: JSON.stringify(data),\n credentials: 'include',\n };\n return fetch(API_URL + endpoint, headers)\n .then((response) => {\n if (response.ok) {\n return response.text().then(function(text) {\n return text ? JSON.parse(text) : {}\n });\n } else {\n throw response;\n }\n })\n .then((responseData) => {\n return responseData;\n })\n .catch(error => {\n if (typeof error.text !== 'undefined') {\n error.text().then(message => {\n console.warn(message);\n });\n } else {\n console.warn(error);\n }\n throw error;\n });\n};\n","import React from 'react';\nimport './Loading.css'\n\nexport const Loading = (props) => (\n \n);\n","import 'react-app-polyfill/ie11';\nimport 'core-js/features/array/find';\nimport 'core-js/features/array/includes';\nimport 'core-js/features/number/is-nan';\nimport 'core-js/features/array/map';\nimport 'classlist-polyfill';\nimport 'es7-object-polyfill';\nimport 'url-search-params-polyfill';\n\n// POLYFILL for array.map()\n/*eslint no-extend-native: [\"error\", { \"exceptions\": [\"Array\"] }]*/\n\n// Production steps of ECMA-262, Edition 5, 15.4.4.19\n// Reference: http://es5.github.io/#x15.4.4.19\nif (!Array.prototype.map) {\n\n Array.prototype.map = function(callback/*, thisArg*/) {\n\n var T, A, k;\n\n if (this == null) {\n throw new TypeError('this is null or not defined');\n }\n\n // 1. Let O be the result of calling ToObject passing the |this|\n // value as the argument.\n var O = Object(this);\n\n // 2. Let lenValue be the result of calling the Get internal\n // method of O with the argument \"length\".\n // 3. Let len be ToUint32(lenValue).\n var len = O.length >>> 0;\n\n // 4. If IsCallable(callback) is false, throw a TypeError exception.\n // See: http://es5.github.com/#x9.11\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.\n if (arguments.length > 1) {\n T = arguments[1];\n }\n\n // 6. Let A be a new array created as if by the expression new Array(len)\n // where Array is the standard built-in constructor with that name and\n // len is the value of len.\n A = new Array(len);\n\n // 7. Let k be 0\n k = 0;\n\n // 8. Repeat, while k < len\n while (k < len) {\n\n var kValue, mappedValue;\n\n // a. Let Pk be ToString(k).\n // This is implicit for LHS operands of the in operator\n // b. Let kPresent be the result of calling the HasProperty internal\n // method of O with argument Pk.\n // This step can be combined with c\n // c. If kPresent is true, then\n if (k in O) {\n\n // i. Let kValue be the result of calling the Get internal\n // method of O with argument Pk.\n kValue = O[k];\n\n // ii. Let mappedValue be the result of calling the Call internal\n // method of callback with T as the this value and argument\n // list containing kValue, k, and O.\n mappedValue = callback.call(T, kValue, k, O);\n\n // iii. Call the DefineOwnProperty internal method of A with arguments\n // Pk, Property Descriptor\n // { Value: mappedValue,\n // Writable: true,\n // Enumerable: true,\n // Configurable: true },\n // and false.\n\n // In browsers that support Object.defineProperty, use the following:\n // Object.defineProperty(A, k, {\n // value: mappedValue,\n // writable: true,\n // enumerable: true,\n // configurable: true\n // });\n\n // For best browser support, use the following:\n A[k] = mappedValue;\n }\n // d. Increase k by 1.\n k++;\n }\n\n // 9. return A\n return A;\n };\n}\n","import React, {Component} from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nclass AvatarOverlay extends Component {\r\n\r\n constructor(props)\r\n {\r\n super(props);\r\n let avatar = 'logo.png';\r\n let dashboard_theme = 'bnnr_turqBooksClouds_tile';\r\n if (this.props.user.children.length && this.props.user.children.hasOwnProperty(this.props.user.active_child)) {\r\n let children = this.props.user.children;\r\n let child = children[this.props.user.active_child];\r\n avatar = child.avatar;\r\n if (child.dashboard_theme !== null) {\r\n dashboard_theme = child.dashboard_theme;\r\n }\r\n }\r\n this.state = {\r\n avatar: avatar,\r\n dashboard_theme: dashboard_theme,\r\n };\r\n\r\n this.chooseAvatar = this.chooseAvatar.bind(this);\r\n this.chooseTheme = this.chooseTheme.bind(this);\r\n this.setThemes = this.setThemes.bind(this);\r\n this.togglePopups = this.togglePopups.bind(this);\r\n }\r\n\r\n chooseAvatar(e)\r\n {\r\n this.setState({\r\n avatar: e.target.getAttribute('value'),\r\n });\r\n }\r\n\r\n chooseTheme(e)\r\n {\r\n this.setState({\r\n dashboard_theme: e.target.getAttribute('value')\r\n });\r\n }\r\n\r\n setThemes()\r\n {\r\n let children = this.props.user.children;\r\n let child = children[this.props.user.active_child];\r\n this.props.updateChild(child.id, {\r\n avatar: this.state.avatar,\r\n dashboard_theme: this.state.dashboard_theme\r\n }\r\n );\r\n this.setState({\r\n avatarShowing: false\r\n }, this.props.avatarHide);\r\n }\r\n\r\n togglePopups()\r\n {\r\n let avatarPopup = document.getElementById('avatar-popup');\r\n let themePopup = document.getElementById('theme-popup');\r\n let avatarDisp = avatarPopup.currentStyle ? avatarPopup.currentStyle.display :\r\n getComputedStyle(avatarPopup, null).display;\r\n let themeDisp = themePopup.currentStyle ? themePopup.currentStyle.display :\r\n getComputedStyle(themePopup, null).display;\r\n if (themeDisp === 'none') {\r\n themePopup.style.display = 'block';\r\n avatarPopup.style.display = 'none';\r\n } else if (avatarDisp === 'none') {\r\n avatarPopup.style.display = 'block';\r\n themePopup.style.display = 'none';\r\n }\r\n }\r\n\r\n render() {\r\n let self = this;\r\n return (\r\n
\r\n {this.props.avatarShowing &&\r\n
\r\n
\r\n \r\n
Edit Profile Theme
\r\n
Pick an Avatar
\r\n
Pick a Background
\r\n
\r\n {this.props.avatars.map(function(avatar) {\r\n let active = (self.state.avatar === avatar) ? 'active' : '';\r\n return
\r\n \r\n
\r\n })}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
Edit Profile Theme
\r\n
Pick a Profile Avatar
\r\n
Pick a Background
\r\n
\r\n {this.props.themes.map(function(theme) {\r\n let active = (self.state.dashboard_theme === theme) ? 'active' : '';\r\n return \r\n })}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AvatarOverlay;\r\n","import React, {Component} from 'react';\r\nimport {Link} from 'react-router-dom';\r\n\r\nexport class ChildNavigation extends Component {\r\n updateSelectedTest(key)\r\n {\r\n let data = {\r\n active_test: this.props.tests[key]\r\n };\r\n if (\r\n this.props.appProps.location.pathname.indexOf('test-prep') !== -1 &&\r\n typeof this.props.appProps.match.params.test !== 'undefined' &&\r\n this.props.appProps.match.params.test !== this.props.tests[key]['slug']\r\n ) {\r\n let view = this.props.appProps.match.params.view;\r\n let url = '/test-prep/' + this.props.tests[key]['slug'];\r\n if (view) {\r\n url += '/' + view;\r\n }\r\n this.props.appProps.history.push(url);\r\n } else if (window.location.pathname.indexOf('test-prep') === -1 &&\r\n window.location.pathname.indexOf('dashboard') === -1\r\n ) {\r\n this.props.appProps.history.push('/dashboard/' + this.props.user.active_child);\r\n } else if (window.location.pathname.indexOf('edit-child') !== -1) {\r\n this.props.appProps.history.push(window.location.pathname.replace('/edit-child', ''));\r\n }\r\n\r\n this.props.updateUser(data);\r\n }\r\n\r\n render() {\r\n let self = this;\r\n let tests = [];\r\n if (this.props.user.children.length && this.props.user.active_child >= 0) {\r\n tests = this.props.user.children[this.props.user.active_child].tests;\r\n tests.sort(function (a, b) {\r\n if(a.test < b.test) { return -1; }\r\n if(a.test > b.test) { return 1; }\r\n return 0;\r\n })\r\n }\r\n let i = 0;\r\n let active_test = this.props.user.active_test;\r\n if (!active_test) {\r\n for (let key in tests) {\r\n if (tests[key]['primary']) {\r\n active_test = tests[key]['test'];\r\n }\r\n }\r\n }\r\n return (\r\n
\r\n {self.props.tests &&\r\n tests.map(function(test){\r\n i++;\r\n if (self.props.tests.hasOwnProperty(test['test'])) {\r\n let className = (test['test'] === active_test['slug']) ? 'active' : '';\r\n return (\r\n
Buy now to access over 100,000 practice questions,\r\n 30+ skill building programs,\r\n and exclusive content to help your child\r\n ace their upcoming test\r\n and achieve their academic goals or just to\r\n unlock your \r\n 100 Free Practice Questions.
\r\n \r\n Learn about our tutoring for test prep and academic subjects for pre-k to high school\r\n \r\n
\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
Interactive Learning Apps
\r\n
\r\n
\r\n
Interactive Learning Apps consist of 30+ partner\r\n programs from top educational providers which are a great resource for\r\n developing your students' academic skills
\r\n \r\n Go to Interactive Learning Apps\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Online Games
\r\n
\r\n
\r\n
Play our original test prep and skill building games
\r\n \r\n Go to Online Games\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Recorded Classes
\r\n
\r\n
\r\n
Instant access to recorded classes, test prep training,\r\n academic workshops, college prep, coding and tech classes, pre-school learning,\r\n fun electives, and more!
\r\n \r\n Go to Recorded Classes\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Parent Resources
\r\n
\r\n
\r\n
Our Parent Resources repository provides great tips on\r\n how to navigate your student's education and test preparation
\r\n \r\n Go to Parent Resources\r\n
\r\n
\r\n {this.props.user.children.length > 0 &&\r\n
\r\n
\r\n
\r\n
Add Student
\r\n
\r\n
\r\n
Add a student to your profile to customize a test prep\r\n program
\r\n \r\n Add a Student\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
Site Tour
\r\n
\r\n
\r\n
View our site tour to learn everything about the\r\n Testingmom.com program
\r\n )\r\n }\r\n}\r\n\r\nexport default ParentDashboard;\r\n","import React, {Component} from 'react';\r\n\r\nimport Link from '../common/Link';\r\nimport './ParentResources.css'\r\n\r\nconst ApiFetch = require('../common/ApiFetch').ApiFetch;\r\nconst Loading = require('../common/Loading').Loading;\r\n\r\nclass ParentResources extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n popUpContents: '',\r\n popUpClass: ''\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let self = this;\r\n if (this.props.extraProps.resources.length === 0) {\r\n ApiFetch('parent-resources-category/', 'GET').then(function(response) {\r\n if (response.hasOwnProperty('results')) {\r\n self.props.extraProps.setResources(response['results']);\r\n }\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n let self = this;\r\n let i = 0;\r\n return (\r\n
\r\n
\r\n
\r\n
Parent Resources
\r\n
We have a multitude of preparation resources for you and your child to tackle but you may be\r\n wondering, where do I begin? We have conveniently assembled a number of resources for you and\r\n your child to review and practice below.
NOTICE: You have a\n pending request for {this.state.program.program_name}. Please allow\n 1-2 business days for your request to be activated. If you are having\n issues with activation please \n contact support.\n
NOTICE: We de-activated your log-in to \n {this.state.program.program_name} due to inactivity. All of your\n previous data was erased from {this.state.program.program_name}.
\n IMPORTANT NOTE: Your {this.state.program.program_name} account will be deactivated\n and removed from our system if you do not access your \n {this.state.program.program_name} account through this page\n within a {this.state.program.url === 'spelling-ninja' && '14'}\n {this.state.program.url !== 'spelling-ninja' && '21'} day period. To keep your \n {this.state.program.program_name} account active you MUST access \n {this.state.program.program_name} via the TestingMom.com website.\n
\n }\n {\n this.state.program.sub_needed &&\n
Note: By using and submitting information to \n {this.state.program.program_name} you agree to be bound by \n {this.state.program.program_name}'s Terms and Conditions and Privacy\n Policy, available at their website.
\n To our Users: Please note that HearBuilder is not functional on your iPad or\n using Safari. We invite our members to use their laptop or desktop computer\n using Chrome or Firefox to utilize this resource. Email help@testingmom.com\n if you need further guidance.
\n Important Message! \n We HIGHLY recommend you read.
\n
You will receive your log-in to our partner program within 1-2 days. You\n MUST log-in to the partner program within a 14 day period or your account\n will be de-activated.
\n
To keep your account active you MUST access {this.state.program.program_name}\n via the TestingMom.com website.
\n
Yes, I understand
\n
\n
\n Success! \n We have received your request.
\n
You will receive your log-in to our partner program within 1-2 days. You\n MUST log-in to the partner program within a 14 day period or your account\n will be de-activated.
\n
\n
\n There was an error with your request.
\n
This email has been submitted, please enter another email address for more\n than one account set-up.
\n
\n
Click here to try again
\n
\n
\n
\n
\n
\n )\n } else if (this.state.error) {\n return (\n \n )\n } else {\n return \n }\n } else {\n window.location.href = WEBSITE_URL + 'buy-now/?redirected=1';\n return '';\n }\n } \n}\n\nexport default SbaProgram;\n","import React, {Component} from 'react';\nimport {withRouter} from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport Link from './Link';\nimport getSeason from './GetSeason';\nimport CustomSelect from 'vanilla-js-dropdown';\nimport 'vanilla-js-dropdown/vanilla-js-dropdown.css';\n\nconst WEBSITE_URL = require('./Urls').WEBSITE_URL;\n\nclass SidebarLeft extends Component {\n componentDidMount() {\n let self = this;\n window.addEventListener('scroll', function(){\n let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n let sidebar = document.getElementById('sidebarLeft');\n let sidebarNav = document.getElementById('sidebarNav');\n if (sidebar) {\n if (scrollTop > 250) {\n sidebar.style.position = 'fixed';\n sidebar.style.top = 0;\n sidebarNav.style.height = '100vh';\n } else {\n sidebar.style.position = 'relative';\n }\n }\n });\n let testNav = document.getElementById('test-nav');\n if (testNav) {\n new CustomSelect({\n elem: testNav, // id of the original select element\n });\n testNav.addEventListener('change', function(){\n self.props.appProps.history.push('/test-prep/' + this.value + '/practice-questions');\n document.querySelector('.js-Dropdown button').innerHTML = 'Select a Test';\n });\n }\n\n }\n\n toggleLeftSidebar(e)\n {\n let sidebar = document.getElementById(\"sidebarLeft\");\n if (sidebar) {\n if (e.target && e.target.id === 'expand-left') {\n if (sidebar.classList.contains(\"open\")) {\n sidebar.classList.remove(\"open\");\n sidebar.style.left = '-260px';\n } else {\n sidebar.classList.add(\"open\");\n sidebar.style.left = '0';\n }\n }\n }\n }\n\n render() {\n let self = this;\n let children = [];\n if (this.props.user.children.length) {\n children = this.props.user.children;\n }\n let i = -1;\n let j = 0;\n let gogoLink = 'https://gogobrain.com/?app=1';\n if (this.props.user.gogo_token) {\n gogoLink = 'https://app.gogobrain.com/?app=1';\n }\n let iqfpLink = WEBSITE_URL + 'store/iqfunpack';\n if (this.props.user.paid_access || this.props.user.iqfunpack) {\n iqfpLink = WEBSITE_URL + 'iqfunpack';\n }\n\n let season = getSeason();\n let enrichmentText = season + ' Enrichment';\n let hasKindergarten = false;\n if (this.props.user.children.length > 0) {\n for (let child in this.props.user.children) {\n if (this.props.user.children[child].grade === 1 || this.props.user.children[child].grade === 2) {\n hasKindergarten = true;\n }\n }\n }\n\n let show_free_questions = false;\n // 14400000 = 4 hours in milliseconds\n if (!this.props.user.paid_access && !this.props.user.is_staff &&\n new Date() - new Date(this.props.user.date_joined) < 14400000) {\n show_free_questions = true;\n }\n\n return (\n
\r\n )\r\n }\r\n}\r\n\r\nSkillResults.propTypes = {\r\n skills: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.number\r\n ]),\r\n class: PropTypes.string,\r\n keyNumber: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.number\r\n ]),\r\n showFileSearch: PropTypes.string\r\n};\r\n\r\nexport default SkillResults;\r\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport './PodsModal.css'\n\nexport default class TutoringModal extends React.Component{\n constructor(props) {\n super(props);\n this.state = {\n show_tutoring_modal: false\n }\n this.close = this.close.bind(this);\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n let self = this;\n if (self.props.showTutoringModal) {\n let show_tutoring_modal = this.getCookie('tutoring-modal');\n if (!show_tutoring_modal || parseInt(show_tutoring_modal) === 3) {\n this.setCookie('tutoring-modal', 1, 30);\n setTimeout(function () {\n self.setState({\n show_tutoring_modal: true\n });\n }, 10000);\n } else {\n this.setCookie('tutoring-modal', parseInt(show_tutoring_modal) + 1, 30);\n return false;\n }\n }\n }\n\n getCookie(name) {\n let v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');\n return v ? v[2] : null;\n }\n\n setCookie(name, value, days) {\n let d = new Date();\n d.setTime(d.getTime() + 24*60*60*1000*days);\n document.cookie = name + \"=\" + value + \";path=/;expires=\" + d.toGMTString();\n }\n\n close(e)\n {\n let pods_modal = document.getElementById('pods-modal');\n let close = pods_modal.querySelector('.close');\n if (!this.props.isDescendant(pods_modal, e.target) || this.props.isDescendant(close, e.target)) {\n pods_modal.style.display = 'none';\n this.setState({\n show_pods_modal: false\n });\n }\n }\n\n render()\n {\n if (this.state.show_tutoring_modal) {\n return (\n
\n
\n
\n
Does { this.props.child_name } need extra help with { this.props.test_title }?\n Discover how our one-to-one online tutoring works. We\n have { this.props.test_title } experts ready to help. \n Schedule FREE 30 minute\n call\n to speak to one of our educational advisors to learn more.
\n
\n
\n \n
\n
\n )\n } else {\n return false;\n }\n }\n}\n","import React, {Component} from 'react';\r\nimport Link from '../common/Link';\r\nimport Printables from '../common/Printables';\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { LineChart, Line, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { confirmAlert } from 'react-confirm-alert';\r\n\r\nimport './TestDashboard.css'\r\nimport ThumbnailLink from \"../common/ThumbnailLink\";\r\nimport Lessons from \"../common/Lessons\";\r\nimport Assessment from \"../assessment/Assessment\";\r\nimport ReportedError from '../assessment/ReportedError';\r\nimport SkillResults from \"../assessment/SkillResults\";\r\nimport FreePractice from \"../assessment/FreePractice\";\r\nimport Document from \"../test-prep/Document\";\r\nimport TutoringModal from \"./TutoringModal\";\r\n\r\nconst moment = require('moment-timezone');\r\nconst ApiFetch = require('../common/ApiFetch').ApiFetch;\r\nconst Loading = require('../common/Loading').Loading;\r\nconst Question = require('../assessment/Question').Question;\r\nconst SetAnswerArea = require('../assessment/Question').SetAnswerArea;\r\nconst WEBSITE_URL = require('../common/Urls').WEBSITE_URL;\r\n\r\nclass TestDashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n let documents = {};\r\n if (this.props.user && this.props.user.active_test) {\r\n if (this.props.user.active_test.hasOwnProperty('documents') &&\r\n this.props.user.active_test['documents'].hasOwnProperty('documents')) {\r\n documents = this.props.user.active_test['documents']['documents'];\r\n }\r\n }\r\n this.state = {\r\n active_child_id: -1,\r\n active_test_id: 0,\r\n apps: {},\r\n current_grade: '',\r\n current_test: {},\r\n chartKey: 1,\r\n documents: documents,\r\n grades: [],\r\n high_score_key: -1,\r\n lessons: {},\r\n learnosity_items: [],\r\n learnosity_set: false,\r\n learnosityResultsKey: 0,\r\n loaded: false,\r\n most_correct_questions: 0,\r\n number_of_questions: 10,\r\n questions: [],\r\n question_results: {},\r\n sbas: {},\r\n selected_skill: null,\r\n showFreePractice: false,\r\n showResults: false,\r\n showTutoringModal: false,\r\n skills: {},\r\n test_page: {},\r\n tests: [],\r\n total_questions: 0,\r\n use_audio: true,\r\n };\r\n\r\n this.audio_players = {};\r\n this.itemsApp = null;\r\n this.skills_set = false;\r\n\r\n this.changeCurrentGrade = this.changeCurrentGrade.bind(this);\r\n this.changeCurrentTest = this.changeCurrentTest.bind(this);\r\n this.goToPractice = this.goToPractice.bind(this);\r\n this.handleUseAudio = this.handleUseAudio.bind(this);\r\n this.hideResults = this.hideResults.bind(this);\r\n this.hideQuestions = this.hideQuestions.bind(this);\r\n this.nextQuestion = this.nextQuestion.bind(this);\r\n this.prevQuestion =this.prevQuestion.bind(this);\r\n this.resetReportedError = this.resetReportedError.bind(this);\r\n this.setSkills = this.setSkills.bind(this);\r\n this.setTest = this.setTest.bind(this);\r\n this.showFreeQuickPractice = this.showFreeQuickPractice.bind(this);\r\n this.showQuestions = this.showQuestions.bind(this);\r\n this.showResults = this.showResults.bind(this);\r\n this.togglePrintableTest = this.togglePrintableTest.bind(this);\r\n this.updateNumberOfQuestions = this.updateNumberOfQuestions.bind(this);\r\n this.setActiveUser();\r\n let self = this;\r\n window.addEventListener('orientationchange', function(){\r\n SetAnswerArea('questions-results')\r\n self.setState({chartKey: window.innerWidth})\r\n });\r\n window.addEventListener('resize', function(){\r\n SetAnswerArea('questions-results')\r\n self.setState({chartKey: window.innerWidth})\r\n });\r\n }\r\n\r\n componentDidMount()\r\n {\r\n this.setTest(this.props);\r\n if (\r\n this.props.user.children[this.props.user.active_child].grade !== null &&\r\n this.props.grades.hasOwnProperty(this.props.user.children[this.props.user.active_child].grade)\r\n ) {\r\n if (this.state.current_grade === '') {\r\n this.setState({\r\n 'current_grade': this.props.grades[this.props.user.children[this.props.user.active_child].grade]['name']\r\n });\r\n }\r\n }\r\n if (window.location.pathname.indexOf('/practice') !== -1 && !this.props.user.paid_access) {\r\n window.location.href = WEBSITE_URL + 'buy-now/?redirected=1';\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n this.setActiveUser();\r\n this.setTest(this.props);\r\n }\r\n\r\n updateNumberOfQuestions(num) {\r\n this.setState({\r\n number_of_questions: num\r\n })\r\n }\r\n\r\n setTest(props) {\r\n let self = this;\r\n if (!this.props.user.children[this.props.user.active_child].tests.length) {\r\n this.props.appProps.history.replace('/dashboard/' + this.props.user.active_child + '/edit-child');\r\n }\r\n if (\r\n (\r\n props.user.active_test &&\r\n props.user.active_test.hasOwnProperty('id') &&\r\n Object.keys(props.test_pages_by_slug).length > 0 &&\r\n (\r\n props.user.active_test['id'] !== this.state.active_test_id\r\n ||\r\n props.user.active_child !== this.state.active_child_id\r\n )\r\n )\r\n ) {\r\n let test_page = props.test_pages_by_slug[props.user.active_test.slug];\r\n self.props.extraProps.setPrintablesByTestPage(test_page);\r\n let tests = [];\r\n let apps = {};\r\n let sbas = {};\r\n let lessons = {};\r\n if (test_page.hasOwnProperty('tests') && test_page['tests'].length > 0) {\r\n for (let test in test_page['tests']) {\r\n if (test_page['tests'].hasOwnProperty(test) &&\r\n this.props.tests_by_id.hasOwnProperty(test_page['tests'][test]['id'])\r\n ) {\r\n tests.push(this.props.tests_by_id[test_page['tests'][test]['id']]);\r\n for (let app in this.props.tests_by_id[test_page['tests'][test]['id']]['apps']) {\r\n if (this.props.tests_by_id[test_page['tests'][test]['id']]['apps'].hasOwnProperty(app) &&\r\n !apps.hasOwnProperty(app)) {\r\n apps[app] = this.props.tests_by_id[test_page['tests'][test]['id']]['apps'][app];\r\n }\r\n }\r\n for (let sba in this.props.tests_by_id[test_page['tests'][test]['id']]['sbas']) {\r\n if (this.props.tests_by_id[test_page['tests'][test]['id']]['sbas'].hasOwnProperty(sba)\r\n && !sbas.hasOwnProperty(sba)) {\r\n sbas[sba] = this.props.tests_by_id[test_page['tests'][test]['id']]['sbas'][sba];\r\n }\r\n }\r\n lessons[test_page['tests'][test]['id']] = this.props.tests_by_id[test_page['tests'][test]['id']]['lessons'];\r\n }\r\n }\r\n } else {\r\n if (this.props.tests_by_id.hasOwnProperty(props.user.active_test['id'])) {\r\n tests.push(this.props.tests_by_id[props.user.active_test['id']]);\r\n for (let app in this.props.tests_by_id[props.user.active_test['id']]['apps']) {\r\n if (this.props.tests_by_id[props.user.active_test['id']]['apps'].hasOwnProperty(app) &&\r\n !apps.hasOwnProperty(app)) {\r\n apps[app] = this.props.tests_by_id[props.user.active_test['id']]['apps'][app];\r\n }\r\n }\r\n for (let sba in this.props.tests_by_id[props.user.active_test['id']]['sbas']) {\r\n if (this.props.tests_by_id[props.user.active_test['id']]['sbas'].hasOwnProperty(sba)\r\n && !sbas.hasOwnProperty(sba)) {\r\n sbas[sba] = this.props.tests_by_id[props.user.active_test['id']]['sbas'][sba];\r\n }\r\n }\r\n lessons[props.user.active_test['id']] = this.props.tests_by_id[props.user.active_test['id']]['lessons'];\r\n }\r\n }\r\n\r\n this.setState({\r\n active_child_id: props.user.active_child,\r\n active_test_id: props.user.active_test['id'],\r\n active_test_slug: props.user.active_test['slug'],\r\n current_test: {},\r\n apps: apps,\r\n high_score_key: -1,\r\n learnosity_set: false,\r\n learnosity_items: [],\r\n lessons: lessons,\r\n sbas: sbas,\r\n selected_skill: null,\r\n tests: tests,\r\n test_page: test_page,\r\n }, self.setSkills);\r\n }\r\n }\r\n\r\n setActiveUser() {\r\n if (typeof this.props.appProps.match.params.child_id !== 'undefined' &&\r\n parseInt(this.props.appProps.match.params.child_id) !== parseInt(this.props.user.active_child)) {\r\n let active_test = null;\r\n let child = this.props.user.children[this.props.appProps.match.params.child_id];\r\n if (child) {\r\n for (let t in child['tests']) {\r\n if (child['tests'].hasOwnProperty(t) &&\r\n child['tests'][t]['primary'] &&\r\n this.props.tests.hasOwnProperty(\r\n child['tests'][t]['test']\r\n )\r\n ) {\r\n active_test = this.props.tests[\r\n child['tests'][t]['test']\r\n ];\r\n }\r\n }\r\n this.setState({current_test: {}});\r\n let data = {\r\n active_child: this.props.appProps.match.params.child_id\r\n };\r\n if (active_test) {\r\n data['active_test'] = active_test;\r\n }\r\n child['active'] = true;\r\n this.props.updateChild(child['id'], child);\r\n this.props.updateUser(\r\n data,\r\n this.props.extraProps.setChildAssessmentsByTest\r\n );\r\n } else {\r\n window.location.href = '/';\r\n }\r\n }\r\n }\r\n\r\n goToPractice() {\r\n this.props.appProps.history.push('/dashboard/' + this.props.user.active_child + '/practice/');\r\n }\r\n\r\n showResults(key) {\r\n this.current_skill = 0;\r\n this.current_key = key;\r\n this.setState({\r\n showResults: true\r\n });\r\n if (this.state.skills[key].hasOwnProperty('question_ids') && this.state.skills[key].question_ids.length > 0) {\r\n this.showQuestions();\r\n }\r\n }\r\n\r\n showQuestions()\r\n {\r\n let question_id = this.state.skills[this.current_key].question_ids[this.current_skill];\r\n let questions = document.getElementsByClassName('ques_id' + question_id);\r\n if (questions.length > 0) {\r\n document.getElementById('assessment-results').style.display = 'block';\r\n questions[0].style.display = 'block';\r\n let arrows = document.getElementById('questions-results').getElementsByClassName('arrow');\r\n if (this.state.skills[this.current_key].question_ids.length > 1) {\r\n for (let a = 0; a < arrows.length; a++) {\r\n arrows[a].style.display = 'block';\r\n }\r\n } else {\r\n for (let a = 0; a < arrows.length; a++) {\r\n arrows[a].style.display = 'none';\r\n }\r\n }\r\n }\r\n SetAnswerArea('questions-results', true);\r\n }\r\n\r\n hideResults() {\r\n let questionsDiv = document.getElementById('assessment-results');\r\n questionsDiv.style.display = 'none';\r\n this.setState({\r\n showResults: false\r\n });\r\n let key = this.current_key;\r\n if (this.state.learnosity_items.length) {\r\n if (this.state.skills.hasOwnProperty(key) &&\r\n this.state.skills[key].hasOwnProperty('question_ids') &&\r\n this.state.skills[key].question_ids.length > 0) {\r\n let question_id = this.state.skills[key]['question_ids'][this.current_skill];\r\n for (let ref in this.state.question_results) {\r\n if (this.state.question_results.hasOwnProperty(ref) &&\r\n this.state.question_results[ref]['id'] === question_id &&\r\n this.audio_players.hasOwnProperty(ref)\r\n ) {\r\n this.itemsApp.feature(this.audio_players[ref]).audio.stop();\r\n }\r\n }\r\n }\r\n }\r\n this.hideQuestions();\r\n }\r\n\r\n hideQuestions()\r\n {\r\n let questions = document.getElementsByClassName('ques-cont');\r\n for (let q in questions) {\r\n if (questions.hasOwnProperty(q)) {\r\n questions[q].style.display = 'none';\r\n }\r\n }\r\n this.resetReportedError();\r\n }\r\n\r\n nextQuestion()\r\n {\r\n this.current_skill--;\r\n if (this.current_skill < 0) {\r\n this.current_skill = this.state.skills[this.current_key].question_ids.length - 1;\r\n }\r\n this.hideQuestions();\r\n this.resetReportedError();\r\n this.showQuestions();\r\n }\r\n\r\n prevQuestion()\r\n {\r\n this.current_skill++;\r\n if (this.current_skill > this.state.skills[this.current_key].question_ids.length) {\r\n this.current_skill = 0;\r\n }\r\n this.hideQuestions();\r\n this.resetReportedError();\r\n this.showQuestions();\r\n }\r\n\r\n initializeLearnosity() {\r\n let self = this;\r\n\r\n if (this.state.learnosity_set === false && this.props.dt_config !== undefined) {\r\n this.setState({\r\n learnosity_set: true\r\n }, function () {\r\n let child = this.props.user.children[this.props.user.active_child];\r\n let items = [];\r\n for (let item in this.state.current_test.learnosity_items) {\r\n if (this.state.current_test.learnosity_items.hasOwnProperty(item)) {\r\n if (this.state.current_test.learnosity_items[item].item) {\r\n items.push(this.state.current_test.learnosity_items[item].item.reference);\r\n }\r\n }\r\n }\r\n let params = {\r\n child: child.id,\r\n session_id: this.state.current_test['session_id'],\r\n activity_id: this.state.current_test['activity_id'],\r\n items: items.join(',')\r\n };\r\n\r\n self.audio_players = [];\r\n if (window.LearnosityItems) {\r\n ApiFetch('learnosity/app/item-by-references/?' +\r\n Object.keys(params).map(key => key + '=' + params[key]).join('&')).then(function (res) {\r\n if (self.props.user.is_staff) {\r\n console.log(res);\r\n console.log(window.LearnosityItems);\r\n }\r\n self.itemsApp = window.LearnosityItems.init(res['init'], {\r\n errorListener: function (error) {\r\n console.warn(error);\r\n },\r\n readyListener: function () {\r\n if (self.props.user.is_staff) {\r\n console.log('ready');\r\n }\r\n let test = self.props.user.active_test;\r\n let child = self.props.user.children[self.props.user.active_child];\r\n let questions = self.itemsApp.questions();\r\n let response_ids = [];\r\n\r\n for (let [responseID, question] of Object.entries(questions)) {\r\n question.on(\"validated\", function () {\r\n response_ids.push(responseID);\r\n let outputHTML = '';\r\n let map = question.mapValidationMetadata(\"distractor_rationale_response_level\");\r\n if (map) {\r\n map.incorrect.forEach(function (i, data) {\r\n outputHTML += \"
\" + data.metadata + \"
\";\r\n });\r\n if (outputHTML !== \"\") {\r\n outputHTML = \"
\" + outputHTML + \"
\";\r\n }\r\n } else if (question.getMetadata().distractor_rationale) {\r\n outputHTML = \"\" + question.getMetadata().distractor_rationale + \"\";\r\n }\r\n if (outputHTML !== \"\") {\r\n outputHTML = 'Explanation: ' + outputHTML;\r\n let responseDiv = document.getElementById(responseID);\r\n let distractor = document.getElementById(responseID + \"_distractor\");\r\n if (distractor) {\r\n distractor.style.display = 'block';\r\n } else if (responseDiv) {\r\n let lrn_response = responseDiv.getElementsByClassName('lrn_response');\r\n if (lrn_response) {\r\n outputHTML = '
' +\r\n outputHTML + '
';\r\n if (!question.isValid()) {\r\n outputHTML = '
Correct Answer
' +\r\n '
Your Answer
' + outputHTML;\r\n }\r\n lrn_response[0].insertAdjacentHTML(\r\n 'beforeend',\r\n outputHTML\r\n );\r\n }\r\n }\r\n if (distractor && responseDiv.getElementsByClassName('lrn_correctAnswers').length) {\r\n distractor.style.width = '100%';\r\n }\r\n }\r\n });\r\n question.disable();\r\n question.validate({showCorrectAnswers: true});\r\n }\r\n\r\n let items = self.itemsApp.getItems();\r\n Object.values(items).forEach(function (item) {\r\n for (let feature in item['features']) {\r\n if (item['features'].hasOwnProperty(feature) && item['features'][feature]['type'] === 'audioplayer') {\r\n let f = self.itemsApp.feature(item['features'][feature]['feature_id']);\r\n if (!self.props.dt_config[test.id][child.grade]['use_audio'] && f !== undefined) {\r\n f.destroy();\r\n } else {\r\n self.audio_players[item['reference']] = item['features'][feature]['feature_id'];\r\n }\r\n }\r\n }\r\n });\r\n\r\n let playbackButton = document.getElementById('lrn-audio-overwrite-content');\r\n if (playbackButton) {\r\n playbackButton.style.display = 'none';\r\n }\r\n\r\n }\r\n });\r\n })\r\n } else {\r\n confirmAlert({\r\n title: 'Sorry!',\r\n message: \"There is an issue connecting to our practice questions server please refresh and \" +\r\n \"try again. If the issue persists please contact support by using\" +\r\n \" the options on the lower right.\",\r\n buttons: [\r\n {\r\n label: 'Refresh Now',\r\n onClick: function() {\r\n window.location.reload();\r\n }\r\n },\r\n {\r\n label: 'Continue',\r\n }\r\n ]\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n setSkills(finished = false, assessmentItemsApp)\r\n {\r\n let self = this;\r\n let test = this.props.user.active_test;\r\n let child = this.props.user.children[this.props.user.active_child];\r\n let current_test = {};\r\n let question_results = {};\r\n let skills = {};\r\n let learnosity_items = [];\r\n let high_scores = [];\r\n if (finished) {\r\n if (assessmentItemsApp && typeof assessmentItemsApp.reset === 'function') {\r\n assessmentItemsApp.reset();\r\n }\r\n self.setState({\r\n 'learnosity_set': false,\r\n 'showTutoringModal': true,\r\n });\r\n }\r\n if (child.hasOwnProperty('assessments_by_test') && child['assessments_by_test'].hasOwnProperty(test.id)) {\r\n this.skills_set = true;\r\n if (Object.keys(self.state.current_test).length > 0 && self.state.current_test.test === test.id && !finished) {\r\n current_test = self.state.current_test;\r\n } else {\r\n let most_recent = child['assessments_by_test'][test.id]['keys'][child['assessments_by_test'][test.id]['keys'].length - 1];\r\n current_test = child['assessments'][most_recent];\r\n }\r\n let questions = current_test['questions'];\r\n if (current_test['learnosity']) {\r\n questions = current_test['learnosity_items'];\r\n for (let key in child['assessments_by_test'][test.id]['keys']) {\r\n let items_key = child['assessments_by_test'][test.id]['keys'][key];\r\n if (typeof child['assessments'][items_key] !== 'undefined' &&\r\n child['assessments'][items_key].hasOwnProperty('learnosity_items')\r\n ) {\r\n for (let item in child['assessments'][items_key]['learnosity_items']) {\r\n if (child['assessments'][items_key]['learnosity_items'].hasOwnProperty(item) &&\r\n child['assessments'][items_key]['learnosity_items'][item].hasOwnProperty('item') &&\r\n child['assessments'][items_key]['learnosity_items'][item]['item'] !== null &&\r\n child['assessments'][items_key]['learnosity_items'][item]['item'].hasOwnProperty('reference')\r\n ) {\r\n question_results[child['assessments'][items_key]['learnosity_items'][item]['item']['reference']] =\r\n child['assessments'][items_key]['learnosity_items'][item]['item'];\r\n learnosity_items.push(child['assessments'][items_key]['learnosity_items'][item]['item']['reference']);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (let q in questions) {\r\n if (questions.hasOwnProperty(q)) {\r\n let question_skills = questions[q]['skills'];\r\n if (current_test['learnosity']) {\r\n if (questions[q]['item'] !== null) {\r\n question_skills = questions[q]['item']['skills'];\r\n question_results = current_test['learnosity_items'];\r\n }\r\n } else {\r\n question_results[questions[q]['question']] = questions[q];\r\n }\r\n let has_skills = false;\r\n let score = 0;\r\n for (let s in question_skills) {\r\n if (\r\n question_skills.hasOwnProperty(s) &&\r\n question_skills[s]['parent'] === null &&\r\n test.skills.indexOf(question_skills[s]['id']) !== -1\r\n ) {\r\n has_skills = true;\r\n if (!skills.hasOwnProperty(question_skills[s]['id'])) {\r\n skills[question_skills[s]['id']] = {\r\n title: question_skills[s]['title'],\r\n correct: 0,\r\n questions: 0,\r\n score: 0,\r\n question_ids: [],\r\n description: question_skills[s]['description']\r\n }\r\n }\r\n if (current_test['learnosity']) {\r\n skills[question_skills[s]['id']]['question_ids'].push(questions[q]['item']['id']);\r\n } else {\r\n skills[question_skills[s]['id']]['question_ids'].push(questions[q]['question']);\r\n }\r\n if (questions[q]['correct']) {\r\n skills[question_skills[s]['id']]['correct']++;\r\n }\r\n skills[question_skills[s]['id']]['questions']++;\r\n score = skills[question_skills[s]['id']]['correct'] /\r\n skills[question_skills[s]['id']]['questions'];\r\n skills[question_skills[s]['id']]['score'] = score;\r\n }\r\n }\r\n if (!has_skills) {\r\n if (!skills.hasOwnProperty(9999)) {\r\n skills[9999] = {\r\n title: 'General Skills',\r\n correct: 0,\r\n questions: 0,\r\n score: 0,\r\n question_ids: [],\r\n description: ''\r\n }\r\n }\r\n if (current_test['learnosity']) {\r\n skills[9999]['question_ids'].push(questions[q]['item']['id']);\r\n } else {\r\n skills[9999]['question_ids'].push(questions[q]['question']);\r\n }\r\n if (questions[q]['correct']) {\r\n skills[9999]['correct']++;\r\n }\r\n skills[9999]['questions']++;\r\n score = skills[9999]['correct'] /\r\n skills[9999]['questions'];\r\n skills[9999]['score'] = score;\r\n }\r\n }\r\n }\r\n\r\n for (let key in skills) {\r\n high_scores.push({\r\n 'score': skills[key]['score'],\r\n 'correct': skills[key]['correct'],\r\n 'key': key,\r\n })\r\n }\r\n high_scores.sort((a, b) => a.score - b.score || a.correct - b.correct);\r\n\r\n if (current_test['learnosity']) {\r\n self.setState({\r\n question_results: question_results,\r\n learnosity_items: learnosity_items,\r\n // learnosity_set: false\r\n }, self.initializeLearnosity);\r\n } else {\r\n ApiFetch('question/?limit=100&pk=' + Object.keys(question_results).join(',')).then(function (res) {\r\n self.setState({\r\n questions: res['results'],\r\n question_results: question_results\r\n });\r\n });\r\n }\r\n let high_score_key = -1;\r\n if (high_scores.length && high_scores[high_scores.length - 1].score > 0.5) {\r\n high_score_key = high_scores[high_scores.length - 1]['key']\r\n }\r\n this.setState({\r\n high_score_key: high_score_key,\r\n current_test: current_test,\r\n skills: skills,\r\n });\r\n }\r\n }\r\n\r\n replayAudio(key) {\r\n let audio = document.getElementById(\"question_audio\" + key);\r\n audio.pause();\r\n audio.currentTime = 0;\r\n audio.play();\r\n }\r\n\r\n showReportedError(question_id, reference) {\r\n let re = document.getElementById('reportedError');\r\n re.style.display = 'block';\r\n re.setAttribute('data-question_id', question_id);\r\n re.setAttribute('data-learnosity_ref', reference);\r\n }\r\n\r\n resetReportedError()\r\n {\r\n let re = document.getElementById('reportedError');\r\n if (re) {\r\n re.getElementsByClassName('form')[0].className = 'form';\r\n re.getElementsByClassName('submitted')[0].className = 'submitted hide';\r\n }\r\n }\r\n\r\n changeSelectedSkill(key) {\r\n this.setState({\r\n selected_skill: key\r\n });\r\n }\r\n\r\n changeCurrentGrade(e) {\r\n let child = this.props.user.children[this.props.user.active_child];\r\n for (let g in this.props.grades) {\r\n if (this.props.grades.hasOwnProperty(g) && this.props.grades[g]['id'] === child['grade']) {\r\n this.setState({\r\n current_grade: e.target.value\r\n });\r\n }\r\n }\r\n }\r\n\r\n changeCurrentTest(key)\r\n {\r\n let self = this;\r\n let child = this.props.user.children[this.props.user.active_child];\r\n if (this.itemsApp && typeof this.itemsApp.reset === 'function') {\r\n this.itemsApp.reset();\r\n }\r\n if (child.assessments.hasOwnProperty(key)) {\r\n this.setState({\r\n current_test: child.assessments[key],\r\n learnosityResultsKey: self.state.learnosityResultsKey + 100,\r\n learnosity_set: false\r\n }, self.setSkills);\r\n }\r\n }\r\n\r\n togglePrintableTest(el) {\r\n let table = el.currentTarget.parentElement;\r\n if (table.className === 'printable-test open') {\r\n table.className = 'printable-test closed';\r\n } else {\r\n table.className = 'printable-test open';\r\n }\r\n }\r\n\r\n showFreeQuickPractice()\r\n {\r\n // if (this.state.showFreePractice === false) {\r\n // this.setState({\r\n // 'showFreePractice': true\r\n // })\r\n // } else {\r\n // this.setState({\r\n // 'showFreePractice': false\r\n // })\r\n // }\r\n window.location.href = WEBSITE_URL + 'buy-now/?free-questions=1';\r\n }\r\n\r\n handleUseAudio(event)\r\n {\r\n const target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.name;\r\n\r\n this.setState({\r\n [name]: value\r\n });\r\n }\r\n\r\n render () {\r\n let doc = this.props.appProps.match.params.document;\r\n if (doc !== undefined) {\r\n return \r\n }\r\n let self = this;\r\n let gradeKey = 0;\r\n let skillsKey = 0;\r\n let pastResultsKey = 0;\r\n let sbaKey = 0;\r\n let gamesKey = 0;\r\n let lessonsKey = 0;\r\n let questionKey = 0;\r\n let child = this.props.user.children[this.props.user.active_child];\r\n\r\n let grades = [];\r\n let test = Object.assign({}, this.props.user.active_test);\r\n let test_assessment_keys = [];\r\n if (test !== undefined) {\r\n if (test.hasOwnProperty('documents') &&\r\n test['documents'].hasOwnProperty('documents') &&\r\n Object.keys(test['documents']['documents']).length > 0\r\n ) {\r\n grades = test['documents']['grades'];\r\n }\r\n if (test.hasOwnProperty('id') && child['assessments_by_test'].hasOwnProperty(test.id)) {\r\n test_assessment_keys = child['assessments_by_test'][test.id]['keys'].slice(0).reverse();\r\n }\r\n }\r\n let assessCount = 0;\r\n let lineData = [];\r\n let total_correct = 0;\r\n let total_questions = 0;\r\n let skillLineData = [];\r\n let skillAssessCount = 0;\r\n if (this.state.selected_skill !== null) {\r\n let assessments = child['assessments'];\r\n for (let assess in assessments) {\r\n total_questions = 0;\r\n total_correct = 0;\r\n if (skillAssessCount < 10 && assessments.hasOwnProperty(assess)) {\r\n if (assessments[assess]['test'] === self.props.user.active_test.id) {\r\n if (assessments[assess].learnosity) {\r\n for (let question in assessments[assess]['learnosity_items']) {\r\n if (assessments[assess]['learnosity_items'].hasOwnProperty(question) &&\r\n assessments[assess]['learnosity_items'][question].hasOwnProperty('item') &&\r\n assessments[assess]['learnosity_items'][question]['item'] &&\r\n assessments[assess]['learnosity_items'][question]['item'].hasOwnProperty('skills')\r\n ) {\r\n let question_skills = assessments[assess]['learnosity_items'][question]['item']['skills'];\r\n for (let skill in question_skills) {\r\n if (question_skills.hasOwnProperty(skill)) {\r\n if (question_skills[skill].id === parseInt(this.state.selected_skill)) {\r\n total_questions++;\r\n if (assessments[assess]['learnosity_items'][question].correct) {\r\n total_correct++;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n } else {\r\n for (let question in assessments[assess]['questions']) {\r\n if (assessments[assess]['questions'].hasOwnProperty(question)) {\r\n let question_skills = assessments[assess]['questions'][question]['skills'];\r\n for (let skill in question_skills) {\r\n if (question_skills.hasOwnProperty(skill)) {\r\n if (question_skills[skill].id === parseInt(this.state.selected_skill)) {\r\n total_questions++;\r\n if (assessments[assess]['questions'][question].correct) {\r\n total_correct++;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (total_questions > 0) {\r\n skillAssessCount++;\r\n let time = moment.utc(assessments[assess]['created_at']).local().format('MM/DD h:mma');\r\n skillLineData.push({\r\n name: time,\r\n Score: Math.round(total_correct / total_questions * 100),\r\n total_questions: total_questions\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (this.props.user.email) {\r\n let has_audio = false;\r\n if (this.props.dt_config.hasOwnProperty(this.props.user.active_test.id) &&\r\n this.props.dt_config[this.props.user.active_test.id].hasOwnProperty(child.grade)\r\n ) {\r\n has_audio = this.props.dt_config[this.props.user.active_test.id][child.grade]['use_audio'];\r\n }\r\n\r\n let safeTestTitle = '';\r\n let testOverview = '';\r\n if (this.props.user.active_test) {\r\n safeTestTitle = ;\r\n if (this.props.user.active_test.overview) {\r\n testOverview = this.props.user.active_test.overview;\r\n }\r\n }\r\n\r\n // Set apps for current grade and all tests for test page\r\n let apps = [];\r\n if (Object.keys(self.state.apps).length) {\r\n for(let key in self.state.apps) {\r\n if (self.state.apps.hasOwnProperty(key)) {\r\n if (self.state.apps[key].short_title !== 'Digital Tutor' &&\r\n self.state.apps[key].grades.indexOf(child.grade) !== -1) {\r\n apps.push(self.state.apps[key]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n let user_sbas = [];\r\n if (this.props.user.sbas) {\r\n for (let sba in this.props.user.sbas) {\r\n if (this.props.user.sbas.hasOwnProperty(sba)) {\r\n user_sbas.push(this.props.user.sbas[sba].program.id);\r\n }\r\n }\r\n }\r\n\r\n // Set SBAs for current grade and all tests for test page\r\n let sbas = [];\r\n if (Object.keys(self.state.sbas).length) {\r\n for (let key in self.state.sbas) {\r\n if (self.state.sbas.hasOwnProperty(key)) {\r\n for (let grade in self.state.sbas[key].grades) {\r\n if (self.state.sbas[key].grades[grade]['id'] === child.grade) {\r\n sbas.push(self.state.sbas[key]);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n let showDocumentLoading = true;\r\n let amountOfPastAssessments = 5;\r\n let resultLinkClass = \"result-links\";\r\n let most_recent_test = null;\r\n let most_recent_time = null;\r\n if (child.hasOwnProperty(['assessments_by_test']) &&\r\n child['assessments_by_test'].hasOwnProperty(test.id) &&\r\n child['assessments_by_test'][test.id]['keys'].length > 1\r\n ) {\r\n resultLinkClass += ' col75';\r\n most_recent_test = child.assessments[\r\n child.assessments_by_test[test.id]['keys'][child.assessments_by_test[test.id]['keys'].length - 1]\r\n ];\r\n most_recent_time = moment.utc(most_recent_test['created_at']).local().format('dddd MMMM Do YYYY LT');\r\n }\r\n\r\n let oc = this.props.extraProps.onlineClasses;\r\n let onlineClasses = [];\r\n if (oc.length > 0) {\r\n for (let cl in oc) {\r\n if (oc.hasOwnProperty(cl)) {\r\n for (let classTest in oc[cl]['tests']) {\r\n if (oc[cl]['tests'].hasOwnProperty(classTest) && oc[cl]['tests'][classTest] === this.props.user.active_test.id) {\r\n onlineClasses.push(oc[cl])\r\n }\r\n }\r\n for (let classGrade in oc[cl]['grades']) {\r\n if (oc[cl]['grades'].hasOwnProperty(classGrade) && oc[cl]['grades'][classGrade] === child.grade) {\r\n onlineClasses.push(oc[cl])\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n let controlOne = document.querySelector('.control:first-of-type');\r\n let controlTwo = document.querySelector('.control:nth-of-type(2)');\r\n if (this.props.appProps.match.params.section == null && this.props.user.paid_access === true &&\r\n this.props.user.active_test.interactive_questions === false) {\r\n if (controlOne) {\r\n controlOne.classList.add('active');\r\n }\r\n } else if (this.props.appProps.match.params.section !== null &&\r\n this.props.appProps.match.params.section !== \"printables\" && this.props.user.paid_access === true &&\r\n this.props.user.active_test.interactive_questions === true) {\r\n if (controlTwo) {\r\n controlTwo.classList.remove('active');\r\n }\r\n }\r\n let firstDoc = true;\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
About the Test
\r\n {child.grade >= 4 && child.state !== null &&\r\n Object.keys(this.props.regions).length > 0 &&\r\n this.props.regions[child.state]['country'] !== null &&\r\n \r\n Go to {this.props.regions[child.state]['name']} State Testing\r\n }\r\n
We're sorry, but there are no interactive practice questions for\r\n {this.props.user.active_test.short_title} { this.props.grades_by_id[child.grade]['name'] }.
\n All reschedules and cancellations must occur more than 48 hours before the session starts.\n Tutoring hours will be credited to your account for cancelled sessions.\n If you need help please contact online.tutoring@testingmom.com.\n
\n \n }\n {self.props.isTutor &&\n <>\n
\n \n \n
\n
\n \n \n
\n \n
\n
Internal Notes: (Only employees and tutors can see)
\n \n
\n
\n
External Notes: (Employees, tutors, and parents can see)
';\n document.getElementById('tutor-list').insertAdjacentHTML(\"beforeend\", html);\n self.setState({\n fetched_tutors: [...self.state.fetched_tutors, tutor.id]\n });\n }\n lightbox.reload();\n }\n if (results['empty'] || (results['tutors'] && results['tutors'].length < 3)) {\n document.querySelector('.show-more').style.display = 'none';\n if (self.state.fetched_tutors.length === 0) {\n document.querySelector('#tutoring .no-tutors').style.display = 'block';\n document.querySelector('#tutoring .loaded').style.display = 'none';\n }\n }\n });\n\n return true;\n }\n\n calculatePreferredDateTime(soonestAllowed, chosenWeekday, time) {\n let splitTime = time.split(\":\");\n let date = new Date(soonestAllowed.getTime());\n date.setDate(soonestAllowed.getDate() + (chosenWeekday + 7 - soonestAllowed.getDay()) % 7);\n date.setHours(splitTime[0], splitTime[1], 0);\n\n if (date.getTime() < soonestAllowed.getTime()) {\n date.setDate(date.getDate() + 7);\n }\n\n return date;\n }\n\n addSession(a) {\n let self = this;\n let now = new Date();\n if (a.date.getTime() - now.getTime() < 48 * 60 * 60 * 1000) {\n confirmAlert({\n message: 'You cannot add or modify sessions within 48 hours. Please contact support at online.tutoring@testingmom.com.',\n buttons: [\n {\n label: 'Ok'\n }\n ]\n });\n return;\n }\n let minutes = a.date.getMinutes();\n if (minutes < 10) {\n minutes = '0' + minutes;\n }\n let startHour = a.date.getHours();\n if (startHour < 10) {\n startHour = '0' + startHour;\n }\n self.setState({\n selected_date: startHour + ':' + minutes\n });\n\n let s = document.getElementById('add-edit-session');\n s.querySelector('h4').innerHTML = 'Schedule Tutoring Session for ' + a.date.toLocaleDateString('en-us', { weekday: 'short' }) + '. ' + (a.date.getMonth() + 1) + '/' + a.date.getDate();\n s.querySelector('input[name=session_id]').value = '';\n\n s.querySelector('#schedule-session').innerHTML = 'SCHEDULE';\n document.querySelector('.cancellation-policy').style.display = 'none';\n document.getElementById('delete-session').style.display = 'none';\n document.getElementById('schedule-session').style.display = 'block';\n\n s.querySelector('#start').value = startHour + ':' + minutes;\n s.querySelector('input[name=date]').value = formatDate(a.date);\n s.querySelector('input[name=tutor_id]').value = self.state.tutor_id;\n s.querySelector('input[name=status]').value = 'scheduled';\n s.querySelectorAll('.subject-container').forEach(e => e.style.display = 'none');\n\n if (document.getElementById('half-hour-length').checked) {\n s.querySelector('#half-hour-session').checked = true;\n } else {\n s.querySelector('#hour-session').checked = true;\n }\n\n s.style.display = 'block';\n }\n\n render() {\n let self = this;\n\n let calendarStart = new Date();\n calendarStart.setDate(calendarStart.getDate() + 2);\n\n return(\n
\n \n
\n
Schedule My Mini-Assessment
\n
\n
\n
STEP 1
\n
Student and Schedule Info
\n
\n
\n
STEP 2
\n
Select Tutor
\n
\n
\n
STEP 3
\n
Select Time and Date
\n
\n
\n
\n
\n
Student Profile and Schedule Preference
\n
Important note: If you need your first tutoring session within the next\n 48 hours, please email\n online.tutoring@testingmom.com and\n do not\n fill out this form.
We don't have any tutors for your primary subject and grade. Please\n update your subject and grade selection\n or contact online.tutoring@testingmom.com for\n additional help.
\n
\n
\n
Select Time and Date
\n
Click a white block on the calendar to schedule your session. Sessions must be scheduled at\n least 48 hours in advance.
\n
If you need your first tutoring session within the next 48 hours, please email\n online.tutoring@testingmom.com and do\n not\n fill out this form.
\n )}/>\n \n (\n this.defaultComponent(props, Four04, {four04: true})\n )}/>\n \n \n )\n }\n}\nexport default withRouter(App);\n","import React from 'react';\nimport * as Sentry from '@sentry/browser';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport './index.css';\nimport App from './App';\n// import * as serviceWorker from './service-worker';\n\nconst hostname = window && window.location && window.location.hostname;\nconst { version } = require('../package.json');\nconst path = require('path');\nconst errorsToIgnore = [\n 'ResizeObserver loop limit exceeded',\n /PickleRick_\\d\\d/,\n 'RangeError',\n 'NotAllowedError',\n 'NotSupportedError: The operation is not supported.',\n 'NotSupportedError',\n 'AbortError: The operation was aborted.',\n 'AbortError',\n 'ResizeObserver loop completed with undelivered notifications',\n \"'maxthon' is undefined\",\n \"Error: The operation was canceled by the user.\",\n 'TypeError: Cancelled',\n 'Cancelled',\n 'cancelled',\n 'TypeError: cancelled',\n 'The network connection was lost.',\n 'Failed to fetch',\n 'NetworkError when attempting to fetch resource.',\n 'Error: Network Error',\n 'Permission denied to access property \"clientX\"',\n 'The operation couldn’t be completed. Software caused connection abort',\n];\nif (hostname === 'staging.app.testingmom.com') {\n Sentry.init(\n {\n dsn: \"https://bf64a2dff65f4940a18ba80f1ff77262@sentry.io/1491353\",\n release: version,\n ignoreErrors: errorsToIgnore,\n whitelistUrls: [/https?:\\/\\/staging.app.testingmom.com/],\n beforeSend (event) {\n try {\n if (event.extra.__serialized__.detail.reason.message === 'Extension context invalidated.') {\n return null;\n }\n } catch(_o_O) {\n return event;\n }\n if (\n !event.exception ||\n !event.exception.values ||\n !event.exception.values[0]\n ) {\n return event\n }\n\n const value = event.exception.values[0];\n\n if (value.stacktrace && value.stacktrace.frames) {\n const root = process.cwd();\n value.stacktrace.frames.forEach(function (frame) {\n let filename = path.relative(root, frame.filename);\n let i = filename.indexOf('static/js');\n frame.filename = filename.substr(i + 9);\n\n })\n }\n return event\n }\n }\n );\n}\n\nif (hostname === 'app.testingmom.com') {\n Sentry.init(\n {\n dsn: \"https://86c88130671d491bb037a525c9f2b3c3@sentry.io/1860324\",\n release: version,\n ignoreErrors: errorsToIgnore,\n whitelistUrls: [/https?:\\/\\/app.testingmom.com/],\n beforeSend (event) {\n try {\n let message = event.extra.__serialized__.detail.reason.message;\n if (message === 'Extension context invalidated.') {\n return null;\n }\n } catch(_o_O) {\n return event;\n }\n if (\n !event.exception ||\n !event.exception.values ||\n !event.exception.values[0]\n ) {\n return event\n }\n\n const value = event.exception.values[0];\n\n if (value.stacktrace && value.stacktrace.frames) {\n const root = process.cwd();\n value.stacktrace.frames.forEach(function (frame) {\n let filename = path.relative(root, frame.filename);\n let i = filename.indexOf('static/js');\n frame.filename = filename.substr(i + 9);\n\n })\n }\n return event\n }\n }\n );\n}\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\n// if (process.env.NODE_ENV === 'development') {\n// serviceWorker.register();\n// }\n","import React from 'react';\n\nexport const ModuleWide = (props) => (\n
\n {props.content}\n
\n);\n","import React from \"react\";\nimport PropTypes from 'prop-types'\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\n\nfunction AnswerAreas(props) {\n let i = 0;\n return (\n props.answerArea.map(function(aa) {\n i++;\n return (\n
\n )\n })\n )\n}\n\nexport function Question(props) {\n //let i = 0;\n let id = (props.result !== undefined) ? 'result-' + props.id : 'ques-' + props.id;\n let breakTag = ' ';\n let replaceStr = '$1'+ breakTag +'$2';\n let explanation = '';\n if (props.explanation) {\n explanation = 'Explanation: ' + (props.explanation + '').replace(/([^>\\r\\n]?)(\\r\\n|\\n\\r|\\r|\\n)/g, replaceStr);\n }\n let question_class = 'question';\n if (props.audio && (props.can_play_audio === true || props.question.toLowerCase().indexOf('listening') > 0)) {\n question_class += ' has_audio';\n }\n return (\n
\n
\n \n {props.test === 338 && props.id === 0 &&\n
\n The AABL® assesses skills in Early Literacy, Verbal and Quantitative Reasoning\n and Mathematics. Students must listen to each question and then touch the correct\n answer. Be sure to enable the audio output on your device so your child can hear each\n practice question as it is read aloud. Your child may touch the replay button to\n hear the question again.\n
\r\n
\r\n })}\r\n \r\n ![{\"\"}]({\"/img/parent-dashboard/add-child.jpg\"})
\r\n Add a student\r\n ![{\"\"}]({\"/img/parent-dashboard/test-prep.jpg\"})
\r\n Go to Test Prep Directory\r\n ![\"\"](\"//cdn.testingmom.com/img/homepage-tutoring.jpg\")
\r\n \r\n ![{\"\"}]({\"/img/parent-dashboard/sba.jpg\"})
\r\n Go to Interactive Learning Apps\r\n ![{\"\"}]({\"/img/parent-dashboard/games.jpg\"})
\r\n Go to Online Games\r\n ![{\"\"}]({\"/img/parent-dashboard/site_tour.jpg\"})
\r\n Go to Recorded Classes\r\n ![{\"\"}]({\"/img/parent-dashboard/parent-resources.jpg\"})
\r\n Go to Parent Resources\r\n ![{\"\"}]({\"/img/parent-dashboard/spacebabies-pd.png\"})
\r\n {Object.keys(self.props.tests).length === 0 &&\r\n ![\"\"]({\"/img/fireworks.gif\"})
\n ![\"\"/]({\"/img/spacebaby-animations/character\")
\n ![\"\"/](\"https://cdn.testingmom.com/img/space-babies/spacebaby-3.png\")
\n ![\"\"\r\n]({\"/img/test-dashboard/icon-assessments.png\"}){kind=icon}
\r\n ![\"\"]({\"/img/test-dashboard/space-baby-1.png\"})
\r\n ![\"\"]({\"/img/test-dashboard/space-baby-2.png\"})
\r\n ![\"\"]({\"/img/test-dashboard/space-baby-3.png\"})
\r\n ![\"\"\r\n]({\"/img/test-dashboard/icon-printable-practice.png\"}){kind=icon}
\r\n ![\"\"]({\"/img/test-dashboard/printable-babies.jpg\"})
\r\n ![\"\"\r\n]({\"/img/test-dashboard/icon-parent-resources.png\"}){kind=icon}
\r\n ![\"\"/]({\"/img/test-dashboard/lessons-babies.jpg\"})
\r\n ![\"\"\r\n]({\"/img/test-dashboard/icon-skill-building.png\"}){kind=icon}
\r\n ![\"\"/]({\"/img/test-dashboard/skill-building-babies.jpg\"})
\r\n ![\"\"\r\n]({\"/img/test-dashboard/icon-related-games.png\"}){kind=icon}
\r\n ![\"\"/]({\"/img/test-dashboard/games-babies.jpg\"})
\r\n ![{\"Start]({\"/img/test-dashboard/start-practice-test.jpg\"}\r\n)
\r\n ![\"\"](\"//cdn.testingmom.com/img/ReplayButton.jpg\")
\n