\n setState(false)}\n className={styles.pointer}\n >\n {leftText}\n \n
\n \n setState(e.target.checked)}\n />\n
\n \n setState(true)}\n className={styles.pointer}\n >\n {rightText}\n \n
\n \n)\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Button as BootstrapButton } from 'react-bootstrap'\n\nimport styles from './button.module.css'\n\nexport const Button = ({\n blue,\n blueOutline,\n purple,\n wide,\n fullWidth,\n green,\n greenGrass,\n big,\n lightBlue,\n small,\n danger,\n success,\n error,\n white,\n outline,\n className,\n ...rest\n}) => (\n \n \n \n \n \n
\n \n)\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport const NoData = ({ text }) => {\n const { t } = useTranslation()\n return (\n {text || t('basicComponents.noDataFound')}
\n )\n}\n","import React, { useRef, useEffect } from 'react'\nimport { uniqBy } from 'lodash'\nimport classNames from 'classnames'\nimport { Table as BootstrapTable } from 'react-bootstrap'\nimport ReactTooltip from 'react-tooltip'\nimport { useTranslation } from 'react-i18next'\n\nimport styleModules from './table.module.css'\nimport { NoData } from '../no-data'\n\nconst getHeader = (headerItem, noSticky) => (\n \n {!!values.length && (\n \n {hasSubheader ? (\n getSubHeader(headers)\n ) : (\n \n {hasMultipleHeaders ? (\n headers.map((headerLine, index) => (\n \n {headerLine.map(headerItem =>\n getHeader(headerItem, index > 0)\n )}\n \n ))\n ) : (\n {headers.map(headerItem => getHeader(headerItem))} \n )}\n \n )}\n \n {values.map((innerValues, index) => {\n if (innerValues.length === 1 && headers.length > 1) {\n return (\n \n {innerValues[0]} \n \n )\n } else if (subTableHeaders) {\n return (\n <>\n \n {innerValues.map(\n (innerValue, index) =>\n index !== 0 && {innerValue} \n )}\n \n {!!innerValues[0].length && (\n \n \n \n )}\n \n )\n }\n return (\n \n {innerValues.map((innerValue, index) => (\n \n {innerValue}\n \n ))}\n \n )\n })}\n \n \n )}\n\n {headers.map(\n headerItem =>\n headerItem.tooltip && (\n \n {headerItem.tooltip}\n \n )\n )}\n {!values.length &&
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\n\nimport styles from './achievement.module.css'\nexport const Achievement = ({\n title,\n known,\n unknown,\n items,\n children,\n bottomContent,\n className\n}) => (\n {title}
\n\n \n {items &&\n items.map(item => (\n \n {item.tag}\n
\n ))}\n {children}\n \n\n {bottomContent && (\n {bottomContent}
\n )}\n \n)\n","import React from 'react'\nimport { useArticles } from 'shared/hooks'\nimport { Button, Loader } from 'shared/components'\n\nimport styles from './article.module.css'\n\nimport { ARTICLE_TYPE } from '../articles-container'\n\nexport const ArticleContainer = ({ articleId, onClose }) => {\n const { data, isLoading } = useArticles({\n articleType: ARTICLE_TYPE,\n article: articleId\n })\n\n return (\n \n \n {isLoading &&
\n )\n}\n","import React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBook } from '@fortawesome/free-solid-svg-icons'\n\nimport styles from './article-list-item.module.css'\n\nexport const ArticleListItem = ({ article, onClick }) => {\n return (\n \n
\n )}\n {data.title}
\n \n\n
\n )\n}\n","import React, { useState } from 'react'\nimport { useLocation } from 'react-router'\nimport { Form, InputGroup } from 'react-bootstrap'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { Button, Loader, NoData } from 'shared/components'\nimport { useArticles } from 'shared/hooks'\n\nimport { ArticleContainer } from './article/article-container'\nimport { ArticleListItem } from '../components'\n\nexport const ARTICLE_TYPE = 'support'\nexport const ArticlesContainer = () => {\n const location = useLocation()\n const tag = location.pathname !== '/' ? location.pathname : '/dashboard'\n const { data, isLoading, isFetching } = useArticles({\n articleType: ARTICLE_TYPE,\n tag\n })\n\n const [search, setSearch] = useState('')\n const [selectedArticle, setSelectedArticle] = useState(null)\n\n if (isLoading || isFetching) {\n return \n {!selectedArticle && (\n <>\n setSelectedArticle(article)}\n />\n ))}\n {!filteredArticleList?.length && (\n
\n )\n}\n","import { WidgetWrapper } from './widget-wrapper/widget-wrapper'\nimport { WidgetHeader } from './widget-header/widget-header'\nimport { WidgetBody } from './widget-body/widget-body'\n\nconst WidgetComponent = {}\n\nWidgetComponent.Wrapper = WidgetWrapper\nWidgetComponent.Header = WidgetHeader\nWidgetComponent.Body = WidgetBody\n\nexport const Widget = WidgetComponent\n","import React from 'react'\nimport cn from 'classnames'\nimport { CSSTransition } from 'react-transition-group'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faQuestionCircle } from '@fortawesome/free-solid-svg-icons'\n\nimport styles from './widget-wrapper.module.css'\n\nexport const WidgetWrapper = ({ children, isOpened, setIsOpened }) => {\n return (\n Got questions?
\n\n \n setSearch(e.target.value)}\n placeholder=\"Search for help\"\n />\n \n \n \n \n
\n {filteredArticleList?.map(article => (\n \n {selectedArticle && (\n setSelectedArticle(null)}\n />\n )}\n
\n \n \n
\n )\n}\n","import React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\n\nimport styles from './widget-header.module.css'\n\nexport const WidgetHeader = ({ children, onClose }) => {\n return (\n {children}
\n \n\n setIsOpened(!isOpened)}>\n Help
\n \n
\n )\n}\n","import React from 'react'\n\nimport styles from './widget-body.module.css'\n\nexport const WidgetBody = ({ children }) => {\n return \n
\n {children}
\n {children}
\n}\n","import React, { useContext, useState } from 'react'\nimport { AuthContext } from 'features/auth'\n\nimport { ArticlesContainer } from './articles-container'\n\nimport { Widget } from '../partials'\n\nexport const WidgetContainer = () => {\n const authContext = useContext(AuthContext)\n const [isOpened, setIsOpened] = useState(false)\n\n if (authContext.loading || !Object.keys(authContext).length) {\n return null\n }\n\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { useArticles } from 'shared/hooks'\nimport { useAuthContext } from 'features/auth'\n\nimport { Banner } from './banner/banner'\n\nexport const ARTICLE_TYPE = 'banner'\n\nexport const BannerContainer = () => {\n const authContext = useAuthContext()\n const { data, isLoading } = useArticles({ articleType: ARTICLE_TYPE })\n\n if (authContext.loading || isLoading || !data) {\n return null\n }\n\n const filteredBanners = data.categories\n ?.map(category => category?.articles)\n ?.flat()\n ?.filter(Boolean)\n\n return (\n filteredBanners && (\n {data.title}
\n \n \n {filteredBanners.map(banner => (\n
\n )\n )\n}\n","import React from 'react'\nimport { useHistory, Link, withRouter } from 'react-router-dom'\nimport { Dropdown } from 'react-bootstrap'\nimport { Helmet } from 'react-helmet'\nimport { format } from 'date-fns'\nimport classNames from 'classnames'\nimport { useQueryClient } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport GitInfo from 'react-git-info/macro'\nimport { useAuthContext } from 'features/auth'\nimport { signOut } from 'features/auth/utils'\nimport { WidgetContainer } from 'features/widget'\nimport { Banner } from 'features/banner'\nimport { Sidebar, LanguageSelector, Loader } from 'shared/components'\nimport { homeURL, profileURL, parentHomeURL } from 'lib/links'\nimport { isLocalOrStaging } from 'lib/env'\nimport Logo from 'assets/logo-small.png'\nimport FrogStreetLogo from 'assets/images/frog-street-logo.svg'\n\nimport styles from './pageWrapper.module.css'\n\nconst isDev = isLocalOrStaging()\nconst gitInfo = GitInfo()\n\nconst PageWrapperContent = ({\n children,\n withoutContainer,\n title,\n className,\n isLoading\n}) => {\n const queryClient = useQueryClient()\n const { t } = useTranslation()\n const history = useHistory()\n const {\n user,\n isParent,\n enable_assessment_purposes,\n assessmentPurpose,\n setAssessmentPurpose,\n partnership,\n isKea\n } = useAuthContext()\n\n return (\n \n \n {title || 'Cognitive ToyBox'} \n \n
\n \n
\n \n
\n \n \n \n
\n )}\n \n \n
\n {partnership?.frog_street && (\n \n 
\n
\n \n {t('pageWrapper.CTBWebPortal')}\n
\n \n 
\n
\n \n {t('pageWrapper.frogStreet')}\n
\n \n {enable_assessment_purposes?.includes('KEA') &&\n enable_assessment_purposes?.includes('ECA') && (\n \n \n {assessmentPurpose\n ? isKea\n ? 'CTB For KEA'\n : 'CTB For Schools'\n : t('pageWrapper.loading')}\n \n\n \n setAssessmentPurpose('KEA')}\n >\n CTB For KEA\n \n setAssessmentPurpose('ECA')}\n >\n CTB For Schools\n \n \n \n )}\n\n \n \n {user ? user.first_name : t('pageWrapper.loading')}\n \n\n \n history.push(profileURL)}>\n {t('pageWrapper.profile')}\n \n signOut(queryClient, history)}>\n {t('pageWrapper.logOut')}\n \n \n \n
\n \n
\n )}\n \n )\n}\n\nclass PageWrapperErrorBoundaries extends React.Component {\n state = {\n hasError: false\n }\n\n static getDerivedStateFromError() {\n return { hasError: true }\n }\n\n render() {\n if (this.state.hasError) {\n this.props.history.push('/error')\n }\n\n return (\n {format(new Date(gitInfo.commit.date), 'MM/dd/yyyy hh:mm')}
\n {gitInfo.commit.hash}
\n {gitInfo.commit.message.substr(0, 200)}
\n \n \n ({\n ...defaultStyles,\n ...customStyles[type]?.menu?.(),\n zIndex: 2\n }),\n ...customStyles[type],\n zIndex: 100000\n }}\n {...props}\n autofocus={true}\n components={customComponents}\n isDisabled={\n props.isDisabled ||\n props.disabled ||\n !props.options?.filter(({ value }) => value).length\n }\n />\n \n
\n )\n})\n","import React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck } from '@fortawesome/free-solid-svg-icons'\nimport classNames from 'classnames'\n\nimport styles from './checkmark.module.css'\n\nexport const Checkmark = ({ checked, style, size, className }) => (\n \n
\n ) : (\n <>\n )}\n \n \n )\n}\n","import React from 'react'\nimport styles from './card.module.css'\n\nexport const Card = ({\n topStyles = {},\n bottomStyles = {},\n title,\n children\n}) => {\n return (\n \n {languages.map(t => (\n i18n.changeLanguage(t)}\n className={classNames(i18n.language === t && 'selected')}\n >\n {t}\n \n ))}\n
\n \n
\n \n
\n \n \n
\n \n {text || (\n <>\n CTB\n Web Portal\n \n )}\n
\n {children}
\n \n
\n )\n}\n","import React from 'react'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport SideNav, { NavItem, NavIcon, NavText } from '@trendmicro/react-sidenav'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faHome,\n faCog,\n faBook,\n faQuestionCircle,\n faCalendarAlt,\n faChartSimple,\n faCalendarDay\n} from '@fortawesome/free-solid-svg-icons'\nimport { useAuthContext } from 'features/auth'\nimport * as links from 'lib/links'\nimport FrogStreetLogo from 'assets/images/frog-street-logo.svg'\nimport styles from './sidebar.module.css'\n\nexport const Sidebar = () => {\n const history = useHistory()\n const location = useLocation()\n const { t } = useTranslation()\n const {\n isTeacher,\n isParent,\n isStateAdmin,\n scope,\n loading,\n enable_curriculum,\n partnership,\n isKea,\n sso_requests\n } = useAuthContext()\n\n if (loading) return null\n if (isParent) {\n return (\n \n {title}\n
\n \n {children}\n
\n \n \n \n location.pathname !== selected && history.push(selected)\n }\n selected={location.pathname}\n >\n \n \n \n {t('sidebar.report')} \n \n \n \n \n {t('sidebar.training')} \n \n \n \n \n {t('sidebar.support')} \n \n \n \n
\n )\n }\n\n return (\n \n \n \n location.pathname !== selected && history.push(selected)\n }\n selected={location.pathname}\n id=\"sidenav-nav\"\n >\n \n \n \n {t('sidebar.home')} \n \n \n \n \n {t('sidebar.reports')} \n \n\n {enable_curriculum && !isKea && (\n \n \n {partnership?.frog_street ? (\n \n {t('sidebar.planning')} \n \n )}\n\n \n \n \n {t('sidebar.management')} \n\n {!isTeacher && (\n \n \n {t('sidebar.users')}{' '}\n {!!sso_requests && (\n \n \n )}\n {!isTeacher && !isStateAdmin && (\n \n {t('sidebar.orgManagement')} \n \n )}\n {isTeacher && (\n \n {t('sidebar.studManagement')} \n \n )}\n {!isStateAdmin && (\n \n {t('sidebar.dataExport')} \n \n )}\n \n {!isStateAdmin && (\n \n \n \n {t('sidebar.schedule')} \n \n )}\n \n \n \n {t('sidebar.training')} \n \n \n \n \n {t('sidebar.support')} \n \n \n \n
\n )\n}\n","export const saveField = (fieldName, value) => {\n const currentUser = localStorage.getItem(\n 'CognitoIdentityServiceProvider.212u7qa5r4of797jttatvupg8s.LastAuthUser'\n )\n localStorage.setItem(`${currentUser}-${fieldName}`, value)\n}\n\nexport const getField = (fieldName, value) => {\n const currentUser = localStorage.getItem(\n 'CognitoIdentityServiceProvider.212u7qa5r4of797jttatvupg8s.LastAuthUser'\n )\n return localStorage.getItem(`${currentUser}-${fieldName}`)\n}\n","import React from 'react'\nimport { saveField, getField } from 'lib/storageProvider'\n\nimport styles from './hideable.module.css'\n\nexport class Hideable extends React.Component {\n constructor(props) {\n super(props)\n\n this.ref = React.createRef()\n this.state = {\n isHidden: getField(this.props.identifier) === 'true'\n }\n }\n\n componentDidMount() {\n this.handleChangeParentClass(this.state.isHidden)\n }\n\n handleChangeParentClass = value => {\n if (value) {\n this.ref.current.parentNode.classList.add('chartHidden')\n } else {\n this.ref.current.parentNode.classList.remove('chartHidden')\n }\n }\n\n toggle = () => {\n const newHidden = !this.state.isHidden\n\n saveField(this.props.identifier, newHidden)\n this.setState({ isHidden: newHidden })\n this.handleChangeParentClass(newHidden)\n }\n\n render() {\n const { children } = this.props\n const { isHidden } = this.state\n\n return (\n \n
\n )\n }\n}\n","import React from 'react'\nimport cn from 'classnames'\nimport { Link } from 'react-router-dom'\n\nimport styles from './primary-link.module.css'\n\nexport const PrimaryLink = ({\n to,\n children,\n className,\n buttonStyle,\n disabled,\n ...rest\n}) => {\n if (disabled) {\n return \n {isHidden ? '+' : '-'}\n
\n {isHidden ? null : children}\n {children}
\n }\n\n if (to) {\n return (\n \n setIsOpened(true)}\n />\n
\n {isOpened && (\n \n 
\n
\n \n )}\n \n )\n}\n","import React from 'react'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\n\nimport styles from './language-selector.module.css'\n\nconst languages = ['en', 'es']\n\nexport const LanguageSelector = () => {\n const [, i18n] = useTranslation()\n\n return (\n \n \n \n
\n \n {languages.map(t => (\n i18n.changeLanguage(t)}\n className={cn({ [styles.selected]: i18n.language === t })}\n >\n {t}\n \n ))}\n
\n )\n}\n","import React from 'react'\n\nexport class PrintableWrapper extends React.Component {\n render() {\n return <>{this.props.children}\n }\n}\n","import React, { useLayoutEffect } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Button, Modal } from 'shared/components'\n\nexport const ConfirmationDialog = ({\n text,\n onOk,\n onCancel,\n okText,\n cancelText\n}) => {\n const { t } = useTranslation()\n useLayoutEffect(() => {\n const submit = e => {\n if (e.key === 'Enter') {\n onOk()\n }\n }\n window.addEventListener('keypress', submit, {\n passive: true\n })\n return () => window.removeEventListener('keypress', submit)\n })\n return (\n \n setCurrentWeek(0)}\n >\n {t('chart.eighth.setToCurrentWeek')}\n \n
\n )\n}\n","import React from 'react'\n\nexport class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props)\n this.state = { hasError: false }\n }\n\n static getDerivedStateFromError() {\n return { hasError: true }\n }\n\n componentDidCatch() {\n this.setState({ hasError: true })\n }\n\n render() {\n if (this.state.hasError) {\n return this.props.errorContent !== undefined\n ? this.props.errorContent\n : 'Error'\n }\n\n return this.props.children\n }\n}\n","import React from 'react'\nimport DefaultSelect from 'react-select'\n\nexport const Select = ({ selected, set, ...rest }) => {\n return \n setCurrentWeek(currentWeek - 1)}\n >\n = weekFilter.last_week}\n onClick={() => setCurrentWeek(currentWeek + 1)}\n >\n
\n \n {t('chart.eighth.selectedWeek')}:{' '}\n {format(new Date(current_week), 'MM/dd/yy')}\n
\n \n \n {isDragActive && (\n
\n \n )\n}\n","import React, { useState, useCallback } from 'react'\nimport { useDropzone } from 'react-dropzone'\nimport { toast } from 'react-toastify'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCloudArrowUp, faFileExcel } from '@fortawesome/free-solid-svg-icons'\nimport classNames from 'classnames'\nimport styles from './dropzone.module.css'\n\nconst MAX_IMAGE_SIZE_IN_BYTE = 6000000\n\nexport const FileDropzone = ({\n onUpload,\n defaultFiles,\n className,\n fileTypes\n}) => {\n const { t } = useTranslation()\n const [file, setFile] = useState(defaultFiles)\n\n const onDrop = useCallback(\n acceptedFile => {\n acceptedFile = acceptedFile[0]\n if (!acceptedFile.size > MAX_IMAGE_SIZE_IN_BYTE) {\n toast.error(t('basicComponents.filesDropzone.error'))\n return\n }\n setFile(acceptedFile)\n onUpload(acceptedFile)\n },\n [file]\n )\n const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop })\n\n return (\n \n {t('basicComponents.dropzone.drop')} ...\n
\n )}\n {!isDragActive && !files.length && (\n \n
\n )}\n {!isDragActive && !!files.length && (\n \n {files.map(file => (\n
\n )}\n \n
\n ))}\n {file.name}
\n \n {t('basicComponents.filesDropzone.drop')} ...\n
\n )}\n {!isDragActive && !file && (\n \n
\n )}\n {!isDragActive && !!file && (\n \n {t('basicComponents.filesDropzone.drag')}\n
\n {t('basicComponents.filesDropzone.click')}
\n {fileTypes && (\n \n {t('basicComponents.filesDropzone.supportedTypes', { fileTypes })}\n
\n )}\n \n
\n )}\n \n )\n}\n","import React from 'react'\nimport { ProgressBar } from 'react-bootstrap'\nimport classNames from 'classnames'\n\nimport styles from './percentage-scale.module.css'\n\nconst PERCENT_METRIC = {\n bad: 30,\n normal: 60\n}\n\nexport const PercentageScale = ({ percent, className }) => {\n const percentNumber = Number(percent.replace('%', ''))\n return (\n {file.name}
\n \n
\n)\n","import React, { useState, useRef, useCallback } from 'react'\nimport classNames from 'classnames'\nimport DatePicker from 'react-datepicker'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCalendar } from '@fortawesome/free-solid-svg-icons'\n\nimport { CustomHeader } from './components/CustomHeader'\nimport styles from './styled-date-picker.module.css'\n\nexport const RangeDatePicker = ({\n setDate,\n className,\n defaultDate,\n ...rest\n}) => {\n const componentRef = useRef()\n const [startDate, setStartDate] = useState(\n defaultDate?.start ? new Date(defaultDate.start) : null\n )\n const [endDate, setEndDate] = useState(\n defaultDate?.end ? new Date(defaultDate.end) : null\n )\n const onDateChange = useCallback(dates => {\n const [start, end] = dates\n setStartDate(start)\n setEndDate(end)\n if (start && end) {\n setDate({ start, end })\n }\n }, [])\n return (\n \n {format(date, 'MMMM yyyy')}\n
\n \n componentRef.current.setOpen(true)}\n />\n
\n )\n}\n","import React, { useRef } from 'react'\nimport classNames from 'classnames'\nimport DatePicker from 'react-datepicker'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCalendar } from '@fortawesome/free-solid-svg-icons'\n\nimport { CustomHeader } from './components/CustomHeader'\nimport styles from './styled-date-picker.module.css'\n\nexport const StyledDatePicker = ({\n className,\n gray,\n disabled,\n isClearable,\n selected,\n ...props\n}) => {\n const componentRef = useRef()\n return (\n \n setPrintModal(true)}\n purple\n disabled={buttonsDisabled}\n >\n {t('report.print')}\n \n
\n \n
\n \n )}\n\n {/* TABLE */}\n {t('basicComponents.table.filteredBy')}:
\n \n {Object.keys(filteredBy).map(\n key =>\n filteredBy[key] && (\n \n {filteredBy[key]}\n \n dispatch({\n type: `set${key.charAt(0).toUpperCase() +\n key.slice(1)}`,\n [key]: null\n })\n }\n className={styles.filterValueCrossIcon}\n icon={faTimes}\n />\n
\n )\n )}\n \n \n table.setPageIndex(0)}\n disabled={!table.getCanPreviousPage()}\n />\n table.previousPage()}\n disabled={!table.getCanPreviousPage()}\n />\n {getPagination.range.map(page =>\n page === 'dots' ? (\n table.setPageIndex(page - 1)}\n >\n {page}\n \n )\n )}\n table.nextPage()}\n disabled={!table.getCanNextPage()}\n />\n table.setPageIndex(table.getPageCount() - 1)}\n disabled={!table.getCanNextPage()}\n />\n \n
\n )}\n {children}\n \n )\n})\n\nconst Column = ({ header, table, filteredBy, dispatch }) => {\n const [columnSettings, setColumnSettings] = useState(false)\n useEffect(() => {\n if (\n filteredBy &&\n header.column.id in filteredBy &&\n header.column.columnDef.enableColumnFilter\n ) {\n header.column.setFilterValue(filteredBy[header.column.id])\n }\n }, [filteredBy])\n const colSpan = useMemo(() => {\n // if that is multicolumn with children\n // right now only for the monitoring report\n const children = header.column.columns.filter(c => c.getIsVisible())\n if (children && children.length) {\n return children.length\n }\n return undefined\n }, [header])\n\n return (\n \n {t('basicComponents.table.paginationCaption', {\n from: Math.round(\n pagination.pageIndex * pagination.pageSize + 1 || 1\n ),\n to: Math.round(\n pagination.pageIndex + 1 !== roundedPageCount\n ? (pagination.pageIndex + 1) * pagination.pageSize || 1\n : pageCount * pagination.pageSize || 1\n ),\n total: Math.round(pageCount * pagination.pageSize || 1)\n })}\n
\n \n {\n header.column.toggleSorting(false)\n setDropdownOpen(false)\n }}\n >\n {t(`basicComponents.table.sort.${sortingLabel}Asc`)}\n
\n \n\n
\n {column.columnDef.filter(onClick, column)}\n
\n )\n }\n\n // if all values are null, return null\n if (!firstValue) return null\n\n if (!column.columnDef.enableColumnFilter) return null\n return typeof firstValue === 'number' ? (\n // Min - Max filter\n \n column.setFilterValue(old => [value, old?.[1]])}\n isError={\n Number(columnFilterValue?.[0]) >\n Number(\n (columnFilterValue?.[1] || column.getFacetedMinMaxValues()?.[1]) ??\n ''\n )\n }\n placeholder={`${t('basicComponents.table.min')} ${\n column.getFacetedMinMaxValues()?.[0]\n ? `(${column.getFacetedMinMaxValues()?.[0]})`\n : ''\n }`}\n />\n \n value > column.setFilterValue(old => [old?.[0], value])\n }\n isError={\n Number(columnFilterValue?.[1]) <\n Number(\n (columnFilterValue?.[0] || column.getFacetedMinMaxValues()?.[0]) ??\n ''\n )\n }\n placeholder={`${t('basicComponents.table.max')} ${\n column.getFacetedMinMaxValues()?.[1]\n ? `(${column.getFacetedMinMaxValues()?.[1]})`\n : ''\n }`}\n />\n
\n ) : (\n /* For filters that simply filter data in a table (without sending a query), we use this component\n Such filters send parameters to the url */\n \n \n \n {table.getAllLeafColumns().map(\n column =>\n typeof column.columnDef.header === 'string' && (\n \n \n )\n )}\n
\n )\n}\n","import React, { useRef } from 'react'\nimport { Swiper } from 'swiper/react'\nimport { Pagination, Navigation } from 'swiper'\nimport classNames from 'classnames'\n\nimport styles from './styled-swiper.module.css'\n\nexport const StyledSwiper = ({\n containerClassName,\n className,\n children,\n arrowSize = 45,\n isCentered,\n ...rest\n}) => {\n const paginationRef = useRef(null)\n return (\n \n {\n let password = ''\n const changedPassword = e.target.value\n const offset = changedPassword.length - value.length\n // position of the new added symbol(s)\n const index = e.target.selectionStart - offset\n const showLength = 1\n // ctrl A\n if (!changedPassword.includes('•')) {\n onChange(changedPassword)\n password = changedPassword\n } else if (offset > 0) {\n // if we add new characters to any position\n password =\n value.substring(0, index) +\n changedPassword.substring(index, index + offset) +\n value.substring(index, value.length)\n onChange(password)\n } else {\n // if we delete characters from any position\n password =\n value.substring(0, e.target.selectionEnd) +\n value.substring(index, value.length)\n onChange(password)\n }\n // Change the visible string\n setHiddenPassword(\n changedPassword\n .substring(0, changedPassword.length - showLength)\n .replace(/./g, '•') +\n changedPassword.substring(\n changedPassword.length - showLength,\n changedPassword.length\n )\n )\n // place the cursor in the desired position\n setSelection([index + offset, index + offset])\n setTruePassword(password)\n }}\n {...rest}\n />\n {!newPassword && (\n {\n setHiddenPassword(e.target.value.replace(/./g, '•'))\n onChange(e.target.value)\n setTruePassword(e.target.value)\n }}\n />\n )}\n
\n )\n}\n","import React from 'react'\nimport { Modal as BootstrapModal } from 'react-bootstrap'\nimport classNames from 'classnames'\nimport { Loader, ConfirmationDialog } from 'shared/components'\n\nimport styles from './modal-components.module.css'\n\nexport const Modal = ({\n isLoading,\n confirmationDialog,\n setConfirmationDialog,\n children,\n contentClassName,\n ...rest\n}) => {\n if (confirmationDialog) {\n return (\n {children}
\n)\n","import React from 'react'\nimport { Modal as BootstrapModal } from 'react-bootstrap'\n\nexport const ModalTitle = ({ children, ...rest }) => (\n \n {icon &&
\n \n)\n","import React, { useRef } from 'react'\nimport classNames from 'classnames'\nimport { Modal as BootstrapModal } from 'react-bootstrap'\nimport { BouncingArrow, Loader } from 'shared/components'\n\nimport styles from './modal-components.module.css'\n\nexport const ModalBody = ({\n withoutScroll,\n isLoading,\n className,\n children,\n ...rest\n}) => {\n const ref = useRef()\n return (\n <>\n {children}
\n}\n","import React from 'react'\nimport { Form } from 'react-bootstrap'\nimport classNames from 'classnames'\n\nimport styles from './styled-control.module.css'\n\nexport const StyledControl = ({ className, blue = true, ...rest }) => (\n \n \n {step.title && (\n
\n {!step.hideFooter && (\n \n {step.title}\n
\n )}\n {step.content && {step.content}
}\n \n {index === 0 || step.showSkipButton ? (\n \n ) : (\n \n )}\n\n {!step.hideCloseButton && (\n
\n )}\n \n )\n}\n\nexport const StyledJoyride = options => (\n \n {t('basicComponents.joyride.count', {\n current: index + 1,\n size: size\n })}\n
\n )}\n {!step.hideCloseButton && (\n \n )}\n \n {children}\n
\n )\n }\n}\n","import React, { useState } from 'react'\nimport cn from 'classnames'\nimport { Dropdown } from 'react-bootstrap'\nimport { convertToLocalTime } from 'date-fns-timezone'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\n\nimport { Button } from 'shared/components'\nimport buttonStyles from 'shared/components/Button/button.module.css'\nimport { useDashboardContext } from 'features/dashboard/hooks/use-dashboard-context'\nimport styles from './chart.module.css'\n\nconst timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone\nexport const ChartWrapper = ({\n children,\n printActions = [],\n generationDate,\n className\n}) => {\n const { t } = useTranslation()\n const { isExpandable } = useDashboardContext()\n const [isExpanded, setExpanded] = useState(false)\n return (\n \n
\n \n )\n}\n","import { Chart as ChartComponent } from './components/Chart'\nimport { ChartFilters } from './components/ChartFilters'\nimport { ChartCheckboxes } from './components/ChartCheckboxes'\nimport { ChartPrintButton } from './components/ChartPrintButton'\nimport { ChartBody } from './components/ChartBody'\nimport { ChartWrapper } from './components/ChartWrapper'\nimport { ChartLoadMoreButton } from './components/ChartLoadMoreButton'\nimport { ChartTitle } from './components/ChartTitle'\nimport { ChartDescription } from './components/ChartDescription'\nimport { ChartLoaderOverlay } from './components/ChartLoaderOverlay'\n\nChartComponent.Filters = ChartFilters\nChartComponent.Checkboxes = ChartCheckboxes\nChartComponent.PrintButton = ChartPrintButton\nChartComponent.Body = ChartBody\nChartComponent.LoadMoreButton = ChartLoadMoreButton\nChartComponent.Wrapper = ChartWrapper\nChartComponent.Title = ChartTitle\nChartComponent.Description = ChartDescription\nChartComponent.LoaderOverlay = ChartLoaderOverlay\n\nexport const Chart = ChartComponent\n","import React from 'react'\nimport cn from 'classnames'\n\nimport styles from './chart.module.css'\n\nexport const ChartFilters = ({ children, hideable }) => {\n return (\n \n {generationDate && (\n \n \n {t('chart.print')}\n \n \n {printActions.map(({ label, action }) => (\n \n {label}\n \n ))}\n \n \n )}\n {printActions.length <= 1 &&\n printActions.map(({ label, action }) => (\n \n ))}\n {isExpandable && (\n setExpanded(!isExpanded)}\n className={styles.expanded}\n >\n {isExpanded ? t('chart.collapse') : t('chart.expand')}\n \n )}\n
\n \n {t('chart.lastUpdated')}\n
{' '}\n {format(\n convertToLocalTime(generationDate, {\n timeZone\n }),\n 'M/d/yy h:mm a'\n )}\n
\n )}\n {printActions.length > 1 && (\n {' '}\n {format(\n convertToLocalTime(generationDate, {\n timeZone\n }),\n 'M/d/yy h:mm a'\n )}\n
\n {children}\n
\n )\n}\n","import React from 'react'\nimport cn from 'classnames'\n\nimport styles from './chart.module.css'\n\nexport const ChartCheckboxes = ({ children, hideable }) => {\n return (\n \n {children}\n
\n )\n}\n","import React from 'react'\nimport cn from 'classnames'\nimport { Button } from 'shared/components'\n\nimport styles from './chart.module.css'\n\nexport const ChartPrintButton = ({ children, className, ...props }) => {\n return (\n \n )\n}\n","import React, { useRef } from 'react'\nimport classNames from 'classnames'\nimport { BouncingArrow } from 'shared/components'\n\nimport styles from './chart.module.css'\n\nexport const ChartBody = ({ children, withoutArrow }) => {\n const ref = useRef()\n return (\n <>\n \n
\n \n {children}\n
\n \n {t('chart.generated')}: {format(Date.now(), 'MM/dd/yyyy')}\n
\n \n )\n}\n","import React from 'react'\n\nimport styles from './chart.module.css'\n\nexport const ChartDescription = ({ children }) => {\n return (\n \n {children}\n
\n )\n}\n","import React from 'react'\nimport { Loader } from 'shared/components'\nimport styles from './chart.module.css'\n\nexport const ChartLoaderOverlay = () => {\n return (\n \n
\n )\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subobjectiveResultSelector\":\"report-pages_subobjectiveResultSelector__1Gn-_\",\"subobjectiveRow\":\"report-pages_subobjectiveRow__1v0Zr\",\"subobjectiveCheckmark\":\"report-pages_subobjectiveCheckmark__1jwC2\",\"subobjectiveValue\":\"report-pages_subobjectiveValue__RlywX\",\"subobjective\":\"report-pages_subobjective__3smi7\",\"tableWrapper\":\"report-pages_tableWrapper__NyWPQ\",\"link\":\"report-pages_link__3l7tE\",\"tableSettings\":\"report-pages_tableSettings__2SUB-\",\"tableSettingsTitle\":\"report-pages_tableSettingsTitle__1oGuz\",\"tableSettingsBody\":\"report-pages_tableSettingsBody__YiEeh\",\"objectiveCheckmark\":\"report-pages_objectiveCheckmark__2miBM\",\"objectiveObservations\":\"report-pages_objectiveObservations__2wR1G\",\"objectiveSchedule\":\"report-pages_objectiveSchedule__3APYj\",\"objectiveLastAssessed\":\"report-pages_objectiveLastAssessed__up1D8\",\"objectivesTable\":\"report-pages_objectivesTable__3dLCu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"editIcon\":\"tables_editIcon__3AbMQ\",\"managementTable\":\"tables_managementTable__3waVj\",\"managementTableHeader\":\"tables_managementTableHeader__1lmQY\",\"studentsTable\":\"tables_studentsTable__1GmZ-\",\"parentItem\":\"tables_parentItem__300CD\",\"addParent\":\"tables_addParent__1h0_2\"};","import { configureDirectUrl } from './api-config'\n\nexport const environmentsConfigs = {\n DEVELOPMENT: {\n service: 'execute-api',\n region: 'us-east-1',\n userPoolId: 'us-east-1_KtUdSOcop',\n identityPoolId: 'us-east-1:9b03aa68-74f2-4937-82a6-ff64212c6247',\n webPortalClientId: '12br6gluipps6o9012al07u3qt',\n appClientId: '13uptnf63q7efa2k87cq189v2',\n defaultBaseUrl:\n 'https://l52brascf5.execute-api.us-east-1.amazonaws.com/dev',\n apiName: 'DEVELOPMENT',\n domain: 'ctb-auth-developers.developers.cognitivetoybox.com'\n },\n MAIN: {\n service: 'execute-api',\n region: 'us-east-1',\n userPoolId: 'us-east-1_xDRUmu8Qd',\n identityPoolId: 'us-east-1:c0fc205c-5309-4915-b730-e4d4d83f45ed',\n webPortalClientId: '212u7qa5r4of797jttatvupg8s',\n appClientId: '582h7sd40j8etniblbo4rc594',\n defaultBaseUrl: configureDirectUrl(),\n domain: 'ctb-auth.cognitivetoybox.com',\n apiName: 'MAIN'\n },\n LYONDEVELOPMENT: {\n service: 'execute-api',\n region: 'us-east-1',\n userPoolId: 'us-east-1_nG6nxStW6',\n identityPoolId: 'us-east-1:f3d74c9a-c06c-4e88-95b4-9d34e0d0243c',\n webPortalClientId: '3j3icdr99vlcaeoosccltv686f',\n appClientId: '5tm905gbt58usnk8auuguumrqv',\n defaultBaseUrl:\n 'https://q8jx1a39qc.execute-api.us-east-1.amazonaws.com/dev',\n apiName: 'LYONDEVELOPMENT'\n },\n RIDE: {\n service: 'execute-api',\n region: 'us-east-1',\n userPoolId: 'us-east-1_xDRUmu8Qd',\n identityPoolId: 'us-east-1:c0fc205c-5309-4915-b730-e4d4d83f45ed',\n webPortalClientId: '212u7qa5r4of797jttatvupg8s',\n appClientId: '582h7sd40j8etniblbo4rc594',\n defaultBaseUrl:\n 'https://dtw06779l4.execute-api.us-east-1.amazonaws.com/prod',\n apiName: 'RIDE',\n domain: 'ctb-auth.cognitivetoybox.com',\n cognitoGroup: 'ride_users'\n }\n}\n","export const dynamicVersining = () => {\n let backendVersion\n\n const hostname = window && window.location && window.location.hostname\n\n if (hostname === 'localhost') {\n // backendVersion = 'test' 'web_implementation'\n backendVersion = 'web_implementation'\n } else if (hostname === 'staging.dqrqx6mnwwqze.amplifyapp.com') {\n backendVersion = 'web_prerelease'\n } else {\n backendVersion = 'web'\n }\n\n return backendVersion\n}\n\nexport const configureDirectUrl = () => {\n return `https://uzos1f0z70.execute-api.us-east-1.amazonaws.com/${dynamicVersining()}`\n}\n","import Amplify, { API, Auth, Hub } from 'aws-amplify'\nimport * as aws4 from 'aws4'\nimport * as Sentry from '@sentry/react'\nimport { loginURL } from 'lib/links'\nimport { signOut } from 'features/auth/utils'\nimport queryString from 'query-string'\nimport { environmentsConfigs } from './environments-configs'\n\nexport const ENVIRONMENT =\n environmentsConfigs[process.env.ENVIRONMENT_ID ?? 'MAIN'] ||\n environmentsConfigs.MAIN\n\nconst isApp = localStorage.getItem('target')\n\nAmplify.configure({\n Auth: {\n region: ENVIRONMENT.region,\n userPoolId: ENVIRONMENT.userPoolId,\n // OPTIONAL - Amazon Cognito Web Client ID\n userPoolWebClientId: isApp\n ? ENVIRONMENT.appClientId\n : ENVIRONMENT.webPortalClientId,\n identityPoolId: ENVIRONMENT.identityPoolId,\n mandatorySignIn: false\n },\n\n API: {\n endpoints: Object.values(environmentsConfigs).map(config => ({\n name: config.apiName,\n endpoint: config.defaultBaseUrl,\n custom_header: async () => ({\n 'Content-Type': 'application/json',\n Accept: 'application/json'\n })\n }))\n },\n oauth: {\n domain: ENVIRONMENT.domain,\n redirectSignIn: window.location.origin + loginURL,\n redirectSignOut: window.location.origin + loginURL,\n responseType: 'code',\n scope: ['email', 'aws.cognito.signin.user.admin', 'profile', 'openid']\n }\n})\n\nexport const useAdvancedClientId = () => {\n Amplify.configure({\n Auth: {\n userPoolWebClientId:\n process.env.REACT_APP_POOL_CLIENT_ID_ADVANCED ||\n '582h7sd40j8etniblbo4rc594'\n }\n })\n}\n\nif (isApp) {\n useAdvancedClientId()\n}\n\nexport const getWithoutSignIn = async (\n path,\n queryStringParameters,\n contentType\n) => {\n const request = API.get(ENVIRONMENT.apiName, path, {\n queryStringParameters,\n responseType: contentType\n }).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n return request\n}\n\nexport const postWithoutSignIn = async (\n path,\n body,\n queryStringParameters,\n contentType\n) => {\n const request = API.post(ENVIRONMENT.apiName, path, {\n queryStringParameters,\n body,\n responseType: contentType\n }).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n return request\n}\n\nexport const get = async (\n path,\n use_access_token,\n options = null,\n schoolID,\n meta_data,\n version,\n contentType\n) => {\n const user = await Auth.currentAuthenticatedUser()\n const idToken = user.signInUserSession.idToken.jwtToken\n const accessToken = user.signInUserSession.accessToken.jwtToken\n\n const cognitoGroup = user.signInUserSession.idToken.payload['cognito:groups']\n const userEnvironment = cognitoGroup?.length\n ? Object.values(environmentsConfigs).find(config =>\n cognitoGroup.includes(config.cognitoGroup)\n ) || ENVIRONMENT\n : ENVIRONMENT\n\n const signer = aws4.sign(\n {\n service: userEnvironment.service,\n region: userEnvironment.region,\n hostname: userEnvironment.defaultBaseUrl,\n path: path,\n headers: {\n 'Content-Type': 'application/json',\n Token: idToken,\n Accept: 'application/json'\n }\n },\n {\n accessKeyId: 'AKIAJ2E4VI5URQQVOOJA',\n secretAccessKey: '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',\n sessionToken: null\n }\n )\n\n const concat_ops = { ...options }\n let header_token = idToken\n if (use_access_token) {\n header_token = accessToken\n }\n const ops = {\n headers: {\n Token: header_token,\n Authorization: 'Authorization:' + signer.headers.Authorization\n },\n responseType: contentType,\n queryStringParameters: concat_ops\n }\n\n const request = API.get(userEnvironment.apiName, path, ops).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n\n if (schoolID) {\n return { schoolID, data: await request }\n }\n if (meta_data) {\n return { meta_data, data: await request }\n }\n return request\n}\n\nexport const post = async (\n path,\n use_access_token,\n body = {},\n version,\n queryParams = {}\n) => {\n const user = await Auth.currentAuthenticatedUser()\n const idToken = user.signInUserSession.idToken.jwtToken\n const accessToken = user.signInUserSession.accessToken.jwtToken\n\n const cognitoGroup = user.signInUserSession.idToken.payload['cognito:groups']\n const userEnvironment = cognitoGroup?.length\n ? Object.values(environmentsConfigs).find(config =>\n cognitoGroup.includes(config.cognitoGroup)\n ) || ENVIRONMENT\n : ENVIRONMENT\n const signer = aws4.sign(\n {\n service: userEnvironment.service,\n region: userEnvironment.region,\n hostname: userEnvironment.defaultBaseUrl,\n path: path,\n headers: {\n 'Content-Type': 'application/json',\n Token: idToken,\n Accept: 'application/json'\n }\n },\n {\n accessKeyId: 'AKIAJ2E4VI5URQQVOOJA',\n secretAccessKey: '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',\n sessionToken: null\n }\n )\n const concat_ops = {\n Token: user.signInUserSession.accessToken.jwtToken,\n ...queryParams\n }\n let header_token = idToken\n if (use_access_token) {\n header_token = accessToken\n }\n const ops = {\n headers: {\n Token: header_token,\n Authorization: 'Authorization:' + signer.headers.Authorization\n },\n queryStringParameters: concat_ops,\n body: body\n }\n return API.post(userEnvironment.apiName, path, ops).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n}\nexport const put = async (\n path,\n use_access_token,\n body = {},\n version,\n queryParams = {}\n) => {\n const user = await Auth.currentAuthenticatedUser()\n const idToken = user.signInUserSession.idToken.jwtToken\n const accessToken = user.signInUserSession.accessToken.jwtToken\n\n const cognitoGroup = user.signInUserSession.idToken.payload['cognito:groups']\n const userEnvironment = cognitoGroup?.length\n ? Object.values(environmentsConfigs).find(config =>\n cognitoGroup.includes(config.cognitoGroup)\n ) || ENVIRONMENT\n : ENVIRONMENT\n const signer = aws4.sign(\n {\n service: userEnvironment.service,\n region: userEnvironment.region,\n hostname: userEnvironment.defaultBaseUrl,\n path: path,\n headers: {\n 'Content-Type': 'application/json',\n Token: idToken,\n Accept: 'application/json'\n }\n },\n {\n accessKeyId: 'AKIAJ2E4VI5URQQVOOJA',\n secretAccessKey: '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',\n sessionToken: null\n }\n )\n const concat_ops = {\n Token: user.signInUserSession.accessToken.jwtToken,\n ...queryParams\n }\n let header_token = idToken\n if (use_access_token) {\n header_token = accessToken\n }\n const ops = {\n headers: {\n Token: header_token,\n Authorization: 'Authorization:' + signer.headers.Authorization\n },\n queryStringParameters: concat_ops,\n body: body\n }\n return API.put(userEnvironment.apiName, path, ops).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n}\nexport const patch = async (\n path,\n use_access_token,\n body = {},\n version,\n queryParams = {}\n) => {\n const user = await Auth.currentAuthenticatedUser()\n const idToken = user.signInUserSession.idToken.jwtToken\n const accessToken = user.signInUserSession.accessToken.jwtToken\n\n const cognitoGroup = user.signInUserSession.idToken.payload['cognito:groups']\n const userEnvironment = cognitoGroup?.length\n ? Object.values(environmentsConfigs).find(config =>\n cognitoGroup.includes(config.cognitoGroup)\n ) || ENVIRONMENT\n : ENVIRONMENT\n const signer = aws4.sign(\n {\n service: userEnvironment.service,\n region: userEnvironment.region,\n hostname: userEnvironment.defaultBaseUrl,\n path: path,\n headers: {\n 'Content-Type': 'application/json',\n Token: idToken,\n Accept: 'application/json'\n }\n },\n {\n accessKeyId: 'AKIAJ2E4VI5URQQVOOJA',\n secretAccessKey: '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',\n sessionToken: null\n }\n )\n const concat_ops = {\n Token: user.signInUserSession.accessToken.jwtToken,\n ...queryParams\n }\n let header_token = idToken\n if (use_access_token) {\n header_token = accessToken\n }\n const ops = {\n headers: {\n Token: header_token,\n Authorization: 'Authorization:' + signer.headers.Authorization\n },\n queryStringParameters: concat_ops,\n body: body\n }\n return API.patch(userEnvironment.apiName, path, ops).catch(error => {\n Sentry.captureException(error)\n throw error\n })\n}\nconst query = queryString.parse(location.search)\n\nHub.listen('auth', ({ payload: { event, data } }) => {\n if (event === 'signIn_failure') {\n /* Do not redirect on the following cases:\n - Incorrect Username and Password\n - User Not Found or User Disabled\n - Error Descriptions on the URL (SSO Failure pages)\n */\n if (\n !query.error_description &&\n ((data.code === 'NotAuthorizedException' &&\n !data.message.includes('Incorrect username or password') &&\n !data.message.includes('User is disabled')) ||\n !data.code)\n ) {\n Auth.currentAuthenticatedUser()\n .then(() => signOut())\n .catch(window.location.replace('/login'))\n }\n }\n})\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"reportWrapper\":\"monitoring-report-wrapper_reportWrapper__BHo9q\",\"pageHeader\":\"monitoring-report-wrapper_pageHeader__3hW_q\",\"pageTitle\":\"monitoring-report-wrapper_pageTitle__XHCg2\",\"buttons\":\"monitoring-report-wrapper_buttons__uRllk\",\"tabList\":\"monitoring-report-wrapper_tabList__3OLBk\",\"tabItem\":\"monitoring-report-wrapper_tabItem__1Vu3y\",\"selected\":\"monitoring-report-wrapper_selected__1ldKF\",\"pageSubTitle\":\"monitoring-report-wrapper_pageSubTitle__5Mya9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"link\":\"training_link__2sjb1\",\"moduleRow\":\"training_moduleRow__2-dag\",\"testButton\":\"training_testButton__3gmDH\",\"testLink\":\"training_testLink__1ZJue\",\"rating\":\"training_rating__1sXrO\",\"passed\":\"training_passed__2QEVX\",\"green\":\"training_green__1MvOA\",\"purple\":\"training_purple__1T8HM\",\"expireSoon\":\"training_expireSoon__1aXfG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"notes-modal_header__21aYA\",\"scrollableBody\":\"notes-modal_scrollableBody__3mFtI\",\"titleWithButton\":\"notes-modal_titleWithButton__3_17Y\",\"student\":\"notes-modal_student__15U8Y\",\"observation\":\"notes-modal_observation__2xYda\",\"title\":\"notes-modal_title__41nc2\",\"body\":\"notes-modal_body__1546Z\",\"studentsContainer\":\"notes-modal_studentsContainer__1NJQR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"usersManagementHeader\":\"users-management_usersManagementHeader__2C6qJ\",\"excelButton\":\"users-management_excelButton__2jNdo\",\"addUserButton\":\"users-management_addUserButton__2T49x\",\"searchWrapper\":\"users-management_searchWrapper__BbVpO\",\"blurTable\":\"users-management_blurTable__1Y7BT\",\"usersManagementHeaderButtons\":\"users-management_usersManagementHeaderButtons__22R4H\",\"indicator\":\"users-management_indicator__3jERh\",\"indicatorContainer\":\"users-management_indicatorContainer__KhEXx\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fieldsRow\":\"edit-student-modal-basic_fieldsRow__11xB8\",\"editStudentModalField\":\"edit-student-modal-basic_editStudentModalField__BucQJ\",\"editStudentModalFieldError\":\"edit-student-modal-basic_editStudentModalFieldError__1cPi0\",\"datePicker\":\"edit-student-modal-basic_datePicker__4xU2N\",\"pickerHeader\":\"edit-student-modal-basic_pickerHeader__3Z0wr\",\"arrowIconDisabled\":\"edit-student-modal-basic_arrowIconDisabled__3dlJw\",\"enrollmentDate\":\"edit-student-modal-basic_enrollmentDate__1vJUu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"body\":\"chart-skeleton_body__2tV-h\",\"filter\":\"chart-skeleton_filter__3dBws\",\"button\":\"chart-skeleton_button__2WYNp\",\"small\":\"chart-skeleton_small__2ZfiS\",\"skeletonWrapper\":\"chart-skeleton_skeletonWrapper__1peCe\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"achievement\":\"achievement_achievement__2Ema7\",\"achievementTitle\":\"achievement_achievementTitle__3G4IH\",\"achievementBody\":\"achievement_achievementBody__1e4Xf\",\"achievementItem\":\"achievement_achievementItem__KpWJY\",\"achievementBottom\":\"achievement_achievementBottom__XSq6-\",\"known\":\"achievement_known__3zFUk\",\"marked\":\"achievement_marked__39bmd\",\"unknown\":\"achievement_unknown__31Qqo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"scenarios_title__3Z1Uq\",\"description\":\"scenarios_description__16mRI\",\"titleItems\":\"scenarios_titleItems__8a4Gn\",\"rightDescription\":\"scenarios_rightDescription__2NISY\",\"taken\":\"scenarios_taken__1xoAQ\",\"readyForReview\":\"scenarios_readyForReview__vk7wp\",\"incorrect\":\"scenarios_incorrect__hQhwA\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"students-modal_title__3-ae4\",\"students\":\"students-modal_students__29jNF\",\"column\":\"students-modal_column__HMePw\",\"columnTitle\":\"students-modal_columnTitle__GScVL\",\"subobjectiveName\":\"students-modal_subobjectiveName__jKPVP\",\"footer\":\"students-modal_footer__3tSDW\",\"lastUpdated\":\"students-modal_lastUpdated__1DBFy\",\"scrollableBody\":\"students-modal_scrollableBody__2Qier\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"domainsOnTrackBarChart\":\"bar-chart_domainsOnTrackBarChart__2t04q\",\"tooltip\":\"bar-chart_tooltip__29pW-\",\"bottomTable\":\"bar-chart_bottomTable__2FEWb\",\"leftTable\":\"bar-chart_leftTable__15dgl\",\"reverseTableContainer\":\"bar-chart_reverseTableContainer__3W3C-\",\"reverseTable\":\"bar-chart_reverseTable__2jP76\",\"chartContainer\":\"bar-chart_chartContainer__1bV00\",\"diagramGoalLine\":\"bar-chart_diagramGoalLine__Rk1Ro\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"curriculumWeeks\":\"curriculum-home_curriculumWeeks__2V9zg\",\"week\":\"curriculum-home_week__P4f6q\",\"weekNumber\":\"curriculum-home_weekNumber__2cXFK\",\"weekDate\":\"curriculum-home_weekDate__-TSec\",\"weekName\":\"curriculum-home_weekName__Ag3CO\",\"curriculumBigButton\":\"curriculum-home_curriculumBigButton__3P-V_\",\"printButton\":\"curriculum-home_printButton__2c88x\",\"editButton\":\"curriculum-home_editButton__itUCe\",\"NameAndPrint\":\"curriculum-home_NameAndPrint__3mi5b\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"table\":\"requests-table_table__3bCRU\",\"buttons\":\"requests-table_buttons__2Jait\",\"wideButton\":\"requests-table_wideButton__2qi26\",\"smallButton\":\"requests-table_smallButton__2isFu\",\"note\":\"requests-table_note__2VnMI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"alert\":\"auth_alert__16Pje\",\"authForm\":\"auth_authForm__1ucd-\",\"or\":\"auth_or__2gy4h\",\"error\":\"auth_error__XFICH\",\"authFooter\":\"auth_authFooter__1Da7Z\",\"authLoading\":\"auth_authLoading__FzGK7\",\"authLoadingText\":\"auth_authLoadingText__23wi7\",\"authInput\":\"auth_authInput__1JDDI\",\"authFields\":\"auth_authFields__3Iya-\",\"authColumn\":\"auth_authColumn__3Dyme\",\"authLoader\":\"auth_authLoader__1YGo5\",\"authCheckingText\":\"auth_authCheckingText__Hfy0i\",\"authSSO\":\"auth_authSSO__mUxlF\",\"authButton\":\"auth_authButton__1Tm9Y\",\"authSSOButton\":\"auth_authSSOButton__FeO_g\",\"authButtonIcon\":\"auth_authButtonIcon__u1f1y\",\"classlink\":\"auth_classlink__-tyK1\",\"clever\":\"auth_clever__3rPWY\",\"authButtonBorder\":\"auth_authButtonBorder__30D_B\",\"authButtonBorderGray\":\"auth_authButtonBorderGray__3Lgmr\",\"authGreen\":\"auth_authGreen__1x7Gn\",\"authOrange\":\"auth_authOrange__1HWGa\",\"authBlue\":\"auth_authBlue__1kkmH\",\"authLinks\":\"auth_authLinks__fcM3J\",\"passwordGroup\":\"auth_passwordGroup__YeSQv\",\"show-password-button\":\"auth_show-password-button__CUhtp\",\"form-group\":\"auth_form-group__2DQgn\",\"caps-lock\":\"auth_caps-lock__2VBOU\",\"authButtons\":\"auth_authButtons__zs_Gp\",\"authSSOButtons\":\"auth_authSSOButtons__2w3q5\",\"authPasswordIcon\":\"auth_authPasswordIcon__bnIfn\",\"auth-checklist\":\"auth_auth-checklist__12RhD\",\"multiuserCard\":\"auth_multiuserCard__1dfqr\",\"multiuserForm\":\"auth_multiuserForm__2--DO\",\"multiuserName\":\"auth_multiuserName__13DBL\",\"multiuserArrow\":\"auth_multiuserArrow__gFciP\",\"multiuserDescription\":\"auth_multiuserDescription__1e46Y\"};","import { createContext, useContext } from 'react'\n\nexport const DashboardContext = createContext()\nexport const useDashboardContext = () => {\n return useContext(DashboardContext)\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"keaTable\":\"tables_keaTable__2pjG4\",\"domain\":\"tables_domain__PcM8o\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tooltip\":\"styled-joyride_tooltip__25u2l\",\"content\":\"styled-joyride_content__1EUx_\",\"hideFooter\":\"styled-joyride_hideFooter__1NXgc\",\"buttons\":\"styled-joyride_buttons__1TzbL\",\"leftButton\":\"styled-joyride_leftButton__3IwXT\",\"rightButton\":\"styled-joyride_rightButton__1cFqL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"weeklyMessage\":\"weekly-message_weeklyMessage__3LtjG\",\"body\":\"weekly-message_body__3GHnO\",\"buttons\":\"weekly-message_buttons__eWHeC\",\"checkIcon\":\"weekly-message_checkIcon__3bjgk\",\"exclamationIcon\":\"weekly-message_exclamationIcon__1vepF\",\"pencilIcon\":\"weekly-message_pencilIcon__2y2RO\",\"trashIcon\":\"weekly-message_trashIcon__2kRV2\",\"message\":\"weekly-message_message__2xcCB\",\"deleteButton\":\"weekly-message_deleteButton__3Wy5_\",\"textArea\":\"weekly-message_textArea__31MXC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"body\":\"chart-skeleton_body__3g9le\",\"filter\":\"chart-skeleton_filter__2iNtJ\",\"button\":\"chart-skeleton_button__3EeLd\",\"small\":\"chart-skeleton_small__2yXGM\",\"chartSkeletonFirst\":\"chart-skeleton_chartSkeletonFirst__3gGcn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dataExportContainer\":\"dump-management_dataExportContainer__2VNkE\",\"description\":\"dump-management_description__3x4xb\",\"pickerContainer\":\"dump-management_pickerContainer__1olfw\",\"picker\":\"dump-management_picker__TjX_N\",\"pickerTitle\":\"dump-management_pickerTitle__2WTC7\",\"buttons\":\"dump-management_buttons__1qkKW\",\"loader\":\"dump-management_loader__F4LEu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"certificate_wrapper__2Mw7O\",\"certificate\":\"certificate_certificate__2NCii\",\"icon\":\"certificate_icon__eJ-dz\",\"title\":\"certificate_title__3iqez\",\"date\":\"certificate_date__AU97V\",\"button\":\"certificate_button__2ECy6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"day\":\"assignable_day__1AgHW\",\"daySelectors\":\"assignable_daySelectors__2r0Tq\",\"selector\":\"assignable_selector__W1Ne9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"authWrapper\":\"authWrapper_authWrapper__IVjCf\",\"authContainer\":\"authWrapper_authContainer__2h27J\",\"authLeft\":\"authWrapper_authLeft__2rDuq\",\"authTitle\":\"authWrapper_authTitle__2QLET\",\"authForm\":\"authWrapper_authForm__1aVgY\",\"authLogo\":\"authWrapper_authLogo__1kMFm\",\"message\":\"authWrapper_message__3y3OS\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"observationCell\":\"observation-cell_observationCell__3a2vx\",\"observationButton\":\"observation-cell_observationButton__NVYwZ\",\"siteObservationButton\":\"observation-cell_siteObservationButton__3uL5L\",\"siteCheckmark\":\"observation-cell_siteCheckmark__pqZr1\",\"icon\":\"observation-cell_icon__IKZJ_\",\"observationButtonText\":\"observation-cell_observationButtonText__17CEP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"certificationCard\":\"certification_certificationCard__1uh8O\",\"percentage\":\"certification_percentage__3L-tQ\",\"download\":\"certification_download__10d71\",\"percentageScale\":\"certification_percentageScale__jh4mF\",\"description\":\"certification_description__fBppQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"centralLabelText\":\"pie-charts_centralLabelText__3sDGD\",\"centralLabelValue\":\"pie-charts_centralLabelValue__AjDI7\",\"charts\":\"pie-charts_charts__3TgSu\",\"chart\":\"pie-charts_chart__2bedt\",\"subdomainName\":\"pie-charts_subdomainName__2QOw5\",\"domainsOnTrackCharts\":\"pie-charts_domainsOnTrackCharts__Oyqxd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"name\":\"users-management-table_name__2S5IM\",\"logged\":\"users-management-table_logged__34mXd\",\"certified\":\"users-management-table_certified__lZeCu\",\"role\":\"users-management-table_role__3YVAQ\",\"edit\":\"users-management-table_edit__23A9w\",\"username\":\"users-management-table_username__3xZmN\",\"classrooms\":\"users-management-table_classrooms__1undJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"editStudentModalNotes\":\"edit-student-modal-notes_editStudentModalNotes__beJ_r\",\"checkbox\":\"edit-student-modal-notes_checkbox__1sW7k\",\"tooltip\":\"edit-student-modal-notes_tooltip__3Te52\",\"rowWrapper\":\"edit-student-modal-notes_rowWrapper__2xzZT\",\"notesBar\":\"edit-student-modal-notes_notesBar__2v5s-\",\"creatableSelect\":\"edit-student-modal-notes_creatableSelect__1Nf7U\",\"ell\":\"edit-student-modal-notes_ell__3amqY\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"filters\":\"filters_filters__1OYY4\",\"search\":\"filters_search__3Ys0Y\",\"buttons\":\"filters_buttons__3gyWh\",\"buttonIcon\":\"filters_buttonIcon__rUsIw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"checking\":\"setting-up_checking__2d0K2\",\"timeline\":\"setting-up_timeline__wk5v4\",\"timeLineItem\":\"setting-up_timeLineItem__TVCaN\",\"active\":\"setting-up_active__3Y26R\",\"disabled\":\"setting-up_disabled__1CtW2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"schedule_title__2ianQ\",\"filtersPanel\":\"schedule_filtersPanel__Y4ohG\",\"settingPanel\":\"schedule_settingPanel__YMF3K\",\"setting\":\"schedule_setting__1H45i\",\"schedule\":\"schedule_schedule__3N2FG\"};","import React, { createContext } from 'react'\nimport { useAccountData } from 'shared/hooks'\n\nexport const AuthContext = createContext({ loading: true })\nexport const AuthContainer = ({ children }) => {\n const accountData = useAccountData()\n\n return (\n \n {t('training.scenarios.modal.description')}\n
\n\n
\n \n )}\n \n {\n setSelectedLevel(level)\n }}\n />\n
\n {scenarioData.description}
\n \n setOpened(false)}\n disabled={submitLoading}\n >\n {t('training.scenarios.modal.cancel')}\n \n {!complete && (\n end()}\n disabled={submitLoading || selectLevel.value === null}\n >\n {t('training.scenarios.modal.save')}\n \n )}\n
\n \n
\n\n {scenarioData.levels.map(\n level =>\n level.value !== 0 && (\n \n {t('training.scenarios.modal.developmentalIndicators')}\n
\n {scenarioData.levels.some(level => level.examples?.length) && (\n \n {t('training.scenarios.modal.examples')}\n
\n )}\n \n
\n )\n )}\n \n \n
\n {!!level.examples?.length && (\n - \n {level.label}\n {level.descriptions.map((description, index) => (\n
- {description} \n ))}\n
\n
\n )}\n - \n {level.label}\n {level.examples.map(({ example, example_type }, i) =>\n example_type === 'link' ? (\n
- {t('training.scenarios.modal.clickLink')} \n \n ) : (\n
- {example} \n )\n )}\n
{t('training.scenarios.modal.congratulations')}
\n\n {t('training.scenarios.modal.levelled', {\n correct: opened.correct,\n total: opened.total\n })}\n
\n{t('training.scenarios.modal.closeTheWindow')}
\n {t('training.scenarios.modal.note')}\n \n \n )}\n \n {STEPS_ARRAY.map(i => (\n
\n )}\n {\n {\n 0: \n
\n)\n\nconst Step1 = ({ t, changeStep }) => (\n \n
\n \n {t('training.scenarios.tutorialModal.description1')}\n
\n \n {' '}\n {t('training.scenarios.tutorialModal.description2')}\n
\n \n \n \n
\n \n
\n)\n\nconst Step2 = ({ t, changeStep }) => (\n \n {t('training.scenarios.tutorialModal.tip')}:{' '}\n {t('training.scenarios.tutorialModal.step1')}\n
\n \n \n \n
\n \n
\n)\n\nconst Step3 = ({ t, i18n, moduleId, changeStep, cancel }) => {\n const [joyride, setJoyride] = useState(() => ({\n run: true,\n steps: [\n {\n title: t('training.scenarios.tutorialModal.tooltipStep1'),\n target: '#irr-tutorial-description',\n disableBeacon: true\n },\n {\n title: t('training.scenarios.tutorialModal.tooltipStep2'),\n target: '#developmental-indicators'\n },\n {\n title: t('training.scenarios.tutorialModal.tooltipStep3'),\n target: '#irr-tutorial-select',\n placement: 'right',\n spotlightClicks: true\n },\n {\n title: t('training.scenarios.tutorialModal.tooltipStep4'),\n target: '#irr-tutorial-button'\n }\n ]\n }))\n const [exampleModal, setExampleModal] = useState(false)\n const [feedback, setFeedback] = useState(null)\n const [selectLevel, setSelectedLevel] = useState({\n label: t('training.scenarios.tutorialModal.selectTheLevel'),\n value: null,\n feedback: null\n })\n const { data, isLoading } = useQuery([i18n.language], () =>\n getTrainingScenariosTutorial({\n training: moduleId,\n language: i18n.language\n })\n )\n const scenarioData = useMemo(\n () =>\n data && {\n ...data[0],\n levels: data[0].levels\n .map(item => ({\n label: item.name,\n value: item.level,\n descriptions: item.subobjectives.map(\n ({ description }) => description\n ),\n examples: item.subobjectives\n .map(({ examples }) => examples)\n ?.flat(),\n feedback: item.feedback\n }))\n .sort((a, b) => b.value - a.value)\n },\n [data]\n )\n\n if (isLoading) return \n {t('training.scenarios.tutorialModal.step2')}\n
\n \n \n \n
\n \n
\n {feedback && (\n {t('training.scenarios.tutorialModal.step3')}
\n\n {t('training.scenarios.modal.description')}\n
\n \n
\n \n
\n \n {scenarioData.description}\n
\n \n {\n setSelectedLevel(level)\n setFeedback(null)\n }}\n />\n
\n \n \n \n feedback?.isCorrect\n ? changeStep('forward')\n : setFeedback({\n text: selectLevel.feedback,\n level: selectLevel.value,\n isCorrect:\n selectLevel.value === scenarioData.correct_level,\n showModal: true\n })\n }\n >\n {feedback?.isCorrect\n ? t('training.scenarios.tutorialModal.next')\n : t('training.scenarios.tutorialModal.checkAnswer')}\n \n
\n \n
\n)\n","import React, { useState } from 'react'\nimport classNames from 'classnames'\nimport { useQuery } from 'react-query'\nimport { toast } from 'react-toastify'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheckCircle, faExclamation } from '@fortawesome/free-solid-svg-icons'\nimport { Loader, Button } from 'shared/components'\nimport {\n getTrainingScenariosQuery,\n reviewScenarios,\n submitTraining\n} from 'lib/api'\n\nimport styles from './scenarios.module.css'\nimport {\n ScenariosTable,\n ScenariosCell,\n ScenariosModal,\n IrrTutorialModal\n} from '../../features'\n\nexport const statuses = {\n readyForReview: 'Ready for Review',\n complete: 'Complete',\n incorrect: 'Incorrect'\n}\n\nexport const ScenariosContainer = ({ moduleId, title, isPassed }) => {\n const { t, i18n } = useTranslation()\n const [submitLoading, setSubmitLoading] = useState(false)\n const [reviewLoading, setReviewLoading] = useState(false)\n const [isSubmit, setIsSubmit] = useState(isPassed)\n const [opened, setOpened] = useState(false)\n const { data, isLoading, refetch } = useQuery(\n getTrainingScenariosQuery({ training: moduleId, language: i18n.language })\n )\n const [tutorial, setTutorial] = useState(\n !localStorage.getItem('isIRRTutorialPassed')\n )\n\n const review = async () => {\n try {\n setReviewLoading(true)\n const resp = await reviewScenarios({\n training_module_id: moduleId\n })\n if (resp.errorMessage) {\n throw new Error(resp.errorMessage)\n }\n if (resp.complete_training_module) {\n submit()\n setIsSubmit(true)\n } else {\n setOpened({\n correct: resp.correct,\n total: resp.total\n })\n }\n } catch (e) {\n toast.error(e.message)\n } finally {\n setReviewLoading(false)\n refetch()\n }\n }\n\n const submit = async () => {\n try {\n setSubmitLoading(true)\n const resp = await submitTraining({\n Language: i18n.language,\n TrainingID: 'Rise1.0',\n TrainingModule: moduleId\n })\n if (resp.errorMessage) {\n throw new Error(resp.errorMessage)\n }\n setOpened({ url: resp.added_certifications[0].presigned_url })\n } catch (e) {\n toast.error(e.message)\n } finally {\n setSubmitLoading(false)\n refetch()\n }\n }\n\n if (!isLoading && !data?.domains) return null\n\n return (\n \n {t('training.scenarios.tutorialModal.step4')}\n
\n \n \n \n
\n \n \n {scenario.name}\n {readyForReview && (\n
\n ),\n taken: readyForReview || complete\n },\n \n
\n {title}
\n \n\n {t('training.scenarios.description1')}\n
\n \n {t('training.scenarios.description2')}\n
\n {(isLoading || submitLoading) && \n review()}\n >\n {t('training.scenarios.submitForReview')}\n \n )}\n
\n \n {data.taken +\n '/' +\n data.scheduled +\n ' ' +\n t('training.scenarios.scenariosReadyForReview')}\n
\n {!isSubmit && (\n\n {isSubmit || isPassed\n ? t('training.scenarios.passed')\n : t('training.scenarios.submitForReviewDescription')}\n
\n\n {data.domains.map(domain => {\n const headers = [\n domain.name,\n domain.taken +\n '/' +\n domain.scheduled +\n ' ' +\n t('training.scenarios.scenariosLeveled')\n ]\n const values = domain.scenarios.map(scenario => {\n const readyForReview = scenario.status === statuses.readyForReview\n const complete = scenario.status === statuses.complete\n const incorrect = scenario.status === statuses.incorrect\n return [\n {\n name: (\n \n
\n )}\n {incorrect && (\n \n
\n )}\n \n \n {text}\n \n \n
\n )\n}\n","export { Guide } from './guide/guide'\nexport { ScenariosContainer } from './scenarios/scenarios-container'\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"article_wrapper__1-vpS\",\"backButton\":\"article_backButton__wmIZ6\",\"article\":\"article_article__22Pru\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"widget-wrapper_wrapper__ZT-om\",\"button\":\"widget-wrapper_button__D-cmU\",\"container\":\"widget-wrapper_container__30Nm2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"widget-header_wrapper__3JAI4\",\"title\":\"widget-header_title__1O_Ni\",\"closeButton\":\"widget-header_closeButton__2oZOl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"card\":\"card_card__3_eon\",\"cardHeader\":\"card_cardHeader__31xWB\",\"cardBody\":\"card_cardBody__1Mp6Q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"body\":\"scenarios-modal_body__3COEb\",\"certificateIRR\":\"scenarios-modal_certificateIRR__3ZZDq\",\"button\":\"scenarios-modal_button__3-XYc\"};","module.exports = __webpack_public_path__ + \"static/media/certified-medium.d1b582b0.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"controls\":\"filters_controls__fF8uS\",\"button\":\"filters_button__3rt5E\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"completionPercent\":\"filters_completionPercent__154eC\",\"monitoringReportFilters\":\"filters_monitoringReportFilters__WOs6U\",\"searchWrapper\":\"filters_searchWrapper__1_b5y\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"objectivesTabsPercentOfStudents\":\"objectives-tabs_objectivesTabsPercentOfStudents__1a6BA\",\"objectivesTabsObjectives\":\"objectives-tabs_objectivesTabsObjectives__EnvPh\",\"objectivesTabsObjective\":\"objectives-tabs_objectivesTabsObjective__1jtYK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"quickLinks\":\"quick-links_quickLinks__2szPt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"certificate\":\"certification-modal_certificate__NL7Wz\",\"dateEarned\":\"certification-modal_dateEarned__3IVuX\",\"body\":\"certification-modal_body__1q_0A\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"editClassroomField\":\"edit-classroom-modal_editClassroomField__13bMf\",\"row\":\"edit-classroom-modal_row__2eO8E\",\"classroomName\":\"edit-classroom-modal_classroomName__2VXs2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"domains\":\"kea-domains_domains__2NBMo\",\"domain\":\"kea-domains_domain__2HBMM\",\"button\":\"kea-domains_button__12QYe\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"Export_wrapper__2qqB9\",\"container\":\"Export_container__2vhVu\",\"buttonsWrapper\":\"Export_buttonsWrapper__2wUpp\"};","export const rolesEnum = {\n DISTRICT_ADMIN: 'DISTRICT_ADMIN',\n SCHOOL_ADMIN: 'SCHOOL_ADMIN',\n TEACHER: 'TEACHER',\n MULTIUSER: 'MULTIUSER'\n}\n\nexport const managementRolesEnum = {\n STATE_ADMIN: 'State Admin',\n DISTRICT_ADMIN: 'District Admin',\n SCHOOL_ADMIN: 'School Admin',\n TEACHER: 'Teacher',\n MULTIUSER: 'Multi-Account'\n}\n\nexport const stateAdminRoles = [\n {\n label: 'State Admin',\n value: managementRolesEnum.STATE_ADMIN\n },\n {\n label: 'District Admin',\n value: managementRolesEnum.DISTRICT_ADMIN\n },\n {\n label: 'School Admin',\n value: managementRolesEnum.SCHOOL_ADMIN\n },\n {\n label: 'Teacher',\n value: managementRolesEnum.TEACHER\n }\n]\nexport const districtAdminRoles = [\n {\n label: 'District Admin',\n value: managementRolesEnum.DISTRICT_ADMIN\n },\n {\n label: 'School Admin',\n value: managementRolesEnum.SCHOOL_ADMIN\n },\n {\n label: 'Teacher',\n value: managementRolesEnum.TEACHER\n }\n]\nexport const schoolAdminRoles = [\n {\n label: 'School Admin',\n value: managementRolesEnum.SCHOOL_ADMIN\n },\n {\n label: 'Teacher',\n value: managementRolesEnum.TEACHER\n }\n]\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subObjectiveItems\":\"items_subObjectiveItems__GwRNL\",\"subObjectiveText\":\"items_subObjectiveText__1nZVz\",\"itemsTitle\":\"items_itemsTitle__1BJi0\",\"assessed\":\"items_assessed__3TLVh\",\"notes\":\"items_notes__16XgV\",\"notesBody\":\"items_notesBody__2AJea\",\"changeNotes\":\"items_changeNotes__232xE\",\"cross\":\"items_cross__CO568\",\"textarea\":\"items_textarea__2yr14\",\"note\":\"items_note__3fHXn\",\"images\":\"items_images__21KjP\",\"image\":\"items_image__1Ku1Z\",\"achievementsWrapper\":\"items_achievementsWrapper__1KoW0\",\"achievementsBody\":\"items_achievementsBody__3nIoR\",\"aggregationsWrapper\":\"items_aggregationsWrapper__1DA6b\",\"aggregationsInner\":\"items_aggregationsInner__2Ey-B\",\"bordered\":\"items_bordered__1M1t6\",\"aggregationsBottom\":\"items_aggregationsBottom__1las0\",\"proposalsBody\":\"items_proposalsBody__1myUg\"};","import { createAction, createReducer } from 'redux-act'\n\nexport const add = createAction('EXPORT_MODULE/ADD')\nexport const remove = createAction('EXPORT_MODULE/REMOVE')\n\nconst counterReducer = createReducer(\n {\n [add]: (state, payload) => (state = payload),\n [remove]: state => (state = null)\n },\n null\n)\n\nexport default counterReducer\n","import { createAction, createReducer } from 'redux-act'\n\nexport const updateUser = createAction('AUTH_MODULE/UPDATE')\n\nconst authReducer = createReducer(\n {\n [updateUser]: (state, payload) => {\n state.user = payload\n return state\n }\n },\n { user: null }\n)\n\nexport default authReducer\n","import { createStore, applyMiddleware, compose, combineReducers } from 'redux'\nimport penderMiddleware from 'redux-pender'\n\nimport * as modules from './modules'\n\nconst reducers = combineReducers(modules)\nconst middlewares = [penderMiddleware()]\n\n// Redux Devtools ONLY for Dev Mode\nconst isDev = process.env.NODE_ENV === 'development'\nconst devtools = isDev && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\nconst composeEnhancers = devtools || compose\n\nconst configure = preloadedState =>\n createStore(\n reducers,\n preloadedState,\n composeEnhancers(applyMiddleware(...middlewares))\n )\n\nexport default configure\n","import es from './es'\nimport en from './en'\n\nexport const languages = {\n es,\n en\n}\n","import { auth } from './auth'\nimport { report } from './reports/report'\nimport { domainReport } from './reports/domain-report'\nimport { objectiveReport } from './reports/objective-report'\nimport { familyEngagementReport } from './reports/family-engagement-report'\nimport { parentReport } from './reports/parent-report'\nimport { siteReport } from './reports/site-report'\nimport { bulkReport } from './reports/bulk-report'\nimport { DRDPReport } from './reports/drdp-report'\nimport { certificationStatusReport } from './reports/certification-status-report'\nimport { monitoringReport } from './reports/monitoring-report'\nimport { checkpointReport } from './reports/checkpoint-report'\nimport { chart } from './chart'\nimport { charts } from './charts'\nimport { sidebar } from './components/sidebar'\nimport { table } from './components/table'\nimport { pageWrapper } from './components/pageWrapper'\nimport { orgManagement } from './management/organization'\nimport { userManagement } from './management/user'\nimport { scheduleManagement } from './management/schedule'\nimport { dataExportManagement } from './management/dataExport'\nimport { profile } from './profile'\nimport { basicComponents } from './components/basic'\nimport { training } from './training'\nimport { observation } from './observation'\nimport { support } from './support'\nimport { curriculum } from './curriculum'\nimport { siteReportTooltips } from './tooltips/site-report-tooltips'\nimport { objectiveReportTooltips } from './tooltips/objective-report-tooltips'\nimport { familyEngagementTooltips } from './tooltips/family-engagement-tooltips'\nimport { keaReport } from './reports/kea-report'\n\nexport default {\n translation: {\n auth,\n domainReport,\n siteReportTooltips,\n objectiveReportTooltips,\n familyEngagementTooltips,\n objectiveReport,\n familyEngagementReport,\n parentReport,\n siteReport,\n bulkReport,\n DRDPReport,\n certificationStatusReport,\n monitoringReport,\n checkpointReport,\n chart,\n charts,\n sidebar,\n table,\n pageWrapper,\n orgManagement,\n userManagement,\n scheduleManagement,\n dataExportManagement,\n report,\n profile,\n basicComponents,\n training,\n observation,\n support,\n curriculum,\n keaReport\n }\n}\n","export const auth = {\n login: {\n title: '¡Bienvenido!',\n subtitle:\n 'Inicie sesión usando su Nombre de usuario / Correo Electrónico y Contraseña',\n email: 'Correo electrónico / Nombre de Usuario',\n password: 'Contraseña',\n checking: 'Cuenta de cheques...',\n loginButton: 'Iniciar sesión',\n forgotPassword: 'Olvidé mi Contraseña',\n back: 'Atrás',\n loginWithSSO: 'Inicio de sesión con SSO',\n or: 'o'\n },\n ssoError: {\n back: 'Volver a Iniciar Sesión',\n CTB_REQUEST_SENT_ERROR: {\n title: 'Su Solicitud ha sido Enviada',\n description1:\n 'Se ha enviado una solicitud a su administrador para conceder acceso a Cognitive ToyBox.',\n description2:\n 'Recibirá un correo electrónico cuando pueda iniciar sesión.'\n },\n CTB_REQUEST_DENIED_ERROR: {\n title: 'Solicitud de Acceso a Cognitive ToyBox Denegada',\n description1: 'No tiene permiso para iniciar sesión en Cognitive ToyBox.',\n description2:\n 'Por favor, hable con su administrador del programa si cree que esto es un error.'\n },\n error: {\n title: 'Error de Inicio de Sesión en Cognitive ToyBox',\n description1:\n 'Lo sentimos, pero estamos teniendo problemas para iniciar su sesión.',\n description2:\n 'Por favor, inténtelo de nuevo y si aún no puede iniciar sesión, póngase en contacto con'\n }\n },\n checkEmail: {\n title: '¡No hay problema!',\n subtitle:\n 'Ingrese su correo electrónico y elija Verificar mi cuenta para que podamos ayudarlo.',\n email: 'Email',\n back: 'Atrás',\n submitButton: 'Verificar mi cuenta'\n },\n ssoAuth: {\n googleButton: 'Iniciar sesión con Google',\n cleverButton: 'Iniciar sesión con Clever',\n classLinkButton: 'Iniciar sesión con ClassLink',\n back: 'Atrás'\n },\n confirmResetPassword: {\n title: '¿Quieres restablecer tu contraseña?',\n subtitle:\n 'Tu cuenta ya está configurada. Si desea restablecer su contraseña, elija \"Restablecer mi contraseña\" y revise su correo electrónico para ver el código de verificación que necesitará.',\n back: 'No',\n haveCode: 'I have my code',\n submitButton: 'Restablecer mi contraseña'\n },\n resendEmail: {\n title: '¡No hay problema!',\n subtitle:\n 'Ingrese su Correo Electrónico / Nombre de Usuario y revise su correo electrónico para obtener un código de verificación temporal',\n email: 'Correo electrónico / Nombre de Usuario',\n submit: 'Envíe el Código de Verificación',\n back: 'Atrás'\n },\n resetPassword: {\n title: '¡Casi termino!',\n subtitle: 'Ingrese su código de verificación y cree la nueva contraseña',\n code: 'Código de verificación',\n email: 'Nombre de Usuario',\n password: 'Nueva Contraseña',\n confirmPassword: 'Confirmar Contraseña',\n cancel: 'Cancelar',\n saveAndLogin: 'Guardar e iniciar sesión'\n },\n setupPassword: {\n title: '¡Bienvenido!',\n subtitle:\n 'Para comenzar, cree una Contraseña nueva y segura para iniciar sesión en Cognitive Toybox',\n password: 'Nueva Contraseña',\n confirmPassword: 'Confirmar Contraseña',\n caption:\n 'Asegúrese de que su nueva contraseña tenga al menos 8 caracteres y contenga una letra mayúscula, una letra minúscula y un número',\n agreement: 'Al iniciar sesión, acepto los',\n terms: 'Términos de Servicio',\n and: 'y la',\n privacyPolicy: 'Política de Privacidad',\n cancel: 'Cancelar',\n saveAndLogin: 'Guardar e iniciar sesión'\n },\n mfaSetup: {\n title: 'Autenticación multifactor',\n subtitle:\n 'Para habilitar MFA, debe ingresar su número de teléfono y el código de verificación que reciba en un mensaje de texto',\n phone: 'Número de teléfono',\n skip: 'Omitir',\n sendCode: 'Enviar Código',\n resendCode: 'Reenviar código'\n },\n mfaVerification: {\n title: 'Autenticación multifactor',\n subtitle:\n 'Para asegurarnos de que es usted, le enviamos un código de autenticación de 6 dígitos a su número de teléfono registrado que termina en {{phone}}.',\n code: 'Código de autenticación:',\n submit: 'Enviar',\n cancel: 'Cancelar'\n },\n checkboxes: {\n capital: 'Letra mayúscula',\n lowercase: 'Letra minúscula',\n special: 'Número',\n minLength: 'Al menos 8 carácteres',\n match: 'Las contraseñas son las mismas'\n },\n settingUp: {\n back: 'Atrás',\n confirm: 'Confirmar e ir al portal',\n checking: 'Comprobando la configuración del año escolar...',\n redirect: 'Todo está preparado. Redirección...',\n setup: 'Configuración para {{date}}',\n title: 'Preparativos para el curso escolar',\n titleWithName: 'Configuración para {{name}}',\n users: 'Usuarios',\n students: 'Estudiantes',\n schedule: 'Horario',\n shareUserInfo: 'Compartir información del usuario',\n shareStudentInfo: 'Compartir información sobre los estudiantes',\n sharedScheduleInfo: 'Información sobre el calendario de acciones',\n alreadySharedSchedule: `Ya has compartido la información de tu horario con Cognitive ToyBox. \n Si desea hacer cambios, por favor envíe un correo electrónico a `,\n skipAndRemind: 'Saltar y Recordármelo más tarde',\n skip: 'Saltar',\n submit: 'Enviar',\n resubmit: 'Vuelva a enviar',\n success: '¡Subido con éxito!',\n download: 'Descargar {{file}}',\n usersStep: {\n downloadTemplate: 'Descargar plantilla de usuario',\n info: `Por favor, comparta información sobre cualquier profesor, \n administrador o miembro del personal que necesitará acceso a Cognitive ToyBox en el curso {{date}}`,\n note:\n 'Nota: puedes seguir añadiendo usuarios manualmente, pero compartir ahora nos permitirá configurarlos por ti.'\n },\n studentsStep: {\n downloadTemplate: 'Descargar plantilla de estudiante',\n info:\n 'Por favor, comparta información sobre todos los estudiantes en el año escolar {{date}}',\n note:\n 'Nota: puede seguir añadiendo alumnos manualmente, pero compartir ahora nos permitirá configurarlos por usted.'\n },\n scheduleStep: {\n downloadTemplate: 'Descargar plantilla de horario',\n info:\n 'Por favor, comparta información sobre el calendario del año escolar {{date}}',\n note:\n 'Nota: puedes seguir añadiendo horarios manualmente, pero ahora compartir nos permitirá configurarlos por ti.'\n }\n }\n}\n","export const domainReport = {\n entryButton: 'Imprimir el informe de progreso del niño',\n entryDescription:\n 'Este informe se puede compartir con los padres e incluye áreas de éxito y mejora para cada dominio junto con las actividades recomendadas.',\n studentReport: 'Informe del Estudiante',\n overall: 'General',\n ageCategory: 'Categoría de edad',\n assessmentsComplete: 'Evaluaciones completadas',\n notes: 'Notas',\n teacherSignature: 'Firma del maestro',\n parentSignature: 'Firma del Padree',\n dateSigned: 'Fecha de Firma',\n created: 'Creado',\n assessed: 'Examinado',\n areaOfSuccess: 'Área de Exito',\n areaForImprovement: 'Área Para Mejorar',\n noneRecommended: 'Ninguno Recomendado',\n achievedDevelopmentalMilestone: 'Hito de desarrollo logrado:',\n nextDevelopmentalMilestone: 'Siguiente hito del desarrollo:',\n recommendedActivity: 'Actividad Recomendada',\n show: 'Mostrar',\n hide: 'Ocultar',\n oneArea: 'Incluya un área de éxito y mejora para cada dominio',\n threeAreas: 'Incluya hasta tres áreas de éxito y mejora para cada dominio',\n allAreas: 'Incluir todas las áreas de éxito y mejora para cada dominio'\n}\n","export const siteReportTooltips = {\n schoolLevel: {\n schools: '',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment taken'\n },\n classroomLevel: {\n classrooms: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment taken',\n notes: ''\n },\n studentLevel: {\n students: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n onTrack:\n 'On Track shows how many months ahead or behind age level students are overall. Note that if the number is orange, they are below age level. If the number is green, they are above age level. If the number is black, they are on track.',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment taken',\n notes:\n 'Any notes that have been assigned to this student will appear here. e.g.: ELL, Late Start'\n },\n objectiveLevel: {\n objectives: '',\n standard: 'State or Federal Alignment Standards',\n weekScheduled:\n 'Week the objective (game or observation) is scheduled. If this is blank, the objective is not scheduled this checkpoint.',\n type:\n 'Obs is an observation that was collected by a teacher. Game is a completed game-based assessment.',\n growth:\n 'Growth in the most recent assessment. Gray dot means they achieved the same level as when they were assessed earlier. Green up arrow(s) show that they got a higher level in their most recent assessment. Orange down arrow(s) show that their level has gone down in their most recent assessment.',\n level: 'Age-level achieved',\n completed: 'Number of assessments complete',\n lastAssessed:\n 'Date of most recent assessment taken. If there is a green checkmark, you have completed this observation or game this checkpoint already!',\n observations:\n 'Click the button to start a new observation. If the button is green, you have already collected this observation this checkpoint. If it is purple, you have not yet collected an observation in this checkpoint.'\n },\n subobjectiveLevel: {\n subobjective:\n 'Subobjectives are individual skills assessed through observation or game',\n level: 'Age-level achieved'\n }\n}\n","export const objectiveReportTooltips = {\n objectiveLevel: {\n objectives: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n type:\n 'Obs is an observation that was collected by a teacher. Game is a completed game-based assessment.',\n standard: 'State or Federal Alignment Standards',\n complete: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment'\n },\n subobjectiveLevel: {\n subobjective:\n 'Subobjectives are individual skills assessed through observation or game',\n level: 'Age-level expectations for subobjective',\n correct:\n 'Number of students who achieved a subobjective (on their most recent assessment)',\n complete:\n 'Number of students assessed on a subobjective (on their most recent assessment)'\n }\n}\n","export const familyEngagementTooltips = {\n classroomView: {\n student: '',\n activities:\n 'Offline and online activities shared with families that were completed this week',\n games: 'Game-based assessments played at home this week',\n timeSpent: 'Approximate time spent on activities and games this week',\n loggedIn: 'When family last logged in',\n report:\n \"Preview what the family sees by tapping the blue Preview Family Report button. Tap on the Preview Student Report button to see the child's assessment results.\"\n },\n schoolAdminView: {\n classroom: '',\n activitiesCompleted:\n 'Offline and online activities shared with families that were completed this week',\n gamesPlayed: 'Game-based assessments played at home this week',\n familiesLoggedIn: 'Percent of families logged in'\n },\n districtAdminView: {\n school: '',\n activitiesCompleted:\n 'Offline and online activities shared with families that were completed this week',\n gamesPlayed: 'Game-based assessments played at home this week',\n timeSpent: 'Approximate time spent on activities and games this week',\n familiesLoggedIn: 'Percent of families logged in'\n }\n}\n","export const objectiveReport = {\n title: '{{organization}} {{objective}} Informe objetivo',\n subtitle: '{{school}} {{classroom}} {{checkpoint}}',\n lastAssessed: 'Ultimo Evaluación',\n student: 'estudiante',\n notAssessedYet: 'aún no evaluado',\n recommendedSmallGroups: 'Grupos pequeños recomendados',\n recommendedSmallGroupsDescription: '',\n practice: 'Practica',\n upNext: 'Siguiente',\n recommended: 'Recomendado',\n additional: {\n leastRecognized: 'El menos reconocido',\n sometimesRecognized: 'A veces se reconoce',\n mostRecognized: 'Los más reconocidos'\n },\n table: {\n objectives: 'Objetivos',\n avLevel: 'Nivel Promedio',\n type: 'Typo',\n standard: 'Estándar',\n complete: 'Completo',\n lastAssessed: 'Ultimo Evaluación',\n subobjective: 'Subobjetivo',\n level: 'Nivel',\n correct: 'Correcto',\n age: 'Edad'\n },\n studentsModal: {\n subobjective: 'Subobjetivo',\n correct: 'Correcto',\n incorrect: 'Incorrecto',\n notTaken: 'No se ha tomado',\n lastUpdated: 'Última actualización',\n close: 'Cerrar'\n }\n}\n","export const familyEngagementReport = {\n weeklyMessage: {\n title: 'Mensajes Semanales a las Familias',\n noMessage: `No hay mensajes para esta semana. \n¡Escriba para añadir uno ahora!`,\n delete: 'Borrar',\n change: 'Cambiar',\n addMessage: 'Agregar mensaje nuevo',\n newWeeklyMessage: 'Nuevo mensaje semanal',\n cancel: 'Cancelar',\n saveAndShareWithFamilies: 'Guardar'\n },\n table: {\n classroom: 'Clase',\n activitiesCompleted: 'Actividades realizadas',\n gamesPlayed: 'Juegos jugados',\n familiesLogged: '% Familias conectadas',\n school: 'Escuela',\n timeSpent: 'Tiempo usado',\n student: 'Estudiante',\n activities: 'Actividades',\n games: 'Juegos',\n loggedIn: 'Conectado',\n report: 'Reporte'\n },\n activity: {\n yearsOld: 'años',\n Mon: 'Lunes',\n Tue: 'Martes',\n Wed: 'Miércoles',\n Thu: 'Jueves',\n Fri: 'Viernes',\n seeActivities: 'Ver Actividades',\n seeReadAlouds: 'Ver los Cuentos',\n dailyActivities: 'Actividades diarias',\n dailyReadAloud: 'Lecturas diarias en voz alta',\n noActivity: 'Sin actividad',\n scheduledReadAloudsActivities:\n 'Lecturas en voz alta programadas y actividades diarias',\n weekOf: 'Semana del {{week}}',\n source: 'Fuente:',\n activityType: 'Tipo de actividad:',\n keyConcepts: 'Conceptos clave:',\n standards: 'Normas:',\n scheduled: 'Programado:',\n students: '{{completed}}/{{assigned}} estudiantes',\n noDescription: 'Sin descripción',\n seeDetails: 'Ver detalles',\n hideDetails: 'Ocultar detalles'\n },\n seeActivities: 'Ver actividades programadas y lecturas en voz alta',\n preview: 'Mira el',\n parentReport: 'Vista previa del informe de los padres',\n studentReport: 'Vista previa del informe del alumno',\n drdpReport: 'Vista previa del informe DRDP',\n see: 'Mira el',\n familyEngagement: 'Participación del familia',\n famLoggedIn: 'Familias conectadas en total: ',\n weekOf: 'Semana de:',\n overall: 'En general',\n weekly: 'Semanal'\n}\n","export const parentReport = {\n noData: 'No se han encontrado datos para la selección actual',\n back: 'De Regreso a Estudiantes',\n title: '¡Bienvenido a la familia de {{ student }}',\n subtitle: 'Recomendaciones solo para ti!',\n isWeekend1: 'Vuelva a consultar el {{date}} para ver las nuevas actividades.',\n isWeekend2:\n 'Haga clic en el botón anterior para revisar las actividades de esta semana.',\n prev: 'Anterior ({{date}})',\n next: 'Siguiente ({{date}})',\n weeklyMessage: 'Mensaje semanal del ',\n yourTeacher: 'profesor',\n today: 'Hoy',\n lastAccessed: 'Última evaluación: ',\n recommendedActivity: 'Actividad recomendada para ',\n todayClassActivity: 'Actividad de la clase de hoy',\n classActivityFor: 'Actividad de clase para ',\n help: 'Ayuda',\n source: 'Fuente: ',\n love: '¡Nos encantó!',\n played: '¡Lo jugamos!',\n keyConcepts: 'Conceptos Clave: ',\n alignment: 'Alineamiento: ',\n type: 'Tipo: ',\n readAloud: 'Lectura De Hoy En Voz Alta',\n sendMessage: 'Enviar un mensaje a tu maestro(a)',\n messageSent: 'Mensaje enviado',\n submit: 'Enviar',\n playGames1: 'Juega el juego',\n playGames2: 'de esta semana',\n seeActivities1: 'Ver actividades',\n seeActivities2: 'diarias',\n playGameWith: 'Juega a un juego con ',\n canPlay: 'Esta semana {{selectedStudentName}} puede jugar:',\n playNow: 'Jugar ahora'\n}\n","export const siteReport = {\n report: 'Reporte de salón {{name}}',\n printStudent: 'Imprimir el informe del estudiante',\n printCurrentView: 'Imprimir la vista actual',\n unable: 'No se pueden cargar los datos detallados',\n noData: 'No se han encontrado datos',\n noResults: 'No hay resultados',\n noAge: 'Sin edad',\n recommended: ' (Recomendado)',\n back: 'Volver a',\n exportExcel: 'Exportar como Excel',\n exportPDF: 'Exportar como PDF',\n noDataMessage:\n '{{student}} aún no ha realizado ninguna valoración de {{objective}}',\n school: 'Escuela',\n classroom: 'Clase',\n student: 'Estudiante',\n objective: 'Objetivo',\n subobjective: 'Subobjetivo',\n table: {\n students: 'Estudiantes',\n averageLevel: 'Nivel promedio',\n onTrack: 'La trayectoria',\n assessmentCompleted: 'Evaluaciones completadas',\n lastAssessed: 'Ultimo evaluación',\n notes: 'Notas',\n observations: 'Observaciones',\n objectives: 'Objetivos',\n standard: 'Estándar',\n weekScheduled: 'Semana programada',\n type: 'Tipo',\n growth: 'Crecimiento',\n onlyScheduled: 'Sólo objetivos programados',\n allObjectives: 'Todos los objetivos',\n level: 'Nivel',\n completed: 'Completado',\n classrooms: 'Clase',\n school: 'Escuela',\n schools: 'Escuelas',\n gamesAvailable: `Juegos sólo\n disponibles en la aplicación`,\n noObservation:\n 'Debe estar en el punto de control actual para recopilar observaciones',\n changeSettings:\n 'No hay objetivos programados. Cambiar la configuración para ver los objetivos no programados'\n },\n items: {\n unknown: 'Desconocido',\n known: 'Conocido',\n emotion: 'Emoción',\n accuracy: 'Precisión',\n behavior: 'Comportamiento',\n reactions: 'Reacciones',\n understanding: 'Entender este informe:',\n understandingText:\n 'Los estudiantes son marcados como correctos si reaccionan emocionalmente seleccionando \"enojado\" o \"triste\" porque eso indica que están entendiendo la situación del desafío.',\n assessed: 'Evaluado por:',\n languages: 'Lenguas:',\n observationalNote: 'Nota de observación',\n saveChanges: 'Guardar cambios',\n editNote: 'Nota de edición',\n unable: 'No se puede actualizar la nota',\n letterNames: 'Nombres de las letras',\n letterSounds: 'Sonidos de las letras'\n },\n detailed: {\n print: 'Imprimir el informe detallado del estudiante',\n detailed: 'Informe detallado del estudiante',\n detailedForAll: 'Detalles para todos los objetivos',\n detailedBelow:\n 'Datos detallados de los objetivos con puntuación inferior al nivel de edad',\n showLevels: 'Mostrar niveles',\n hideLevels: 'Ocultar niveles',\n showPhotos: 'Mostrar fotos',\n hidePhotos: 'Ocultar fotos',\n showNotes: 'Mostrar notas',\n hideNotes: 'Ocultar notas',\n showNotAssessed: 'Espectáculo no evaluado',\n hideNotAssessed: 'No se ha evaluado la piel',\n report: 'Informe de {{label}}',\n shared:\n 'Este informe puede ser compartido con los padres o al final de un control para la individualización',\n checkpointReports: 'Informes de control',\n created: 'Creado',\n objective: 'Objetivo'\n }\n}\n","export const bulkReport = {\n success: 'El informe ha sido solicitado con éxito',\n download: 'Descargar',\n selectClassrooms: 'Seleccione un clase(s)',\n allClassrooms: 'Todas las clases',\n selectStudents: 'Seleccione un estudiante(s)',\n allStudents: 'Todos los estudiantes',\n requestReport: 'Solicitar informe',\n checkpointStudent: 'Punto de control/estudiante',\n dateRequested: 'Fecha solicitada',\n status: 'Estado',\n downloadNow: 'Descargar ahora'\n}\n","export const DRDPReport = {\n ongoing: 'En curso',\n title: '{{organization}} {{student}} {{checkpoint}} Reporte del DRDP',\n table: {\n classrooms: 'Clase',\n objective: 'Objetivo',\n alignment: 'Alineación',\n level: 'Nivel',\n lastAssessed: 'Ultimo evaluación',\n schools: 'Escuelas',\n students: 'Estudiantes'\n },\n printModal: {\n DRDPReport: 'Reporte del {{label}}',\n DRDPReports: 'Reportes del DRDP',\n printProgressReport: 'Imprimir el informe de situación',\n printAllStudentsCheckpoint:\n 'Imprimir Todos los estudiantes {{name}} Checkpoint',\n selectCheckpoint: 'Seleccione el punto de control'\n }\n}\n","export const certificationStatusReport = {\n percentage: 'de los profesores tiene una {{certification}}',\n download: 'Descargar la lista de profesores',\n noData: 'No se han creado cuentas de maestros',\n description:\n 'Este informe muestra el porcentaje de maestros que han completado los módulos de formación.'\n}\n","export const monitoringReport = {\n search: 'Buscar...',\n assessmentsComplete: 'de las evaluaciones completadas',\n downloadNotes: 'Descargar Notas',\n timeoutError:\n 'Vuelve a intentarlo más tarde o ponte en contacto con el servicio de asistencia. Estamos trabajando en ello.',\n notesModal: {\n notes: 'Notas: {{notes}}',\n studentsCount: '{{number}} estudiantes',\n downloadAsExcel: 'Descargar como Excel',\n observationsWithNotes: 'Observaciones con notas',\n observationsWithoutNotes: 'Observaciones sin notas',\n collectedBy: 'Recopilado por',\n noObservations:\n 'No se han recogido observaciones entre el {{start}} y el {{end}}'\n },\n error: {\n excel:\n 'No hemos podido obtener xlsx, por favor inténtelo de nuevo más tarde o póngase en contacto con soporte'\n },\n table: {\n none: 'Ninguno',\n student: 'Estudiante',\n assessed: 'Evaluado en el último mes',\n usage: 'Uso de CTB (al menos el 80%)',\n onTrack: 'Dev. on track in all domains',\n observations: 'Observations',\n obsWithNotes: '% con notas',\n totalObsNotes: 'Total # Notas',\n games: 'Juegos',\n obs: 'Obs',\n classroom: 'Aula',\n allStudents: 'Todos los estudiantes evaluados en el último mes',\n notes: 'Notas',\n school: 'Escuela',\n district: 'Distrito',\n completedKEA: '% Completado del KEA',\n emerging: '% Emergente',\n approach: '% Acercándose',\n demonstrating: '% Demostrando'\n }\n}\n","export const checkpointReport = {\n title: 'Checkpoint Report',\n table: {\n school: 'Escuela',\n classroom: 'Clase',\n objective: 'Objetivo',\n type: 'Typo',\n level: 'Nivel',\n student: 'Estudiante',\n includeGames: 'Incluya los juegos',\n includeObservations: 'Incluir observaciones',\n assessmentsComplete: 'Evaluaciones completas'\n },\n pleaseSelect: 'Seleccione un aula',\n setDefaultCheckpoint: 'Establecer punto de control por defecto'\n}\n","export const chart = {\n lastUpdated: 'Última actualización',\n print: 'Imprimir',\n printCurrentView: 'Imprimir la vista actual',\n printOnePage: 'Imprima una página para cada clase',\n printAll: 'Imprimir todas las',\n printAllClassrooms: 'Imprimir todas las clases',\n showLowestDomains: '(mostrar los dominios más bajos)',\n students: 'Estudiantes',\n classrooms: 'Clase',\n close: 'Cerrar',\n studentsAssessed: 'Estudiantes evaluados',\n assessmentsTaken: 'Evaluaciones realizadas',\n exportAsExcel: 'Exportar como Excel',\n exportAsPDF: 'Exportar como PDF',\n collapse: 'Colapso',\n expand: 'Ampliar',\n back: 'Atrás',\n show: 'Muestra',\n more: 'mas',\n less: 'menos',\n generated: 'Generado',\n showMoreOptions: 'Mostrar más opciones...',\n hideOptions: 'Ocultar opciones',\n seeDetails: 'Ver detalles',\n table: {\n percentScheduled: '% de evaluaciones programadas completadas',\n taken: '# Tomado',\n lastAssessed: 'Ultimo evaluación',\n student: 'Estudiante',\n school: 'Escuela',\n classroom: 'Clase',\n age: 'Edad',\n complete: 'Completa',\n checkpoint: 'Punto de control',\n observations: 'Observaciones',\n startObservation: 'Inicio de la Observación',\n notRequired: 'No es necesario',\n games: 'Juegos',\n noStudentsFound: 'No se han encontrado estudiantes',\n nothingScheduledThisWeek: 'No hay nada programado esta semana',\n keasComplete: '{{percent}}% KEAs completas'\n },\n first: {\n classroomChangeTooltip:\n 'Se considera que un aula está activa si se ha recogido alguna evaluación esta semana.',\n studentsOnTrackTooltip:\n 'Se considera que un alumno está \"en el buen camino\" si su puntuación está dentro de los 9 meses de su edad cronológica.',\n assessmentsComplete: '{{percent}}% de evaluaciones completadas',\n fromLastWk: 'de la semana pasada',\n active: 'Aulas',\n classrooms: 'activas',\n studentsAssessed: 'Estudiantes evaluados',\n students: 'Estudiantes',\n onTrack: 'a tiempo',\n weeklyAssessmentsComplete: 'Evaluaciones semanales completas',\n emerging: 'Emergente',\n approaching: 'Acercándose',\n demonstrating: 'Demostrando',\n assessmentKeaStarted:\n '{{days}} días restantes en el periodo de evaluación de KEA',\n assessmentKeaStartedDay:\n '{{days}} día restantes en el periodo de evaluación de KEA',\n lastDay: 'Último día: {{last_day}}',\n firstDay: 'Primer día: {{first_day}}',\n assessmentEcaStarted: '{{days}} días restantes en el punto de control',\n assessmentEcaStartedDay: '{{days}} día restantes en el punto de control',\n assessmentKeaCompleted: 'Periodo de evaluación de KEA completado',\n assessmentEcaCompleted: 'Todos los puntos de control completados',\n assessmentKeaEnded:\n 'El periodo de evaluación de KEA comienza en {{days}} días',\n assessmentEcaEnded: 'Nuevo punto de control comienza en {{days}} días',\n assessmentKeaEndedDay:\n 'El periodo de evaluación de KEA comienza en {{days}} día',\n assessmentEcaEndedDay: 'Nuevo punto de control comienza en {{days}} día',\n assessmentKeaNo: 'Ningún periodo de evaluación KEA',\n assessmentEcaNo: 'Ningún punto de control'\n },\n second: {\n title: 'Uso del punto de control',\n subtitle: 'Qué dominios van por buen camino',\n scheduled: 'Programado',\n recommended: 'Recomendado',\n all: 'Todo'\n },\n third: {\n title: 'Finalización del dominio',\n subtitle: 'Qué dominios van por buen camino'\n },\n fifth: {\n title:\n 'A qué estudiantes no han examinado o actualizado en las últimas dos semanas',\n subtitle:\n 'Este informe se enfoca en los estudiantes individuales que tienen datos de evaluación quien no se han actualizado en más de dos semanas'\n },\n sixth: {\n title: 'Quien esta lista para la escuela',\n subtitle: 'Matriculación total',\n averageLevel: 'Nivel promedio',\n average: 'Promedio',\n print: 'Imprima la carta de preparación para la escuela'\n },\n seventh: {\n title: '¿Quién está obteniendo puntajes a nivel de edad o cercano a él? '\n },\n eighth: {\n title: '¿Quién va por buen camino en el desarrollo?',\n subtitle:\n 'El desarrollo \"por buen camino\" se determina comparando la edad de desarrollo evaluada por los profesores y la edad cronológica de los alumnos. Un alumno está marcado como \"en camino\" si obtiene una puntuación dentro de. 75 años de su edad cronológica.',\n subdomains: 'Mostrar subdominios',\n barChart: 'Vista de gráfico de barras',\n exceeding: 'Superando',\n meeting: 'Reunión',\n below: 'Abajo',\n notAssessed: 'No evaluado',\n bottomTitle1:\n 'Porcentaje de estudiantes que cumplen o superan las expectativas en los',\n bottomTitle2: 'objetivos',\n objectives: 'OBJETIVOS',\n progress: 'PROGRESO',\n studentOnTrack: 'ESTUDIANTES EN CAMINO',\n seeDetailedReport: 'Ver informe detallado',\n popupText:\n 'de los alumnos cumplen o superan las expectativas del nivel de edad en',\n studentAssessed: 'de los estudiantes evaluados',\n assessments: 'Evaluaciones',\n complete: 'Completa',\n assessed: 'Evaluado',\n objectivesSmall: 'Objetivos',\n students: 'Estudiantes',\n meetingAndExceeding: '% de cumplimiento y superación de',\n selectedWeek: 'Semana seleccionada',\n setToCurrentWeek: 'Fijar en la semana actual'\n },\n ninth: {\n title: 'Qué dominios van por buen camino',\n averageLevel: 'Nivel promedio'\n },\n tenth: {\n keaTitle: 'Programa KEA',\n title: 'Programa semanal',\n pleaseSelect: 'Seleccione un aula',\n noStudentsFound: 'No se han encontrado estudiantes',\n nothingScheduledThisWeek: 'No hay nada programado esta semana',\n startObs: 'Inicio de la Obs'\n }\n}\n","export const charts = {\n lastUpdated: 'Última actualización',\n studentsAssessed: 'Estudiantes evaluados',\n assessmentsTaken: 'Evaluaciones realizadas',\n all: 'Todo',\n generated: 'Generado',\n collapse: 'Colapso',\n expand: 'Ampliar',\n print: 'Imprimir',\n printCurrentView: 'Imprimir la vista actual',\n printAllClassroomsShowLowestDomains:\n 'Imprimir todas las clases (mostrar los dominios más bajos)',\n back: 'Atrás',\n showMoreOptions: 'Mostrar más opciones...',\n exportAsExcel: 'Exportar como Excel',\n hideOptions: 'Ocultar opciones',\n walkthrough: {\n menu: 'Menu',\n menuContent: 'Click here to open a menu',\n addStudents: 'Add Students and Teachers',\n addStudentsContent: `Click Management to see all of\n your admin tools to help you\n manage student rosters and\n teacher access`,\n training: 'Start Self-Paced Training',\n trainingContent: `Click Training to access CTB\n Training whenever you want`,\n schedule: 'See assessment Schedule',\n scheduleContent: `Click here to see your schedule\n at any time!`,\n reports: 'Reports',\n reportsContent: `Click here to see all of you\n realtime reports and end of\n checkpoint reports`,\n whoIsUsingCTB: 'See who is using CTB',\n whoIsUsingCTBContent: '',\n support: 'Support Resources',\n supportContent: `Click here to read through our\n step-by-step instructions for our\n most frequently asked questions`,\n chat: 'Chat with Support Agent',\n chatContent: `Click here to start a chat with our\n live support agents`,\n account: 'Manage your Account',\n accountContent: `Click here to manage your\n account and download your\n training certifications`\n },\n feedbackSurvey: {\n shareYourFeedback: '¡Comparta su opinión!',\n notATeacher: 'No soy profesor',\n notATeacherAide: 'Soy profesor o ayudante de profesor',\n notNow: 'Ahora no',\n getStarted: '¡Sí, empecemos!',\n weNeedYourHelp: `¡Necesitamos su ayuda! \n ¿Puede responder a una encuesta rápida de solo 3 minutos para compartir su experiencia con el uso de Cognitive ToyBox?`,\n canYouTellUs:\n '¿Puede decirnos cuál es su función en su centro/escuela para que sepamos qué encuesta compartir con usted?'\n },\n acquisitionNotification: {\n cognitiveToyBoxAnnouncement: '¡Anuncio de Cognitive ToyBox!',\n OK: 'OK',\n description:\n 'Estamos emocionados de compartir que Cognitive ToyBox ha sido adquirida por Teaching Strategies, LLC. Por favor consulte las preguntas frecuentes aquí.'\n },\n quickLinks: {\n quickLinks: 'Enlaces rápidos:',\n addStudent: 'Agregar estudiante',\n printReports: 'Imprimir informes',\n addTeacher: 'Agregar profesor',\n addClassroom: 'Agregar aula',\n chatWithSupport: 'Chatear con el servicio de asistencia',\n chatWithSupportPopup:\n 'Favor de regresar durante nuestro horario de trabajo habitual: lunes-viernes 9 a.m. ET - 5 p.m ET',\n playGames: 'Juegos',\n playGamesPopup: `Los juegos sólo pueden jugarse en la aplicación, no en el portal web de CTB. \n Para jugar, abra la aplicación en una tableta táctil e inicie sesión.`,\n startTraining: 'Iniciar la formación',\n seeWalkthrough: 'Ver recorrido'\n },\n table: {\n district: 'Distrito',\n school: 'Escuela',\n classroom: 'Clase',\n student: 'Estudiante',\n notes: 'Notas',\n taken: '# Tomado',\n lastAssessed: 'Ultimo evaluación',\n percentScheduled: '% de evaluaciones programadas completadas',\n numberComplete: '# de evaluaciones completadas',\n completedKEA: '% KEA completado',\n emerging: '% Emergente',\n approach: '% Acercándose',\n demonstrating: '% Demostrando'\n },\n assessmentCompletion: {\n notes: 'Notas:',\n title: 'Uso del punto de control',\n titleAssessment: 'Uso del punto de control del {{assessment}}',\n subtitle: 'Qué dominios van por buen camino',\n recommended: 'Recomendado',\n incompleteGames: 'Juegos incompletos',\n incompleteObservations: 'Observaciones incompletas',\n completeGames: 'Juegos completos',\n completeObservations: 'Observaciones completas',\n search: 'Busca...',\n error: {\n excel:\n 'No hemos podido obtener un archivo xlsx, por favor inténtelo más tarde'\n }\n },\n domainsOnTrack: {\n title: '¿Quién va por buen camino en el desarrollo?',\n subtitle: `El desarrollo \"por buen camino\" se determina comparando la edad de desarrollo\n evaluada por los profesores y la edad cronológica de los alumnos.\n Un alumno está marcado como \"en camino\" si obtiene una puntuación dentro de.\n 75 años de su edad cronológica.`,\n subdomains: 'Mostrar subdominios',\n barChart: 'Vista de gráfico de barras',\n exceeding: 'Superando',\n meeting: 'Reunión',\n below: 'Abajo',\n notAssessed: 'No evaluado',\n none: 'Ninguno',\n belowMeetingExceeding:\n 'Por debajo de las expectativas en los objetivos de {{name}}',\n percentOfStudents:\n 'Porcentaje de estudiantes que cumplen o superan las expectativas en los objetivos de {{name}}',\n modalPercentInDomain:\n 'El {{percent}}% de los alumnos cumplen o superan las expectativas del nivel de edad en {{domain}}',\n studentAssessed: '< 50% de los estudiantes evaluados',\n assessmentsComplete: `Evaluaciones\n Completar`,\n studentsAssessed: `Estudiantes\n evaluados`,\n objectivesAssessed: `Objetivos\n evaluados`,\n meetingAndExceeding: '% de cumplimiento y superación de',\n objectives: 'OBJETIVOS',\n progress: 'PROGRESO',\n studentOnTrack: 'ESTUDIANTES EN CAMINO'\n }\n}\n","export const sidebar = {\n home: 'Inicio',\n report: 'Informe',\n reports: 'Informe',\n management: 'Administración',\n training: 'Entrenamiento',\n support: 'Ayuda',\n users: 'Usuarios',\n orgManagement: 'Administración de la Organización ',\n studManagement: 'Administración de Estudiantes',\n schedule: 'Calendario',\n dataExport: 'Exportacion de datos',\n planning: 'Planificación'\n}\n","export const table = {\n showHideColumns: 'Mostrar/Ocultar columnas',\n showHideRows: 'Mostrar/Ocultar filas',\n setToDefault: 'Ajustar por defecto',\n done: 'Hecho',\n reset: 'Reajustar',\n save: 'Guardar cambios',\n others: 'Mostrar/Ocultar Otros'\n}\n","export const pageWrapper = {\n CTBWebPortal: 'CTB Web Portal',\n loading: 'cargando...',\n profile: 'Perfil',\n logOut: 'Cerrar la sesión',\n frogStreet: 'Frog Street Edition'\n}\n","export const orgManagement = {\n buttons: {\n school: 'Agregar Escuela',\n classroom: 'Agregar Clase',\n student: 'Agregar Estudiante',\n parent: 'Agregar Padres',\n back: 'Atrás'\n },\n table: {\n className: 'Nombre de Clase',\n teacherName: 'Nombre de Profesor',\n studentName: 'Nombre del estudiante',\n students: '#Estudiantes',\n parents: 'Padres',\n ageRange: 'Rango de Edad',\n edit: 'Editar',\n name: 'Nombre',\n DOB: 'DOB',\n age: 'Edad',\n notes: 'Notas',\n parent: 'Padre',\n lastParentLogin: 'Último acceso de los padres',\n neverLogged: 'Nunca se ha conectado',\n studentID: 'Identificación del estudiante ',\n enrollment: 'Inscripción:',\n more: 'más',\n studentManagement: 'Administración de estudiantes',\n searchBySchoolClassroomStudent: 'Buscar...',\n searchByStudent: 'Buscar por estudiante...',\n selectTag: 'Seleccionar etiqueta...',\n manyStudents: 'Estudiantes',\n oneStudent: '1 Estudiante',\n noStudents: 'No hay Estudiantes',\n noStudentsFound: 'No se han encontrado estudiantes',\n manyFamilyAccounts: 'Cuentas Familiares',\n oneFamilyAccount: '1 Cuenta Familiar',\n noFamilyAccounts: 'No hay Cuentas Familiares',\n moreTeachers: '+ {{length}} más'\n },\n modals: {\n addNew: 'Agregar Nuevo',\n edit: 'Editar',\n delete: 'Borrar',\n save: 'Guardar',\n create: 'Crear',\n dropOut: 'Abandono',\n submit: 'Enviar',\n notes: {\n ell: 'ELL',\n spanish: 'Español',\n other: 'Otro',\n inPerson: 'En Persona',\n remote: 'Remoto',\n neither: 'Ninguno',\n inPersonText:\n 'Establecer a un estudiante como \"En persona\" restringirá el acceso de sus padres al portal. Si un estudiante está marcado como \"Remoto\" o \"Ninguno\", sus padres tendrán acceso a la aplicación para jugar evaluaciones basadas en juegos y el portal.',\n observationsOnly:\n 'Establecer a un niño solo como observación eliminará los juegos de su horario y agregará contrapartes de observación para cubrir las medidas que habrían sido evaluadas por un juego.',\n potentialDelay:\n 'Use esto para marcar a un niño que tiene un IEP / IFSP o un niño que cree que puede tener un retraso potencial.',\n lowAttendance:\n 'Marca a un niño como de baja asistencia si no ha podido evaluar al niño por completo debido a las ausencias frecuentes o prolongadas',\n lateStart:\n 'Marca a un niño con un inicio tardío si comenzó el año escolar después de la primera semana de clases.',\n agedOut:\n 'Marca a un niño como \"Aged Out\" si ha abandonado su aula y el programa como resultado de su abandono de la clase o del programa, pero aún desea mantener sus datos como referencia.',\n droppedOut:\n 'Marca a un niño como Abandonado si ha abandonado su aula y el programa pero desea mantener sus datos como referencia.',\n PCC:\n 'Marca a un estudiante como PCC si es miembro de un aula colaborativa de preescolar y que puede tener requisitos de información diferentes a los de su aula.',\n ELL:\n 'Marca a un estudiante como ELL(Aprendiendo Inglès si es un estudiante del idioma inglés o un estudiante de dos idiomas, luego seleccione el idioma que habla en casa. Esto puede programar observaciones específicamente para estudiantes ELL (Aprendiendo Inglès) / DLL',\n startTyping: 'Empieza a escribir'\n },\n school: {\n created: '{{name}} se ha creado correctamente',\n changed: '{{name}} ha cambiado con éxito',\n deleted: '{{name}} se ha eliminado correctamente',\n school: 'escuela',\n schoolName: 'Nombre de Escuela',\n addNewSchoolWaitText1:\n 'Espere unos minutos hasta que aparezca su nueva escuela en la aplicación',\n addNewSchoolWaitText2:\n 'Cierre sesión e inicie sesión nuevamente para ver su nueva escuela',\n deleteConfirmation:\n '¿Estás seguro de que quieres eliminar esta escuela? Los profesores perderán el acceso a la caja de juguetes cognitive toybox.'\n },\n classroom: {\n created: '{{name}} se ha creado correctamente',\n changed: '{{name}} ha cambiado con éxito',\n deleted: '{{name}} se ha eliminado correctamente',\n classroom: 'clase',\n deleteConfirmation:\n '¿Estás seguro de que quieres eliminar esta clase? Los profesores perderán el acceso a la caja de juguetes cognitive toybox.',\n school: 'Escuela',\n classroomName: 'Nombre de Clase',\n addNewClassroomWaitText1:\n 'Espere unos minutos hasta que aparezca su nueva clase en la aplicación',\n addNewClassroomWaitText2:\n 'Cierre sesión e inicie sesión nuevamente para ver su nueva clase'\n },\n student: {\n update: 'Debe actualizar todas las notas requeridas',\n student: 'estudiante',\n wasDeleted: '{{name}} ha sido eliminado con éxito',\n wasDropOut: '{{name}} fue marcado con éxito como abandonado',\n confirmationDialog:\n '¿Estás seguro de que quieres que {{name}} se marque como abandonado? Esto los eliminará de su lista y ya no aparecerán en el portal o la aplicación',\n confirmationDialogDelete: '¿Estás seguro de que quieres borrar {{name}}?',\n firstName: 'Primer Nombre',\n lastName: 'Apellido',\n dateOfBirth: 'Dia de Nacimiento',\n selectSchool: 'Seleccionar Clase',\n selectClassroom: 'Seleccionar Escuela',\n studentID: 'Identificación del estudiante',\n studentEnrollment: 'Fecha de matriculación del estudiante',\n basicInfo: 'Información básica',\n notes: 'Notas'\n }\n },\n limitTracker: {\n studentMessage: '{{count}} de {{limit}} licencias de estudiante utilizadas',\n classroomMessage: '{{count}} de {{limit}} licencias de aula utilizadas',\n contactMessageFs:\n 'Actualmente está por encima del límite de sus licencias. Póngase en contacto con support@frogstreet.com para obtener ayuda',\n contactMessage:\n 'Actualmente está por encima del límite de sus licencias. Póngase en contacto con support@cognitivetoybox.com para obtener ayuda'\n }\n}\n","export const userManagement = {\n userManagement: 'Administración de Usuario',\n addNewUser: 'Agregar un nuevo usuario',\n search: 'Buscar por Usuario, Distrito, Escuela, o Aula...',\n export: 'Exportar como Excel',\n error: {\n excel:\n 'No se ha podido crear xlsx, inténtelo más tarde o póngase en contacto con el servicio de asistencia.'\n },\n sso: 'Solicitudes de cuentas SSO',\n ssoModal: {\n title: 'Solicitudes de Acceso (Clever SSO)',\n description:\n 'Los siguientes usuarios se han autenticado usando el Clever Single Sign-on (SSO) de {{orgName}}. Por favor, revise para aprobar su acceso a Cognitive ToyBox y asígneles el rol y sitio apropiados.',\n name: 'Nombre',\n status: 'Estado',\n role: 'Rol',\n school: 'Escuela/Aula',\n approve: 'Aprobar Solicitud',\n deny: 'Denegar',\n denied: 'Ver Solicitudes Denegadas',\n pending: 'Ver Solicitudes Pendientes',\n notAssigned: 'Aún No Asignado',\n close: 'Cerrar',\n noPending: 'No hay Solicitudes Pendientes',\n noDenied: 'No hay Solicitudes Denegadas',\n save: 'Guardar',\n cancel: 'Cancelar',\n note:\n 'Nota: Al hacer clic en Guardar se enviará una notificación por correo electrónico a {{name}} informando que el acceso ha sido concedido.',\n error:\n 'No pudimos procesar la solicitud, por favor intente de nuevo más tarde o contacte al soporte'\n },\n table: {\n cert: 'Cert',\n name: 'Nombre',\n username: 'Nombre de usuario',\n role: 'Papel',\n district: 'Distrito',\n singleDistrict: '1 distrito',\n districts: '{{number}} distritos',\n school: 'Escuela',\n class: 'Clase',\n lastLoggedIn: 'Última conexión',\n edit: 'Editar',\n multiple: 'Múltiples',\n schools: '{{number}} escuelas',\n classrooms: '{{number}} clases',\n singleSchool: '1 escuela',\n singleClassroom: '1 clase',\n removed: '(eliminado)'\n },\n modal: {\n internalOptions: 'Opciones internas',\n override: 'Anulación de las normas de estado del usuario',\n standard: 'Norma {{number}}',\n success: 'Usuario creado correctamente',\n successChanged: 'Usuaario cambiado correctamente',\n emailSent: 'Correo electrónico enviado',\n removed: 'Cuenta eliminada correctamente',\n reactivated: 'Cuenta reactivada con correctamente',\n edit: 'Editar',\n create: 'Crear un nuevo',\n account: 'cuenta',\n firstName: 'Nombre',\n lastName: 'Apellido',\n email: 'Correo electrónico',\n role: 'Papel',\n school: 'Escuela',\n organization: 'Distrito',\n districtAccess: 'Acceso a los distritos',\n schoolAccess: 'Acceso a la escuela',\n schoolMuted:\n 'Si estás configurando el rol del usuario como Administrador de la Escuela o Profesor, debes seleccionar la escuela asociada.',\n classroom: 'Escuela/Clase',\n classroomAccess: 'Escuela/Clase Acceso',\n classroomMuted:\n 'Si estás configurando el rol del usuario como Profesor, debes seleccionar el clase asociada.',\n alert1: 'Ya existe una cuenta desactivada con el nombre de usuario',\n alert2: 'Haga clic en el botón Reactivar para restaurar esta cuenta.',\n delete: 'Borrar',\n resendEmail: 'Reenviar correo electrónico',\n reactivate: 'Reactivar',\n deleteUser: '¿Estás seguro de que quieres borrar {{name}}?',\n save: 'Guardar',\n editEmail:\n '¿Estás seguro de que quieres cambiar la dirección de correo electrónico de {{email}} por {{newEmail}}? Al hacerlo, también se restablecerá su contraseña.',\n deleteParent: '¿Seguro que quieres borrar {{name}}?',\n removeParentFromStudent:\n '¿Estás seguro de que quieres eliminar {{nombre}} de estudiante?',\n successfullyChanged:\n 'Las credenciales de los padres han sido cambiadas con éxito',\n successfullyCreated: 'Cuenta de padres creada correctamente',\n successfullyRemoved: 'Cuenta paterna eliminada con correctamente',\n successfullyRemovedFromStudent:\n 'La cuenta de los padres ha sido eliminada correctamente del estudiante',\n dontHaveAccess: 'No tienes acceso para usar este correo electrónico',\n somethingWentWrong: 'Algo salió mal',\n addNew: 'Agregar nuevo',\n parent: 'padre',\n familyName: 'Nombre de la familia',\n status: 'Estado',\n phoneNumber: 'Número de teléfono',\n removeFromStudent: 'Retirar del estudiante',\n accountSetUp: 'Configuración de la cuenta',\n accountNotSetUpYet: 'Cuenta no configurada todavía',\n children: 'Niños',\n allSchoolsAndClassrooms: 'Todas las escuelas y clases',\n multiAccess: 'Acceso multicuenta',\n access: 'Acceso {{number}}',\n multiAccessDescription:\n 'Cada rol que aparece a continuación muestra a qué escuela(s) y/o aula(s) tiene acceso {{name}}. Sólo puede asignar un nuevo rol de acceso dentro del mismo distrito/organización. Para cambiar la organización de un usuario, póngase en contacto con',\n removeAccess: 'Eliminar acceso',\n changeClassroom: 'Cambiar de Aula',\n changeSchool: 'Cambiar de Escuela',\n changeOrganization: 'Cambiar de Distrito',\n addAccess: 'Añadir función de acceso',\n cancel: 'Cancelar',\n saveChanges: 'Guardar cambios',\n multiUser: 'Multiusuario',\n allRoles: 'Todas las funciones',\n duplicatedScopeError: 'Ya ha elegido {{item}}',\n orgDefault: '(Org por defecto)',\n userDefault: '(Usuario por defecto)'\n },\n certificationModal: {\n certifications: 'Certificados de {{name}}',\n dateEarned: 'Fecha de obtención',\n close: 'Cerrar',\n currentCertification: 'Certificaciones actuales',\n expiredCertification: 'Certificaciones caducadas',\n noCertifications: 'Sin certificaciones'\n },\n multiUserScopesModal: {\n title: 'Escuela(s) y clase(s) de {{name}}',\n districtAdmin: 'Administración del distrito',\n schoolAdmin: 'Administrador(es) escolar(es)',\n teacher: 'Profesor(es)'\n }\n}\n","export const scheduleManagement = {\n assessmentSchedule: 'Programa de evaluación',\n modal: {\n devProgression: 'Progresión del desarrollo',\n close: 'Cerrar',\n questionView: 'Vista de la pregunta',\n domain: 'Dominio',\n alignment: 'Alineación',\n subobjective: 'Subobjetivo (habilidad)',\n question: 'Pregunta(s)',\n print: 'Imprimir',\n week: 'Semana'\n },\n table: {\n week: 'Semana',\n weekScheduled: 'Semana programada',\n games: 'Juegos',\n observations: 'Observaciónes',\n noStudentData:\n 'El alumno no dispone de datos de evaluación para este punto de control'\n },\n objectives: {\n developmentalProgression: 'Progresión del desarrollo',\n domain: 'Dominio',\n subobjective: 'Subobjetivo (habilidad)',\n questions: 'Pregunta(s)',\n examples: 'Ejemplo(s)',\n clickLink: 'Haga clic en el enlace para ver el ejemplo',\n doYouWant: 'Esto te llevará a un sitio web externo, ¿quieres continuar?',\n continue: 'Continuar',\n cancel: 'Cancelar'\n }\n}\n","export const dataExportManagement = {\n dataExport: 'Exportacion de datos',\n subtitle:\n 'Por estándar se puede exportar todos los resultados que has colectado en su organización.',\n subtitle2:\n 'Si seleccionas una fecha de inicio y finalización, puedes descargar los resultados que se generaron durante ese rango de fechas',\n alert:\n 'Seleccione una fecha de finalización que sea posterior a la fecha de inicio',\n submitError: 'Debes seleccionar las fechas',\n requestError: 'Error en la creación de informes',\n selectStart: 'Seleccione una fecha de inicio',\n selectRange: 'Seleccione un rango de fechas',\n selectEnd: 'Seleccione una fecha de finalización',\n download: 'Descarga CSV',\n clear: 'Borrar todo',\n dataOldestUpdate: 'Última actualización:'\n}\n","export const report = {\n lastUpdated: 'Última actualización',\n back: 'Atrás',\n print: 'Imprimir',\n clear: 'Borrar filtros',\n exportAsExcel: 'Exportar como Excel',\n exportAsPDF: 'Exportar como PDF',\n objectiveReport: 'Reporte de Objetivos',\n siteReport: 'Reporte del Sitio',\n studentReport: 'Reporte del estudiante',\n parentReport: 'Reporte de los padres',\n drdpReport: 'Reporte del DRDP',\n checkpointReport: 'Informe de control',\n 'family-engagementReport': 'Reporte de participación del familia',\n 'certification-statusReport': 'Informe sobre el estado de la certificación',\n monitoringReport: 'Informe de seguimiento del uso',\n home: {\n cognitiveToyboxReports: 'Informe de Cognitive ToyBox',\n ongoingReporting: 'Informes Continuos',\n ongoingReportingText:\n 'Los informes continuos pueden utilizarse para controlar el progreso de los alumnos en tiempo real, las observaciones y los juegos individuales, y el compromiso de las familias.',\n seeOngoingReports: 'Ver los informes en curso...',\n checkpointSummaryReports: 'Informes de Resumen de Puntos de Control',\n checkpointSummaryReportsText:\n 'Estos informes pueden ofrecerle una visión acumulativa del rendimiento de los estudiantes en un punto de control completo. Sólo pueden generarse después de que se haya completado un punto de control.',\n seeCheckpointSummaryReports:\n 'Ver informes de resumen de puntos de control...',\n monitoringReports: 'Informes de seguimiento (sólo para administradores)',\n monitoringReportsText:\n 'Los informes de seguimiento están disponibles para los administradores de las escuelas y los distritos y pueden utilizarse para supervisar el uso de los profesores y los resultados de alto nivel de los niños.',\n seeMonitoringReports: 'Ver informes de seguimiento...'\n }\n}\n","export const profile = {\n certifications: 'Certificaciones',\n myAccountSettings: 'Configuración de mi cuenta',\n firstName: 'Nombre',\n enterFirstName: 'Ingrese el nombre',\n lastName: 'Apellido',\n enterLastName: 'Ingrese el apellido',\n phone: 'Número de teléfono',\n phoneText1:\n 'La adición de un número de teléfono es sólo para fines de seguridad.',\n phoneText2:\n 'Nos ayuda a mantener la seguridad de su cuenta y puedes utilizarla si tienes problemas para iniciar la sesión.',\n youAreUsing: 'Estás usando:',\n saveChanges: 'Save Changes',\n dateEarned: 'Fecha de obtención:',\n expired: 'Expirado:',\n mfa: 'Autenticación multifactorial (MFA)',\n enabled: 'Activada',\n disabled: 'Desactivada',\n recovery: 'Teléfono de recuperación',\n verified: 'Verificado',\n unverified: 'Sin verificar',\n changePhoneNumber: 'Cambiar el Número de Teléfono',\n verify: 'Verifique',\n code: 'Código',\n sendCode: 'Enviar código',\n mfaDescription:\n 'Obtén códigos de autenticación por SMS en tu teléfono móvil al registrarte en Cognitive ToyBox',\n enterNumber: '1. Introduzca su número de teléfono',\n enterCode: '2. Introduce el código para verificar tu número de teléfono',\n verifyMfa: 'Verifique su número de teléfono MFA',\n cancel: 'Cancelar',\n save: 'Guardar',\n verifiedPhone: 'Teléfono verificado:',\n cancelAndDisable: 'Cancelar y desactivar MFA',\n success: {\n edit: 'Perfil editado correctamente',\n verified: 'Número de teléfono verificado correctamente',\n code: 'Se ha enviado un código a su número de teléfono'\n },\n error: {\n edit: 'No hemos podido editar la cuenta, algo ha ido mal',\n verified: 'No pudimos verificar el número de teléfono, algo salió mal',\n code: 'No hemos podido enviar un código, algo ha ido mal'\n },\n required: 'Este campo es obligatorio',\n phoneVerify: 'Necesitas verificar tu teléfono para MFA'\n}\n","export const basicComponents = {\n noDataFound: 'No se han encontrado datos',\n print: 'Imprimir',\n close: 'Cerrar',\n downloadPhoto: 'Descargar foto',\n joyride: {\n skip: 'Saltar',\n back: 'Volver',\n next: 'Siguiente',\n close: 'Cerrar',\n count: '{{current}} de {{size}}'\n },\n table: {\n paginationCaption: 'Mostrando {{from}} a {{to}} de {{total}} entradas',\n none: 'Ninguno',\n filteredBy: 'Filtrado por',\n sortAsc: 'Ordenación ascendente',\n sortDes: 'Ordenación descendente',\n search: 'Buscar en',\n hideColumn: 'Ocultar columna',\n min: 'Min',\n max: 'Max',\n sort: {\n alphabeticAsc: 'A → Z',\n alphabeticDesc: 'Z → A',\n numericDesc: 'Alto → Bajo',\n numericAsc: 'Bajo → Alto',\n datesDesc: 'Más reciente',\n datesAsc: 'Más antiguo'\n }\n },\n dropzone: {\n alert: 'Tienes que seleccionar menos de 3 archivos',\n error: 'Imagen de gran tamaño (más de 5Mb)',\n drop: 'Suelte los archivos aquí'\n },\n filesDropzone: {\n alert: 'Sólo puede añadir 1 archivo',\n error: 'Archivo de gran tamaño (más de 6Mb)',\n drop: 'Suelte el archivo aquí',\n drag: 'Arrastre el archivo para cargarlo',\n click: 'o haga clic para examinar y cargar el archivo',\n supportedTypes: 'Tipos de archivo compatibles: .XLS, .XLSX, .CSV'\n },\n confirmationDialog: {\n sure: '¿Estás seguro?',\n yes: 'Sí',\n nevermind: 'No, no importa'\n },\n errorPage: {\n somethingWentWrong: 'Algo salió mal',\n tryAgain: 'Intente iniciar la sesión de nuevo'\n },\n device: {\n description: 'Descripción:',\n name: 'Nombre:',\n browser: 'Navegador:',\n version: 'Versión:'\n },\n age: {\n years: 'a',\n months: 'm'\n },\n filters: {\n clear: 'Borrar filtros',\n current: 'Actual',\n allSchools: 'Todas las Escuelas',\n allClassrooms: 'Todas las Aulas',\n allStudents: 'Todos los Estudiantes',\n allObjectives: 'Todos los Objetivos',\n allDomains: 'Todos los Dominios',\n allAges: 'Todas las Edades',\n allCheckpoints: 'Todos los puntos de control',\n noResult: 'Sin resultado',\n thisWeek: 'Esta Semana',\n allGroups: 'Todos los Groupos',\n allStandards: 'Todas las Normas',\n allSchoolYears: 'Todos los años escolares',\n allViews: 'Incluir juegos y observaciones',\n allTimeRanges: 'Todas las franjas horarias',\n allClassTypes: 'Todos los programas',\n allOrganizations: 'Todos los distritos',\n scheduled: 'Programado',\n all: 'Todo',\n completion: 'Finalización',\n performances: 'Actuaciones',\n selectOrganization: 'Seleccionar Distrito...',\n selectSchool: 'Seleccione Escuela...',\n selectClassroom: 'Seleccione Clase...',\n selectRole: 'Seleccionar Rol...',\n noSchools: 'No hay escuelas disponibles',\n noClassrooms: 'No hay aulas disponibles',\n noOrganizations: 'No hay distrito disponible',\n kea: 'KEA',\n eca: 'ECA',\n searchSchoolClassroom: 'Buscar una Escuela o Aula...',\n searchOrganization: 'Buscar un Distrito...',\n searchSchool: 'Buscar una Escuela ...'\n }\n}\n","export const training = {\n kea:\n 'Para ver los módulos de entrenamiento específicos de CTB For KEA, utilice el conmutador situado en la parte superior derecha.',\n eca:\n 'Para ver los módulos de entrenamiento específicos de CTB For Schools, utilice el conmutador situado en la parte superior derecha.',\n CTBTraining: 'Entrenamiento Cognitive ToyBox',\n basicModules: 'Módulos básicos:',\n parentModules: 'Módulos para padres:',\n advancedModules: 'Módulos avanzados:',\n adminModules: 'Módulos de administración:',\n interraterReliabilityModules: 'Interrater Reliability modules:',\n title: {\n interraterReliability35: 'Interrater Reliability (3-5 year olds)'\n },\n open: 'Abrir',\n back: 'Atrás',\n watchTraining: 'Reloj de entrenamiento + prueba',\n testOnly: 'Sólo para pruebas',\n expireSoon: 'Los próximos entrenamientos expirarán pronto:',\n pleaseComplete:\n 'Por favor, vuelva a completar los módulos de formación, o puede completar sólo el test',\n certified: {\n title: '¡Has sido certificado!',\n check: 'Puede comprobar todos los certificados en su Perfil',\n download: 'Descargar certificado',\n close: 'Cerrar'\n },\n testOut: {\n title: 'Cuestionario {{name}}',\n question: 'Pregunta {{current}} de {{total}}',\n next: 'Siguiente',\n back: 'Volver',\n finishButton: 'Acabado',\n questionsCorrect: 'Preguntas correctas',\n success: `Enhorabuena. Has pasado la prueba del {{title}}. \n Termine el resto de los módulos de formación para renovar su certificación de formación básica.`,\n failTop:\n 'Gran esfuerzo, pero había que acertar al menos el 90% de las preguntas para aprobar',\n failBottom:\n 'Para completar esta formación, deberá leer y ver el módulo de formación {{title}}.',\n close: 'Cerrar',\n startTraining: 'Iniciar la formación',\n finishTitle: 'Presentar las respuestas finales',\n finish: `¿Estás seguro de que quieres enviar tu cuestionario? \n Después de hacer clic en enviar, ya no podrá cambiar sus respuestas.`,\n goBack: 'Volver',\n submit: 'Enviar'\n },\n scenarios: {\n viewTutorial: 'View Tutorial',\n description1:\n 'Welcome to the CTB Inter-rater reliability certification assessment. You will be given a sample scenario and using the CTB developmental indicators you will be asked to level the children in the scenario.',\n description2:\n 'Your answers must match the correct level for at least 90% of the objectives in order to receive your inter-rater reliability certificate.',\n scenariosLeveled: 'scenarios leveled',\n start: 'Start',\n changeAnswer: 'Change Answer',\n scenariosReadyForReview: 'scenarios ready for review',\n submitForReview: 'Submit for Review',\n submitForReviewDescription:\n 'You must level all of the scenarios in order to submit your assessment',\n passed:\n 'You have already passed this module and can find the certificate in your Profile',\n readyForReview: 'Ready for Review',\n complete: 'Complete',\n incorrect: 'Incorrect',\n modal: {\n description:\n 'Read the scenario below and use the Developmental Indicators to the level the student in the scenario',\n developmentalIndicators: 'Developmental Indicators',\n selectLevel: 'Select a Level',\n notYet: 'Not Yet',\n save: 'Save',\n IRRResults: 'IRR Results',\n levelled:\n 'Nice work, you levelled {{correct}}/{{total}} scenarios correctly',\n closeTheWindow:\n 'Close this window and review and re-level the incorrectly levelled scenarios marked with an exclamation point, and submit again!',\n note:\n 'Note: You will be able to re-level scenarios as many times as you need',\n congratulations: 'Congratulations! You earned your CTB IRR Certificate!',\n downloadCertificate: 'Download Certificate',\n ok: 'Ok',\n close: 'Close',\n examples: 'Ejemplo(s)',\n clickLink: 'Haga clic en el enlace para ver el ejemplo',\n doYouWant: 'Esto te llevará a un sitio web externo, ¿quieres continuar?',\n continue: 'Continuar',\n cancel: 'Cancelar'\n },\n tutorialModal: {\n next: 'Next',\n cancel: 'Skip',\n back: 'Back',\n title: 'IRR Tutorial',\n description1: `When creating student observations, calibrating your Inter-Rater \n Reliability is an important key to understanding your students’ current \n developmental levels. Ensuring your understanding is aligned with the \n CTB developmental indicators will help you to understand the needs of \n your students and how to deliver more targeted instruction.`,\n description2: `Practice leveling the students based on each scenario provided, along \n with the developmental indicators. After each objective set, reflect on \n your ratings. Were you aligned? If not, can you find the discrepancy? \n Use these scenarios to help you grow in your understanding of the CTB \n developmental indicators.`,\n tip: 'Tip',\n step1: `When you are leveling a student, the student should demonstrate all subobjectives \n at a given level to achieve that level. \n If they have achieved some but not all of the skills consistently, \n then they should be placed in the level below.`,\n step2:\n 'We will give you a practice scenario with feedback so that you can get the hang of how this will work!',\n step3: 'Tutorial Scenario 1',\n selectTheLevel: 'Select the level',\n checkAnswer: 'Check Answer',\n notQuite: 'Not quite!',\n success: 'Success!',\n tooltipStep1: 'First, read the scenario',\n tooltipStep2:\n 'Next, read the developmental indicators and determine the level to place the student at',\n tooltipStep3: 'Then, select the level you would give the student',\n tooltipStep4: 'Check your answer!',\n tryIt: 'Try it',\n step4: 'You have successfully completed the tutorial! Good luck!',\n close: 'Close',\n currentStep: 'Step {{current}} of {{counts}}'\n }\n }\n}\n","export const observation = {\n observeAgain: 'Observe de nuevo',\n startNewObservation: `Iniciar una nueva \n observación`,\n observation: 'observación',\n newObservation: 'Nueva observación',\n whichOne: '¿Qué herramienta de observación quieres utilizar?',\n portfolio: 'Estilo de cartera',\n question: 'Basado en preguntas',\n modal: {\n delete:\n '¿Estás seguro de que quieres cancelar y eliminar esta observación? Su observación no se guardará.',\n yes: 'Sí, cancela y borra',\n no: 'No importa'\n },\n form: {\n more: 'más',\n addNote: 'Agregar nota (obligatorio)',\n student: 'Estudiante',\n objective: 'Objetivo',\n selectLevel:\n 'Usando {{label}}, seleccione un nivel apropiado para el(los) estudiante(s) de abajo:',\n cancel: 'Cancelar',\n back: 'Volver',\n submit: 'Enviar',\n next: 'Siguiente',\n developmentalIndicators: 'Indicadores de desarrollo',\n no: 'No',\n yes: 'Sí',\n possibleExamples: 'Posibles ejemplos',\n note:\n 'Nota: Los ejemplos descritos a continuación no son la única forma en que un niño puede demostrar el dominio de un nivel de desarrollo',\n addNoteObserved:\n 'Añade una nota que describa lo que has observado que te ha ayudado a responder a estas preguntas sobre',\n required: '(obligatorio)',\n cancelDelete: 'Cancelar y eliminar',\n emerging: 'Emergentes'\n }\n}\n","export const support = {\n title: 'Cognitive ToyBox Soporte',\n searchByKeywords: 'Buscar por palabra clave',\n nothingFound: 'No se ha encontrado nada',\n back: 'Atrás',\n contact: 'Póngase en contacto con',\n withOtherQuestions: 'si tiene alguna otra pregunta',\n kea:\n 'Para ver los recursos específicos de CTB for Schools, utilice el conmutador de la parte superior derecha.',\n eca:\n 'Para ver los recursos específicos de CTB for KEA, utilice el conmutador de la parte superior derecha.'\n}\n","export const curriculum = {\n back: 'Back',\n classroom: 'Classroom',\n teacher: 'Teacher(s)',\n startPlan: 'Create',\n view: 'View',\n edit: 'Edit',\n title: 'Curriculum and Lesson Planning',\n collectObs: 'Collect Observation',\n observe: 'Observe',\n seeDetailed: 'See Detailed Lesson',\n complete: '{{X}}/{{Y}} complete',\n header: 'Cognitive ToyBox Weekly Lesson Planning',\n with: 'with',\n delete: {\n text:\n 'Are you sure you want to delete the lesson plan from this week? Once deleted, it cannot be restored.',\n cancel: 'Cancel',\n yes: 'Yes, delete this lesson plan',\n success: 'Lesson Plan was successfully deleted!'\n },\n table: {\n className: 'Class Name',\n teacherName: 'Teacher Name',\n students: 'Students',\n studentsCount: 'Students',\n curriculum: 'Curriculum',\n ageRange: 'Age Range',\n edit: 'Edit',\n assignCurriculum: 'Assign Curriculum'\n },\n editCurriculumModal: {\n title: 'Edit Curriculum',\n close: 'Close',\n save: 'Save',\n addCurriculum: 'Add Curriculum',\n removeCurriculum: 'Remove Curriculum'\n },\n detailedLessonModal: {\n recommendedSmallGroups: 'Recommended Small Groups (Beta)',\n rsgDescription:\n 'Children in the Exploring group would benefit from additional support while those in the Integrating group would benefit from extension activities.',\n group: '',\n related: 'Related CTB Objectives',\n close: 'Close',\n print: 'Print'\n },\n filters: {\n addTitle: 'Add Title...',\n addDescription: 'Add Description...',\n selectObjectives: 'Select Objectives...',\n selectCurriculum: 'Select a curriculum',\n allCurriculums: 'All Curriculums',\n selectWeek: 'Select A Week',\n allWeeks: 'All Weeks',\n selectedWeek: 'Selected Week',\n setToCurrentWeek: 'Set To Current Week',\n startTyping: 'Start typing to create custom activity'\n },\n printBalkPlan: 'Print Blank Lesson Plan',\n startThisWeekPlan: 'Start This Week Lesson Plan',\n related: 'Related CTB Objectives',\n unit: 'Unit',\n theme: 'Theme',\n week: 'Week',\n curriculum: 'Curriculum',\n scheduledAssessments: 'Scheduled Cognitive ToyBox Assessments',\n print: 'Print',\n save: 'Save',\n goBackModal: {\n doYouWantToSave: 'Do you want to save changes?',\n yes: 'Yes',\n no: 'No',\n cancel: 'Cancel'\n }\n}\n","export const keaReport = {\n title: 'Informe de KEA de {{scope}}',\n back: 'Atrás',\n print: 'Imprimir',\n lastUpdated: 'Última actualización',\n demonstrating: 'Demostrando',\n approaching: 'Proximidad',\n emerging: 'Emergiendo',\n completed: 'Completado',\n overall: 'Puntaje Promedio General',\n overallScore: 'Puntaje Total',\n score: 'Puntaje',\n readiness: 'Preparación',\n studentsComplete: 'Estudiantes Completedos',\n complete: 'Completado',\n studentsKea: 'KEA de {{name}}',\n scopeKea: 'KEA de {{name}}',\n keaComplete: 'KEA Completado',\n table: {\n organization: 'Organización',\n school: 'Escuela',\n classroom: 'Aula',\n student: 'Estudiante',\n readiness: 'Preparación',\n rawScore: 'Puntaje Bruto',\n averageRawScore: 'Puntaje Promedio General',\n lastAssessed: 'Última Evaluación',\n notes: 'Notas',\n keasCompleted: 'KEAs Completados',\n type: 'Tipo',\n observationalNote: 'Nota Observacional',\n noData: 'Aún no se han completado todas las evaluaciones'\n },\n tooltip: {\n averageRawScore:\n 'Sólo los KEAs completados en totalidad contribuyen al puntaje promedio general.'\n },\n error: {\n excel: 'No pudimos crear el archivo de Excel, algo salió mal'\n }\n}\n","import { auth } from './auth'\nimport { report } from './reports/report'\nimport { domainReport } from './reports/domain-report'\nimport { objectiveReport } from './reports/objective-report'\nimport { familyEngagementReport } from './reports/family-engagement-report'\nimport { parentReport } from './reports/parent-report'\nimport { siteReport } from './reports/site-report'\nimport { bulkReport } from './reports/bulk-report'\nimport { DRDPReport } from './reports/drdp-report'\nimport { certificationStatusReport } from './reports/certification-status-report'\nimport { monitoringReport } from './reports/monitoring-report'\nimport { checkpointReport } from './reports/checkpoint-report'\nimport { chart } from './chart'\nimport { charts } from './charts'\nimport { sidebar } from './components/sidebar'\nimport { table } from './components/table'\nimport { pageWrapper } from './components/pageWrapper'\nimport { orgManagement } from './management/organization'\nimport { userManagement } from './management/user'\nimport { scheduleManagement } from './management/schedule'\nimport { dataExportManagement } from './management/dataExport'\nimport { profile } from './profile'\nimport { basicComponents } from './components/basic'\nimport { training } from './training'\nimport { observation } from './observation'\nimport { support } from './support'\nimport { curriculum } from './curriculum'\nimport { siteReportTooltips } from './tooltips/site-report-tooltips'\nimport { objectiveReportTooltips } from './tooltips/objective-report-tooltips'\nimport { familyEngagementTooltips } from './tooltips/family-engagement-tooltips'\nimport { keaReport } from './reports/kea-report'\n\nexport default {\n translation: {\n auth,\n domainReport,\n siteReportTooltips,\n objectiveReportTooltips,\n familyEngagementTooltips,\n objectiveReport,\n familyEngagementReport,\n parentReport,\n siteReport,\n bulkReport,\n DRDPReport,\n certificationStatusReport,\n monitoringReport,\n checkpointReport,\n chart,\n charts,\n sidebar,\n table,\n pageWrapper,\n orgManagement,\n userManagement,\n scheduleManagement,\n dataExportManagement,\n report,\n profile,\n basicComponents,\n training,\n observation,\n support,\n curriculum,\n keaReport\n }\n}\n","export const auth = {\n login: {\n title: 'Welcome',\n subtitle: 'Log in using your Username/Email and Password',\n email: 'Email/Username',\n password: 'Password',\n checking: 'Checking account...',\n loginButton: 'Log in',\n forgotPassword: 'I need help signing in',\n back: 'Back',\n loginWithSSO: 'Log in with SSO',\n or: 'or'\n },\n ssoError: {\n back: 'Back to Log in',\n CTB_REQUEST_SENT_ERROR: {\n title: 'Your Request has been Sent',\n description1:\n 'A request has been sent to your administrator to grant access to Cognitive ToyBox.',\n description2: 'You will receive an email when you are able to log in.'\n },\n CTB_REQUEST_DENIED_ERROR: {\n title: 'Cognitive ToyBox Access Request Denied',\n description1: 'You do not have permission to log into Cognitive ToyBox.',\n description2:\n 'Please speak with your program administrator if you think this is an error.'\n },\n error: {\n title: 'Cognitive ToyBox Access Login Error',\n description1: \"Sorry, but we're having trouble logging you in.\",\n description2:\n 'Please try again and if you are still unable to log in, please contact'\n }\n },\n checkEmail: {\n title: 'No problem!',\n subtitle:\n 'Enter your email address then click the \"Check My Account\" button so that we can help you out!',\n email: 'Email',\n back: 'Back',\n submitButton: 'Check My Account'\n },\n ssoAuth: {\n googleButton: 'Log in with Google',\n cleverButton: 'Log in with Clever',\n classLinkButton: 'Log in with ClassLink',\n back: 'Back'\n },\n confirmResetPassword: {\n title: 'Do you want to reset your password?',\n subtitle:\n 'It looks like your account has already been set up, great job! \\n If you want to reset your password, click the \"Email me a verification code\" button and check your email for a verification code you will need to reset your password.',\n back: 'No',\n haveCode: 'I have my code',\n submitButton: 'Email me a verification code'\n },\n resendEmail: {\n title: 'Setting Up Your Account',\n subtitle:\n // 'Enter your Email/Username and check your email for a temporary verification code',\n 'It looks like your account has not been set up yet. Check your email inbox for an email from support@cognitivetoybox.com to find your temporary password or click the \"Resend Welcome Email\" button below to send yourself a new welcome email.',\n email: 'Email/Username',\n submit: 'Resend Welcome Email',\n back: 'Back'\n },\n resetPassword: {\n title: 'Almost done!',\n subtitle:\n 'Enter the verification code that was just emailed to you and set up your new password',\n code: 'Verification code',\n email: 'Email/Username',\n password: 'New Password',\n confirmPassword: 'Confirm Password',\n cancel: 'Cancel',\n saveAndLogin: 'Save and login'\n },\n setupPassword: {\n title: 'Welcome',\n subtitle:\n 'To get started create a new, secure password to log into Cognitive ToyBox. You will use this same username and password to log into the portal here, and the app!',\n password: 'New Password',\n confirmPassword: 'Confirm Password',\n caption:\n 'Make sure your new password is at least 8 characters long, and contains an uppercase letter, lowercase letter, and a number',\n agreement: 'By logging in, I agree to our',\n terms: 'Terms of Service',\n and: 'and',\n privacyPolicy: 'Privacy Policy',\n cancel: 'Cancel',\n saveAndLogin: 'Save and login'\n },\n mfaSetup: {\n title: 'Multi-Factor Authentication',\n subtitle:\n 'To enable MFA you need to enter your phone number and the verification code you receive in a text',\n phone: 'Phone number',\n skip: 'Skip',\n sendCode: 'Send Code',\n resendCode: 'Resend Code'\n },\n mfaVerification: {\n title: 'Multi-Factor Authentication',\n subtitle:\n 'To make sure that this is you, we sent a 6-digit authentication code to your phone number on record ending in {{phone}}.',\n code: 'Authentication code:',\n submit: 'Submit',\n cancel: 'Cancel'\n },\n checkboxes: {\n capital: 'Capital Letter',\n lowercase: 'Lowercase Letter',\n special: 'Number',\n minLength: 'At least 8 characters',\n match: 'Passwords match'\n },\n settingUp: {\n back: 'Back',\n confirm: 'Confirm and go to the portal',\n checking: 'Checking the school year settings...',\n redirect: 'Everything is set up. Redirection...',\n setup: 'Setup for {{date}}',\n title: 'Setting Up for a School Year',\n titleWithName: 'Setting Up for {{name}}',\n users: 'Users',\n students: 'Students',\n schedule: 'Schedule',\n shareUserInfo: 'Share User Info',\n shareStudentInfo: 'Share Student Info',\n sharedScheduleInfo: 'Share Schedule Info',\n alreadySharedSchedule: `You have already shared your schedule\n information with Cognitive ToyBox. If you\n would like to make changes, please email `,\n skipAndRemind: 'Skip and Remind me later',\n skip: 'Skip',\n submit: 'Submit',\n resubmit: 'Resubmit',\n success: 'Successfully uploaded!',\n download: 'Download {{file}}',\n usersStep: {\n downloadTemplate: 'Download User Template',\n info: `Please share information on any teacher, administrator\n or staff member who will need access to Cognitive\n ToyBox in the {{date}} school year`,\n note:\n 'Note: you can still add users manually, but sharing now will allow us to set them up for you.'\n },\n studentsStep: {\n downloadTemplate: 'Download Student Template',\n info:\n 'Please share information on all students in the {{date}} school year',\n note:\n 'Note: you can still add students manually, but sharing now will allow us to set them up for you.'\n },\n scheduleStep: {\n downloadTemplate: 'Download Schedule Template',\n info: 'Please share information on schedule in the {{date}} school year',\n note:\n 'Note: you can still add schedule manually, but sharing now will allow us to set them up for you.'\n }\n }\n}\n","export const domainReport = {\n entryButton: 'Print Child Progress Report',\n entryDescription:\n 'This report can be shared with parents and includes areas of success and for improvement for each domain along with recommended activities',\n studentReport: 'Student Report',\n overall: 'Overall',\n ageCategory: 'Age Category',\n assessmentsComplete: 'Assessments Complete',\n notes: 'Notes',\n teacherSignature: 'Teacher Signature',\n parentSignature: 'Parent Signature',\n dateSigned: 'Date Signed',\n created: 'Created',\n assessed: 'Assessed',\n areaOfSuccess: 'Area of Success',\n areaForImprovement: 'Area for Improvement',\n noneRecommended: 'None Recommended',\n achievedDevelopmentalMilestone: 'Achieved Developmental Milestone',\n nextDevelopmentalMilestone: 'Next Developmental Milestone:',\n recommendedActivity: 'Recommended Activity',\n show: 'Show',\n hide: 'Hide',\n oneArea: 'Include one area of success and improvement for each domain',\n threeAreas:\n 'Include up to three areas of success and improvement for each domain',\n allAreas: 'Include all areas of success and improvement for each domain'\n}\n","export const siteReportTooltips = {\n schoolLevel: {\n schools: '',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment'\n },\n classroomLevel: {\n classrooms: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment',\n notes: ''\n },\n studentLevel: {\n students: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n onTrack:\n 'On Track shows how many months ahead or behind age level students are overall. Note that if the number is orange, they are below age level. If the number is green, they are above age level. If the number is black, they are on track.',\n assessmentCompleted: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment',\n notes:\n 'Any notes that have been assigned to this student will appear here. e.g.: ELL, Late Start'\n },\n objectiveLevel: {\n objectives: '',\n standard: 'State or Federal Alignment Standards',\n weekScheduled:\n 'Week the objective (game or observation) is scheduled. If this is blank, the objective is not scheduled this checkpoint.',\n type:\n 'Obs is an observation that was collected by a teacher. Game is a completed game-based assessment.',\n growth:\n 'Growth in the most recent assessment. Gray dot means they achieved the same level as when they were assessed earlier. Green up arrow(s) show that they got a higher level in their most recent assessment. Orange down arrow(s) show that their level has gone down in their most recent assessment.',\n level: 'Age-level achieved',\n completed: 'Number of assessments complete',\n lastAssessed:\n 'Date of most recent assessment taken. If there is a green checkmark, you have completed this observation or game this checkpoint already!',\n observations:\n 'Click the button to start a new observation. If the button is green, you have already collected this observation this checkpoint. If it is purple, you have not yet collected an observation in this checkpoint.'\n },\n subobjectiveLevel: {\n subobjective:\n 'Subobjectives are individual skills assessed through observation or game',\n level: 'Age-level achieved'\n }\n}\n","export const objectiveReportTooltips = {\n objectiveLevel: {\n objectives: '',\n averageLevel: 'Average outcome of all assessments completed to-date',\n type:\n 'Obs is an observation that was collected by a teacher. Game is a completed game-based assessment.',\n standard: 'State or Federal Alignment Standards',\n complete: 'Number of assessments complete',\n lastAssessed: 'Date of most recent assessment'\n },\n subobjectiveLevel: {\n subobjective:\n 'Subobjectives are individual skills assessed through observation or game',\n level: 'Age-level expectations for subobjective',\n correct:\n 'Number of students who achieved a subobjective (on their most recent assessment)',\n complete:\n 'Number of students assessed on a subobjective (on their most recent assessment)'\n }\n}\n","export const familyEngagementTooltips = {\n classroomView: {\n student: '',\n activities:\n 'Offline and online activities shared with families that were completed this week',\n games: 'Game-based assessments played at home this week',\n timeSpent: 'Approximate time spent on activities and games this week',\n loggedIn: 'When family last logged in',\n report:\n \"Preview what the family sees by tapping the blue Preview Family Report button. Tap on the Preview Student Report button to see the child's assessment results.\"\n },\n schoolAdminView: {\n classroom: '',\n activitiesCompleted:\n 'Offline and online activities shared with families that were completed this week',\n gamesPlayed: 'Game-based assessments played at home this week',\n familiesLoggedIn: 'Percent of families logged in'\n },\n districtAdminView: {\n school: '',\n activitiesCompleted:\n 'Offline and online activities shared with families that were completed this week',\n gamesPlayed: 'Game-based assessments played at home this week',\n timeSpent: 'Approximate time spent on activities and games this week',\n familiesLoggedIn: 'Percent of families logged in'\n }\n}\n","export const objectiveReport = {\n title: '{{organization}} {{objective}} Objective Report',\n subtitle: '{{school}} {{classroom}} {{checkpoint}}',\n lastAssessed: 'Last Assessed',\n student: 'student',\n notAssessedYet: 'not assessed yet',\n recommendedSmallGroups: 'Recommendations for Small Groups',\n recommendedSmallGroupsDescription:\n 'Cognitive ToyBox provides this information to help create small groups and provide differentiated learning opportunities in small group settings.',\n practice: 'Practice',\n upNext: 'Up Next',\n recommended: 'Recommended',\n additional: {\n leastRecognized: 'Least recognized',\n sometimesRecognized: 'Sometimes recognized',\n mostRecognized: 'Most recognized'\n },\n table: {\n objectives: 'Objectives',\n avLevel: 'Level',\n type: 'Type',\n standard: 'Standard',\n complete: 'Complete',\n lastAssessed: 'Last Assessed',\n subobjective: 'Subobjective',\n correct: 'Correct',\n level: 'Level',\n age: 'Age'\n },\n studentsModal: {\n subobjective: 'Subobjective',\n correct: 'Correct',\n incorrect: 'Incorrect',\n notTaken: 'Not Taken',\n lastUpdated: 'Last Updated',\n close: 'Close'\n }\n}\n","export const familyEngagementReport = {\n weeklyMessage: {\n title: 'Weekly Message to Families',\n noMessage: `No Message for this week. \nType to add one now!`,\n delete: 'Delete',\n change: 'Change',\n addMessage: 'Add new message',\n newWeeklyMessage: 'New weekly message',\n cancel: 'Cancel',\n saveAndShareWithFamilies: 'Save'\n },\n table: {\n classroom: 'Classroom',\n activitiesCompleted: 'Activities completed',\n gamesPlayed: 'Games played',\n familiesLogged: '% Families logged in',\n school: 'School',\n timeSpent: 'Time spent',\n student: 'Student',\n activities: 'Activities',\n games: 'Games',\n loggedIn: 'Logged in',\n report: 'Report'\n },\n activity: {\n yearsOld: 'years old',\n Mon: 'Monday',\n Tue: 'Tuesday',\n Wed: 'Wednesday',\n Thu: 'Thursday',\n Fri: 'Friday',\n seeActivities: 'See Activities',\n seeReadAlouds: 'See Read Alouds',\n dailyActivities: 'Daily Activities',\n dailyReadAloud: 'Daily Read Alouds',\n noActivity: 'No Activity',\n scheduledReadAloudsActivities: 'Scheduled Read Alouds and Daily Activities',\n weekOf: 'Week of {{week}}',\n source: 'Source:',\n activityType: 'Activity Type:',\n keyConcepts: 'Key Concepts:',\n standards: 'Standards:',\n scheduled: 'Scheduled:',\n students: '{{completed}}/{{assigned}} students',\n noDescription: 'No Description',\n seeDetails: 'See Details',\n hideDetails: 'Hide Details'\n },\n seeActivities: 'See Scheduled Activities and Read Alouds',\n preview: 'Preview',\n parentReport: 'Preview Family Report',\n studentReport: 'Preview Student Report',\n drdpReport: 'Preview DRDP Report',\n see: 'See',\n familyEngagement: 'Family Engagement',\n famLoggedIn: 'Families Logged In:',\n weekOf: 'Week of:',\n overall: 'Overall',\n weekly: 'Weekly'\n}\n","export const parentReport = {\n noData: 'No data found for current selection',\n back: 'Back to Students',\n title: \"Welcome {{ student }}'s Family!\",\n subtitle: 'Recommendations just for you!',\n isWeekend1: 'Check back on {{date}} for new activities!',\n isWeekend2:\n 'Click previous button to review activities from earlier this week.',\n prev: 'Prev ({{date}})',\n next: 'Next ({{date}})',\n weeklyMessage: 'Weekly message from ',\n yourTeacher: 'your teacher',\n today: 'Today',\n lastAccessed: 'Last Assessed: ',\n recommendedActivity: 'Recommended Activity for ',\n todayClassActivity: \"Today's Class Activity\",\n classActivityFor: 'Class Activity for ',\n help: 'Help',\n source: 'Source: ',\n love: 'We loved it!',\n played: 'We played!',\n keyConcepts: 'Key Concepts: ',\n alignment: 'Alignment: ',\n type: 'Type: ',\n readAloud: \"Today's Read-Aloud\",\n sendMessage: 'Send a message to your teacher',\n messageSent: 'Message sent',\n submit: 'Submit',\n playGames1: 'Play this',\n playGames2: \"week's game\",\n seeActivities1: 'See daily',\n seeActivities2: 'activities',\n playGameWith: 'Play a game with ',\n canPlay: 'This week {{selectedStudentName}} can play:',\n playNow: 'Play now'\n}\n","export const siteReport = {\n report: '{{name}} Report',\n printStudent: 'Print student report',\n printCurrentView: 'Print current view',\n unable: 'Unable to load detailed data',\n noData: 'No data found',\n noResults: 'No results',\n noAge: 'No age',\n recommended: ' (Recommended)',\n back: 'Back to',\n exportExcel: 'Export as Excel',\n exportPDF: 'Export as PDF',\n noDataMessage:\n '{{student}} has not completed any {{objective}} assessments yet',\n school: 'School',\n classroom: 'Classroom',\n student: 'Student',\n objective: 'Objective',\n subobjective: 'Subobjective',\n table: {\n students: 'Students',\n averageLevel: 'Average Level',\n onTrack: 'On Track',\n assessmentCompleted: 'Assessment Completed',\n lastAssessed: 'Last Assessed',\n notes: 'Notes',\n observations: 'Observations',\n objectives: 'Objectives',\n standard: 'Standard',\n weekScheduled: 'Week scheduled',\n type: 'Type',\n growth: 'Growth',\n onlyScheduled: 'Scheduled Objectives Only',\n allObjectives: 'All Objectives',\n level: 'Level',\n completed: 'Completed',\n classrooms: 'Classrooms',\n school: 'School',\n schools: 'Schools',\n gamesAvailable: `Games only \n available in app`,\n noObservation: 'Must be in current checkpoint to collect observations',\n changeSettings:\n 'No scheduled objectives. Change settings to see unscheduled objectives'\n },\n items: {\n unknown: 'Unknown',\n known: 'Known',\n emotion: 'Emotion',\n accuracy: 'Accuracy',\n behavior: 'Behavior',\n reactions: 'Reactions',\n understanding: 'Understanding this report:',\n understandingText:\n 'Students are marked as correct if they react emotionally by selecting \"angry\" or \"sad\" because that indicates that they are understanding the challenge situation.',\n assessed: 'Assessed by:',\n languages: 'Languages:',\n observationalNote: 'Observational Note',\n saveChanges: 'Save Changes',\n editNote: 'Edit Note',\n unable: 'Unable to update note',\n letterNames: 'Letter Names',\n letterSounds: 'Letter Sounds'\n },\n detailed: {\n print: 'Print Detailed Student Report',\n detailed: 'Detailed Student Report',\n detailedForAll: 'Details for all objectives',\n detailedBelow: 'Detailed only for objectives scoring below',\n showLevels: 'Show levels',\n hideLevels: 'Hide levels',\n showPhotos: 'Photos',\n hidePhotos: 'Hide photos',\n showNotes: 'Show notes',\n hideNotes: 'Hide notes',\n showNotAssessed: 'Show not assessed',\n hideNotAssessed: 'Hide not assessed',\n report: \"{{label}}'s report\",\n shared:\n 'This report can be shared with parents or at the end of a checkpoint for individualization',\n checkpointReports: 'Checkpoint Reports',\n created: 'Created',\n objective: 'Objective'\n }\n}\n","export const bulkReport = {\n success: 'Report has successfully requested',\n download: 'Download',\n selectClassrooms: 'Select a classroom(s)',\n allClassrooms: 'All classrooms',\n selectStudents: 'Select a student(s)',\n allStudents: 'All students',\n requestReport: 'Request Report',\n checkpointStudent: 'Checkpoint/Student',\n dateRequested: 'Date Requested',\n status: 'Status',\n downloadNow: 'Download now'\n}\n","export const DRDPReport = {\n ongoing: 'Ongoing',\n title: '{{organization}} {{student}} {{checkpoint}} DRDP Report',\n table: {\n classrooms: 'Classrooms',\n objective: 'Objective',\n alignment: 'Alignment',\n level: 'Level',\n lastAssessed: 'Last Assessed',\n schools: 'Schools',\n students: 'Students'\n },\n printModal: {\n DRDPReport: \"{{label}}'s DRDP Report\",\n DRDPReports: 'DRDP Reports',\n printProgressReport: 'Print Progress Report',\n printAllStudentsCheckpoint: ' Print All Students {{name}} Checkpoint',\n selectCheckpoint: 'Select Checkpoint'\n }\n}\n","export const certificationStatusReport = {\n percentage: 'of teachers have {{certification}}',\n download: 'Download list of teachers',\n noData: 'No teacher accounts created',\n description:\n 'This report displays the percentage of teachers who have completed training modules.'\n}\n","export const monitoringReport = {\n search: 'Search...',\n assessmentsComplete: 'of assessments complete',\n downloadNotes: 'Download Notes',\n timeoutError:\n 'Please try again later or contact support. We are working on supporting this!',\n notesModal: {\n notes: 'Notes: {{notes}}',\n studentsCount: '{{number}} students',\n downloadAsExcel: 'Download As Excel',\n observationsWithNotes: 'Observations With Notes',\n observationsWithoutNotes: 'Observations Without Notes',\n collectedBy: 'Collected By:',\n noObservations: 'No observations collected between {{start}} - {{end}}'\n },\n error: {\n excel:\n 'We were unable to get xlsx, please try again later or contact support'\n },\n table: {\n none: 'None',\n student: 'Student',\n assessed: 'Assessed in past month',\n usage: 'CTB Usage (at least 80%)',\n onTrack: 'On track in all domains',\n observations: 'Observations',\n obsWithNotes: '% with notes',\n totalObsNotes: '# of notes',\n games: 'Games',\n obs: 'Obs',\n classroom: 'Classroom',\n allStudents: 'All students assessed in past month',\n notes: 'Notes',\n school: 'School',\n district: 'District',\n completedKEA: '% Completed KEA',\n emerging: '% Emerging',\n approach: '% Approaching',\n demonstrating: '% Demonstrating'\n }\n}\n","export const checkpointReport = {\n title: 'Checkpoint Report',\n table: {\n school: 'School',\n classroom: 'Classroom',\n objective: 'Objective',\n type: 'Type',\n level: 'Level',\n student: 'Student',\n includeGames: 'Games Only',\n includeObservations: 'Observations Only',\n assessmentsComplete: 'Assessments Complete'\n },\n pleaseSelect: 'Please select a classroom',\n setDefaultCheckpoint: 'Set Default Checkpoint'\n}\n","export const chart = {\n lastUpdated: 'Last updated',\n print: 'Print',\n printCurrentView: 'Print Current View',\n printOnePage: 'Print one page for each classroom',\n printAll: 'Print All',\n printAllClassrooms: 'Print All Classrooms',\n showLowestDomains: '(show lowest domains)',\n students: 'Students',\n classrooms: 'Classrooms',\n close: 'Close',\n studentsAssessed: 'Students assessed',\n assessmentsTaken: 'Assessments taken',\n exportAsExcel: 'Export as Excel',\n exportAsPDF: 'Export as PDF',\n collapse: 'Collapse',\n expand: 'Expand',\n back: 'Back',\n show: 'Show',\n more: 'more',\n less: 'less',\n generated: 'Generated',\n seeDetails: 'See Details',\n table: {\n percentScheduled: '% of Scheduled assessments complete',\n taken: '# Taken',\n lastAssessed: 'Last Assessed',\n student: 'Student',\n school: 'School',\n classroom: 'Classroom',\n age: 'Age',\n complete: 'Complete',\n checkpoint: 'Checkpoint',\n observations: 'Observations',\n startObservation: 'Start Observation',\n notRequired: 'Not Required',\n games: 'Games',\n noStudentsFound: 'No students found',\n nothingScheduledThisWeek: 'Nothing scheduled this week'\n },\n first: {\n classroomChangeTooltip:\n 'A classroom is considered active if any assessments have been collected this week.',\n studentsOnTrackTooltip:\n 'A student is marked as \"on track\" if they score within 9 months of their chronological age.',\n assessmentsComplete: '{{percent}}% of assessments complete',\n fromLastWk: 'from last wk',\n active: 'Active',\n classrooms: 'classrooms',\n studentsAssessed: 'Students assessed',\n students: 'Students',\n onTrack: 'on-track',\n weeklyAssessmentsComplete: 'Weekly assessments complete',\n keasComplete: '{{percent}}% KEAs complete',\n emerging: 'Emerging',\n approaching: 'Approaching',\n demonstrating: 'Demonstrating',\n assessmentKeaStarted: '{{days}} days left in KEA assessment window',\n assessmentKeaStartedDay: '{{days}} day left in KEA assessment window',\n lastDay: 'Last day: {{last_day}}',\n firstDay: 'First day: {{first_day}}',\n assessmentEcaStarted: '{{days}} days left in checkpoint',\n assessmentEcaStartedDay: '{{days}} day left in checkpoint',\n assessmentKeaCompleted: 'KEA assessment window complete',\n assessmentEcaCompleted: 'All checkpoints complete',\n assessmentKeaEnded: 'KEA assessment window starts in {{days}} days',\n assessmentEcaEnded: 'New checkpoint starts in {{days}} days',\n assessmentKeaEndedDay: 'KEA assessment window starts in {{days}} day',\n assessmentEcaEndedDay: 'New checkpoint starts in {{days}} day',\n assessmentKeaNo: 'No KEA assessment window',\n assessmentEcaNo: 'No checkpoint'\n },\n second: {\n title: 'Checkpoint Usage',\n subtitle: 'Who is using Cognitive ToyBox?',\n scheduled: 'Scheduled',\n recommended: 'Recommended',\n all: 'All'\n },\n third: {\n title: 'Domain Completion',\n subtitle: 'Who is using Cognitive ToyBox?'\n },\n fifth: {\n title: \"Which students haven't been assessed or updated in over two weeks?\",\n subtitle:\n \"This report highlights individual students whose assessment data hasn't been updated in more than two weeks\"\n },\n sixth: {\n title: 'Who is school ready?',\n subtitle: 'Total enrollment',\n averageLevel: 'Average Level',\n average: 'Average',\n print: 'Print school ready chart'\n },\n seventh: {\n title: 'Who is scoring at or near age level?'\n },\n eighth: {\n title: 'Who is developmentally on track?',\n subtitle:\n 'Developmentally \"on track\" is determined by comparing the developmental age as assessed by teachers and the chronological age of the students. A student is marked as \"on track\" if they score within 9 months of their chronological age.',\n subdomains: 'Show Subdomains',\n barChart: 'Bar Chart View',\n exceeding: 'Exceeding',\n meeting: 'Meeting',\n below: 'Below',\n notAssessed: 'Not Assessed',\n bottomTitle1: 'Percent of students meeting or exceeding expectations in',\n bottomTitle2: 'objectives',\n objectives: 'OBJECTIVES',\n progress: 'PROGRESS',\n studentOnTrack: 'STUDENTS ON TRACK',\n seeDetailedReport: 'See Detailed Report',\n popupText: 'of students are meeting or exceeding age-level expectations in',\n studentAssessed: 'of student assessed',\n assessments: 'Assessments',\n complete: 'Complete',\n assessed: 'Assessed',\n objectivesSmall: 'Objectives',\n students: 'Students',\n meetingAndExceeding: '% meeting and exceeding',\n selectedWeek: 'Selected Week',\n setToCurrentWeek: 'Set to current week'\n },\n ninth: {\n title: 'Which domains are on track?',\n averageLevel: 'Average Level'\n },\n tenth: {\n title: 'Weekly Schedule',\n keaTitle: 'KEA Schedule',\n pleaseSelect: 'Please select a classroom',\n noStudentsFound: 'No students found',\n nothingScheduledThisWeek: 'Nothing scheduled this week',\n startObs: 'Start Obs'\n }\n}\n","export const charts = {\n lastUpdated: 'Last Updated',\n studentsAssessed: 'Students assessed',\n assessmentsTaken: 'Assessments taken',\n all: 'All',\n generated: 'Generated',\n collapse: 'Collapse',\n expand: 'Expand',\n print: 'Print',\n printCurrentView: 'Print Current View',\n printAllClassroomsShowLowestDomains:\n 'Print All Classrooms (show lowest domains)',\n back: 'Back',\n showMoreOptions: 'Show More Options...',\n exportAsExcel: 'Export as Excel',\n hideOptions: 'Hide Options',\n feedbackSurvey: {\n shareYourFeedback: 'Share your feedback!',\n notATeacher: \"I'm not a teacher\",\n notATeacherAide: \"I'm a teacher or teacher aide\",\n notNow: 'Not now',\n getStarted: \"Yes, let's get started!\",\n weNeedYourHelp: `We need your help! \n Can you answer a quick, 3 minute survey to share your experience using Cognitive ToyBox?`,\n canYouTellUs:\n 'Can you tell us what you do at your center/school so we know which survey to share with you?'\n },\n acquisitionNotification: {\n cognitiveToyBoxAnnouncement: 'Cognitive ToyBox Announcement!',\n OK: 'OK',\n description:\n 'We’re excited to share that Cognitive ToyBox has been acquired by Teaching Strategies, LLC. Please see the FAQ here.'\n },\n quickLinks: {\n quickLinks: 'Quick Links:',\n addStudent: 'Add Student',\n printReports: 'Print Reports',\n addTeacher: 'Add Teacher',\n addClassroom: 'Add Classroom',\n chatWithSupport: 'Chat with Support',\n chatWithSupportPopup: `Chat is not available right now. \n Please check back later during our regular business hours: Monday-Friday 9am ET - 5pm ET`,\n playGames: 'Play Games',\n playGamesPopup: `Games can only be played on the app, not on the CTB Web Portal. \n To play games, open the app on a touchscreen tablet and log in!`,\n startTraining: 'Start Training',\n seeWalkthrough: 'See Walkthrough'\n },\n walkthrough: {\n menu: 'Menu',\n menuContent: 'Click here to open a menu',\n addStudents: 'Add Students and Teachers',\n addStudentsContent: `Click Management to see all of\n your admin tools to help you\n manage student rosters and\n teacher access`,\n training: 'Start Self-Paced Training',\n trainingContent: `Click Training to access CTB\n Training whenever you want`,\n schedule: 'See Assessment Schedule',\n scheduleContent: `Click here to see your schedule\n at any time!`,\n reports: 'Reports',\n reportsContent: `Click here to see all of you\n realtime reports and end of\n checkpoint reports`,\n whoIsUsingCTB: 'See who is using CTB',\n whoIsUsingCTBContent: '',\n support: 'Support Resources',\n supportContent: `Click here to read through our\n step-by-step instructions for our\n most frequently asked questions`,\n chat: 'Chat with Support Agent',\n chatContent: `Click here to start a chat with our\n live support agents`,\n account: 'Manage your Account',\n accountContent: `Click here to manage your\n account and download your\n training certifications`\n },\n table: {\n district: 'District',\n school: 'School',\n classroom: 'Classroom',\n student: 'Student',\n notes: 'Notes',\n taken: '# Taken',\n lastAssessed: 'Last Assessed',\n percentScheduled: '% Complete',\n numberComplete: '# Complete',\n completedKEA: '% Completed KEA',\n emerging: '% Emerging',\n approach: '% Approaching',\n demonstrating: '% Demonstrating'\n },\n assessmentCompletion: {\n notes: 'Notes:',\n title: 'Checkpoint Usage',\n titleAssessment: '{{assessment}} Checkpoint Usage',\n subtitle: 'Who is using Cognitive ToyBox?',\n recommended: 'Recommended',\n incompleteGames: 'Incomplete Games',\n incompleteObservations: 'Incomplete Observations',\n completeGames: 'Complete Games',\n completeObservations: 'Complete Observations',\n search: 'Search...',\n error: {\n excel: 'We were unable to get a xlsx file, please try again later'\n }\n },\n domainsOnTrack: {\n title: 'Who is developmentally on track?',\n subtitle: `Developmentally \"on track\" is determined by comparing \n the developmental age as assessed by teachers and\n the chronological age of the students.\n A student is marked as \"on track\" if they score within 9 months of their chronological age.`,\n subdomains: 'Show Subdomains',\n barChart: 'Bar Chart View',\n exceeding: 'Exceeding',\n meeting: 'Meeting',\n below: 'Below',\n notAssessed: 'Not Assessed',\n none: 'None',\n belowMeetingExceeding:\n 'Below/Meeting/Exceeding expectations in {{name}} objectives',\n percentOfStudents:\n 'Percent of students meeting or exceeding expectations in {{name}} objectives',\n modalPercentInDomain:\n '{{percent}}% of students are meeting or exceeding age-level expectations in {{domain}}',\n studentAssessed: '< 50% of students assessed',\n assessmentsComplete: `Assessments\n Complete`,\n studentsAssessed: `Students\n Assessed`,\n objectivesAssessed: `Objectives\n Assessed`,\n meetingAndExceeding: '% meeting and exceeding',\n objectives: 'OBJECTIVES',\n progress: 'PROGRESS',\n studentOnTrack: 'STUDENTS ON TRACK'\n }\n}\n","export const sidebar = {\n home: 'Home',\n report: 'Report',\n reports: 'Reports',\n management: 'Management',\n training: 'Training',\n support: 'Support',\n users: 'Users',\n orgManagement: 'Organization Management',\n studManagement: 'Student Management',\n schedule: 'Schedule',\n dataExport: 'Data Export',\n planning: 'Planning'\n}\n","export const table = {\n showHideColumns: 'Show/Hide Columns',\n showHideRows: 'Show/Hide Rows',\n setToDefault: 'Set to default',\n done: 'Done',\n reset: 'Reset',\n save: 'Save Changes',\n others: 'Show/Hide Others'\n}\n","export const pageWrapper = {\n CTBWebPortal: 'CTB Web Portal',\n loading: 'loading...',\n profile: 'Profile',\n logOut: 'Log out',\n frogStreet: 'Frog Street Edition'\n}\n","export const orgManagement = {\n buttons: {\n school: 'Add School',\n classroom: 'Add Classroom',\n student: 'Add Student',\n parent: 'Add Parent',\n back: 'Back'\n },\n table: {\n className: 'Class Name',\n teacherName: 'Teacher Name',\n studentName: 'Student Name',\n students: 'Students',\n parents: 'Families',\n ageRange: 'Age Range',\n edit: 'Edit',\n name: 'Name',\n DOB: 'DOB',\n age: 'Age',\n notes: 'Notes',\n parent: 'Parent',\n lastParentLogin: 'Last parent login',\n neverLogged: 'Never logged in',\n studentID: 'Student ID ',\n enrollment: 'Enrollment:',\n more: 'more',\n studentManagement: 'Student Management',\n searchBySchoolClassroomStudent: 'Search...',\n searchByStudent: 'Search for student...',\n selectTag: 'Select tag...',\n manyStudents: 'Students',\n oneStudent: '1 Student',\n noStudents: 'No students',\n noStudentsFound: 'No Students Found',\n manyFamilyAccounts: 'Family Accounts',\n oneFamilyAccount: '1 Family Account',\n noFamilyAccounts: 'No Family Accounts',\n moreTeachers: '+ {{length}} more'\n },\n modals: {\n addNew: 'Add new',\n edit: 'Edit',\n delete: 'Delete',\n save: 'Save',\n create: 'Create',\n dropOut: 'Drop out',\n submit: 'Submit',\n notes: {\n ell: 'ELL',\n spanish: 'Spanish',\n other: 'Other',\n inPerson: 'In Person',\n remote: 'Remote',\n neither: 'Neither',\n inPersonText:\n 'Setting a student as \"In Person\" will restrict their parent\\'s access to the portal. If a student is marked as \"Remote\" or \"Neither\", their parents will have access to the app to play game-based assessments and the portal.',\n observationsOnly:\n 'Setting a child as observation only will remove games from their schedule and\\n' +\n 'add observational counterparts to cover measures that would have been\\n' +\n 'assessed by a game.',\n potentialDelay:\n 'Use this to mark a child that has an IEP/IFSP or a child who you think may have\\n' +\n 'a potential delay.',\n lowAttendance:\n 'Mark a child as Low Attendance if you have not been able to assess the child\\n' +\n 'fully because of frequent or extended absences',\n lateStart:\n 'Mark a child as having a Late Start if they began the school year after the first\\n' +\n 'week of school.',\n agedOut:\n 'Mark a child as Aged Out if they have left your classroom and the program as a\\n' +\n 'result of aging out of the class or program but you would still like to maintain\\n' +\n 'their data for reference.',\n droppedOut:\n 'Mark a child as Dropped Out if they have left your classroom and the program\\n' +\n 'but you would still like to maintain their data for reference.',\n PCC:\n 'Mark a student as PCC if they are a member of a preschool collaborative\\n' +\n 'classroom and that may have different reporting requirements than their\\n' +\n 'classrooms.',\n ELL:\n 'Mark a student as ELL if they are an English Language Learner or a Dual\\n' +\n 'Language Learner, then select the language that they speak at home. This may\\n' +\n 'schedule observations specifically for ELL/DLL Students',\n startTyping: 'Start Typing'\n },\n school: {\n created: '{{name}} was successfully created!',\n changed: '{{name}} was successfully changed!',\n deleted: '{{name}} was successfully deleted!',\n school: 'school',\n schoolName: 'School Name',\n addNewSchoolWaitText1:\n 'Please wait a few minutes for your new school to appear in the app',\n addNewSchoolWaitText2: 'Log out and log in again to see your new school',\n deleteConfirmation:\n 'Are you sure you want to remove this school? Teachers and School Administrators assigned to this school will immediately lose access to Cognitive ToyBox and you will have to contact support@cognitivetoybox.com to restore their access.'\n },\n classroom: {\n created: '{{name}} was successfully created!',\n changed: '{{name}} was successfully changed!',\n deleted: '{{name}} was successfully deleted!',\n classroom: 'classroom',\n deleteConfirmation:\n 'Are you sure you want to remove this classroom? Teachers assigned to this classroom will immediately lose access to Cognitive ToyBox and you will have to contact support@cognitivetoybox.com to restore their access.',\n school: 'School',\n classroomName: 'Classroom Name',\n addNewClassroomWaitText1:\n 'Please wait a few minutes for your new classroom to appear in the app',\n addNewClassroomWaitText2:\n 'Log out and log in again to see your new classroom'\n },\n student: {\n update: 'You must update all required notes',\n student: 'student',\n wasDeleted: '{{name}} was successfully deleted',\n wasDropOut: '{{name}} was successfully marked as dropped out',\n confirmationDialog:\n 'Are you sure you want to mark {{name}} as dropped out? This will remove them from your roster and they will no longer appear in the portal or app',\n confirmationDialogDelete: 'Are you sure you want to delete {{name}}?',\n firstName: 'First Name',\n lastName: 'Last Name',\n dateOfBirth: 'Date of Birth',\n selectSchool: 'Select school',\n selectClassroom: 'Select Classroom',\n studentID: 'Student ID',\n studentEnrollment: 'Student enrollment date',\n basicInfo: 'Basic Info',\n notes: 'Notes'\n }\n },\n limitTracker: {\n studentMessage: '{{count}} of {{limit}} Student Licenses Used',\n classroomMessage: '{{count}} of {{limit}} Classroom Licenses Used',\n contactMessageFs:\n 'You are currently over your license limit. Contact support@frogstreet.com for help.',\n contactMessage:\n 'You are currently over your license limit. Contact support@cognitivetoybox.com for help.'\n }\n}\n","export const userManagement = {\n userManagement: 'User Management',\n addNewUser: 'Add new user',\n search: 'Search by User, District, School, or Class...',\n export: 'Export as Excel',\n\n error: {\n excel:\n 'We were unable to create xlsx, please try again later or contact support'\n },\n sso: 'SSO Account Requests',\n ssoModal: {\n title: 'Access Requests (Clever SSO)',\n description:\n \"The following users have authenticated using {{orgName}}'s Clever Single Sign-on (SSO). Please review to approve their access to Cognitive ToyBox and assign them to the appropriate role and site.\",\n name: 'Name',\n status: 'Status',\n role: 'Role',\n school: 'School/Classroom',\n approve: 'Approve Request',\n deny: 'Deny',\n denied: 'See Denied Requests',\n pending: 'See Pending Requests',\n notAssigned: 'Not Assigned Yet',\n close: 'Close',\n noPending: 'No Pending Requests',\n noDenied: 'No Denied Requests',\n save: 'Save',\n cancel: 'Cancel',\n note:\n 'Note: Clicking Save will send {{name}} an email notification that access has been granted.',\n error:\n 'We were unable to process request, please try again later or contact support'\n },\n table: {\n cert: 'Cert',\n name: 'Name',\n username: 'Username',\n role: 'Role',\n district: 'District',\n singleDistrict: '1 district',\n districts: '{{number}} districts',\n school: 'School',\n class: 'Classroom',\n lastLoggedIn: 'Last logged in',\n edit: 'Edit',\n multiple: 'Multiple',\n schools: '{{number}} schools',\n classrooms: '{{number}} classrooms',\n singleSchool: '1 school',\n singleClassroom: '1 classroom',\n removed: '(removed)'\n },\n modal: {\n internalOptions: 'Internal-Only Options',\n override: 'Override User State Standards',\n standard: 'Standard {{number}}',\n success: 'User successfully created',\n successChanged: 'User successfully changed',\n emailSent: 'Email sent',\n removed: 'Account successfully removed',\n reactivated: 'Account successfully reactivated',\n edit: 'Edit',\n create: 'Create new',\n account: 'account',\n firstName: 'First Name',\n lastName: 'Last Name',\n email: 'Email',\n role: 'Role',\n school: 'School',\n organization: 'District',\n districtAccess: 'District Access',\n schoolAccess: 'School Access',\n schoolMuted:\n \"If you are setting the user's role to a School Admin or a Teacher, you must select the associated school.\",\n classroom: 'School/Classroom',\n classroomAccess: 'School/Classroom Access',\n classroomMuted:\n \"If you are setting the user's role to a Teacher, you must select the associated classroom.\",\n alert1: 'A deactivated account already exists with username',\n alert2: 'Click the Reactivate button below to restore this account!',\n delete: 'Delete',\n resendEmail: 'Resend email',\n reactivate: 'Reactivate',\n deleteUser: 'Are you sure you want to delete {{name}}?',\n save: 'Save',\n editEmail:\n \"Are you sure you want to change {{email}}'s email address to {{newEmail}}? Doing so will also reset their password.\",\n deleteParent: 'Are you sure you want to delete {{name}}?',\n removeParentFromStudent:\n 'Are you sure you want to remove {{name}} from student?',\n successfullyChanged: 'Parent credentials successfully changed',\n successfullyCreated: 'Parent account successfully created',\n successfullyRemoved: 'Parent account successfully removed',\n successfullyRemovedFromStudent:\n 'Parent account successfully removed from student',\n dontHaveAccess: \"You don't have access to use this email\",\n somethingWentWrong: 'Something went wrong',\n addNew: 'Add new',\n parent: 'parent',\n familyName: 'Family Name',\n status: 'Status',\n phoneNumber: 'Phone Number',\n removeFromStudent: 'Remove from student',\n accountSetUp: 'Account Set Up',\n accountNotSetUpYet: 'Account Not Set Up Yet',\n children: 'Children',\n allSchoolsAndClassrooms: 'All Schools and Classrooms',\n multiAccess: 'Multi-Account Access',\n access: 'Access {{number}}',\n multiAccessDescription:\n 'Each role listed below shows which school(s) and or classroom(s) {{name}} should have access to. You may only assign a new access role within the same district/organization. To change a user’s organization, contact',\n removeAccess: 'Remove Access',\n changeClassroom: 'Change Classroom',\n changeSchool: 'Change School',\n changeOrganization: 'Change District',\n addAccess: 'Add Access Role',\n cancel: 'Cancel',\n saveChanges: 'Save Changes',\n multiUser: 'Multi-User',\n allRoles: 'All Roles',\n duplicatedScopeError: \"You've already chosen {{item}}\",\n orgDefault: '(Org Default)',\n userDefault: '(User Default)'\n },\n certificationModal: {\n certifications: \"{{name}}'s Certifications\",\n dateEarned: 'Date Earned',\n close: 'Close',\n currentCertification: 'Current Certifications',\n expiredCertification: 'Expired Certifications',\n noCertifications: 'No Certifications'\n },\n multiUserScopesModal: {\n title: \"{{name}}'s school(s) and classroom(s)\",\n districtAdmin: 'District Admin',\n schoolAdmin: 'School Admin(s)',\n teacher: 'Teacher(s)'\n }\n}\n","export const scheduleManagement = {\n assessmentSchedule: 'Assessment Schedule',\n modal: {\n devProgression: 'Developmental Progression',\n close: 'Close',\n questionView: 'Question View',\n domain: 'Domain',\n alignment: 'Alignment',\n subobjective: 'Subobjective (skill)',\n question: 'Question(s)',\n print: 'Print',\n week: 'Week'\n },\n table: {\n week: 'Week',\n weekScheduled: 'Week Scheduled',\n games: 'Games',\n observations: 'Observations',\n noStudentData: 'Student does not have assessment data for this checkpoint'\n },\n objectives: {\n developmentalProgression: 'Developmental Progression',\n domain: 'Domain',\n subobjective: 'Subobjective (skill)',\n questions: 'Question(s)',\n examples: 'Example(s)',\n clickLink: 'Click link to see example',\n doYouWant:\n 'This will take you to an outside website, do you want to continue?',\n continue: 'Continue',\n cancel: 'Cancel'\n }\n}\n","export const dataExportManagement = {\n dataExport: 'Data Export',\n subtitle:\n 'By default you can export all of the results that you have collected in your organization.',\n subtitle2:\n 'If you select a start and end date, you can download the results that were generated during that date range',\n alert: 'Please select an end date that is after the start date',\n submitError: 'You need to select dates',\n requestError: 'Error in report creation',\n selectRange: 'Select a date range',\n selectStart: 'Select a Start date',\n selectEnd: 'Select a End date',\n download: 'Download CSV',\n clear: 'Clear All',\n dataOldestUpdate: 'Last updated:'\n}\n","export const report = {\n lastUpdated: 'Last Updated',\n back: 'Back',\n print: 'Print',\n clear: 'Clear filters',\n exportAsExcel: 'Export as Excel',\n exportAsPDF: 'Export as PDF',\n objectiveReport: 'Objective Report',\n siteReport: 'Site Report',\n studentReport: 'Student Report',\n parentReport: 'Family Report',\n drdpReport: 'DRDP Report',\n checkpointReport: 'Checkpoint Report',\n 'family-engagementReport': 'Family Engagement Report',\n 'certification-statusReport': 'Certification Status Report',\n monitoringReport: 'Usage Monitoring Report',\n home: {\n cognitiveToyboxReports: 'Cognitive ToyBox Reports',\n ongoingReporting: 'Real-Time Data',\n ongoingReportingText:\n 'Ongoing reports can be used to monitor real-time student data, individual observations and games, and family engagement.',\n seeOngoingReports: 'See ongoing reports...',\n checkpointSummaryReports: 'Checkpoint Summary Reports',\n checkpointSummaryReportsText:\n 'These reports can give you cumulative looks at how students performed in an entire checkpoint. They can only be generated after a checkpoint has been completed.',\n seeCheckpointSummaryReports: 'See checkpoint summary reports...',\n monitoringReports: 'Monitoring (Admin-only) Reports',\n monitoringReportsText:\n 'Monitoring reports are available for school and district admins and can be used to monitor teacher usage and high-level child outcomes.',\n seeMonitoringReports: 'See monitoring reports...'\n }\n}\n","export const profile = {\n certifications: 'Certifications',\n myAccountSettings: 'My account settings',\n firstName: 'First Name',\n enterFirstName: 'Enter first name',\n lastName: 'Last Name',\n enterLastName: 'Enter last name',\n phone: 'Phone',\n phoneText1: 'Adding a phone number is for security purposes only.',\n phoneText2:\n 'It helps us keep your account secure and you can use it if you are having trouble logging in!',\n youAreUsing: 'You are using:',\n saveChanges: 'Save Changes',\n dateEarned: 'Certification Date:',\n dateExpired: 'Expiration Date:',\n expired: 'Expired:',\n mfa: 'Multi-Factor Authentication (MFA)',\n enabled: 'Enabled',\n disabled: 'Disabled',\n recovery: 'Recovery Phone',\n verified: 'Verified',\n unverified: 'Unverified',\n changePhoneNumber: 'Change Phone Number',\n verify: 'Verify',\n code: 'Code',\n sendCode: 'Send Code',\n mfaDescription:\n 'Get authentication codes by SMS on your mobile phone when signing into Cognitive ToyBox',\n enterNumber: '1. Enter your Phone Number',\n enterCode: '2. Enter code to verify your phone number',\n verifyMfa: 'Verify your MFA Phone Number',\n cancel: 'Cancel',\n cancelAndDisable: 'Cancel and disable MFA',\n save: 'Save',\n verifiedPhone: 'Verified Phone:',\n success: {\n edit: 'Profile successfully edited',\n verified: 'Phone number successfully verified',\n code: 'A code has been sent to your phone number'\n },\n error: {\n edit: 'We were unable to edit account, something went wrong',\n verified: 'We were unable to verify phone number, something went wrong',\n code: 'We were unable to send a code, something went wrong'\n },\n required: 'This field is required',\n phoneVerify: 'You need to verify your phone for MFA'\n}\n","export const basicComponents = {\n noDataFound: 'No data found',\n print: 'Print',\n close: 'Close',\n downloadPhoto: 'Download Photo',\n joyride: {\n skip: 'Skip',\n back: 'Back',\n next: 'Next',\n close: 'Close',\n count: '{{current}} of {{size}}'\n },\n table: {\n paginationCaption: 'Showing {{from}} to {{to}} of {{total}} entries',\n none: 'None',\n filteredBy: 'Filtered By',\n sortAsc: 'Sort Ascending',\n sortDes: 'Sort Descending',\n search: 'Search',\n hideColumn: 'Hide Column',\n min: 'Min',\n max: 'Max',\n sort: {\n alphabeticAsc: 'A → Z',\n alphabeticDesc: 'Z → A',\n numericDesc: 'High → Low',\n numericAsc: 'Low → High',\n datesDesc: 'Newest',\n datesAsc: 'Oldest'\n }\n },\n dropzone: {\n alert: 'You can only add a maximum of 3 photos',\n error: 'Oversize image (over 5Mb)',\n drop: 'Drop photos here'\n },\n filesDropzone: {\n alert: 'You can only add 1 file',\n error: 'Oversize file (over 6Mb)',\n drop: 'Drop file here',\n drag: 'Drag file to upload',\n click: 'or click to browse and upload file',\n supportedTypes: 'Supported file types: {{fileTypes}}'\n },\n confirmationDialog: {\n sure: 'Are you sure?',\n yes: 'Yes',\n nevermind: 'No, nevermind'\n },\n errorPage: {\n somethingWentWrong: 'Something went wrong',\n tryAgain: 'Try to log in again'\n },\n device: {\n description: 'Description:',\n name: 'Name:',\n browser: 'Browser:',\n version: 'Version:'\n },\n age: {\n years: 'y',\n months: 'mo'\n },\n filters: {\n clear: 'Clear filters',\n current: '(Current)',\n allSchools: 'All Schools',\n allClassrooms: 'All Classrooms',\n allStudents: 'All Students',\n allObjectives: 'All Objectives',\n allDomains: 'All Domains',\n allAges: 'All Ages',\n allCheckpoints: 'All Checkpoints',\n noResult: 'No result',\n thisWeek: 'This Week',\n allGroups: 'All Student Groups',\n allStandards: 'All Standards',\n allSchoolYears: 'All School Years',\n allViews: 'Include Games and Observations',\n allTimeRanges: 'All Time Ranges',\n allClassTypes: 'All Programs',\n allOrganizations: 'All Districts...',\n scheduled: 'Scheduled',\n all: 'All',\n completion: 'Usage',\n performances: 'Outcomes',\n selectOrganization: 'Select District...',\n selectSchool: 'Select School...',\n selectClassroom: 'Select Classroom...',\n selectRole: 'Select Role...',\n noSchools: 'No Schools Available',\n noClassrooms: 'No Classrooms Available',\n noOrganizations: 'No District Available',\n kea: 'KEA',\n eca: 'ECA',\n searchSchoolClassroom: 'Search for a School or Classroom...',\n searchOrganization: 'Search for a District...',\n searchSchool: 'Search for a School...'\n }\n}\n","export const training = {\n kea:\n 'To view training modules specific to CTB for Schools, use the toggle at the top right.',\n eca:\n 'To view training modules specific to CTB for KEA, use the toggle at the top right.',\n CTBTraining: 'Cognitive ToyBox Training',\n basicModules: 'Basic Certification:',\n parentModules: 'Parent Resources:',\n advancedModules: 'Advanced Teacher Certification:',\n adminModules: 'Administrator Certification:',\n interraterReliabilityModules: 'Inter-rater Reliability Certifications:',\n title: {\n interraterReliability35: 'Inter-rater Reliability (3-5 year olds)'\n },\n open: 'Open',\n back: 'Back',\n watchTraining: 'Watch Training + Quiz',\n testOnly: 'Quiz Only',\n expireSoon: 'Certificate(s) that are expiring soon:',\n expired: 'Certificate(s) that have expired:',\n pleaseCompleteExpiring:\n 'You have one or more certificates that are expiring soon. To renew your certification you can watch the training modules again, or you can try to complete the quiz only. ',\n pleaseCompleteExpired:\n 'You have one or more certificates that have expired. To renew your certification you can watch the training modules again, or you can try to complete the quiz only. ',\n certified: {\n title: 'You have been certified!',\n check: 'See all my certificates',\n download: 'Download Certificate Now',\n close: 'Close'\n },\n testOut: {\n title: '{{name}} Quiz',\n question: 'Question {{current}} of {{total}}',\n next: 'Next',\n back: 'Back',\n finishButton: 'Finish',\n questionsCorrect: 'Questions Correct',\n success: `Congratulations! You passed the {{title}} quiz. \n Finish the rest of the training modules to renew your Basic Training Certification.`,\n failTop:\n 'Great effort, but you needed to get at least 90% of the questions correct in order to pass',\n failBottom: `In order to complete this training, you will now need to read \n and watch the {{title}} training module.`,\n close: 'Close',\n startTraining: 'Start Training',\n finishTitle: 'Submit Final Answers',\n finish: `Are you sure you want to submit your quiz? \n After you click submit you will no longer be able to change your answers.`,\n goBack: 'Go Back',\n submit: 'Submit'\n },\n scenarios: {\n viewTutorial: 'View Tutorial',\n description1:\n 'Welcome to the CTB Inter-rater reliability certification assessment. You will be given a sample scenario and using the CTB developmental indicators you will be asked to level the children in the scenario.',\n description2:\n 'Your answers must match the correct level for at least 90% of the objectives in order to receive your inter-rater reliability certificate.',\n scenariosLeveled: 'scenarios leveled',\n start: 'Start',\n changeAnswer: 'Change Answer',\n scenariosReadyForReview: 'scenarios ready for review',\n submitForReview: 'Submit for Review',\n submitForReviewDescription:\n 'You must level all of the scenarios in order to submit your assessment',\n passed:\n 'You have already passed this module and can find the certificate in your Profile',\n readyForReview: 'Ready for Review',\n complete: 'Complete',\n incorrect: 'Incorrect',\n modal: {\n description:\n 'Read the scenario below and use the Developmental Indicators to the level the student in the scenario',\n developmentalIndicators: 'Developmental Indicators',\n selectLevel: 'Select a Level',\n notYet: 'Not Yet',\n cancel: 'Cancel',\n save: 'Save',\n IRRResults: 'IRR Results',\n levelled:\n 'Nice work, you levelled {{correct}}/{{total}} scenarios correctly',\n closeTheWindow:\n 'Close this window and review and re-level the incorrectly levelled scenarios marked with an exclamation point, and submit again!',\n note:\n 'Note: You will be able to re-level scenarios as many times as you need',\n congratulations: 'Congratulations! You earned your CTB IRR Certificate!',\n downloadCertificate: 'Download Certificate',\n ok: 'Ok',\n close: 'Close',\n examples: 'Example(s)',\n clickLink: 'Click link to see example',\n doYouWant:\n 'This will take you to an outside website, do you want to continue?',\n continue: 'Continue'\n },\n tutorialModal: {\n next: 'Next',\n cancel: 'Skip',\n back: 'Back',\n title: 'IRR Tutorial',\n description1: `When creating student observations, calibrating your Inter-Rater \n Reliability is an important key to understanding your students’ current \n developmental levels. Ensuring your understanding is aligned with the \n CTB developmental indicators will help you to understand the needs of \n your students and how to deliver more targeted instruction.`,\n description2: `Practice leveling the students based on each scenario provided, along \n with the developmental indicators. After each objective set, reflect on \n your ratings. Were you aligned? If not, can you find the discrepancy? \n Use these scenarios to help you grow in your understanding of the CTB \n developmental indicators.`,\n tip: 'Tip',\n step1: `When you are leveling a student, the student should demonstrate all subobjectives \n at a given level to achieve that level. \n If they have achieved some but not all of the skills consistently, \n then they should be placed in the level below.`,\n step2:\n 'We will give you a practice scenario with feedback so that you can get the hang of how this will work!',\n step3: 'Tutorial Scenario 1',\n selectTheLevel: 'Select the level',\n checkAnswer: 'Check Answer',\n notQuite: 'Not quite!',\n success: 'Success!',\n tooltipStep1: 'First, read the scenario',\n tooltipStep2:\n 'Next, read the developmental indicators and determine the level to place the student at',\n tooltipStep3: 'Then, select the level you would give the student',\n tooltipStep4: 'Check your answer!',\n tryIt: 'Try it',\n step4: 'You have successfully completed the tutorial! Good luck!',\n close: 'Close',\n currentStep: 'Step {{current}} of {{counts}}'\n }\n }\n}\n","export const observation = {\n observeAgain: 'Observe again',\n startNewObservation: `Start new \n Observation`,\n observation: 'observation',\n newObservation: 'New Observation',\n whichOne: 'Which observational tool do you want to use?',\n portfolio: 'Portfolio-style',\n question: 'Question-based',\n modal: {\n delete:\n 'Are you sure you want to cancel and delete this observations? You observation will not be saved!',\n yes: 'Yes, cancel and delete',\n no: 'Nevermind'\n },\n form: {\n more: 'more',\n addNote: 'Add Note (required)',\n student: 'Student',\n objective: 'Objective',\n selectLevel:\n 'Using {{label}}, select an appropriate level for the student{{s}} below:',\n cancel: 'Cancel',\n back: 'Back',\n submit: 'Submit',\n next: 'Next',\n developmentalIndicators: 'Developmental Indicators',\n no: 'No',\n yes: 'Yes',\n possibleExamples: 'Possible examples',\n note:\n 'Note: The example(s) described below are not the only way a child can demonstrate mastery of a development level',\n addNoteObserved:\n 'Add note that describes what you have observed that helped you answer these questions about',\n required: '(required)',\n cancelDelete: 'Cancel and Delete',\n emerging: 'Emerging'\n }\n}\n","export const support = {\n title: 'Cognitive ToyBox Support',\n searchByKeywords: 'Search by keywords',\n nothingFound: 'Nothing found',\n back: 'Back',\n contact: 'Contact',\n withOtherQuestions: 'with any other questions you have!',\n kea:\n 'To view resources specific to CTB for Schools, use the toggle at the top right.',\n eca:\n 'To view resources specific to CTB for KEA, use the toggle at the top right.'\n}\n","export const curriculum = {\n back: 'Back',\n classroom: 'Classroom',\n teacher: 'Teacher(s)',\n startPlan: 'Create',\n view: 'View',\n edit: 'Edit',\n title: 'Curriculum and Lesson Planning',\n collectObs: 'Collect Observation',\n observe: 'Observe',\n seeDetailed: 'See Detailed Lesson',\n complete: '{{X}}/{{Y}} complete',\n header: 'Cognitive ToyBox Weekly Lesson Planning',\n with: 'with',\n delete: {\n text:\n 'Are you sure you want to delete the lesson plan from this week? Once deleted, it cannot be restored.',\n cancel: 'Cancel',\n yes: 'Yes, delete this lesson plan',\n success: 'Lesson Plan was successfully deleted!'\n },\n table: {\n className: 'Class Name',\n teacherName: 'Teacher Name',\n students: 'Students',\n studentsCount: 'Students',\n curriculum: 'Curriculum',\n ageRange: 'Age Range',\n edit: 'Edit',\n assignCurriculum: 'Assign Curriculum'\n },\n editCurriculumModal: {\n title: 'Edit Curriculum',\n close: 'Close',\n save: 'Save',\n addCurriculum: 'Add Curriculum',\n removeCurriculum: 'Remove Curriculum'\n },\n detailedLessonModal: {\n recommendedSmallGroups: 'Recommended Small Groups (Beta)',\n rsgDescription:\n 'Children in the Exploring group would benefit from additional support while those in the Integrating group would benefit from extension activities.',\n group: '',\n related: 'Related CTB Objectives',\n close: 'Close',\n print: 'Print'\n },\n filters: {\n addTitle: 'Add Title...',\n addDescription: 'Add Description...',\n selectObjectives: 'Select Objectives...',\n selectCurriculum: 'Select a curriculum',\n allCurriculums: 'All Curriculums',\n selectWeek: 'Select A Week',\n allWeeks: 'All Weeks',\n selectedWeek: 'Selected Week',\n setToCurrentWeek: 'Set To Current Week',\n startTyping: 'Start typing to create custom activity'\n },\n printBalkPlan: 'Print Blank Lesson Plan',\n startThisWeekPlan: 'Start This Week Lesson Plan',\n related: 'Related CTB Objectives',\n unit: 'Unit',\n theme: 'Theme',\n week: 'Week',\n curriculum: 'Curriculum',\n scheduledAssessments: 'Scheduled Cognitive ToyBox Assessments',\n print: 'Print',\n save: 'Save',\n goBackModal: {\n doYouWantToSave: 'Do you want to save changes?',\n yes: 'Yes',\n no: 'No',\n cancel: 'Cancel'\n }\n}\n","export const keaReport = {\n title: '{{scope}} KEA Report',\n back: 'Back',\n print: 'Print',\n lastUpdated: 'Last Updated',\n demonstrating: 'Demonstrating',\n approaching: 'Approaching',\n emerging: 'Emerging',\n completed: 'Completed',\n overall: 'Overall Average Score',\n overallScore: 'Overall Score',\n score: 'Score',\n readiness: 'Readiness',\n studentsComplete: 'Students Complete',\n complete: 'Complete',\n studentsKea: \"{{name}}'s KEA\",\n scopeKea: '{{name}} KEA',\n keaComplete: 'KEA Complete',\n table: {\n organization: 'Organization',\n school: 'School',\n classroom: 'Classroom',\n student: 'Student',\n readiness: 'Readiness',\n rawScore: 'Raw Score',\n averageRawScore: 'Overall Average Score',\n lastAssessed: 'Last Assessed',\n notes: 'Notes',\n keasCompleted: 'KEAs Completed',\n type: 'Type',\n observationalNote: 'Observational Note',\n noData: 'All assessments not yet complete'\n },\n tooltip: {\n averageRawScore:\n 'Only fully completed KEAs contribute to the overall average score.'\n },\n error: {\n excel: 'We were unable to create excel-file, something went wrong'\n }\n}\n","import i18n from 'i18next'\nimport detector from 'i18next-browser-languagedetector'\nimport { initReactI18next } from 'react-i18next'\nimport { languages } from './languages'\n\ni18n\n .use(initReactI18next)\n .use(detector)\n .init({\n resources: languages,\n fallbackLng: 'en',\n interpolation: {\n escapeValue: false\n },\n supportedLngs: ['en', 'es'],\n preload: ['en', 'es']\n })\n","import { trainingURL } from 'lib/links'\n\nexport const PARENT_MODULE_ID = 'parent'\nexport const routesDict = {\n introductionToCognitiveToybox: '/Introduction',\n introductionToCognitiveToyboxLite: '/Introduction_Lite',\n gettingStarted: '/Getting_Started',\n assessmentGames: '/Assessment_Games',\n observations: '/Observations',\n cognitiveToyboxAtHome: '/Cognitive_Toybox_At_Home',\n introductionToReports: '/Introduction_To_Reports',\n [PARENT_MODULE_ID]: '/Parent_Resources',\n advancedTeacherTraining: '/Advanced_Reporting',\n managingTeacherAccounts: '/Managing_Teacher_Accounts',\n monitoringAssessmentCollection: '/Monitoring_Assessment_Collection',\n programOutcomesReporting: '/Program_Outcomes_Reporting',\n studentAndOrganizationManagement: '/Student_And_Organization_Management',\n\n gettingStartedFS: '/frogst/Getting_Started_FS',\n gettingStartedAdminsFS: '/frogst/Getting_Started_Admins_FS',\n programOutcomesReportingFS: '/frogst/Program_Outcomes_Reporting_FS',\n monitoringAssessmentCollectionFS:\n '/frogst/Monitoring_Assessment_Collection_FS',\n advancedTeacherTrainingFS: '/frogst/Advanced_Reporting_FS',\n observationsFS: '/frogst/Observations_FS',\n cognitiveToyboxAtHomeFS: '/frogst/Cognitive_Toybox_At_Home_FS',\n assessmentGamesFS: '/frogst/Assessment_Games_FS',\n introductionToCognitiveToyboxFS: '/frogst/Introduction_FS',\n introductionToReportsFS: '/frogst/Introduction_To_Reports_FS'\n}\nexport const moduleTranslations = {\n introductionToCognitiveToybox: 'Introduccion a Cognitive Toybox',\n introductionToCognitiveToyboxLite: 'Introduccion a Cognitive Toybox',\n assessmentGames: 'Juegos de Evaluacion',\n cognitiveToyboxAtHome: 'Cognitive ToyBox en Casa',\n gettingStarted: 'Empezando',\n observations: 'Observaciones',\n introductionToReports: 'Introduccion a los Informes Portal',\n advancedTeacherTraining: 'Informes Avanzado',\n managingTeacherAccounts: 'Gestión de las cuentas de los profesores',\n monitoringAssessmentCollection: 'Seguimiento de la evaluación Recogida',\n programOutcomesReporting: 'Informes sobre los resultados del programa',\n studentAndOrganizationManagement: 'Gestión de estudiantes y organizaciones',\n introductionToCognitiveToyboxFS: 'Introduccion a Cognitive Toybox',\n assessmentGamesFS: 'Juegos de Evaluacion',\n cognitiveToyboxAtHomeFS: 'Cognitive ToyBox en Casa',\n gettingStartedFS: 'Empezando',\n gettingStartedAdminsFS: 'Empezando',\n observationsFS: 'Observaciones',\n introductionToReportsFS: 'Introduccion a los Informes Portal',\n advancedTeacherTrainingFS: 'Informes Avanzado',\n monitoringAssessmentCollectionFS: 'Seguimiento de la evaluación Recogida',\n programOutcomesReportingFS: 'Informes sobre los resultados del programa'\n}\nexport const moduleTypes = {\n basic: [\n 'introductionToCognitiveToybox',\n 'introductionToCognitiveToyboxLite',\n 'gettingStarted',\n 'assessmentGames',\n 'observations',\n 'cognitiveToyboxAtHome',\n 'introductionToReports',\n 'introductionToCognitiveToyboxFS',\n 'gettingStartedFS',\n 'assessmentGamesFS',\n 'observationsFS',\n 'cognitiveToyboxAtHomeFS',\n 'introductionToReportsFS'\n ],\n advanced: ['advancedTeacherTraining', 'advancedTeacherTrainingFS'],\n admin: [\n 'managingTeacherAccounts',\n 'monitoringAssessmentCollection',\n 'programOutcomesReporting',\n 'studentAndOrganizationManagement',\n 'gettingStartedAdminsFS',\n 'monitoringAssessmentCollectionFS',\n 'programOutcomesReportingFS'\n ],\n parent: [PARENT_MODULE_ID],\n irr: ['irr35']\n}\n\nexport const SCENARIO_TYPE = 'scenario'\nexport const FIXED_TYPE = 'fixed'\n\nexport function getCurrentTrainingId(path = '') {\n const trainingRelativePath = path.startsWith(trainingURL)\n ? path.substring(trainingURL.length)\n : path\n for (const [key, value] of Object.entries(routesDict)) {\n if (value === trainingRelativePath) {\n return key\n }\n }\n return null\n}\n\nexport function sortModules(modules) {\n const moduleIds = Object.keys(routesDict)\n\n return moduleIds.map(moduleId =>\n modules.find(module => module.id === moduleId)\n )\n}\n","import React, { useState } from 'react'\nimport classNames from 'classnames'\nimport { useQuery, useMutation } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { toast } from 'react-toastify'\n\nimport {\n getTestOutQuery,\n submitTestOutMutation,\n completeTestOutMutation\n} from 'lib/api'\nimport { Loader, Button, PrimaryLink, Modal } from 'shared/components'\n\nimport styles from './test-modal.module.css'\n\nexport const TestModal = ({ testModalData, setTestModal }) => {\n const [step, setStep] = useState(0)\n const { t, i18n } = useTranslation()\n const { data, isLoading } = useQuery(\n getTestOutQuery({\n module: testModalData.id,\n language: i18n.language\n })\n )\n const submitTestOut = useMutation(submitTestOutMutation())\n const completeTestOut = useMutation(completeTestOutMutation())\n\n return (\n \n {t('training.testOut.question', {\n current: step + 1,\n total: data.length\n })}\n
\n \n \n {data[step].metadata === 'picture' && (\n 
\n )}\n
\n \n {data[step].question}
\n - \n {data[step].answers.map(answer => (\n
\n \n {t('training.testOut.finish')}\n \n
\n \n {data.test_out_assessment_result.success\n ? t('training.testOut.success', {\n title: testModalData.name\n })\n : t('training.testOut.failTop')}\n
\n \n {data.test_out_assessment_result.correct_questions}/\n {totalQuestionsCount}\n
\n {t('training.testOut.questionsCorrect')}
\n \n {!data.test_out_assessment_result.success && (\n \n {t('training.testOut.failBottom', { title: testModalData.name })}\n
\n )}\n \n {certifiedModal.certification_name}
\n\n \n {module.title}\n {isPassed && (\n \n setTestModal({\n show: true,\n id: module.account_training_module_id,\n name: module.title,\n trainingURL,\n path: module.path\n })\n }\n >\n {t('training.testOnly')}\n \n \n )}\n
\n )\n }\n\n const scenarioTrainings = data.all_trainings\n .filter(({ type }) => type === SCENARIO_TYPE)\n .map(module => ({\n id: module.training_module_id,\n path: '/' + module.training_module_id,\n title: module.description\n }))\n\n const basicModules = modules\n .filter(module => moduleTypes.basic.includes(module.id))\n .sort(\n (firstTraining, secondTraining) =>\n moduleTypes.basic.indexOf(firstTraining.id) -\n moduleTypes.basic.indexOf(secondTraining.id)\n )\n\n const parentModules = modules.filter(module =>\n moduleTypes.parent.includes(module.id)\n )\n const advancedModules = modules.filter(module =>\n moduleTypes.advanced.includes(module.id)\n )\n\n const adminModules = modules\n .filter(module => moduleTypes.admin.includes(module.id))\n .sort(\n (firstTraining, secondTraining) =>\n moduleTypes.admin.indexOf(firstTraining.id) -\n moduleTypes.admin.indexOf(secondTraining.id)\n )\n\n return (\n <>\n {isKea ? t('training.kea') : t('training.eca')}
\n )}\n {data.soon_to_expire_certifications?.length > 0 && (\n \n
\n )}\n {data.expired_certifications?.length > 0 && (\n {t('training.pleaseCompleteExpiring')}
\n {data.soon_to_expire_certification}
\n {t('training.expireSoon')}
\n - \n {data.soon_to_expire_certifications.map(cert => (\n
- \n {cert.certification_name}{' '}\n \n (Expiring: {cert.expiration_date})\n \n \n ))}\n
\n
\n )}\n {t('training.pleaseCompleteExpired')}
\n {data.soon_to_expire_certification}
\n \n {t('training.expired')}\n
\n - \n {data.expired_certifications.map(cert => (\n
- \n {cert.certification_name}{' '}\n \n (Expired: {cert.expiration_date})\n \n \n ))}\n
{t('training.basicModules')}
\n {basicModules.map(getModule)}\n \n )}\n {!!advancedModules.length && (\n <>\n{t('training.advancedModules')}
\n {advancedModules.map(getModule)}\n \n )}\n {!!adminModules.length && (\n <>\n{t('training.adminModules')}
\n {adminModules.map(getModule)}\n \n )}\n {!!scenarioTrainings.length && (\n <>\n{t('training.interraterReliabilityModules')}
\n {scenarioTrainings.map(module =>\n getModule(module, styles.purple)\n )}\n \n )}\n {!!parentModules.length && (\n <>\n{t('training.parentModules')}
\n {parentModules.map(module => getModule(module, styles.green))}\n \n )}\n\n {header}\n
\n \n (forceClose ? onExit() : setExitContent(true))}\n data-cy=\"observation-close\"\n />\n
\n {enchantedChildren}
\n \n \n {t('observation.modal.delete')}\n
\n \n \n setExitContent(false)}\n data-cy=\"observation-continue\"\n >\n {t('observation.modal.no')}\n \n
\n \n \n )\n}\n","import React, { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { clone, uniqBy } from 'lodash'\nimport { Form } from 'react-bootstrap'\nimport { useTranslation } from 'react-i18next'\nimport { SwiperSlide } from 'swiper/react'\nimport { useAuthContext } from 'features/auth'\nimport { Button, StyledSwiper } from 'shared/components'\nimport styles from './observation-question-based.module.css'\n\nexport const QuestionBasedForm = ({\n data,\n onSubmit,\n isLoading,\n onSafeExit,\n isMediaLoading,\n onUpload\n}) => {\n const { t } = useTranslation()\n const [phases, setPhases] = useState([])\n const { isKea } = useAuthContext()\n const [step, setStep] = useState(0)\n const [answers, setAnswers] = useState([])\n const [note, setNote] = useState('')\n const isFinish =\n answers.filter(v => v !== undefined).length === data.questions.length\n const currentQuestion = isFinish ? {} : data.questions[step]\n const addAnswer = (answer, index) => {\n const localAnswers = clone(answers)\n const localPhases = clone(phases)\n\n localAnswers[index] = answer\n if (answer === true) {\n if (index > 0) {\n for (let i = 0; i <= index; i++) {\n if (localAnswers[i] === undefined) {\n localAnswers[i] = true\n }\n const currentPhaseIndex = localPhases.findIndex(\n phase => phase.name === data.questions[i].developmental_age\n )\n localPhases[currentPhaseIndex] = {\n ...localPhases[currentPhaseIndex],\n passed: true\n }\n }\n }\n setStep(step + 1)\n } else {\n if (index <= data.questions.length - 1) {\n for (let i = index; i < data.questions.length; i++) {\n if (localAnswers[i] === undefined) {\n localAnswers[i] = false\n }\n const currentPhaseIndex = localPhases.findIndex(\n phase => phase.name === data.questions[i].developmental_age\n )\n localPhases[currentPhaseIndex] = {\n ...localPhases[currentPhaseIndex],\n passed: false\n }\n }\n }\n setStep(step - 1)\n }\n setAnswers(localAnswers)\n setPhases(localPhases)\n }\n const goBack = () => {\n const localAnswers = clone(answers)\n const localPhases = clone(phases)\n if (answers.some(answer => answer === true)) {\n for (\n let i = step - 1 === data.initial_question_index ? 0 : step - 1;\n i <= step;\n i++\n ) {\n if (localAnswers[i] === true) {\n localAnswers[i] = undefined\n }\n const currentPhaseIndex = localPhases.findIndex(\n phase => phase.name === data.questions[i].developmental_age\n )\n localPhases[currentPhaseIndex] = {\n ...localPhases[currentPhaseIndex],\n passed: undefined\n }\n }\n setStep(step - 1)\n } else {\n for (\n let i = step;\n i <\n (step + 1 === data.initial_question_index\n ? data.questions.length\n : step + 1);\n i++\n ) {\n if (localAnswers[i] === false) {\n localAnswers[i] = undefined\n }\n const currentPhaseIndex = localPhases.findIndex(\n phase => phase.name === data.questions[i].developmental_age\n )\n localPhases[currentPhaseIndex] = {\n ...localPhases[currentPhaseIndex],\n passed: undefined\n }\n }\n setStep(step + 1)\n }\n setAnswers(localAnswers)\n setPhases(localPhases)\n }\n\n useEffect(() => {\n setStep(data.initial_question_index)\n setPhases(\n uniqBy(data.questions, 'developmental_age').map(question => ({\n name: question.developmental_age\n }))\n )\n }, [])\n return (\n \n {!isKea && !!phases.length && (\n phase.name === currentQuestion.developmental_age\n )}\n className={styles.swiper}\n >\n {phases.map((phase, index) => (\n \n {phase.name}\n \n ))}\n \n )}\n
\n )\n}\n","import React, { useState, useContext } from 'react'\nimport { useQuery, useMutation } from 'react-query'\nimport { format, addMinutes } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport { Loader } from 'shared/components'\nimport { toast } from 'react-toastify'\nimport {\n getQuestionBasedObservationQuery,\n saveObservationMedia,\n setQuestionBasedObservationMutation\n} from 'lib/api'\nimport { ObservationContext } from 'features/observations'\n\nimport { QuestionBasedForm } from './question-based-form'\nimport { Modal } from '../modal'\nimport { questionBasedColor } from '../modal/modal.module.css'\n\nexport const QuestionBasedObservation = () => {\n const { student, objective, onExit, onSuccess } = useContext(\n ObservationContext\n )\n const { i18n } = useTranslation()\n const [startDate] = useState(new Date())\n const [isMediaLoading, setMediaLoading] = useState(false)\n const [attachments, setAttachments] = useState([])\n const setQuestionBasedObservation = useMutation(\n setQuestionBasedObservationMutation()\n )\n const { data, isLoading: loading } = useQuery(\n getQuestionBasedObservationQuery({\n student,\n objective,\n language: i18n.language\n })\n )\n\n const onSubmit = async (answers, note) => {\n const results = data.questions.map((question, index) => ({\n subobjective_id: question.subobjective_id,\n success: answers[index]\n }))\n const timezoneOffset = startDate.getTimezoneOffset()\n const params = {\n note,\n results,\n student_id: student,\n objective_id: objective,\n start_time: format(\n addMinutes(startDate, timezoneOffset),\n \"yyyy-MM-dd'T'HH:mm:ss\"\n ),\n end_time: format(\n addMinutes(new Date(), timezoneOffset),\n \"yyyy-MM-dd'T'HH:mm:ss\"\n ),\n media_attachments: attachments\n }\n setQuestionBasedObservation\n .mutateAsync(params)\n .then(resp => {\n if (resp.errorMessage) {\n toast.error(resp.errorMessage)\n } else {\n onExit()\n onSuccess()\n }\n onExit()\n onSuccess()\n })\n .catch(e => toast.error(e))\n }\n\n const onUpload = async files => {\n setMediaLoading(true)\n\n try {\n const responses = await Promise.all(files.map(saveObservationMedia))\n responses.forEach(response => {\n if (response.errorMessage) {\n toast.error(response.errorMessage)\n }\n })\n\n if (responses.every(response => !response.errorMessage)) {\n setAttachments(responses.map(({ attachment_id }) => attachment_id))\n } else {\n setAttachments([])\n }\n } catch (e) {\n toast.error(e.message)\n }\n\n setMediaLoading(false)\n }\n\n if (loading) return \n {!isFinish ? (\n <>\n {\n e.preventDefault()\n onSubmit(answers, note)\n }}\n >\n \n \n {t('observation.form.addNoteObserved')} {data.student}'s{' '}\n {data.objective} {t('observation.form.required')}\n \n setNote(e.target.value)}\n data-cy=\"observation-note\"\n data-testid=\"observation-note\"\n />\n \n {/*
\n \n {currentQuestion.question}\n
\n \n addAnswer(false, step)}\n data-cy=\"observation-no\"\n >\n {t('observation.form.no')}\n \n addAnswer(true, step)}\n data-cy=\"observation-yes\"\n >\n {t('observation.form.yes')}\n \n {answers.some(answer => answer !== undefined) && (\n \n )}\n
\n {!!currentQuestion.examples.length && (\n \n
\n )}\n \n ) : (\n \n {t('observation.form.possibleExamples')}\n
\n \n {t('observation.form.note')}\n
\n \n {currentQuestion.examples.map((example, index) => (\n
\n \n {example}\n
\n ))}\n */}\n {/* {isMediaLoading && (*/}\n {/*
*/}\n */}\n {/*
*/}\n {/* )}*/}\n {/* \n \n {t('observation.form.cancelDelete')}\n \n \n {t('observation.form.submit')}\n \n
\n \n )}\n \n {data.student}\n \n }\n >\n
\n \n {t('observation.form.addNote')} \n setNote(e.target.value)}\n value={note}\n data-cy=\"observation-note\"\n data-testid=\"observation-note\"\n />\n \n
\n \n \n \n {t('observation.form.student')}\n {selectedStudents.length > 1 ? 's' : ''}:\n \n setSelectedStudents(options || [])}\n value={selectedStudents}\n className={styles.select}\n />\n \n \n \n {t('observation.form.objective')}\n {selectedObjectives.length > 1 ? 's' : ''}:\n \n setSelectedObjectives(options || [])}\n value={selectedObjectives}\n className={styles.select}\n />\n \n
\n \n {isMediaLoading && (\n
\n \n ) : (\n \n
\n )}\n \n
\n )}\n\n \n {t('observation.form.selectLevel', {\n label: currentObjective.label,\n s: selectedStudents.length > 1 ? 's' : ''\n })}\n
\n\n {selectedStudents.map(student => {\n const currentValue = student.result?.[currentObjective.value]\n return (\n\n {\n const foundStudentIndex = studentListForModifying.findIndex(\n s => s.value === student.value\n )\n const newStudent = {\n ...studentListForModifying[foundStudentIndex],\n result: {\n ...studentListForModifying[foundStudentIndex].result,\n [currentObjective.value]: option\n }\n }\n studentListForModifying.splice(\n foundStudentIndex,\n 1,\n newStudent\n )\n setSelectedStudents(studentListForModifying)\n }}\n />\n {currentValue?.display_emerging && (\n \n setEmerging(e.target.checked)}\n label={t('observation.form.emerging')}\n />\n \n )}\n
\n )\n })}\n \n {student.label}:\n
\n \n \n isFirstStep ? onSafeExit() : setCurrentStep(currentStep - 1)\n }\n >\n {isFirstStep\n ? t('observation.form.cancel')\n : t('observation.form.back')}\n \n \n {isLastStep\n ? t('observation.form.submit')\n : t('observation.form.next')}\n \n
\n\n {!isFirstStep && (\n \n
\n )}\n \n )\n}\n","import React, { useContext, useMemo, useState } from 'react'\nimport { useQuery, useMutation } from 'react-query'\nimport {\n getPortfolioBasedObservationQuery,\n setPortfolioBasedObservationMutation,\n saveObservationMedia\n} from 'lib/api'\nimport { addMinutes, format } from 'date-fns'\nimport { toast } from 'react-toastify'\nimport { useTranslation } from 'react-i18next'\nimport { Loader } from 'shared/components'\nimport { ObservationContext } from 'features/observations'\n\nimport { PortfolioBasedForm } from './portfolio-based-form'\nimport { Modal } from '../modal'\nimport { portfolioColor } from '../modal/modal.module.css'\n\nexport const PortfolioBasedObservation = () => {\n const { i18n } = useTranslation()\n const [isMediaLoading, setMediaLoading] = useState(false)\n const [modalTitle, setModalTitle] = useState(null)\n const [files, setFiles] = useState([])\n const [attachments, setAttachments] = useState([])\n const [startDate] = useState(new Date())\n const {\n students,\n student,\n severalStudents,\n objectives,\n objective,\n age_category,\n classroom,\n onExit,\n onSuccess\n } = useContext(ObservationContext)\n const { data, isLoading: isDefaultLoading } = useQuery(\n getPortfolioBasedObservationQuery({\n agecategory: age_category,\n language: i18n.language,\n objective: objective\n })\n )\n const setPortfolioBasedObservation = useMutation(\n setPortfolioBasedObservationMutation()\n )\n\n const onSubmit = async (observations, note, emerging) => {\n const timezoneOffset = startDate.getTimezoneOffset()\n const params = {\n note,\n observations,\n start_time: format(\n addMinutes(startDate, timezoneOffset),\n \"yyyy-MM-dd'T'HH:mm:ss\"\n ),\n end_time: format(\n addMinutes(new Date(), timezoneOffset),\n \"yyyy-MM-dd'T'HH:mm:ss\"\n ),\n media_attachments: attachments,\n emerging: emerging || undefined\n }\n setPortfolioBasedObservation\n .mutateAsync(params)\n .then(resp => {\n if (resp.errorMessage) {\n toast.error(resp.errorMessage)\n } else {\n onExit()\n onSuccess()\n }\n })\n .catch(e => toast.error(e))\n }\n\n const onUpload = async (files, rawFiles, setNewFiles) => {\n setMediaLoading(true)\n setFiles(rawFiles)\n\n try {\n const responses = await Promise.all(files.map(saveObservationMedia))\n responses.forEach(response => {\n if (response.errorMessage) {\n toast.error(response.errorMessage)\n setFiles([])\n setNewFiles([])\n }\n })\n\n if (responses.every(response => !response.errorMessage)) {\n setAttachments(responses.map(({ attachment_id }) => attachment_id))\n } else {\n setAttachments([])\n }\n } catch (e) {\n toast.error(e.message)\n }\n\n setMediaLoading(false)\n }\n\n const studentOptions = useMemo(\n () =>\n students?.map(student => ({\n label: `${student.name.first_name} ${student.name.last_name ?? ''}`,\n value: student.student_id\n })),\n [classroom]\n )\n const objectiveOptions = useMemo(\n () =>\n data\n ? data.observable_objectives.map(objective => ({\n label: objective.objective,\n value: objective.objective_id,\n ...objective\n }))\n : [],\n [data]\n )\n\n const currentStudent =\n studentOptions?.find(option => option.value === student) ||\n studentOptions?.[0]\n const currentStudents =\n severalStudents &&\n studentOptions?.filter(option => severalStudents?.includes(option.value))\n const currentObjectives = objectiveOptions.filter(\n ({ value }) => objectives?.includes(value) || value === objective\n )\n\n if (isDefaultLoading) return \n {t('observation.form.developmentalIndicators')}\n
\n {Array.from(subobjectiveLevels).map(([level, subobjectives]) => (\n \n
\n ))}\n {level}
\n- \n {subobjectives.map(subobj => (\n
- {subobj} \n ))}\n
\n {item}\n
\n
\n ))\n : currentStudent?.label}\n \n }\n >\n \n
\n \n setCurrentObservation('PortfolioBasedObservationContainer')\n }\n >\n {t('observation.portfolio')}\n \n \n setCurrentObservation('QuestionBasedObservationContainer')\n }\n >\n {t('observation.question')}\n \n
\n \n {has_observed && (\n setOpened(true)}\n data-cy=\"observation-again\"\n >\n \n {isSiteReport ? (\n
\n \n )}\n {!has_observed && (\n {t('observation.observeAgain')}
\n {text || t('observation.startNewObservation')}
\n \n \n )}\n \n {\n setSelectedItem(null)\n dispatch({ type: dispatchType, [field]: null })\n onClick && onClick()\n }}\n >\n {\n setSelectedItem(null)\n dispatch({ type: dispatchType, [field]: null })\n onClick && onClick()\n }}\n label={t('basicComponents.filters.all')}\n />\n \n {isLoading && (\n {\n setSelectedItem(item)\n dispatch({ type: dispatchType, [field]: item })\n onClick && onClick()\n }}\n childrenField={childrenField}\n childrenDispatchType={childrenDispatchType}\n dispatch={dispatch}\n options={options}\n />\n ))}\n
\n )\n}\n\nconst DropdownItem = ({\n item,\n field,\n childrenPatch,\n selectedItem,\n setSelectedItem,\n childrenField,\n childrenDispatchType,\n options,\n dispatch\n}) => {\n const [dropdown, setDropdown] = useState(null)\n const { data: dropdownData, isLoading } = useReportsFiltersData(\n { scheduled: options.scheduled || false, ...(dropdown && dropdown) },\n !!dropdown\n )\n const dropdownProcessedData = useMemo(\n () => get(dropdownData, childrenPatch, null),\n [dropdownData]\n )\n return (\n \n
\n )}\n {processedData.map(item => (\n \n \n \n setSelectedItem(item[`${field}_id`])}\n label={item.name}\n />\n \n \n dropdown\n ? setDropdown(null)\n : setDropdown({ [field]: item[`${field}_id`] })\n }\n />\n
\n {dropdown && isLoading && (\n \n
\n )}\n {dropdown &&\n dropdownProcessedData &&\n dropdownProcessedData.map(dropdownItem => (\n \n {value\n ? value.map(v => format(new Date(v), 'M/d/yy')).join(',\\n')\n : '-'}\n
\n )\n },\n meta: {\n sortingLabel: 'dates'\n },\n sortUndefined: 1\n },\n {\n accessorKey: 'objective.type',\n header: t('siteReport.table.type'),\n tooltip: t('siteReportTooltips.objectiveLevel.type'),\n enableColumnFilter: true,\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n }\n },\n {\n accessorKey: 'trajectory.direction',\n header: t('siteReport.table.growth'),\n tooltip: t('siteReportTooltips.objectiveLevel.growth'),\n cell: ({ getValue }) => {\n const value = getValue()\n let directionValue = 'N/A'\n let color = '#78797a'\n\n if (value !== null) {\n if (value > 0) {\n directionValue = tableIcons.arrowUp\n color = '#bdcd61'\n } else if (value === 0) {\n directionValue = tableIcons.circle\n } else {\n directionValue = tableIcons.arrowDown\n color = '#fbaf38'\n }\n\n if (Math.abs(value) > 1) {\n directionValue += directionValue\n }\n }\n return {directionValue}
\n },\n sortUndefined: 1\n },\n {\n accessorKey: 'total_results',\n header: t('siteReport.table.completed'),\n tooltip: t('siteReportTooltips.objectiveLevel.completed'),\n enableColumnFilter: true\n },\n {\n id: 'level',\n accessorFn: row => (row.displayed_level ? row.level || 0 : undefined),\n header: t('siteReport.table.level'),\n tooltip: t('siteReportTooltips.objectiveLevel.level'),\n cell: ({ row }) => (\n \n {row.original.assessed && (\n \n {value ? format(new Date(value), 'M/d/yyyy') : '-'}\n
\n \n )\n },\n meta: {\n sortingLabel: 'dates'\n },\n sortUndefined: 1\n },\n {\n is: 'observation',\n accessorFn: row => {\n if (\n row.observation.can_observe &&\n row.observation.observable &&\n row.observation.has_observed\n ) {\n return 1\n }\n if (row.observation.can_observe && row.observation.observable) {\n return 2\n }\n if (!row.observation.observable) return 3\n return 4\n },\n header: t('siteReport.table.observations'),\n tooltip: t('siteReportTooltips.objectiveLevel.observations'),\n cell: ({ row }) => {\n if (\n row.original.observation.can_observe &&\n row.original.observation.observable\n ) {\n return (\n \n
\n )\n}\n\nconst Note = ({ note, result, isEditingEnabled, setResultId }) => {\n const { t } = useTranslation()\n const [isEdit, setIsEdit] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const [text, setText] = useState(note.value)\n\n const updateNote = async (result_set_id, note) => {\n try {\n setIsLoading(true)\n const resp = await updateStudentNote({\n result_set_id,\n note\n })\n if (resp.errorMessage) {\n throw new Error(resp.errorMessage)\n } else if (resp.new_result_set_id) {\n setResultId(resp.new_result_set_id)\n }\n } catch (e) {\n toast.error(t('siteReport.items.unable'))\n } finally {\n setIsEdit(false)\n setIsLoading(false)\n }\n }\n\n return (\n \n {t('siteReport.items.observationalNote')}\n
\n {notes.length ? (\n notes.map(item => (\n \n \n {isEdit && (\n setText('')}\n />\n )}\n setText(e.target.value)}\n />\n \n {result && isEditingEnabled && (\n {\n if (isEdit) {\n updateNote(result, text)\n } else {\n setIsEdit(true)\n }\n }}\n >\n {isEdit\n ? t('siteReport.items.saveChanges')\n : t('siteReport.items.editNote')}\n \n )}\n
\n )\n}\n","import React from 'react'\nimport { ImagePreview } from 'shared/components'\n\nimport styles from './items.module.css'\n\nexport const Photos = ({ photos }) =>\n !!photos.length && (\n \n {photos.map(item => {\n const itemContent =\n `data:${item.value.mimetype};base64,` +\n arrayBufferToBase64(item.value.contents)\n return (\n
\n )\n\nconst arrayBufferToBase64 = buffer => {\n let binary = ''\n const bytes = new Uint8Array(buffer)\n const len = bytes.byteLength\n for (let i = 0; i < len; i++) {\n binary += String.fromCharCode(bytes[i])\n }\n return window.btoa(binary)\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Achievement } from 'shared/components'\n\nimport styles from './items.module.css'\n\nexport const Achievements = ({ items, title }) => {\n const { t } = useTranslation()\n if (!items.length) return null\n\n return (\n \n
\n )\n })}\n \n {title &&
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\n\nimport styles from './items.module.css'\n\nexport const AssessmentInfo = ({ assessmentInfo, performedOn, languages }) => {\n const { t } = useTranslation()\n return (\n !!assessmentInfo.length &&\n assessmentInfo.map(item => (\n {title}
}\n \n
\n \n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Achievement } from 'shared/components'\n\nimport styles from './items.module.css'\n\nexport const Proposals = ({ items }) => {\n const { t } = useTranslation()\n if (!items.length) return null\n\n return (\n \n {!!emotions.length && (\n
\n {!!behaviors.length && (\n \n \n \n
\n )}\n {!!behaviors.length && (\n \n
\n \n \n {t('siteReport.items.emotion')}\n {' '}\n \n {t('siteReport.items.accuracy')}\n \n
\n {emotions.map(emotion => (\n \n {emotion.tag} {emotion.value}\n
\n ))}\n \n \n \n
\n )}\n \n
\n \n \n {t('siteReport.items.behavior')}\n \n \n {t('siteReport.items.reactions')}\n \n
\n {behaviors.map(emotion => (\n \n {emotion.tag} {emotion.value}\n
\n ))}\n \n {t('siteReport.items.understanding')}{' '}\n {t('siteReport.items.understandingText')}\n
\n )}\n \n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Achievement } from 'shared/components'\n\nimport styles from './items.module.css'\n\nexport const Vocabulary = ({ items }) => {\n const { t } = useTranslation()\n if (!items.length) return null\n\n const categories = new Set()\n items.map(item => categories.add(item.category))\n const known = items.filter(item => item.value)\n const unknown = items.filter(item => !item.value)\n\n return (\n \n {items.map(item => (\n \n \n ))}\n
\n \n
\n \n \n {t('siteReport.items.emotion')}:\n {' '}\n {item.value.emotion}\n
\n \n \n {t('siteReport.items.behavior')}:\n {' '}\n {item.value.behavior}\n
\n \n {categories.size > 1 ? (\n Array.from(categories).map(category => (\n
\n )\n}\n","import React from 'react'\nimport { Player } from 'video-react'\n\nexport const Videos = ({ items }) => (\n \n
\n ))\n ) : (\n {category}
\n \n \n \n \n \n
\n \n {unknown\n .filter(item => item.category === category)\n .map(item => (\n
\n {item.tag}
\n ))}\n \n {known\n .filter(item => item.category === category)\n .map(item => (\n
\n {item.tag}
\n ))}\n \n \n \n \n \n
\n )}\n \n {unknown.map(item => (\n
\n {item.tag}
\n ))}\n \n {known.map(item => (\n
\n {item.tag}
\n ))}\n \n
\n ))}\n \n)\n","import React from 'react'\nimport { sortBy } from 'lodash'\nimport { useTranslation } from 'react-i18next'\n\nimport styles from './items.module.css'\nimport {\n subObjectiveTypes,\n subObjectiveCategories,\n subObjectiveTags\n} from '../../helpers'\nimport {\n Notes,\n Photos,\n Achievements,\n AssessmentInfo,\n Aggregations,\n Proposals,\n Vocabulary,\n Videos\n} from './index'\n\nexport const SubobjectiveItems = ({\n items,\n detailed,\n includeNotes,\n includePhotos,\n result,\n isEditingEnabled\n}) => {\n const { t } = useTranslation()\n if (!items) return null\n\n const photos = items.filter(\n item => item.item_type === subObjectiveTypes.photo\n )\n const videos = items.filter(\n item => item.item_type === subObjectiveTypes.video\n )\n const notes = items.filter(item => item.item_type === subObjectiveTypes.note)\n\n const achievementLettersOrVocabulary = sortBy(\n items.filter(\n item =>\n item.item_type === subObjectiveTypes.achievement &&\n Number.isNaN(parseInt(item.tag)) &&\n item.category !== subObjectiveCategories.assessmentInfo\n ),\n ['tag']\n )\n\n const useLetters = achievementLettersOrVocabulary.every(\n a => a.tag.length === 1\n )\n\n const achievementLetters = useLetters ? achievementLettersOrVocabulary : []\n const vocabulary = useLetters ? [] : achievementLettersOrVocabulary\n\n const achievementNumbers = sortBy(\n items.filter(\n item =>\n item.item_type === subObjectiveTypes.achievement &&\n !Number.isNaN(parseInt(item.tag))\n ),\n ['tag']\n )\n const assessmentInfo = items.filter(\n item =>\n item.item_type === subObjectiveTypes.list &&\n item.category === subObjectiveCategories.assessmentInfo &&\n item.tag === subObjectiveTags.administratingUsers\n )\n const performedOn = items.find(\n item =>\n item.item_type === subObjectiveTypes.achievement &&\n item.category === subObjectiveCategories.assessmentInfo &&\n item.tag === subObjectiveTags.performedOnWebportal\n )\n const aggregations = items.filter(\n item => item.item_type === subObjectiveTypes.aggregate\n )\n const proposals = items.filter(\n item =>\n item.item_type === subObjectiveTypes.metadata &&\n item.category === subObjectiveCategories.scenarioResponses\n )\n\n const achievementLetterSounds = achievementLetters.filter(\n i => i.category === subObjectiveCategories.letterSounds\n )\n const achievementLetterNames = achievementLetters.filter(\n i => i.category === subObjectiveCategories.teacherLed\n )\n const languages = items\n .filter(\n item =>\n item.item_type === subObjectiveTypes.list &&\n item.tag === subObjectiveTags.languages\n )\n .reduce((acc, item) => [...acc, ...(item.value || [])], [])\n\n if (!items.length) {\n return null\n }\n if (detailed) {\n return (\n \n {includeNotes &&
\n )\n }\n return (\n \n
\n )\n}\n","import { useTranslation } from 'react-i18next'\nimport { useQuery } from 'react-query'\nimport { getStudentSubobjectiveItemsQuery } from 'lib/api'\nimport { toast } from 'react-toastify'\n\nconst initialData = {\n items: null,\n results_editing_enabled: false\n}\n\nexport const useResultItem = result => {\n const { t } = useTranslation()\n const { data, isLoading } = useQuery({\n ...getStudentSubobjectiveItemsQuery({ result }),\n enabled: !!result,\n initialData,\n onError: () => toast.error(t('siteReport.unable'))\n })\n\n return { ...data, isLoading }\n}\n","import React, { useMemo, useState, useEffect } from 'react'\nimport { get } from 'lodash'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport {\n Checkmark,\n Loader,\n StyledSelect,\n TanStackTable\n} from 'shared/components'\n\nimport styles from './report-pages.module.css'\nimport { SubobjectiveItems } from '../components/subobjective-items'\nimport { useResultItem } from '../hooks/use-result-item'\n\nexport const SubobjectivesTable = ({ data, filteredBy, dispatch }) => {\n const { t, i18n } = useTranslation()\n const [selectedResult, setSelectedResult] = useState(null)\n const resultFilters = useMemo(\n () =>\n data.map(result => ({\n value: result.result_id,\n label: `${format(new Date(result.assessment_date), 'M/d/yy')} (${\n result.displayed_level\n })`\n })),\n [data]\n )\n const columns = useMemo(\n () => [\n {\n accessorKey: 'success',\n cell: ({ getValue }) => (\n \n {!hideOrgFilters && (\n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { format } from 'date-fns'\n\nimport { SwitchOptions } from 'shared/components'\nimport { ReportSelect } from 'features/reports/components/report-select/report-select'\nimport { CheckpointSelect } from 'features/reports/components/report-select/checkpoint-select'\nimport { ReportFilters } from 'features/reports/components/report-filters/report-filters'\nimport styles from './filters.module.css'\n\nexport const Filters = ({ options, dispatch }) => {\n const { t } = useTranslation()\n return (\n \n {isDistrictAdmin && (\n \n `${item.name.first_name} ${item.name.last_name ?? ''}`\n }\n />\n )}\n {!isTeacher && (\n \n )}\n
\n )}\n {children}\n \n \n `${item.name} (${format(\n new Date(item.start),\n 'M/d/yy'\n )} - ${format(new Date(item.end), 'M/d/yy')}) ${\n item.is_default ? t('basicComponents.filters.current') : ''\n }`\n }\n />\n ) : (\n \n `${item.name} ${\n item.is_default ? t('basicComponents.filters.current') : ''\n }`\n }\n setNotDefault\n />\n )}\n
\n \n {!options.objective && (\n \n dispatch({ type: 'setScheduled', scheduled: String(state) })\n }\n />\n )}\n
\n \n )\n}\n","export function transformObjectives(objectives) {\n if (!objectives) return []\n\n return objectives.map(o => {\n const subobjectiveOptions = o.subobjectives.map(s => ({\n label: s.subobjective,\n value: s.subobjective_id\n }))\n\n return {\n label: o.objective,\n value: o.objective_id,\n subobjectiveOptions\n }\n })\n}\n\nexport function transformRecommendations(recommendations) {\n if (!recommendations) return []\n const resultArray = []\n\n recommendations.forEach(r => {\n if (r.recommendations && r.recommendations.length) {\n r.recommendations.forEach(rInner => {\n resultArray.push({\n label: r.objective + ': ' + rInner.activity,\n value: rInner.activity_id\n })\n })\n }\n })\n\n return resultArray\n}\n","import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport CreatableSelect from 'react-select/creatable'\nimport styles from './domain-content.module.css'\nimport { transformObjectives } from '../helpers'\n\nexport const DomainAreas = ({\n domain,\n index = 0,\n className,\n filterCheckpoint,\n style\n}) => {\n const { t } = useTranslation()\n const [beforeHook, setBeforeHook] = useState(true)\n const [selectedAreaOfSuccess, setSelectedAreaOfSuccess] = useState(null)\n const [selectedAreaForImprovement, setSelectedAreaForImprovement] = useState(\n null\n )\n const [successSubobjective, setSuccessSubobjective] = useState(null)\n const [improvementSubobjective, setImprovementSubobjective] = useState(null)\n const [hideImprovement, setHideImprovement] = useState(false)\n\n const areasOfSuccess = transformObjectives(domain.areas_of_success)\n const areasForImprovement = transformObjectives(domain.areas_for_improvement)\n\n useEffect(() => {\n if (areasOfSuccess.length) {\n setSelectedAreaOfSuccess(areasOfSuccess[index])\n }\n\n if (areasForImprovement.length && areasForImprovement[index]) {\n setSelectedAreaForImprovement(areasForImprovement[index])\n if (areasForImprovement[index].subobjectiveOptions.length) {\n setImprovementSubobjective(\n areasForImprovement[index].subobjectiveOptions[0]\n )\n }\n } else if (areasForImprovement.length) {\n setHideImprovement(true)\n }\n\n if (!areasOfSuccess?.length) {\n setSelectedAreaOfSuccess(null)\n setSuccessSubobjective(null)\n }\n if (!areasForImprovement?.length) {\n setSelectedAreaForImprovement(null)\n setImprovementSubobjective(null)\n }\n }, [filterCheckpoint?.value])\n\n useEffect(() => {\n if (\n selectedAreaOfSuccess &&\n (!successSubobjective ||\n !selectedAreaOfSuccess.subobjectiveOptions.find(\n s => s.value === successSubobjective.value\n ))\n ) {\n if (Array.isArray(selectedAreaOfSuccess.subobjectiveOptions)) {\n setSuccessSubobjective(selectedAreaOfSuccess.subobjectiveOptions[0])\n }\n }\n if (\n selectedAreaForImprovement &&\n (!improvementSubobjective ||\n !selectedAreaForImprovement.subobjectiveOptions.find(\n s => s.value === improvementSubobjective.value\n ))\n ) {\n if (Array.isArray(selectedAreaForImprovement.subobjectiveOptions)) {\n setImprovementSubobjective(\n selectedAreaForImprovement.subobjectiveOptions[0]\n )\n }\n }\n setBeforeHook(false)\n }, [selectedAreaOfSuccess, selectedAreaForImprovement])\n\n if (beforeHook) {\n return null\n }\n\n return (\n \n \n \n {t('domainReport.achievedDevelopmentalMilestone')}:\n
\n \n {(selectedAreaOfSuccess || {}).label}\n
\n \n {(successSubobjective || {}).label}\n
\n \n \n {t('domainReport.nextDevelopmentalMilestone')}\n
\n \n {(selectedAreaForImprovement || {}).label}\n
\n \n {(improvementSubobjective || {}).label}\n
\n {r.label}
)\n\n let numberOfAreas = 1\n\n if (threeAreas) {\n numberOfAreas = areasMaxLength < 3 ? areasMaxLength : 3\n } else if (allAreas) {\n numberOfAreas = areasMaxLength\n }\n\n return (\n <>\n \n \n
\n {!isHidden && (\n \n \n {t('domainReport.areaForImprovement')}\n
\n \n {times(numberOfAreas, index => (\n \n
\n {domain.domain_name}
\n \n {domain.domain_taken_assessments}/\n {domain.domain_total_assessments}\n
\n {t('domainReport.assessed')}
\n \n {domain.domain_performance}\n
\n \n \n {t('domainReport.areaOfSuccess')}\n
\n \n {t('domainReport.recommendedActivity')}\n
\n \n {recommendationsBlock}\n
\n \n {t('domainReport.entryDescription')}\n
\n\n \n setFilterCheckpoint(ch)}\n options={options}\n />\n
\n\n \n setNumberOfAreas('one')}\n />\n setNumberOfAreas('three')}\n />\n setNumberOfAreas('all')}\n />\n
\n {t('siteReport.noData')}
\n ) : (\n \n
\n )}\n \n
\n \n 
\n
\n \n Cognitive
Toybox\n
\n Toybox\n
\n
\n \n {student.first_name} {student.last_name}{' '}\n {t('domainReport.studentReport')}\n
\n \n {student.school_name}, {student.classroom_name} (\n {checkpoint.checkpoint_name})\n
\n \n {checkpoint.student_checkpoint_age}\n
\n \n {t('domainReport.overall')}: {checkpoint.performance}\n
\n \n
\n \n
\n \n {t('domainReport.ageCategory')}:{' '}\n {checkpoint.student_age_category}\n
\n \n {t('domainReport.assessmentsComplete')}:{' '}\n {checkpoint.completion_percentage}% (\n {checkpoint.taken_assessments}/\n {checkpoint.total_assessments})\n
\n \n {t('domainReport.notes')}: {notes}\n
\n \n {checkpoint.domains.map(domain => (\n
\n \n
\n \n {t('domainReport.teacherSignature')}:{' '}\n ___________________\n
\n \n {t('domainReport.parentSignature')}:{' '}\n ___________________\n
\n \n {t('domainReport.dateSigned')}: ___________________\n
\n \n {t('domainReport.dateSigned')}: ___________________\n
\n \n {t('domainReport.created')}: {createdDate}\n
\n \n
\n )\n }\n\n return (\n <>\n \n {performance}\n \n {showLevels && currentLevel && (\n ({currentLevel})\n )}\n \n )\n}\n\nexport const DetailedObjective = ({\n objective,\n options,\n isCustomCheckpoint\n}) => {\n if (isCustomCheckpoint) {\n return (\n \n ({checkpoint.displayed_level})\n
\n )}\n \n ))}\n \n
\n )\n }\n\n return (\n \n \n {objective.objective_name || objective.name}\n \n \n {performance}\n {options.levels && currentLevel && (\n ({currentLevel})\n )}\n \n
\n {latestResults.map(result => (\n \n
\n ))}\n \n
\n )\n}\n","import React, { useState, useRef } from 'react'\nimport { useQuery } from 'react-query'\nimport classNames from 'classnames'\nimport { Container } from 'react-bootstrap'\nimport { format } from 'date-fns'\nimport ReactToPrint from 'react-to-print'\nimport { useTranslation } from 'react-i18next'\nimport Select from 'react-select'\nimport {\n CUSTOM_CHECKPOINT_VALUE,\n domainColors,\n domainColorsTranslucent\n} from 'features/reports/site/helpers'\nimport { Loader, Button, SwitchOptions, Modal } from 'shared/components'\nimport { fetchSiteBulkReportQuery } from 'lib/api'\nimport logo from 'assets/logo-small.png'\n\nimport styles from './detailed-student.module.css'\nimport { useReportsFiltersData } from '../../../../hooks/use-reports-filters-data'\nimport {\n getYearProgress,\n getObjectivesForCheckpoint,\n OBJECTIVE_VALUES\n} from '../helpers'\n\nimport { DetailedObjective } from '../components/detailed-objective'\n\nconst createdDate = format(Date.now(), 'MM/dd/yyyy')\n\nexport const DetailedStudentContainer = ({\n customCheckpointOption,\n filterOptions,\n show,\n setShow\n}) => {\n const [filterCheckpoint, setFilterCheckpoint] = useState(null)\n const { data: filters } = useReportsFiltersData()\n const { t, i18n } = useTranslation()\n const [levels, setLevels] = useState(false)\n const [photos, setPhotos] = useState(false)\n const [notes, setNotes] = useState(false)\n const [detailed, setDetailed] = useState(false)\n const [showNotAssessed, setShowNotAssessed] = useState(true)\n const componentRef = useRef()\n const { data, isLoading } = useQuery(\n fetchSiteBulkReportQuery({\n student: filterOptions.student,\n language: i18n.language\n })\n )\n if (!filters || !data) {\n return \n \n {objective.objective_name || objective.name}\n \n
\n \n {t('siteReport.detailed.shared')}\n
\n\n \n setFilterCheckpoint(ch)}\n options={options}\n />\n (\n \n {t('siteReport.detailed.print')}\n \n )}\n content={() => componentRef.current}\n />\n
\n\n \n
\n \n
\n\n {!objectivesByDomains?.length && (\n \n \n
\n \n Cognitive
ToyBox\n
\n ToyBox\n
\n
\n {t('siteReport.detailed.detailed')}
\n {selectedStudent && (\n\n {selectedStudent.name.first_name}{' '}\n {selectedStudent.name.last_name}\n
\n )}\n \n {data.account_scope.name} ({filterCheckpoint?.label})\n
\n {t('siteReport.noData')}
\n )}\n {objectivesByDomains?.map(domain => {\n const objectives = isCustomCheckpoint\n ? domain.objectives\n : domain.objectives?.filter(objective =>\n showNotAssessed\n ? true\n : objective.age_relative_performance\n ? objective.age_relative_performance !==\n OBJECTIVE_VALUES.NOT_ASSESSED\n : false\n )\n if (!objectives.length) return null\n const backgroundColor = domainColors[domain.domain_id]\n const backgroundColorTranslucent =\n domainColorsTranslucent[domain.domain_id]\n return (\n \n \n {domain.domain_name}\n
\n\n {isCustomCheckpoint ? (\n \n {t('siteReport.detailed.created')}: {createdDate}\n
\n \n
\n
\n \n
\n
\n
\n \n )\n}\n","import { useReducer, useEffect } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { format } from 'date-fns'\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case 'setOrganization':\n return {\n ...state,\n page: 0,\n organization: action.organization,\n school: undefined,\n classroom: undefined,\n student: undefined,\n search: undefined\n }\n case 'setSchool':\n return {\n ...state,\n school: action.school,\n classroom: undefined,\n student: undefined,\n search: undefined\n }\n case 'setClassroom':\n return {\n ...state,\n classroom: action.classroom,\n student: undefined,\n search: undefined\n }\n case 'setStudent':\n return {\n ...state,\n student: action.student,\n checkpoint: undefined,\n search: undefined\n }\n\n case 'setAgeCategory':\n return {\n ...state,\n age_category: action.age_category,\n objective: undefined,\n domain: undefined\n }\n case 'setSchoolYear':\n return {\n ...state,\n school_year: action.school_year,\n checkpoint: undefined\n }\n case 'setCheckpoint':\n return { ...state, checkpoint: action.checkpoint }\n\n case 'setDomain':\n return { ...state, domain: action.domain, objective: null }\n case 'setObjective':\n return { ...state, objective: action.objective }\n case 'setStandard':\n return { ...state, ...action.standards }\n case 'setAssessmentType':\n return { ...state, assessment_type: action.assessment_type }\n case 'setScheduled':\n return { ...state, scheduled: action.scheduled }\n case 'setDrdpReportType':\n return { ...state, drdpReportType: action.drdpReportType }\n case 'setCheckpointReportIsPercentageView':\n return {\n ...state,\n checkpointReportIsPercentageView:\n action.checkpointReportIsPercentageView\n }\n\n case 'setDates':\n return {\n ...state,\n start: format(action.start, 'MM/dd/yyyy'),\n end: format(action.end, 'MM/dd/yyyy')\n }\n case 'setResult':\n return { ...state, result: action.result }\n case 'setWeek':\n return { ...state, week: action.week }\n case 'setSchoolyear':\n return { ...state, schoolyear: action.schoolyear }\n\n case 'setBack': {\n if (state.objective) {\n return { ...state, objective: undefined }\n }\n if (state.domain) {\n return { ...state, domain: undefined, objective: undefined }\n }\n if (state.student) {\n return {\n ...state,\n student: undefined\n }\n }\n if (state.classroom) {\n return {\n ...state,\n classroom: undefined,\n student: undefined\n }\n }\n if (state.school) {\n return {\n ...state,\n school: undefined,\n classroom: undefined,\n student: undefined\n }\n }\n return {}\n }\n case 'clear': {\n return {}\n }\n case 'setOptions': {\n return {\n ...state,\n ...action.options\n }\n }\n case 'setFromOptions': {\n const actionOptions = JSON.stringify(action.options)\n const stateOptions = JSON.stringify(state)\n if (actionOptions === stateOptions) return state\n else return action.options\n }\n default:\n return {\n ...state,\n ...action,\n type: undefined\n }\n }\n}\n\nexport const useReportsReducer = (query, url, selection) => {\n const history = useHistory()\n const [options, dispatch] = useReducer(reducer, query)\n // If we get a url with for example student_id\n // we want to choose the right classroom and school\n useEffect(() => {\n if (selection) {\n if (selection.school_id && !query.school && selection.classroom_id) {\n dispatch({\n type: 'setOptions',\n options: {\n school: selection.school_id,\n classroom: selection.classroom_id\n }\n })\n }\n }\n }, [selection])\n\n // cycle safe\n useEffect(() => {\n dispatch({ type: 'setFromOptions', options: query })\n }, [query])\n // update query on state change\n useEffect(() => {\n if (options) {\n history.push(url(options))\n }\n }, [options])\n return { options, dispatch }\n}\n","import React, { useEffect, useState } from 'react'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport queryString from 'query-string'\nimport classNames from 'classnames'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport {\n siteReportURL,\n drdpReportURL,\n objectiveReportURL,\n familyEngagementReportURL,\n checkpointReportURL,\n homeReportURL,\n homeURL\n} from 'lib/links'\nimport { useAuthContext } from 'features/auth'\nimport { PrintModal, Button, Loader, PrimaryLink } from 'shared/components'\n\nimport styles from './report-wrapper.module.css'\n\nexport const ReportWrapper = ({\n children,\n title,\n subtitle,\n // If nothing is passed, it will take you back to the home page of the reports\n goBack,\n // for the student report\n printModalChildren,\n // if you want to disable excel or pdf export\n isExportExcel = true,\n isExportPdf = true,\n // for the loader\n isFetching,\n isFetched,\n isLoading,\n generationDate\n}) => {\n const [printModal, setPrintModal] = useState(false)\n const { t } = useTranslation()\n const { pathname, search } = useLocation()\n const history = useHistory()\n const { isTeacher, isDrdp, isKea } = useAuthContext()\n const query = queryString.parse(search)\n const params = '?' + queryString.stringify(query)\n\n useEffect(() => {\n if (isKea) {\n history.push(homeURL)\n }\n }, [isKea])\n\n return (\n <>\n \n
\n
\n \n (goBack ? goBack() : history.push(homeReportURL))}\n >\n {t('report.back')}\n \n setPrintModal(true)}\n purple\n disabled={isLoading}\n >\n {t('report.print')}\n \n
\n \n {title || t(`report.${pathname.slice(9)}Report`)}\n
\n {subtitle && {subtitle}
}\n {generationDate && (\n \n {t('report.lastUpdated')}:{' '}\n {format(new Date(generationDate), 'M/d/yy hh:mm a')}\n
\n )}\n \n \n {t('report.objectiveReport')}\n \n \n {isTeacher ? t('report.studentReport') : t('report.siteReport')}\n \n {isDrdp && (\n \n {t('report.drdpReport')}\n \n )}\n \n {t('report.checkpointReport')}\n \n \n {t('report.family-engagementReport')}\n \n
\n {children}\n {isLoading && \n {`${data?.selection.given_name || ''} ${data?.selection\n .family_name || ''} ${data?.selection.objective_name || ''}`}\n
\n \n {data?.selection.student_age || ''}\n
\n \n }\n generationDate={data?.last_updated}\n >\n \n \n `${item.name} (${item.start} / ${item.end})`\n }\n />\n )}\n {options.student && (\n \n dispatch({\n type: 'setDrdpReportType',\n drdpReportType: state ? 'completion' : 'performances'\n })\n }\n />\n )}\n
\n \n \n dispatch({ type: 'setScheduled', scheduled: String(state) })\n }\n />\n
\n {item.category}
\n \n
\n \n ))\n}\n","import React from 'react'\nimport { Achievement } from 'shared/components'\nimport { useTranslation } from 'react-i18next'\n\nimport styles from './components.module.css'\n\nexport const Groups = ({ groups }) => {\n const { t } = useTranslation()\n if (!groups.student_groups.length) return null\n return (\n \n
\n \n {t('objectiveReport.additional.leastRecognized')}\n
\n {item.least_recognized.map(i => (\n {i}\n ))}\n \n
\n \n {t('objectiveReport.additional.sometimesRecognized')}\n
\n {item.sometimes_recognized.map(i => (\n {i}\n ))}\n \n
\n \n {t('objectiveReport.additional.mostRecognized')}\n
\n {item.most_recognized.map(i => (\n {i}\n ))}\n \n
\n \n )\n}\n","import React, { useMemo, useState } from 'react'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport { PrimaryLink, TanStackTable } from 'shared/components'\nimport { transformAge } from 'lib/helpers'\nimport { ReportSelect } from 'features/reports/components/report-select/report-select'\nimport { StandardSelect } from 'features/reports/components/report-select/standard-select'\nimport { ReportDropdown } from 'features/reports/components/report-dropdown/report-dropdown'\n\nimport { MeasureModal } from '../../components/measure-modal/measure-modal'\n\nexport const ObjectivesTable = ({\n data,\n filterData,\n options,\n dispatch,\n filteredBy\n}) => {\n const { t, i18n } = useTranslation()\n const [measureModal, setMeasureModal] = useState(false)\n const columns = useMemo(\n () => [\n {\n accessorKey: 'objective.name',\n header: t('objectiveReport.table.objectives'),\n cell: ({ getValue, row }) => {\n const value = getValue()\n return (\n \n {t('objectiveReport.recommendedSmallGroups')}\n
\n \n {t('objectiveReport.recommendedSmallGroupsDescription')}\n
\n \n {groups.student_groups.map((group, index) => (\n \n
\n )\n }\n >\n {!!group.students.length && (\n \n {t('objectiveReport.upNext')}:\n
\n {group.practice_activities.length > 1 ? (\n - \n {group.practice_activities.map(i => (\n
- {i} \n ))}\n
{group.practice_activities}
\n )}\n \n {group.students.map((student, index) => (\n \n {student.student_name.first_name}\n {(student.student_name.last_name\n ? ' ' + student.student_name.last_name\n : '') + (index !== group.students.length - 1 ? ', ' : '')}\n \n ))}\n
\n )}\n \n ))}\n \n {student.name.first_name} {student.name.last_name || ''}\n
\n ))\n\nexport const StudentsModal = ({ options, subobjectiveName, onHide }) => {\n const { t } = useTranslation()\n const { data, isLoading } = useObjectiveReportData(options)\n return (\n \n
\n )}\n \n
\n \n {t('objectiveReport.studentsModal.correct')}\n
\n {getList(data.data.successful)}
\n \n
\n \n {t('objectiveReport.studentsModal.incorrect')}\n
\n {getList(data.data.unsuccessful)}
\n \n
\n \n {t('objectiveReport.studentsModal.notTaken')}\n
\n {getList(data.data.not_assessed)}
\n \n {t('objectiveReport.studentsModal.lastUpdated')}:{' '}\n {data && format(new Date(data.last_updated), 'M/d/yy')}\n
\n \n {students.map(student => {\n const link = parentReport({ student: student.student_id })\n const randomImage = patternList[currentPattern]\n if (currentPattern === 4) {\n currentPattern = 0\n } else {\n currentPattern++\n }\n return (\n
\n )\n })}\n \n \n \n {student.name.given_name}\n
\n \n onClickPlay(student)}\n >\n {t('parentReport.playGames1')}\n
\n {t('parentReport.playGames2')}\n \n \n
\n \n {t('parentReport.playGames2')}\n \n \n
\n
\n {t('parentReport.canPlay', { selectedStudentName })}
\n\n {selectedUser.completed && (\n
\n \n \n
\n \n {showBackButton ? (\n \n \n \n ) : (\n \n )}\n \n \n
\n \n {t('parentReport.title', { student: student.name })}\n
\n \n {t('parentReport.subtitle')}\n
\n {isWeekend && (\n \n {t('parentReport.isWeekend1', { date: format(prevDate, 'iiii') })}\n
\n {t('parentReport.isWeekend2')}\n
\n )}\n\n \n {t('parentReport.isWeekend2')}\n
\n
\n \n {!earliest_report && (\n handleChangeDate(format(prevDate, 'yyyy-MM-dd'))}\n >\n {t('parentReport.prev', {\n date: format(prevDate, 'iiii, MMMM d')\n })}\n \n )}\n
\n \n {!isAfter(nextDate, new Date()) && (\n \n )}\n
\n \n {!isAfter(nextDate, new Date()) && (\n handleChangeDate(format(nextDate, 'yyyy-MM-dd'))}\n >\n {t('parentReport.next', {\n date: format(nextDate, 'iiii, MMMM d')\n })}\n \n )}\n
\n \n
\n )}\n\n \n {format(date, 'iiii, MMMM d')}\n
\n {!!weekly_message && (\n \n \n \n
\n {weekly_message.message}
\n \n \n {areaOfSuccessData && (\n
\n {recommendedActivity && (\n \n \n
\n )}\n {areaForImprovementData && (\n \n {areaOfSuccessData.objective}\n
\n \n {areaOfSuccessData.copy}\n
\n \n {t('parentReport.lastAccessed')}\n {format(new Date(area_of_success.assessment_date), 'M/d/yy')}\n
\n \n \n \n
\n )}\n \n {areaForImprovementData.objective}\n
\n \n {areaForImprovementData.copy}\n
\n \n {t('parentReport.lastAccessed')}\n {format(\n new Date(area_for_improvement.assessment_date),\n 'M/d/yy'\n )}\n
\n \n \n \n \n
\n \n )}\n\n {daily_activity &&\n daily_activity.length > 0 &&\n daily_activity.map((activity, index) => {\n const activityData = findTranslation(activity)\n const { feedback } = activity\n\n return (\n \n {recommendedActivity.title}\n
\n {recommended_activity.source && (\n \n {t('parentReport.source')}{' '}\n {recommended_activity.source}\n
\n )}\n \n {recommendedActivity.description}\n
\n \n \n \n sendFeedback({\n activity_id: recommended_activity.activity_id,\n liked: !recommended_activity.feedback.liked\n })\n }\n />\n \n sendFeedback({\n activity_id: recommended_activity.activity_id,\n completed: !recommended_activity.feedback.completed\n })\n }\n />\n
\n \n \n \n \n
\n \n )\n })}\n\n {daily_read_aloud &&\n daily_read_aloud.length > 0 &&\n daily_read_aloud.map((activity, index) => {\n const activityData = findTranslation(activity)\n const { feedback } = activity\n\n return (\n \n {!activity.embed && (\n
\n\n {activity.embed && (\n \n \n
\n )}\n\n \n {t('parentReport.type')}{' '}\n {activity.activity_type}\n
\n )}\n \n {activityData?.title}\n
\n {activity.source && (\n \n {t('parentReport.source')}\n \n {activity.source}\n \n
\n )}\n \n {activityData?.description}\n
\n \n {activity.key_concepts.length > 0 && (\n \n {t('parentReport.keyConcepts')}\n {activity.key_concepts.join(', ')}\n \n )}\n {activity.alignment.length > 0 && (\n \n {' '}\n {t('parentReport.alignment')}{' '}\n {activity.alignment.join(', ')}\n \n )}\n
\n\n \n \n sendFeedback({\n activity_id: activity.activity_id,\n liked: !feedback.liked\n })\n }\n />\n \n sendFeedback({\n activity_id: activity.activity_id,\n completed: !feedback.completed\n })\n }\n />\n
\n \n \n \n \n
\n \n )\n })}\n \n \n {!activity.embed && (\n
\n\n {activity.embed && (\n \n \n
\n )}\n\n \n {activityData?.title}\n
\n {activity.source && (\n \n {t('parentReport.source')}\n \n {activity.source}\n \n
\n )}\n \n {activityData?.description}\n
\n \n \n sendFeedback({\n activity_id: activity.activity_id,\n liked: !feedback.liked\n })\n }\n />\n \n sendFeedback({\n activity_id: activity.activity_id,\n completed: !feedback.completed\n })\n }\n />\n
\n \n \n {isSent ? t('parentReport.messageSent') : t('parentReport.sendMessage')}\n
\n {!isSent && (\n \n \n setMessage(e.target.value)}\n as=\"textarea\"\n rows=\"3\"\n />\n \n \n
\n )}\n {loading && (\n \n
\n )}\n \n )\n}\n","import React from 'react'\nimport { StyledSelect } from 'shared/components'\n\nimport styles from './parent-report.module.css'\n\nexport const ReportFilters = ({\n school,\n classroom,\n isSchoolAdmin,\n isDistrictAdmin\n}) => {\n return (\n \n {(isSchoolAdmin || isDistrictAdmin) && (\n
\n )\n}\n","import React, { useEffect, useCallback } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { useQuery } from 'react-query'\nimport { isWeekend, addBusinessDays, format } from 'date-fns'\nimport {\n fetchAccountStudentsQuery,\n fetchParentReportQuery,\n parentReportFeedback,\n parentReportResponse\n} from 'lib/api'\nimport { Loader } from 'shared/components'\nimport { parentReport, parentHomeURL } from 'lib/links'\n\nimport { Report } from './components'\n\n// TODO: remove it when figure out how to fix local timezone\nconst badDateHack = date => {\n const dateItems = date.split('-')\n dateItems[1] -= 1\n\n if (dateItems[1] < 0) dateItems[1] = 11\n return new Date(dateItems[0], dateItems[1], dateItems[2])\n}\n\nexport const ParentReportContainer = props => {\n const history = useHistory()\n const { data, isLoading, error, refetch } = useQuery(\n fetchParentReportQuery(props)\n )\n const { data: studentsData } = useQuery(fetchAccountStudentsQuery())\n\n const currentDate = props.date\n ? badDateHack(props.date)\n : data && data.report_date\n ? badDateHack(data.report_date)\n : new Date()\n const prevDate = addBusinessDays(currentDate, -1)\n const nextDate = addBusinessDays(currentDate, 1)\n\n useEffect(() => {\n if (!props.student) {\n history.push(parentHomeURL)\n }\n }, [error])\n\n useEffect(() => {\n if (data && Object.keys(data).length === 0) {\n history.goBack()\n }\n }, [data])\n\n const handleChangeDate = useCallback(date => {\n history.push(parentReport({ student: props.student, date }))\n }, [])\n\n const sendFeedback = useCallback(\n async ({ activity_id, liked, completed }) => {\n const student_id = data.student.student_id\n const date = props.date || format(currentDate, 'yyyy-MM-dd')\n await parentReportFeedback({\n student_id,\n date,\n activity_id,\n liked,\n completed\n })\n refetch()\n },\n [data]\n )\n\n const sendResponse = useCallback(\n async message => {\n const date = props.date || format(currentDate, 'yyyy-MM-dd')\n const student_id = data.student.student_id\n\n await parentReportResponse({\n student_id,\n date,\n message\n })\n },\n [data]\n )\n\n if (!data || Object.keys(data).length === 0 || isLoading) return \n
\n )}\n {(isSchoolAdmin || isDistrictAdmin) && (\n \n
\n )}\n \n \n dispatch({\n type: 'setCheckpointReportIsPercentageView',\n checkpointReportIsPercentageView: state\n })\n }\n />\n )}\n
\n \n {createParentReportWeeklyMessage.isLoading ? (\n {\n if (newMessage) {\n setNewMessage(null)\n changeWeeklyMessage(null)\n }\n }}\n />\n
\n )\n}\n","import React, { forwardRef, useState, useEffect } from 'react'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { PrimaryLink } from 'shared/components'\n\nimport { ACTIVITY_TYPES } from './activity-modal'\nimport styles from './activity.module.css'\n\nexport const ActivityDetails = forwardRef(({ activityDetails }, ref) => {\n // store data to show exit animation\n const [data, setData] = useState(activityDetails)\n useEffect(() => {\n if (activityDetails) {\n setData(activityDetails)\n }\n }, [activityDetails])\n const { t } = useTranslation()\n if (!data) return\n return (\n <>\n \n {\n setNewMessage(e.target.value)\n debounceChangeWeeklyMessage(e.target.value)\n }}\n />\n
\n\n {t('familyEngagementReport.weeklyMessage.title')}
\n\n {data.activity_name}, {t('familyEngagementReport.activity.scheduled')}{' '}\n {data.assignment_date &&\n format(new Date(data.assignment_date), 'MM/dd/yyyy')}\n
\n\n
\n \n \n )\n})\n","import React, { useMemo, useState, useRef } from 'react'\nimport classNames from 'classnames'\nimport { startOfWeek, format, addDays } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport { Tabs, TabList, TabPanel, Tab } from 'react-tabs'\nimport { CSSTransition } from 'react-transition-group'\nimport { Modal, Loader } from 'shared/components'\n\nimport styles from './activity.module.css'\nimport { ActivityDetails } from './activity-details'\n\nexport const ACTIVITY_TYPES = {\n readAloud: 'Read Aloud',\n offlineActivity: 'Offline Activity'\n}\n\nexport const ActivityModal = ({ data, currentDate, onHide }) => {\n const { t } = useTranslation()\n const [activityDetails, setActivityDetails] = useState(null)\n\n const activitiesByAgeAndType = useMemo(() => {\n const dataByAge = {}\n data.data.forEach(age => {\n const values = {\n readAloud: [],\n daily: []\n }\n Array.apply(null, new Array(5)).reduce(date => {\n const formatedDate = format(date, 'yyyy-MM-dd')\n const foundDailyActivity = age.data.find(\n item =>\n item.assignment_date === formatedDate &&\n item.activity_type !== ACTIVITY_TYPES.readAloud\n )\n const foundReadAloud = age.data.find(\n item =>\n item.assignment_date === formatedDate &&\n item.activity_type === ACTIVITY_TYPES.readAloud\n )\n values.daily.push(foundDailyActivity)\n values.readAloud.push(foundReadAloud)\n return addDays(date, 1)\n }, startOfWeek(currentDate, { weekStartsOn: 1 }))\n dataByAge[age.age_band] = values\n })\n return dataByAge\n }, [data])\n\n return (\n \n \n {t('familyEngagementReport.activity.source')}{' '}\n {data.info.source}\n \n\n
\n
\n \n
\n {data.description ||\n t('familyEngagementReport.activity.noDescription')}\n
\n\n
\n \n {t('familyEngagementReport.activity.activityType')}{' '}\n {data.activity_type}\n
\n {data.info.key_concepts?.length > 0 && (\n \n {t('familyEngagementReport.activity.keyConcepts')}{' '}\n {data.info.key_concepts.join(', ')}\n
\n )}\n {data.info.alignment?.length > 0 && (\n \n {t('familyEngagementReport.activity.standards')}{' '}\n {data.info.alignment.join(', ')}\n
\n )}\n \n {data.completion_feedback}\n {!!data.completed_students?.length && (\n
\n \n {data.completed_students\n .map(\n student =>\n `${student.name.first_name} ${student.name.last_name ||\n ''}`\n )\n .join(', ')}\n
\n )}\n {age}
\n {activities.daily.map(activity =>\n activity ? (\n {activity.activity_name}
\n \n {activity.info.preview_image && (\n <>\n {!imageLoaded && setImageLoaded(true)}\n />\n \n )}\n {!activity.info.preview_image && activity.info.link && (\n
\n \n )\n}\n\nconst NoActivityItem = ({ otherActivitySelected, isReadAloud }) => {\n const { t } = useTranslation()\n return (\n \n {t('familyEngagementReport.activity.source')} {activity.info.source}\n
\n )}\n \n {t('familyEngagementReport.activity.students', {\n completed: activity.completed,\n assigned: activity.assigned\n })}\n
\n \n {t('familyEngagementReport.activity.noActivity')}\n
\n \n )\n}\n\nconst DayLabelsAndDetails = ({ activityDetails }) => {\n const { t } = useTranslation()\n const nodeRef = useRef()\n return (\n <>\n \n {t('familyEngagementReport.activity.Mon')}\n
\n \n {t('familyEngagementReport.activity.Tue')}\n
\n \n {t('familyEngagementReport.activity.Wed')}\n
\n \n {t('familyEngagementReport.activity.Thu')}\n
\n \n {t('familyEngagementReport.activity.Fri')}\n
\n \n \n history.push(parentReport({ student: getValue() }))\n }\n >\n {t('familyEngagementReport.parentReport')}\n \n \n history.push(\n siteReport({\n student: getValue(),\n classroom: options.classroom,\n school: options.school\n })\n )\n }\n >\n {t('familyEngagementReport.studentReport')}\n \n {isDrdp && (\n \n history.push(\n drdpReport({\n student: getValue(),\n classroom: options.classroom,\n school: options.school\n })\n )\n }\n >\n {t('familyEngagementReport.drdpReport')}\n \n )}\n
\n )\n }\n ],\n [i18n.language]\n )\n return (\n \n setActivitiesModal(false)}\n />\n )}\n
\n )\n}\n","import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PrimaryLink, TanStackTable } from 'shared/components'\nimport { ReportSelect } from 'features/reports/components/report-select/report-select'\n\nexport const ClassroomsTable = ({ data, options, dispatch, filteredBy }) => {\n const { t, i18n } = useTranslation()\n\n const columns = useMemo(\n () => [\n {\n accessorKey: 'classroom_name',\n header: t('familyEngagementReport.table.classroom'),\n cell: ({ getValue, row }) => (\n \n
\n {engagement && (\n \n
\n {t('familyEngagementReport.familyEngagement')}
\n {engagement && (\n\n {t('familyEngagementReport.famLoggedIn')}{' '}\n {engagement.parent_data.accounts_in_use}/\n {engagement.parent_data.total_parent_accounts}\n
\n )}\n\n {activity && (\n
\n \n setActivitiesModal(true)}>\n {t('familyEngagementReport.seeActivities')}\n \n
\n )}\n {weeklyMessage && (\n \n {week.hasPrev && (\n week.change('prev')}\n />\n )}\n week.change('next')}\n />\n )}\n
\n )\n}\n","import React from 'react'\nimport { ToggleButtonGroup, ToggleButton } from 'react-bootstrap'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router'\n\nimport { familyEngagementReport } from 'lib/links'\nimport { ReportFilters } from 'features/reports/components/report-filters/report-filters'\nimport { useAuthContext } from 'features/auth'\n\nimport styles from './filters.module.css'\nimport { WeekSelector } from '../week-selector/week-selector'\nimport { useWeek } from '../../hooks/use-week'\n\nexport const Filters = ({ options, dispatch, data }) => {\n const { t } = useTranslation()\n const weekSelector = useWeek(options, data)\n const history = useHistory()\n const { isTeacher } = useAuthContext()\n\n return (\n <>\n \n
\n {week.hasNext && (\n {t('familyEngagementReport.weekOf')}
\n {format(week.current, 'MM/dd/yyyy')}
\n \n {!options.schoolyear && \n history.push(\n familyEngagementReport({\n school: options.school,\n schoolyear: !options.schoolyear\n })\n )\n }\n >\n \n {t('familyEngagementReport.overall')}\n \n \n {t('familyEngagementReport.weekly')}\n \n \n )}\n
\n {options.classroom && (\n \n {data && (\n \n dispatch({ type: 'setDates', start, end })\n }\n defaultDate={{\n start: data.selection.start_date,\n end: data.selection.end_date\n }}\n filterDate={date => getDay(date) === 1}\n />\n )}\n {data?.selection.classroom_id && (\n
\n\n {shouldShowDownloadNotesButton && data?.selection.classroom_id && (\n \n {`${data.completion_percent ?? 0}% \n ${t('monitoringReport.assessmentsComplete')}`}\n
\n )}\n \n {\n setSearch(e.target.value)\n handleSearch(e.target.value)\n }}\n onKeyDown={e => {\n if (e.key === 'Enter') {\n e.preventDefault()\n setSearch(search)\n handleSearch(search, true)\n }\n }}\n />\n {\n setSearch('')\n handleSearch('', true)\n }}\n />\n
\n \n
\n \n {parameters.name} \n \n (window.location.href = data.download_file_locations.xlsx)\n }\n >\n {t('monitoringReport.notesModal.downloadAsExcel')}\n \n
\n \n {format(new Date(parameters.start_date), 'M/d/yy')} -{' '}\n {format(new Date(parameters.end_date), 'M/d/yy')}\n
\n \n {!parameters.student_ids\n ? t('monitoringReport.notesModal.studentsCount', {\n number: parameters.students_count\n })\n : t('monitoringReport.notesModal.notes', {\n notes: parameters.notes\n })}\n
\n \n {Object.keys(observationsWithNotes).length ? (\n Object.entries(\n observationsWithNotes\n ).map(([key, value]) => (\n
\n \n {Object.keys(observationsWithoutNotes).length ? (\n Object.entries(\n observationsWithoutNotes\n ).map(([key, value]) => (\n
\n \n setExpanded(!expanded)}>\n \n {expanded &&\n value.map((observation, index) => (\n
\n )\n}\n","import React, { useState } from 'react'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport queryString from 'query-string'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport {\n monitoringReportURL,\n certificationStatusReportURL,\n homeReportURL\n} from 'lib/links'\nimport { useAuthContext } from 'features/auth'\nimport { Button, PrimaryLink, Loader, PrintModal } from 'shared/components'\n\nimport styles from './monitoring-report-wrapper.module.css'\n\nexport const MonitoringReportWrapper = ({\n children,\n subtitle,\n // If nothing is passed, it will take you back to the home page of the reports\n goBack,\n // if you want to disable excel or pdf export\n isExportExcel = true,\n isExportPdf = true,\n // for the loader\n isFetching,\n isFetched,\n isLoading,\n handleExportExcel,\n fileTitle\n}) => {\n const [printModal, setPrintModal] = useState(false)\n const { t } = useTranslation()\n const history = useHistory()\n const { pathname, search } = useLocation()\n const { isDistrictAdmin, isSchoolAdmin, isStateAdmin } = useAuthContext()\n\n const query = queryString.parse(search)\n const params = '?' + queryString.stringify(query)\n\n if (!isDistrictAdmin && !isSchoolAdmin && !isStateAdmin) return null\n\n return (\n <>\n \n {observation.objectives.map(objective => (\n
\n ))}\n \n
\n ))}\n\n {observation.observation && (\n {objective || '-'}
\n {observation.scoring}
\n {observation.observation}
\n )}\n \n {t('monitoringReport.notesModal.collectedBy')}{' '}\n {observation.assessors?.join(', ')},{' '}\n {format(new Date(observation.assessment_date), 'MM/dd/yyyy')}\n
\n \n {!subtitle ? null : (\n
\n\n {subtitle}
\n )}\n \n {t(`report.${pathname.slice(9)}Report`)}\n
\n\n \n (goBack ? goBack() : history.push(homeReportURL))}\n >\n {t('report.back')}\n \n setPrintModal(true)}\n purple\n disabled={isLoading}\n >\n {t('report.print')}\n \n
\n \n \n {t('report.monitoringReport')}\n \n \n {t('report.certification-statusReport')}\n \n
\n\n {children}\n {isLoading && \n
\n )\n}\n","import React from 'react'\nimport { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { fetchCertificationStatusReportQuery } from 'lib/api'\nimport { NoData, PageWrapper } from 'shared/components'\n\nimport { Certification } from './components/certification/certification'\nimport styles from './certification-status-container.module.css'\nimport { MonitoringReportWrapper } from '../components/monitoring-report-wrapper/monitoring-report-wrapper'\n\nexport const CertificationStatusReport = () => {\n const { t, i18n } = useTranslation()\n const { isLoading, data } = useQuery(\n fetchCertificationStatusReportQuery({ language: i18n.language })\n )\n\n return (\n {certification.percentage}
\n \n {t('certificationStatusReport.percentage', {\n certification: certification.name\n })}\n
\n \n {certification.name}: {certification.description}\n
\n \n window.open(certification.download_link)}>\n {t('certificationStatusReport.download')}\n \n
\n \n {data &&\n data.map(certification => (\n
\n {!isLoading && !data?.length && (\n \n {!isStateAdmin && (\n
\n \n
\n )}\n {!isStateAdmin && !isKea && (\n \n
\n \n {t('report.home.ongoingReporting')}\n
\n {t('report.home.ongoingReportingText')}
\n \n \n {t('report.home.seeOngoingReports')}\n \n
\n \n
\n )}\n {(isSchoolAdmin || isDistrictAdmin || isStateAdmin) && (\n \n
\n \n {t('report.home.checkpointSummaryReports')}\n
\n {t('report.home.checkpointSummaryReportsText')}
\n \n \n {t('report.home.seeCheckpointSummaryReports')}\n \n
\n \n
\n )}\n \n
\n \n {t('report.home.monitoringReports')}\n
\n {t('report.home.monitoringReportsText')}
\n \n \n {t('report.home.seeMonitoringReports')}\n \n
\n \n \n {t('chart.first.studentsOnTrackTooltip')}\n \n {showDetails && (\n setShowDetails(false)}>\n \n {studentChange > 0 && getIcon(faArrowUp)}\n {studentChange < 0 && getIcon(faArrowDown)}\n {studentChange}\n {secondHasValue && '%'} {t('chart.first.fromLastWk')}\n \n \n )}\n
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { faArrowDown, faArrowUp } from '@fortawesome/free-solid-svg-icons'\nimport styles from '../first.module.css'\nimport { getIcon } from '../helpers'\n\nexport const StudentsAssessed = ({ data }) => {\n const { t } = useTranslation()\n const studentsChange = data.active_students_change\n return (\n \n
\n \n {secondHasValue\n ? `${(data.percent_students_on_track * 100).toFixed(0)}%`\n : data.percent_students_on_track}{' '}\n {t('chart.first.students')} {t('chart.first.onTrack')}\n
\n \n setShowDetails(true)}>\n {t('chart.seeDetails')}\n \n
\n \n
\n )\n}\n","import React, { useState } from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { Modal } from 'react-bootstrap'\nimport ReactTooltip from 'react-tooltip'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faArrowDown,\n faArrowUp,\n faInfoCircle\n} from '@fortawesome/free-solid-svg-icons'\nimport { PrimaryLink } from 'shared/components'\nimport { useAuthContext } from 'features/auth'\nimport { getIcon } from '../helpers'\nimport styles from '../first.module.css'\n\nexport const ClassroomChange = ({ data }) => {\n const [showDetails, setShowDetails] = useState(false)\n const { isKea } = useAuthContext()\n const { t } = useTranslation()\n const classroomChange = data.active_classrooms_count_change\n return (\n \n
\n {data.active_students_count}
\n \n
\n \n {studentsChange > 0 && getIcon(faArrowUp)}\n {studentsChange < 0 && getIcon(faArrowDown)}\n {studentsChange}\n
\n {t('chart.first.fromLastWk')}
\n \n {t('chart.first.studentsAssessed')}\n
\n \n \n {t('chart.first.classroomChangeTooltip')}\n \n {showDetails && (\n setShowDetails(false)}>\n \n {classroomChange > 0 && getIcon(faArrowUp)}\n {classroomChange < 0 && getIcon(faArrowDown)}\n {classroomChange} {t('chart.first.fromLastWk')}\n \n \n )}\n
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { faArrowDown, faArrowUp } from '@fortawesome/free-solid-svg-icons'\nimport { getIcon } from '../helpers'\nimport styles from '../first.module.css'\n\nexport const TeacherStudentsOnTrack = ({ data }) => {\n const { t } = useTranslation()\n const studentChange = data.percent_student_on_track_change\n const secondHasValue = typeof data.percent_students_on_track === 'number'\n return (\n \n
\n \n {data.active_classroom_count}/{data.total_classroom_count}{' '}\n {t('chart.first.active')} {t('chart.first.classrooms')}\n
\n \n {isKea\n ? t('chart.first.keasComplete', {\n percent: data.studentsCompletion || 0\n })\n : t('chart.first.assessmentsComplete', {\n percent: Math.round(\n (data.active_classroom_count * 100) /\n data.total_classroom_count\n )\n })}\n
\n \n setShowDetails(true)}>\n {t('chart.seeDetails')}\n \n
\n \n
\n \n {secondHasValue\n ? `${(data.percent_students_on_track * 100).toFixed(0)}%`\n : data.percent_students_on_track}\n
\n \n
\n \n {studentChange > 0 && getIcon(faArrowUp)}\n {studentChange < 0 && getIcon(faArrowDown)}\n {studentChange}\n {secondHasValue && '%'}\n
\n {t('chart.first.fromLastWk')}
\n \n {t('chart.first.students')} {t('chart.first.onTrack')}\n
\n \n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons'\nimport ReactTooltip from 'react-tooltip'\nimport styles from '../first.module.css'\n\nexport const KeaOutcomes = ({ data }) => {\n const { t } = useTranslation()\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n {Math.round(\n (data.students_emerging /\n (data.total_students_completed || 1)) *\n 100\n )}\n %\n
\n {t('chart.first.emerging')}
\n \n
\n \n {Math.round(\n (data.students_approaching /\n (data.total_students_completed || 1)) *\n 100\n )}\n %\n
\n {t('chart.first.approaching')}
\n \n
\n \n {Math.round(\n (data.students_demonstrating /\n (data.total_students_completed || 1)) *\n 100\n )}\n %\n
\n {t('chart.first.demonstrating')}
\n \n
\n )\n}\n","import React from 'react'\nimport { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\n\nimport { getDashboardOverviewQuery } from 'lib/api'\nimport { useAuthContext } from 'features/auth'\nimport { useChartData } from 'features/dashboard/hooks'\nimport { ChartSkeletonFirst } from 'features/dashboard'\nimport { transformDateToISO } from 'lib/transform-date-to-iso'\nimport { StudentsOnTrack } from './components/students-on-track'\nimport { StudentsAssessed } from './components/students-assessed'\nimport { ClassroomChange } from './components/classroom-change'\nimport { TeacherStudentsOnTrack } from './components/teacher-students-on-track'\nimport { KeaOutcomes } from './components/kea-outcomes'\nimport { AssessmentWindow } from './components/assessment-window'\n\nimport styles from './first.module.css'\n\nexport const _1stChartContainer = () => {\n const { i18n } = useTranslation()\n const { isTeacher, isKea, assessmentPurpose } = useAuthContext()\n const { data, loading } = useChartData('ActiveData')\n const { data: keaData, isLoading } = useQuery({\n ...getDashboardOverviewQuery({\n language: i18n.language,\n assessment_purpose: assessmentPurpose\n })\n })\n\n if (loading || isLoading || !data || !keaData) {\n return (\n \n
\n \n {isKea &&\n (isNoCheckpoints ? (\n
\n {t('chart.first.assessmentKeaNo')}
\n ) : isCompleted ? (\n \n {t('chart.first.assessmentKeaCompleted')}\n
\n ) : isStarted ? (\n <>\n \n {Math.round((data.end - today) / hours) === 1\n ? t('chart.first.assessmentKeaStartedDay', {\n days: 1\n })\n : t('chart.first.assessmentKeaStarted', {\n days: Math.round((data.end - today) / hours)\n })}\n
\n \n {t('chart.first.lastDay', {\n last_day: format(data.end, 'MM/dd/yyyy')\n })}\n
\n \n ) : (\n <>\n \n {Math.round((data.start - today) / hours) === 1\n ? t('chart.first.assessmentKeaEndedDay', {\n days: 1\n })\n : t('chart.first.assessmentKeaEnded', {\n days: Math.round((data.start - today) / hours)\n })}\n
\n \n {t('chart.first.firstDay', {\n first_day: format(data.start, 'MM/dd/yyyy')\n })}\n
\n \n ))}\n\n {!isKea &&\n (isNoCheckpoints ? (\n \n {t('chart.first.assessmentEcaNo')}\n
\n ) : isCompleted ? (\n \n {t('chart.first.assessmentEcaCompleted')}{' '}\n
\n ) : isStarted ? (\n <>\n \n {Math.round((data.end - today) / hours) + 1 === 1\n ? t('chart.first.assessmentEcaStartedDay', {\n days: 1\n })\n : t('chart.first.assessmentEcaStarted', {\n days: Math.round((data.end - today) / hours) + 1\n })}\n
\n \n {t('chart.first.lastDay', {\n last_day: format(data.end, 'MM/dd/yyyy')\n })}\n
\n \n ) : (\n <>\n \n {Math.round((data.start - today) / hours) === 1\n ? t('chart.first.assessmentEcaEndedDay', {\n days: 1\n })\n : t('chart.first.assessmentEcaEnded', {\n days: Math.round((data.start - today) / hours)\n })}\n
\n \n {t('chart.first.firstDay', {\n first_day: format(data.start, 'MM/dd/yyyy')\n })}\n
\n \n ))}\n \n
\n )\n }\n\n if ((!loading && !data) || data.hidden) {\n return null\n }\n\n return (\n \n {!isTeacher && (\n <>\n
\n )\n}\n","import { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { fetchAssessmentCompletionChartQuery } from 'lib/api'\n\nexport const useAssessmentCompletionData = options => {\n const { i18n } = useTranslation()\n const { data, isLoading, isFetching, isFetched, refetch } = useQuery({\n ...fetchAssessmentCompletionChartQuery({\n ...options,\n language: i18n.language\n }),\n keepPreviousData: true\n })\n return { data, isLoading, isFetching, isFetched, refetch }\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { NoData, Modal } from 'shared/components'\nimport { Tabs, TabList, TabPanel, Tab } from 'react-tabs'\nimport { ObservationCell } from 'features/observations'\nimport { useAuthContext } from 'features/auth'\n\nimport styles from './student-modal.module.css'\nimport { useAssessmentCompletionData } from '../../hooks/use-assessment-completion-data'\n\nexport const StudentModal = ({ selectedStudent, timeRange, onHide }) => {\n const { t } = useTranslation()\n const { assessmentPurpose, isKea } = useAuthContext()\n const { data, isLoading, refetch } = useAssessmentCompletionData({\n student: selectedStudent,\n time_range: timeRange,\n assessment_purpose: assessmentPurpose\n })\n\n return (\n {observation.objective}
\n {!isKea && (\n {observation.objective}
\n {!isKea && (\n \n
\n)\n","import React from 'react'\nimport Skeleton from 'react-loading-skeleton'\n\nimport styles from './chart-skeleton.module.css'\n\nimport { Chart } from '../chart'\n\nexport const ChartSkeleton = ({ isFirst }) =>\n isFirst ? (\n \n
\n ) : (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n \n )\n","import React, { useState, useRef } from 'react'\nimport classNames from 'classnames'\nimport { format } from 'date-fns'\nimport { useReactToPrint } from 'react-to-print'\nimport { useTranslation } from 'react-i18next'\n\nimport { exportExcel as handleExportExcel } from 'lib/exports'\nimport { Button } from 'shared/components'\nimport { useDashboardContext } from 'features/dashboard/hooks/use-dashboard-context'\nimport styles from './chart.module.css'\nimport { ChartLoaderOverlay } from './chart-loader-overlay'\nimport { ChartSkeleton } from '../../chart-skeleton/chart-skeleton'\n\nexport const Chart = ({\n children,\n className,\n isLoading,\n isFetching,\n exportExcel,\n exportExcelFn,\n excelLoading,\n printTitle,\n generationDate,\n expanded = false,\n fullHeight,\n ...props\n}) => {\n const { isExpandable } = useDashboardContext()\n const [isExpanded, setExpanded] = useState(expanded)\n const { t } = useTranslation()\n const chartRef = useRef()\n const handlePrint = useReactToPrint({\n content: () => chartRef.current\n })\n return (\n \n {isLoading ?
\n\n \n {generationDate && (\n \n exportExcelFn\n ? exportExcelFn()\n : handleExportExcel(\n chartRef.current,\n printTitle || 'CTB_Dashboard'\n )\n }\n disabled={!chartRef.current || excelLoading}\n >\n {t('charts.exportAsExcel')}\n \n )}\n {isExpandable && (\n \n )}\n
\n \n )\n}\n","import { Chart as ChartComponent } from './components/chart'\nimport { ChartFilters } from './components/chart-filters'\nimport { ChartCheckboxes } from './components/chart-checkboxes'\nimport { ChartBody } from './components/chart-body'\nimport { ChartTitle } from './components/chart-title'\nimport { ChartDescription } from './components/chart-description'\nimport { ChartLoaderOverlay } from './components/chart-loader-overlay'\n\nChartComponent.Filters = ChartFilters\nChartComponent.Checkboxes = ChartCheckboxes\nChartComponent.Body = ChartBody\nChartComponent.Title = ChartTitle\nChartComponent.Description = ChartDescription\nChartComponent.LoaderOverlay = ChartLoaderOverlay\n\nexport const Chart = ChartComponent\n","import React from 'react'\nimport classNames from 'classnames'\n\nimport styles from './chart.module.css'\n\nexport const ChartFilters = ({ children, className }) => (\n \n {t('charts.lastUpdated')}\n
{format(new Date(generationDate), 'M/d/yy h:mm a')}\n
\n )}\n \n {exportExcel && (\n {format(new Date(generationDate), 'M/d/yy h:mm a')}\n
{children}
\n)\n","import React from 'react'\n\nimport styles from './chart.module.css'\n\nexport const ChartCheckboxes = ({ children }) => (\n {children}
\n)\n","import React, { useRef } from 'react'\nimport classNames from 'classnames'\nimport { BouncingArrow } from 'shared/components'\n\nimport styles from './chart.module.css'\n\nexport const ChartBody = ({\n children,\n fullHeight,\n withoutArrow,\n className\n}) => {\n const ref = useRef()\n return (\n <>\n \n \n {goBack && (\n \n {t('charts.back')}\n \n )}\n
\n )\n}\n","import React from 'react'\n\nimport styles from './chart.module.css'\n\nexport const ChartDescription = ({ children }) => (\n \n {children}\n
\n \n {t('charts.generated')}: {format(Date.now(), 'MM/dd/yyyy')}\n
\n {children}
\n)\n","import React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { format } from 'date-fns'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\n\nimport { useAuthContext } from 'features/auth'\nimport { StyledControl, SwitchOptions } from 'shared/components'\nimport { DashboardSelect } from 'features/dashboard/new-components/dashboard-select/dashboard-select'\nimport styles from './filters.module.css'\nimport { Chart } from '../../../../new-components/chart'\n\nexport const Filters = ({ options, handleSearch, dispatch }) => {\n const { t } = useTranslation()\n const { isTeacher, isKea } = useAuthContext()\n const [search, setSearch] = useState(options.search ?? '')\n\n useEffect(() => {\n if (options.search !== search) {\n setSearch(options.search)\n }\n }, [options.search])\n\n return (\n \n {!isKea && (\n \n item.time_range_name +\n (item.start_date && item.end_date\n ? ` (${format(new Date(item.start_date), 'MM/dd')} - ${format(\n new Date(item.end_date),\n 'MM/dd'\n )})`\n : '')\n }\n />\n )}\n {!isTeacher && (\n
\n \n {\n setSearch(e.target.value)\n handleSearch(e.target.value)\n }}\n onKeyDown={e => {\n if (e.key === 'Enter') {\n e.preventDefault()\n setSearch(search)\n handleSearch(search, true)\n }\n }}\n />\n {\n setSearch('')\n handleSearch('', true)\n }}\n />\n
\n \n \n dispatch({ type: 'setScheduled', scheduled: state })\n }\n />\n
\n \n {t('chart.printCurrentView')}\n {\n handleClose()\n onClickSingle()\n }}\n block\n purple\n >\n {t('chart.printCurrentView')}\n \n
\n \n {t('chart.printOnePage')}\n {\n handleClose()\n onClickAll({ showLowest: checkboxState })\n }}\n block\n purple\n >\n {t('chart.printAll')}{' '}\n {isTeacher ? t('chart.students') : t('chart.classrooms')}\n \n {checkbox && (\n \n setCheckboxState(!checkboxState)}\n defaultChecked={checkboxState}\n label=\"Highlight three lowest domains\"\n />\n \n )}\n {!isTeacher && onClickAllSecond && (\n {\n handleClose()\n onClickAllSecond()\n }}\n block\n purple\n >\n {t('chart.printAll')} {t('chart.students')}\n \n )}\n
\n {row.name}
,\n ...Object.keys(row.domain_data).map(key => {\n const value =\n row.domain_data[key] !== null\n ? (row.domain_data[key] * 100).toFixed(0) + '%'\n : 'N/A'\n const coloringValue = row.expected_domain_data\n ? (row.domain_data[key] / row.expected_domain_data[key]) * 100\n : 0\n return (\n \n {value}\n
\n )\n })\n ]\n })\n\n return \n {t('chart.table.school')}: {this.props.schoolName}\n
\n )}\n {this.props.classroomName && (\n \n {t('chart.table.classroom')}: {this.props.classroomName}\n
\n )}\n \n
\n )\n}\n\nclass SixthChartComponent extends React.Component {\n state = { chartPreparedForPrinting: false }\n\n render() {\n const {\n isSchoolAdmin,\n isExported,\n isTeacher,\n filters,\n data,\n commonData,\n totalEnrollment,\n age: exportAge,\n printAllHandler,\n t\n } = this.props\n const { chartPreparedForPrinting } = this.state\n const { school, classroom, domain, age } = filters\n const hasCommon =\n isExported || school.selected.value || classroom.selected.value\n const commonName = isSchoolAdmin\n ? 'School'\n : isTeacher\n ? 'Classroom'\n : 'District'\n let specificName = commonName\n\n if (school.selected.value) {\n specificName = school.selected.label\n }\n if (classroom.selected.value) {\n specificName = classroom.selected.label\n }\n\n const preparedData = data.map((item, index) => ({\n ...item,\n hasCommon,\n specificName,\n commonName,\n common_assessed_student_count: commonData[index].assessed_student_count,\n common_assessment_count: commonData[index].assessment_count,\n common_average_score: commonData[index].average_score / 12 || null,\n average_score: item.average_score / 12 || null\n }))\n\n if (isExported && preparedData.length === 0) return null\n\n return (\n \n {format(parse(data.month, 'yyyy-MM-dd', new Date()), 'MMM yy')}\n
\n \n {data.specificName}-Wide:{' '}\n {transformAge(data.average_score * 12, props.t)}\n
\n \n {props.t('chart.studentsAssessed')}:{' '}\n {data.assessed_student_count}\n
\n \n {props.t('chart.assessmentsTaken')}: {data.assessment_count}\n
\n {data.hasCommon && (\n <>\n \n {data.commonName}-Wide:{' '}\n {transformAge(data.common_average_score * 12, props.t)}\n
\n \n {props.t('chart.studentsAssessed')}:{' '}\n {data.common_assessed_student_count}\n
\n \n {props.t('chart.assessmentsTaken')}:{' '}\n {data.common_assessment_count}\n
\n \n )}\n \n {t('chart.table.classroom')}: {this.props.classroomName}\n
\n {t('chart.table.age')}: {this.props.age}\n
\n )}\n\n {!preparedData.length && \n {t('chart.table.age')}: {this.props.age}\n
{t('chart.sixth.averageLevel')}
\n \n \n \n \n format(\n parse(unixTime, 'yyyy-MM-dd', new Date()),\n 'MMM yy'\n )\n }\n />\n Math.round(value)}\n />\n\n \n
\n \n )}\n \n {isDistrictAdmin && (\n \n `${item.first_name} ${item.last_name ?? ''}`\n }\n />\n
\n \n
\n \n (\n {value}\n )}\n />\n
\n )\n}\n\nconst RADIAN = Math.PI / 180\n\nconst CentralLabel = ({ viewBox: { cx, cy }, labelText, value }) => (\n \n {data.map(chart => (\n
\n \n \n \n \n
\n ))}\n \n {chart.subdomain.name}\n
\n \n {t('charts.assessmentsTaken')}: {chart.assessments_taken}\n
\n {!isStudentLevel && (\n \n {t('charts.studentsAssessed')}: {chart.students_assessed}\n
\n )}\n \n {t(\n options.student\n ? 'charts.domainsOnTrack.belowMeetingExceeding'\n : 'charts.domainsOnTrack.percentOfStudents',\n {\n name: subdomain.subdomain.name\n }\n )}\n
\n \n {subdomain.objective_ids.map(objective_id => {\n const foundObjective = data.objectives.find(\n objective => objective.objective.objective_id === objective_id\n )\n return (\n \n \n {foundObjective.objective.name}\n \n
\n )\n })}\n \n \n {options.student\n ? foundObjective.performance_band == null\n ? 'N/A'\n : foundObjective.performance_band\n : foundObjective.percent_meeting_and_exceeding == null\n ? 'N/A'\n : foundObjective.percent_meeting_and_exceeding + '%'}\n
\n \n (\n {value}\n )}\n />\n
\n {domainModal && (\n \n \n \n \n \n value + '%'}\n />\n {data.subdomains.map(subdomain => (\n {\n const objectives = data.objectives.filter(objective =>\n subdomain.objective_ids.includes(\n objective.objective.objective_id\n )\n )\n setDomainModal({ ...subdomain, objectives })\n }}\n key={subdomain.subdomain.subdomain_id}\n cursor=\"pointer\"\n fill={\n subdomain.percent_students_accessed < 50\n ? graphColors.notassessed\n : subdomain.percent_meeting_and_exceeding > 80\n ? graphColors.exceeding\n : subdomain.percent_meeting_and_exceeding > 50\n ? graphColors.meeting\n : graphColors.below\n }\n />\n ))}\n \n \n \n
\n \n \n \n
\n
\n | {t('charts.domainsOnTrack.assessmentsComplete')} | \n
| \n {options.student\n ? t('charts.domainsOnTrack.objectivesAssessed')\n : t('charts.domainsOnTrack.studentsAssessed')}\n | \n
\n \n \n {data.subdomains.map(subdomain => (\n
\n
\n | {subdomain.assessments_taken} | \n{subdomain.percent_students_accessed ?? '0'}% | \n
\n
\n )\n }\n return null\n}\n","import React, { useState, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQuery } from 'react-query'\nimport { Form } from 'react-bootstrap'\nimport { fetchDomainsOnTrackChartQuery } from 'lib/api'\nimport { Checkbox } from 'shared/components'\n\nimport { graphColors } from './helpers'\nimport { Filters } from './components/filters/filters'\nimport { PieCharts } from './components/pie-charts/pie-charts'\nimport { ObjectivesTabs } from './components/objectives-tabs/objectives-tabs'\nimport { BarChart } from './components/bar-chart/bar-chart'\nimport { Chart } from '../../new-components/chart'\nimport { useDashboardReducer } from '../../hooks/use-dashboard-reducer'\n\nexport const DomainsOnTrack = () => {\n const [showSubdomains, setShowSubdomains] = useState(false)\n const [barChartView, setBarChartView] = useState(false)\n const { t, i18n } = useTranslation()\n const { options, dispatch } = useDashboardReducer()\n const { data, isLoading, isFetching, isFetched } = useQuery({\n ...fetchDomainsOnTrackChartQuery({\n ...options,\n language: i18n.language,\n subdomains: showSubdomains\n }),\n keepPreviousData: true\n })\n\n const pieChartData = useMemo(\n () =>\n data &&\n data.result.subdomains.map(chartData => ({\n ...chartData,\n performance_data:\n chartData.performance_data.below !== 0 ||\n chartData.performance_data.meeting !== 0 ||\n chartData.performance_data.exceeding !== 0\n ? [\n {\n name: t('charts.domainsOnTrack.below'),\n value: chartData.performance_data.below,\n fill: graphColors.below\n },\n {\n name: t('charts.domainsOnTrack.meeting'),\n value: chartData.performance_data.meeting,\n fill: graphColors.meeting\n },\n {\n name: t('charts.domainsOnTrack.exceeding'),\n value: chartData.performance_data.exceeding,\n fill: graphColors.exceeding\n }\n ]\n : [\n {\n name: t('charts.domainsOnTrack.none'),\n value: 1,\n fill: graphColors.notassessed\n }\n ]\n })),\n [data, i18n.language]\n )\n\n return (\n \n {payload[0].payload.subdomain.name}:{' '}\n {payload[0].payload.percent_meeting_and_exceeding || '0'}%\n
\n \n {t('charts.domainsOnTrack.assessmentsComplete')}:{' '}\n {payload[0].payload.assessments_taken}\n
\n \n {t('charts.domainsOnTrack.studentsAssessed')}:{' '}\n {payload[0].payload.students_assessed}\n
\n {t('chart.table.notRequired')}
\n )\n }\n const currentStudent = {\n ...item,\n classroom_id: classroom\n }\n if (\n !itemObjectiveData.assessment_taken &&\n itemObjectiveData.include_observation_button\n ) {\n if (isKea) return <>\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { sortBy } from 'lodash'\nimport { Table, Loader } from 'shared/components'\nimport { useTableOrder } from 'shared/hooks'\nimport styles from './teacher-view.module.css'\nimport { getRowsForTeacherView } from '../../helpers'\n\nexport const TeacherView = ({\n loading,\n chartData,\n classroom,\n fetchData,\n isStudentLoading,\n t\n}) => {\n const { field, arrow, order, handleChange } = useTableOrder('name')\n const { data, objectives, noStudentData } = chartData\n const sortedObjectives = sortBy(objectives, 'direct').reverse()\n const objectivesRow = [\n {\n name: t('chart.table.student'),\n orderArrow: field === 'name' && arrow,\n onClick: () => handleChange('name')\n },\n ...sortedObjectives.map((objective, index) => {\n if (objective.direct) {\n const nextObjective = sortedObjectives[index + 1]\n if (nextObjective && !nextObjective.direct) {\n return {\n name: objective.name\n }\n }\n }\n return { name: objective.name }\n })\n ]\n const objectivesType = [\n { name: '' },\n ...sortedObjectives.map(objective => ({\n name: objective.direct ? 'Game' : 'Obs',\n id: objective.objective_id\n }))\n ]\n let rawValues = data ?? []\n\n if (field) {\n const toSort = rawValues.filter(v => v[field] !== null)\n const toEnd = rawValues.filter(v => v[field] === null)\n\n rawValues = sortBy(toSort, [\n o => {\n return o[field]\n }\n ])\n\n if (!order) {\n rawValues = rawValues.reverse()\n }\n rawValues.push(...toEnd)\n }\n\n const values = getRowsForTeacherView(\n rawValues,\n sortedObjectives,\n classroom,\n fetchData\n )\n\n if (isStudentLoading) return null\n\n return (\n \n
\n )\n}\n","import React, { useRef, useState, useEffect } from 'react'\nimport { Chart, ChartSkeleton } from 'features/dashboard'\nimport { useAuthContext } from 'features/auth'\nimport { useChartData } from 'features/dashboard/hooks'\nimport { PrintableWrapper, WeekSelector, NoData } from 'shared/components'\nimport Select from 'react-select'\nimport { useReactToPrint } from 'react-to-print'\nimport { useTranslation } from 'react-i18next'\nimport { TeacherView } from './components/teacher-view/teacher-view'\nimport { useFilters } from './use-filters'\nimport { getData } from './helpers'\n\nexport const _10thChartContainer = () => {\n const { t } = useTranslation()\n const printRef = useRef()\n const [currentWeek, setCurrentWeek] = useState(0)\n const [params, setParams] = useState(null)\n const [chartData, setChartData] = useState(null)\n const {\n isTeacher,\n isSchoolAdmin,\n scope,\n isKea,\n assessmentPurpose\n } = useAuthContext()\n\n const { data, loading, fetchData } = useChartData(\n 'ObjectivesOnScheduleData',\n {\n cache_retrieval: isTeacher ? 'NEVER' : 'IF_FRESH',\n assessment_purpose: assessmentPurpose,\n ...params\n },\n [params]\n )\n const filters = useFilters(data)\n const { school, classroom, age } = filters\n\n useEffect(\n () =>\n setParams({\n classroom: filters.classroom.selected.value,\n weeksoffset: currentWeek\n }),\n [filters.classroom.selected.value, currentWeek]\n )\n\n const isChartHidden = data === null || (data && data.hidden)\n const handlePrint = useReactToPrint({\n content: () => printRef.current\n })\n\n useEffect(() => {\n if (data) {\n setChartData(getData(data, filters, isTeacher))\n }\n }, [data, filters.age.selected])\n\n if (!loading && isChartHidden) return null\n if ((loading && !data) || !age.selected || !chartData) {\n return \n
\n )}\n \n //
\n // )\n}\n","import React, { useState, useEffect } from 'react'\nimport Skeleton from 'react-loading-skeleton'\n\nimport styles from './chart-skeleton.module.css'\n\nimport { Chart } from '../chart'\n\nexport const ChartSkeleton = () => {\n const step = 3 + Math.floor(Math.random() * Math.floor(7))\n const [counter, setCounter] = useState(step)\n\n useEffect(() => {\n const interval = setInterval(() => {\n setCounter(localCounter => (localCounter > 10 ? 1 : localCounter + 1))\n }, step * 100)\n return () => {\n clearInterval(interval)\n }\n }, [])\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport Cookie from 'js-cookie'\nimport { Auth } from 'aws-amplify'\nimport { useTranslation } from 'react-i18next'\nimport { Button, Modal } from 'shared/components'\nimport { useAuthContext } from 'features/auth'\n\nconst cookieName = 'feedback-survey'\n\nconst getTeacherLink = ({ firstName, lastName, email, role, org, en }) =>\n en\n ? `https://docs.google.com/forms/d/e/1FAIpQLSf91tzk-JWZczsH7mIKdjYhPK9L_Li6DTFzOIu52Fb070yUYg/viewform?usp=sf_link/viewform?usp=pp_url&entry.472618636=${firstName}+${lastName}&entry.1316893447=${email}&entry.518700738=${org}&entry.1952440059=${role}`\n : `https://docs.google.com/forms/d/16u5x0WUnP-CvJlaWtjXIW8380OxnFzZ8UFfhmSmbQ2k/viewform?usp=pp_url&entry.472618636=${firstName}+${lastName}&entry.1316893447=${email}&entry.518700738=${org}&entry.1952440059=${role}`\n\nconst getAdminLink = ({ firstName, lastName, email, role, org, en }) =>\n en\n ? `https://docs.google.com/forms/d/e/1FAIpQLScTvSQJpJ520_c3IX8HzRQqRyAaplrAKrTByJzggqC21yWz4g/viewform?usp=sf_link/viewform?usp=pp_url&entry.472618636=${firstName}+${lastName}&entry.1316893447=${email}&entry.518700738=${org}&entry.1952440059=${role}`\n : `https://docs.google.com/forms/d/e/1FAIpQLSeWTuk4mteSshWbXWKLpCliaP8G64f1h8vMGO4CDLf3nYN1xw/viewform?usp=pp_url&entry.472618636=${firstName}+${lastName}&entry.1316893447=${email}&entry.518700738=${org}&entry.1952440059=${role}`\n\nexport const FeedbackSurvey = () => {\n const { t, i18n } = useTranslation()\n const { user } = useAuthContext()\n const [visible, setVisible] = useState(false)\n const [secondScreen, setSecondScreen] = useState(false)\n\n useEffect(() => {\n const cookieValue = Cookie.get(cookieName + user.account_id)\n if (cookieValue === undefined) {\n setVisible(true)\n }\n }, [])\n\n const hide = () => {\n Cookie.set(cookieName + user.account_id, true, { expires: 1 })\n setVisible(false)\n }\n\n const prepareDataForRedirect = async () => {\n const user = await Auth.currentAuthenticatedUser()\n const org = user.attributes['custom:organizationID']\n const role = user.attributes['custom:role']\n\n return {\n org,\n role,\n email: user.attributes.email,\n firstName: encodeURIComponent(user.attributes.given_name),\n lastName: encodeURIComponent(user.attributes.family_name || ''),\n en: i18n.language === 'en'\n }\n }\n\n const redirect = isTeacher => async () => {\n const data = await prepareDataForRedirect()\n const link = isTeacher ? getTeacherLink(data) : getAdminLink(data)\n\n window.open(link, '_blank')\n Cookie.set(cookieName + user.account_id, true, { expires: 180 })\n setVisible(false)\n }\n\n return (\n \n \n {t('charts.quickLinks.addStudent')}\n \n )}\n \n {t('charts.quickLinks.startTraining')}\n \n setModal(t('charts.quickLinks.playGamesPopup'))}\n >\n {t('charts.quickLinks.playGames')}\n \n \n setJoyride(state => ({ ...state, run: true, stepIndex: 0 }))\n }\n >\n {t('charts.quickLinks.seeWalkthrough')}\n \n {modal && (\n setModal(null)}>\n {modal} \n \n )}\n
\n )\n }\n\n if (isStateAdmin) {\n return (\n {t('charts.quickLinks.quickLinks')}
\n {user?.can_add_students && (\n\n \n setJoyride(state => ({ ...state, run: true, stepIndex: 0 }))\n }\n >\n {t('charts.quickLinks.seeWalkthrough')}\n \n {modal && (\n setModal(null)}>\n {modal} \n \n )}\n
\n )\n }\n\n return (\n {t('charts.quickLinks.quickLinks')}
\n\n \n {t('charts.quickLinks.addStudent')}\n \n )}\n {user?.add_remove_edit_users && (\n \n {t('charts.quickLinks.addTeacher')}\n \n )}\n {user?.add_remove_edit_org_management && (\n \n {t('charts.quickLinks.addClassroom')}\n \n )}\n {!isKea && (\n \n {t('charts.quickLinks.printReports')}\n \n )}\n setModal(t('charts.quickLinks.playGamesPopup'))}\n >\n {t('charts.quickLinks.playGames')}\n \n \n setJoyride(state => ({ ...state, run: true, stepIndex: 0 }))\n }\n >\n {t('charts.quickLinks.seeWalkthrough')}\n \n {modal && (\n setModal(null)}>\n {modal} \n \n )}\n
\n )\n}\n","import React, { useLayoutEffect, useEffect, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { STATUS, ACTIONS, EVENTS } from 'react-joyride'\n\nimport { StyledJoyride } from 'shared/components'\n\nexport const Walkthrough = ({\n joyride: { run, sidebarOpen, steps, stepIndex },\n setJoyride,\n loading\n}) => {\n const { t, i18n } = useTranslation()\n const menu = document.getElementById('sidenav-toggle')\n useLayoutEffect(() => {\n if (!menu) return\n const updateMenu = () => {\n setJoyride(state => ({\n ...state,\n run: state.stepIndex === 0 ? false : state.run,\n sidebarOpen: !state.sidebarOpen,\n stepIndex: state.stepIndex === 0 ? 1 : state.stepIndex\n }))\n }\n menu.addEventListener('click', updateMenu, {\n passive: true\n })\n return () => menu?.removeEventListener('click', updateMenu)\n })\n useEffect(() => {\n setJoyride(state => ({\n ...state,\n steps: [\n {\n title: t('charts.walkthrough.menu'),\n content: t('charts.walkthrough.menuContent'),\n target: '#sidenav-toggle',\n disableBeacon: true,\n disableOverlayClose: true,\n spotlightClicks: true,\n spotlightPadding: 0,\n showSkipButton: true,\n hideCloseButton: true\n },\n {\n title: t('charts.walkthrough.addStudents'),\n content: t('charts.walkthrough.addStudentsContent'),\n target: '#sidenav-management',\n showSkipButton: true,\n disableBeacon: true,\n spotlightPadding: 0,\n placement: 'right'\n },\n {\n title: t('charts.walkthrough.training'),\n content: t('charts.walkthrough.trainingContent'),\n target: '#sidenav-training',\n spotlightPadding: 0,\n placement: 'right'\n },\n {\n title: t('charts.walkthrough.schedule'),\n content: t('charts.walkthrough.scheduleContent'),\n target: '#sidenav-schedule',\n spotlightPadding: 0,\n placement: 'right'\n },\n {\n title: t('charts.walkthrough.reports'),\n content: t('charts.walkthrough.reportsContent'),\n target: '#sidenav-reports',\n spotlightPadding: 0,\n placement: 'right'\n },\n {\n title: t('charts.walkthrough.support'),\n content: t('charts.walkthrough.supportContent'),\n target: '#sidenav-support',\n spotlightPadding: 0,\n placement: 'right'\n },\n {\n title: t('charts.walkthrough.whoIsUsingCTB'),\n content: t('charts.walkthrough.whoIsUsingCTBContent'),\n target: '#assessment-completion'\n },\n {\n title: t('charts.walkthrough.chat'),\n content: t('charts.walkthrough.chatContent'),\n target: '#chat-with-support'\n },\n {\n title: t('charts.walkthrough.account'),\n content: t('charts.walkthrough.accountContent'),\n target: '#account-dropdown'\n }\n ]\n }))\n }, [i18n.language])\n useEffect(() => {\n if (!loading && !window.localStorage.getItem('isWalkthroughPassed')) {\n setJoyride(state => ({\n ...state,\n run: true\n }))\n }\n }, [loading])\n\n const handleJoyrideCallback = useCallback(\n data => {\n const { status, index, action, type } = data\n if ([STATUS.FINISHED, STATUS.SKIPPED].includes(status)) {\n // Need to set our running state to false, so we can restart if we click start again.\n setJoyride(state => ({ ...state, run: false, stepIndex: 0 }))\n if (sidebarOpen) {\n menu.click()\n }\n window.localStorage.setItem('isWalkthroughPassed', true)\n } else if (action === ACTIONS.START) {\n if (index === 0 && sidebarOpen) {\n menu.click()\n setTimeout(() => {\n setJoyride(state => ({ ...state, run: true, stepIndex: 0 }))\n }, 400)\n }\n } else if ([EVENTS.STEP_AFTER, EVENTS.TARGET_NOT_FOUND].includes(type)) {\n const nextStepIndex = index + (action === ACTIONS.PREV ? -1 : 1)\n if (index === 0) {\n setTimeout(() => {\n setJoyride(state => ({ ...state, run: true }))\n }, 400)\n } else if (sidebarOpen && index === 1) {\n setJoyride(state => ({\n ...state,\n run: false,\n stepIndex: nextStepIndex\n }))\n\n setTimeout(() => {\n setJoyride(state => ({ ...state, run: true }))\n }, 400)\n } else if (index === 6 && action === ACTIONS.PREV) {\n menu.click()\n setJoyride(state => ({\n ...state,\n run: false,\n stepIndex: nextStepIndex\n }))\n\n setTimeout(() => {\n setJoyride(state => ({ ...state, run: true }))\n }, 400)\n } else if (index === 5 && action === ACTIONS.NEXT) {\n menu.click()\n setJoyride(state => ({\n ...state,\n stepIndex: nextStepIndex\n }))\n } else {\n // Update state to advance the tour\n setJoyride(state => ({\n ...state,\n stepIndex: nextStepIndex\n }))\n }\n }\n },\n [menu, sidebarOpen]\n )\n return (\n {t('charts.quickLinks.quickLinks')}
\n {user?.can_add_students && (\n{charts}
\n {/* Uncomment next line to turn on the pop up */}\n {/* \n {t('basicComponents.device.description')} {platform.description}\n
\n\n {t('basicComponents.device.name')} {platform.name}\n
\n\n {t('basicComponents.device.browser')} {platform.ua}\n
\n\n {t('basicComponents.device.version')} {platform.version}\n
\n\n OS: {platform.os.family}/x{platform.os.architecture}/version:{' '}\n {platform.os.version}\n
\n{JSON.stringify(parsedData)}
\n\n \n {teachers[0].first_name} {teachers[0].last_name || ''}\n \n \n {teachers.length > 1 &&\n (showTeachers ? (\n ', ' +\n teachers\n .map(\n teacher =>\n `${teacher.first_name} ${teacher.last_name || ''}`\n )\n .join(', ')\n ) : (\n setShowTeachers(true)}>\n {' '}\n +{teachers.length - 1} more...\n \n ))}\n \n
\n )\n },\n meta: {\n sortingLabel: 'alphabetic'\n },\n sortingFn: 'alphanumeric'\n },\n {\n accessorKey: 'student_count',\n header: t('curriculum.table.studentsCount'),\n cell: ({ getValue }) =>\n getValue() ? `${getValue()} ${t('curriculum.table.students')}` : '-',\n enableColumnFilter: true,\n\n sortUndefined: 1\n },\n {\n accessorKey: 'min_age',\n header: t('curriculum.table.ageRange'),\n cell: ({ getValue, row }) =>\n `${transformAge(getValue(), t)} - ${transformAge(\n row.original.max_age,\n t\n )}`\n },\n {\n accessorFn: row =>\n row.curriculums?.length\n ? row.curriculums\n .map(curriculum => curriculum.curriculum_name)\n .join(', ')\n : undefined,\n header: t('curriculum.table.curriculum'),\n cell: ({ row, getValue }) =>\n getValue() || (\n \n
\n ))}\n {editCurriculumModal && (\n \n {school.school_name}\n
\n \n
\n ))}\n \n {content.title}\n
\n {typeof content.body === 'object' ? (\n - \n {content.body.map((item, i) => (\n
- {item} \n ))}\n
{content.body}
\n )}\n \n
\n {t('curriculum.detailedLessonModal.related')}\n
\n \n {detailedLessonModal.objectives?.map(o => o.label).join(', ') ||\n '-'}\n
\n \n
\n \n {t('curriculum.detailedLessonModal.recommendedSmallGroups')}\n \n
\n
\n \n
\n {t('curriculum.detailedLessonModal.rsgDescription')}\n
\n \n {data.small_groups?.student_groups?.map(group => (\n
\n \n )}\n \n
\n )) || '-'}\n \n \n {t('curriculum.detailedLessonModal.group')} {group.name}\n \n
\n {group.students?.length\n ? group.students.map(student => (\n \n {student.student_name.first_name}{' '}\n {student.student_name.last_name || ''}\n
\n ))\n : '-'}\n \n
\n {section.section_name}
\n {!!standards?.length && (\n \n (\n {standards?.map((standard, index) => (\n \n \n {Object.values(standard)[0]}\n \n \n ))}\n )\n
\n )}\n \n {Object.keys(standard)[0]}\n {index !== standards.length - 1 && ','}\n
\n \n {dailyValues[day.day_number - 1]?.label}\n
\n {dailyValues[\n day.day_number - 1\n ]?.assignable_content?.print_content?.map(content => (\n \n {content.title}: \n\n {typeof content.body === 'object' ? (\n
\n ))}\n - \n {content.body.map((item, i) => (\n
- {item} \n ))}\n
\n {!!objectives?.length && (\n value)}\n defaultObservation=\"PortfolioBasedObservationContainer\"\n text={t('curriculum.collectObs')}\n />\n )}\n {section.has_detailed_view &&\n dailyValues[day.day_number - 1] && (\n \n setDetailedLessonModal({\n ...dailyValues[day.day_number - 1],\n objectives,\n color: section.color,\n options,\n classroomId\n })\n }\n >\n {t('curriculum.seeDetailed')}\n \n )}\n
\n \n )\n })}\n \n \n {detailedLessonModal && (\n \n
\n )}\n {!!notGameObjectives?.length && (\n \n {t('curriculum.related')}\n
\n {objectives?.map(o => o.label).join(', ')}
\n \n \n {get(section.section_id)?.assignable_name}\n
\n \n )\n}\n","import React from 'react'\n\nimport { DailySection } from './components/sections/daily-section'\nimport { WeeklySection } from './components/sections/weekly-section'\nimport styles from './print-tool.module.css'\nimport { getSectionType } from '../../utils'\nimport { useCurriculumContext } from '../../curriculum'\n\nexport const PrintTool = () => {\n const { filterData, data } = useCurriculumContext()\n\n return (\n \n
\n {section.section_name}
\n {!!standards?.length && (\n \n (\n {standards?.map((standard, index) => (\n \n \n {Object.values(standard)[0]}\n \n \n ))}\n )\n
\n )}\n \n {Object.keys(standard)[0]}\n {index !== standards.length - 1 && ','}\n
\n \n {filterData.sections?.map(section => {\n const { isDaily, isWeekly } = getSectionType(section)\n const standards = data?.assignable_content.section_data.find(\n s => s.section_id === section.section_id\n )?.standards\n if (isDaily) {\n return (\n
\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { get as lodashGet } from 'lodash'\nimport { Form } from 'react-bootstrap'\nimport { useTranslation } from 'react-i18next'\nimport CreatableSelect from 'react-select/creatable'\nimport { Select } from 'shared/components'\nimport styles from './assignable.module.css'\nimport {\n transformObjectiveToOption,\n transformAssignableToOption\n} from '../../../utils'\nimport { useCurriculumContext } from '../../../curriculum'\n\nexport const AssignableDaily = ({ assignable, section }) => {\n const { t } = useTranslation()\n const { theme_week_day_id, day_name, assignables } = assignable\n const {\n actions: { set, get },\n data\n } = useCurriculumContext()\n const defaultAssignable = get(section.section_id, {\n theme_week_day_id,\n day_number: assignable.day_number\n })\n const [firstSelected, setFirstSelected] = useState(null)\n const [secondSelected, setSecondSelected] = useState(null)\n const [textFields, setTextFields] = useState(null)\n\n useEffect(() => {\n setFirstSelected(defaultAssignable || null)\n const objectives = lodashGet(defaultAssignable, 'objectives', null)\n setSecondSelected(\n defaultAssignable?.saved ? objectives?.filter(o => o.saved) : objectives\n )\n setTextFields(\n section?.content.map(content => {\n const foundAssignable = defaultAssignable?.assignable_content?.portal_content.find(\n ({ category_id }) => category_id === content.category_id\n )\n if (foundAssignable) return foundAssignable\n return { ...content, body: content.body || null }\n })\n )\n }, [defaultAssignable?.section_id])\n useEffect(() => {\n setFirstSelected(defaultAssignable)\n }, [defaultAssignable?.section_id])\n\n const firstOptions = [\n ...assignables.map(a =>\n transformAssignableToOption(a, assignable.day_number)\n ),\n {\n custom_assignable: true,\n value: null,\n label: t('curriculum.filters.startTyping'),\n assignable_objectives: lodashGet(data, 'available_objectives', []).map(\n transformObjectiveToOption\n )\n }\n ]\n\n const secondOptions = lodashGet(data, 'available_objectives', []).map(\n transformObjectiveToOption\n )\n\n if (!theme_week_day_id || !day_name) return null\n\n const creatableSelectStyle = isContent => ({\n control: defaultStyles => ({\n ...defaultStyles,\n width: '210px',\n cursor: 'pointer',\n margin: 0,\n borderColor: section.color,\n borderWidth: '3px',\n background:\n isContent &&\n `linear-gradient(rgb(255 255 255 / 85%), rgb(255 255 255 / 85%)) ${section.color}`,\n ':hover': {\n borderColor: '#13348b8a'\n }\n }),\n multiValue: defaultStyles => ({\n ...defaultStyles,\n backgroundColor: section.color,\n color: 'white',\n '*': {\n color: 'white !important'\n },\n '*:hover': { backgroundColor: section.color }\n }),\n indicatorSeparator: defaultStyles => ({\n ...defaultStyles,\n backgroundColor: section.color\n })\n })\n\n return (\n \n
\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { get as lodashGet } from 'lodash'\nimport { Form } from 'react-bootstrap'\nimport styles from './assignable.module.css'\nimport { useCurriculumContext } from '../../../curriculum'\n\nexport const AssignableWeekly = ({ assignable, section }) => {\n const { assignable_content, assignable_name } = assignable\n const {\n actions: { setWeekly, get },\n data\n } = useCurriculumContext()\n const value = lodashGet(\n assignable_content,\n 'print_content.description',\n assignable_name\n )\n const defaultValue = lodashGet(\n get(section.section_id, {\n assignable_id: assignable.assignable_id\n }),\n 'description',\n assignable_name\n )\n const [text, setText] = useState(defaultValue || value)\n\n useEffect(() => {\n if (!defaultValue && value) {\n setWeekly(section.section_id, { value })\n }\n }, [data])\n\n return (\n {day_name}
\n\n {\n if (action.action === 'create-option') {\n setFirstSelected({\n ...option,\n custom_assignable: true,\n assignable_objectives: lodashGet(\n data,\n 'available_objectives',\n []\n ).map(transformObjectiveToOption)\n })\n set(\n section.section_id,\n {\n ...option,\n day_number: assignable.day_number,\n custom_assignable: true\n },\n {\n ...option,\n objectives: secondSelected,\n label: option.label,\n assignable_content: {\n ...option?.assignable_content,\n portal_content: textFields\n }\n },\n theme_week_day_id\n )\n } else {\n if (option.value === null) return\n setFirstSelected(option)\n if (!option.custom_assignable) {\n setSecondSelected(\n option.assignable_objectives?.map(transformObjectiveToOption)\n )\n }\n setTextFields(textFields =>\n textFields.map(field => {\n const foundAssignable = option.assignable_content?.portal_content.find(\n ({ category_id }) => category_id === field.category_id\n )\n if (foundAssignable) return foundAssignable\n return field\n })\n )\n set(\n section.section_id,\n { ...option, day_number: assignable.day_number },\n {\n ...option,\n objectives: option.custom_assignable\n ? secondSelected\n : option.assignable_objectives,\n label: option.label\n },\n theme_week_day_id\n )\n }\n }}\n />\n {!!textFields?.length &&\n textFields.map(content => (\n \n {\n const foundFieldIndex = textFields.findIndex(\n ({ category_id }) => category_id === content.category_id\n )\n const newTextFields = [...textFields]\n newTextFields[foundFieldIndex] = {\n ...newTextFields[foundFieldIndex],\n body: e.target.value\n }\n setTextFields(newTextFields)\n }}\n onBlur={() =>\n set(\n section.section_id,\n {\n ...firstSelected,\n objectives: secondSelected,\n custom_assignable: true,\n changed: false\n },\n {\n ...firstSelected,\n custom_assignable: true,\n objectives: secondSelected,\n assignable_content: {\n ...firstSelected?.assignable_content,\n portal_content: textFields\n }\n },\n theme_week_day_id\n )\n }\n />\n \n ))}\n {\n setSecondSelected(objectives)\n set(\n section.section_id,\n {\n ...firstSelected,\n day_number: assignable.day_number\n },\n {\n ...firstSelected,\n assignable_content: {\n ...firstSelected?.assignable_content,\n portal_content: textFields\n },\n objectives: objectives\n },\n theme_week_day_id\n )\n }}\n />\n
\n \n {label && {\n setSelectedId(item)\n dispatch({\n type: 'setOptions',\n options: {\n theme_week: item.value,\n changed: item.value ? true : undefined\n }\n })\n }}\n isDisabled={isLoading}\n />\n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Button } from 'shared/components'\nimport { AssignableDaily } from './components/assignable-daily'\nimport { AssignableWeekly } from './components/assignable-weekly'\nimport styles from './planning-toop.module.css'\nimport { useCurriculumContext } from '../../curriculum'\nimport { ThemeSelect } from '../../components/theme-select/theme-select'\nimport { getSectionType } from '../../utils'\n\nexport const PlanningTool = () => {\n const { t } = useTranslation()\n const {\n options,\n dispatch,\n data,\n classroomId,\n actions: { save }\n } = useCurriculumContext()\n\n return (\n {label}:
}\n\n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nimport { Button, Loader } from 'shared/components'\n\nimport styles from './curriculum-week.module.css'\nimport { PrintTool } from '../../tools/print-tool/print-tool'\nimport { PlanningTool } from '../../tools/planning-tool/planning-tool'\nimport { useCurriculumContext } from '../../curriculum'\n\nexport const CurriculumWeek = ({ curriculumDataLoading }) => {\n const { t } = useTranslation()\n const { filterData, options, dispatch, classroomId } = useCurriculumContext()\n\n return (\n \n {data &&\n data.assignable_content.section_data?.map(section => {\n if (!section.section_timeframe) {\n return null\n }\n const { isDaily, isWeekly } = getSectionType(section)\n const Component = isDaily ? AssignableDaily : AssignableWeekly\n\n let assignables = []\n if (isDaily) {\n assignables = section.theme_weekdays\n }\n if (isWeekly) {\n const savedWeeklyAssignables = section.assignables?.filter(\n assignable => assignable.saved\n )\n if (savedWeeklyAssignables?.length) {\n assignables = savedWeeklyAssignables\n } else {\n if (!section.assignables?.length) {\n assignables = [\n {\n custom_assignable: true,\n assignable_name: ''\n }\n ]\n } else {\n assignables = section.assignables\n }\n }\n }\n return (\n
\n \n
\n )\n })}\n {!!data && (\n {section.section_name}
\n\n {assignables.map((assignable, index) => (\n
\n \n \n
\n )}\n \n {!options.planning && !options.print ? (\n
\n )\n}\n","import React, { useCallback, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport queryString from 'query-string'\nimport { useLocation } from 'react-router-dom'\nimport { toast } from 'react-toastify'\nimport { get } from 'lodash'\n\nimport { Button, Modal } from 'shared/components'\nimport { saveClassroomCurriculum } from 'lib/api'\nimport { useAuthContext } from 'features/auth'\n\nexport const DeleteCurriculumModal = ({\n data: { show, existing_theme_week, week_date, title },\n onHide,\n refetch\n}) => {\n const location = useLocation()\n const params = useMemo(() => queryString.parse(location.search), [\n location.search\n ])\n const { t, i18n } = useTranslation()\n const { domain } = useAuthContext()\n const classroomId = useMemo(\n () => get(domain, 'data.classroom_id', null) || params.classroom,\n [domain, params.classroom]\n )\n\n const deleteCurriculum = useCallback(() => {\n onHide()\n return saveClassroomCurriculum(\n [\n {\n assignables: []\n }\n ],\n {\n classroom: classroomId,\n week: week_date,\n delete_entry: true,\n existing_theme_week\n }\n )\n .then(resp => {\n if (resp.success) {\n toast.success(t('curriculum.delete.success'))\n refetch()\n } else throw new Error(resp.error)\n })\n .catch(e =>\n toast.error(\n e.response?.data?.message || e.message || 'Something went wrong'\n )\n )\n }, [\n saveClassroomCurriculum,\n i18n.language,\n onHide,\n classroomId,\n week_date,\n existing_theme_week,\n refetch\n ])\n\n return (\n \n \n dispatch({ type: 'setPage', print: true, planning: false })\n }\n >\n {t('curriculum.printBalkPlan')}\n \n \n dispatch({ type: 'setPage', print: false, planning: true })\n }\n >\n {t('curriculum.startThisWeekPlan')}\n \n
\n ) : (\n \n {curriculumDataLoading &&
\n )}\n \n {options.print ? (\n \n dispatch({ type: 'setPage', print: true, planning: true })\n }\n />\n )}\n
\n \n {label && {\n setSelectedId(item)\n dispatch({\n type: 'setCurriculum',\n curriculum: item.value\n })\n }}\n isDisabled={isLoading}\n {...rest}\n />\n
\n )\n}\n","import React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faTrashCan } from '@fortawesome/free-solid-svg-icons'\n\nimport { Button, NoData } from 'shared/components'\n\nimport styles from './curriculum-home.module.css'\nimport { DeleteCurriculumModal } from './delete-curriculum-modal'\nimport { CurriculumSelect } from '../../components/curriculum-select/curriculum-select'\n\nexport const CurriculumHome = ({\n data,\n classroomId,\n options,\n dispatch,\n refetch\n}) => {\n const { t } = useTranslation()\n const [deleteCurriculum, setDeleteCurriculum] = useState({\n show: false,\n existing_theme_week: null,\n week_date: null,\n title: null\n })\n\n return (\n {t('curriculum.filters.selectCurriculum')}:
}\n\n setDeleteCurriculum(prev => ({ ...prev, show: false }))}\n refetch={refetch}\n />\n
\n )\n}\n","import React, {\n useState,\n useMemo,\n useCallback,\n createContext,\n useContext,\n useRef,\n useEffect\n} from 'react'\nimport { get } from 'lodash'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport ReactToPrint from 'react-to-print'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPrint } from '@fortawesome/free-solid-svg-icons'\nimport { useHistory } from 'react-router-dom'\n\nimport { useAuthContext } from 'features/auth'\nimport { ObservationCell } from 'features/observations'\nimport { NoData, Loader, Button, Modal, Heading } from 'shared/components'\nimport logo from 'assets/logo-small.png'\nimport FrogStreetLogo from 'assets/images/frog-street-cmyk-logo.svg'\n\nimport { homeURL } from 'lib/links'\nimport { useCurriculum } from './hooks/use-curriculum'\nimport { useCurriculumFilters } from './hooks/use-curriculum-filters'\nimport { useCurriculumReducer } from './hooks/use-curriculum-reducer'\nimport { useCurriculumData } from './hooks/use-curriculum-data'\nimport { CurriculumWeek } from './features/curriculum-week/curriculum-week'\nimport { CurriculumHome } from './features/curriculum-home/curriculum-home'\nimport styles from './curriculum.module.css'\n\nconst CurriculumContext = createContext()\n\n// TODO: redo everything\nexport const Curriculum = params => {\n const history = useHistory()\n const [goBackModal, setGoBackModal] = useState(false)\n const { t } = useTranslation()\n const { domain, loading, partnership, isKea } = useAuthContext()\n const classroomId = useMemo(\n () => get(domain, 'data.classroom_id', null) || params.classroom,\n [domain, params.classroom]\n )\n const { options, dispatch } = useCurriculumReducer(params)\n const { data, isLoading, refetch } = useCurriculumFilters(\n {\n curriculum: params.curriculum,\n classroom: classroomId\n },\n !!classroomId\n )\n const {\n data: curriculumData,\n isLoading: curriculumDataLoading,\n refetch: curriculumRefetch\n } = useCurriculumData({ classroomId }, options)\n\n useEffect(() => {\n if (isKea) {\n history.push(homeURL)\n }\n }, [isKea])\n\n const curriculum = useCurriculum(\n curriculumData,\n classroomId,\n options,\n dispatch,\n data,\n refetch,\n curriculumRefetch\n )\n const componentRef = useRef()\n\n const goBack = useCallback(() => {\n dispatch({\n type: 'setOptions',\n options: {\n week: null,\n theme_week: null,\n print: false,\n planning: false,\n changed: false\n }\n })\n setGoBackModal(false)\n }, [])\n const goPrint = useCallback(() => {\n dispatch({\n type: 'setOptions',\n options: {\n print: true,\n planning: !!options.theme_week,\n changed: false\n }\n })\n setGoBackModal(false)\n }, [])\n\n if (isLoading || loading) return \n {!data.school_year_weeks?.length &&
\n \n \n dispatch({\n type: 'setOptions',\n options: {\n week: w.week,\n theme_week: w.theme_week_id,\n print: true,\n planning: true\n }\n })\n }\n >\n {t('curriculum.view')}\n \n \n dispatch({\n type: 'setOptions',\n options: {\n week: w.week,\n theme_week: w.theme_week_id,\n planning: true\n }\n })\n }\n >\n {t('curriculum.edit')}\n \n \n setDeleteCurriculum({\n show: true,\n existing_theme_week: w.theme_week_id,\n week_date: w.week,\n title: w.theme_week_name\n })\n }\n >\n \n dispatch({\n type: 'setOptions',\n options: {\n week: w.week,\n theme_week: null,\n print: false,\n planning: true\n }\n })\n }\n disabled={!options.curriculum}\n >\n {t('curriculum.startPlan')}\n \n )}\n
\n ))}\n \n {t('curriculum.week')} {i + 1}\n
\n {w.week}
\n {w.theme_week_id ? (\n <>\n {w.theme_week_name}
\n \n \n {options.week && (\n
\n \n\n {options.week ? (\n // if week is selected\n \n \n options.changed ? setGoBackModal('back') : goBack()\n }\n >\n {t('curriculum.back')}\n \n {options.print ? (\n \n options.changed ? setGoBackModal('print') : goPrint()\n }\n >\n {t('curriculum.view')}\n \n )}\n
\n )}\n \n \n dispatch({\n type: 'setOptions',\n options: {\n print: false,\n changed: false,\n planning: true\n }\n })\n }\n >\n {t('curriculum.edit')}\n \n (\n \n )}\n content={() => componentRef.current}\n />\n
\n ) : (\n \n
\n \n )}\n \n )}\n \n \n
\n
\n )\n )}\n \n
\n \n \n
\n \n Cognitive
ToyBox\n
\n ToyBox\n
\n {t('curriculum.header')} \n {partnership?.frog_street && (\n
\n \n {t('curriculum.with')}\n \n
\n )}\n \n
\n\n {options.week && (\n <>\n \n {t('curriculum.classroom')}:{' '}\n {data.classroom_data.classroom_name}\n
\n \n {t('curriculum.teacher')}:{' '}\n {data.classroom_data.teachers?.join(', ')}\n
\n \n {t('curriculum.curriculum')}:{' '}\n {curriculumData\n ? curriculumData.assignable_content.theme_week_info\n .curriculum_name\n : '________________________'}\n
\n \n
\n\n {curriculumData &&\n Object.keys(curriculumData.objectives.objectives)?.some(\n objective =>\n curriculumData.objectives?.objectives[objective].length\n ) && (\n <>\n \n {t('curriculum.unit')}:{' '}\n {curriculumData\n ? curriculumData.assignable_content.theme_week_info\n .formatted_name\n : '______________________________'}\n
\n \n {t('curriculum.week')}: {options.week}\n
\n \n
\n {t('curriculum.scheduledAssessments')}:\n
\n \n {Object.keys(\n curriculumData.objectives?.objectives\n ).map(\n objective =>\n !!curriculumData.objectives?.objectives[objective]\n .length && (\n \n {objective}: \n {curriculumData.objectives?.objectives[\n objective\n ].map(obj => (\n \n {!obj.is_game && obj.scheduled && (\n st.student_id\n )}\n defaultObservation=\"PortfolioBasedObservationContainer\"\n text={t('curriculum.observe')}\n fetch={curriculumRefetch}\n />\n )}{' '}\n {obj.objective_name} (\n {t('curriculum.complete', {\n X: obj.taken,\n Y: obj.scheduled\n })}\n )\n
\n ))}\n \n \n curriculum.actions.save(options.theme_week).then(() => {\n if (goBackModal === 'back') {\n goBack()\n } else goPrint()\n })\n }\n >\n {t('curriculum.goBackModal.yes')}\n \n {\n if (goBackModal === 'back') {\n goBack()\n } else goPrint()\n }}\n >\n {t('curriculum.goBackModal.no')}\n \n
\n \n \n \n {t('userManagement.modal.multiAccess')}\n \n
\n\n formik.setFieldValue('scopes', [\n ...scopes,\n { id: null, type: 'newScope' }\n ])\n }\n >\n {t('userManagement.modal.addAccess')}\n \n )}\n
\n )\n}\n\nconst MultiUserScope = ({ formik, scope, scopes, index }) => {\n const { t } = useTranslation()\n const [changes, setChanges] = useState(false)\n const [role, setRole] = useState(\n scope.type === 'Classroom'\n ? managementRolesEnum.TEACHER\n : scope.type === 'School'\n ? managementRolesEnum.SCHOOL_ADMIN\n : scope.type === 'Organization'\n ? managementRolesEnum.DISTRICT_ADMIN\n : null\n )\n\n const {\n selectedOrganization,\n selectedSchools,\n selectedClassrooms,\n selectedOrganizationInScope\n } = useMemo(() => {\n const selectedOrganization = scopes\n .filter(\n selectedScope =>\n selectedScope.type === 'Organization' && scope.id !== selectedScope.id\n )\n .map(scope => scope.id)\n const selectedSchools = scopes\n .filter(\n selectedScope =>\n selectedScope.type === 'School' && scope.id !== selectedScope.id\n )\n .map(scope => scope.id)\n const selectedClassrooms = scopes\n .filter(\n selectedScope =>\n selectedScope.type === 'Classroom' && scope.id !== selectedScope.id\n )\n .map(scope => scope.id)\n const selectedOrganizationInScope =\n scopes.find(s => s.organization)?.organization?.id ||\n scopes.find(\n selectedScope =>\n selectedScope.type === 'Organization' && scope.id !== selectedScope.id\n )?.id\n setChanges(changes => (changes ? { id: null, type: null } : changes))\n return {\n selectedOrganization,\n selectedSchools,\n selectedClassrooms,\n selectedOrganizationInScope\n }\n }, [scopes, scope])\n\n if (!changes && scope.type !== 'newScope') {\n return (\n \n {t('userManagement.modal.multiAccessDescription', {\n name: formik.values.given_name\n ? `${formik.values.given_name} ${formik.values.family_name ?? ''}`\n : t('userManagement.modal.multiUser')\n })}{' '}\n
\n
\n {scopes.map((scope, index) => (\n
\n {scopes[scopes.length - 1]?.type !== 'newScope' && (\n \n
\n )\n }\n\n return (\n \n {t('userManagement.modal.access', { number: index + 1 })}\n
\n \n \n {role}, {scope.name}\n \n
\n \n s.type === 'newScope'))\n }\n onClick={() => {\n const newScopes = [...scopes]\n newScopes.splice(index, 1)\n formik.setFieldValue('scopes', newScopes)\n }}\n >\n {t('userManagement.modal.removeAccess')}\n \n\n {(role === managementRolesEnum.TEACHER ||\n role === managementRolesEnum.SCHOOL_ADMIN) && (\n \n )}\n
\n \n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Tabs, TabList, TabPanel, Tab } from 'react-tabs'\nimport { format } from 'date-fns'\nimport { Modal, NoData } from 'shared/components'\nimport { iconDict } from 'lib/helpers'\nimport styles from './certification-modal.module.css'\n\nexport const CertificationModal = ({ data, onHide }) => {\n const { t } = useTranslation()\n return (\n \n \n {t('userManagement.modal.role')} \n 0\n ? schoolAdminRoles\n : districtAdminRoles\n }\n value={\n districtAdminRoles.find(({ value }) => value === role) ?? null\n }\n onChange={item => {\n setRole(item.value)\n if (item.value !== 'District Admin') {\n setChanges({\n id: null,\n name: scope.label,\n type: null\n })\n return\n }\n const foundOrganization = scopes.find(s => s.organization)\n ?.organization\n setChanges({\n id: foundOrganization?.id,\n name: foundOrganization?.name,\n type: 'Organization'\n })\n }}\n isDisabled={formik.isSubmitting}\n className={classNames(\n formik.errors.scopes && styles.userManagementFieldError\n )}\n />\n \n {role === managementRolesEnum.TEACHER && (\n \n {t('userManagement.modal.classroomAccess')} \n \n setChanges({\n id: option.value,\n name: option.label,\n organization: option.organization,\n type: 'Classroom'\n })\n }\n disabled={formik.isSubmitting}\n className={classNames(\n styles.scopeSelector,\n formik.errors.scopes && styles.userManagementFieldError\n )}\n />\n \n )}\n {role === managementRolesEnum.SCHOOL_ADMIN && (\n \n {t('userManagement.modal.schoolAccess')} \n \n setChanges({\n id: option.value,\n name: option.label,\n organization: option.organization,\n type: 'School'\n })\n }\n disabled={formik.isSubmitting}\n className={classNames(\n styles.scopeSelector,\n formik.errors.scopes && styles.userManagementFieldError\n )}\n />\n \n )}\n
\n \n {t('userManagement.modal.access', { number: index + 1 })}\n
\n \n {\n if (scope.type === 'newScope') {\n const newScopes = [...scopes]\n newScopes.splice(index, 1)\n formik.setFieldValue('scopes', newScopes)\n } else {\n setChanges(null)\n }\n }}\n >\n {t('userManagement.modal.cancel')}\n \n {\n const newScopes = [...scopes]\n newScopes[index] = changes\n formik\n .setFieldValue('scopes', newScopes)\n .then(() => setChanges(null))\n }}\n >\n {t('userManagement.modal.saveChanges')}\n \n
\n \n 
\n
\n )\n}\n","import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Modal } from 'shared/components'\n\nexport const MultiUserScopesModal = ({ data, onHide }) => {\n const { t } = useTranslation()\n const { districtAdmins, schoolAdmins, teachers } = useMemo(() => {\n const districtAdmins = []\n const schoolAdmins = []\n const teachers = []\n if (!data.scopes?.length) {\n return { districtAdmins, schoolAdmins, teachers }\n }\n data.scopes.forEach(scope => {\n if (scope.classroom) {\n teachers.push(scope.classroom)\n return\n }\n if (scope.school) {\n schoolAdmins.push(scope.school)\n return\n }\n if (scope.organization) {\n districtAdmins.push(scope.organization)\n }\n })\n return { districtAdmins, schoolAdmins, teachers }\n }, [data])\n\n return (\n \n
\n \n {certificate.name}\n
\n \n {t('userManagement.certificationModal.dateEarned')}{' '}\n {certificate.date\n ? format(new Date(certificate.date), 'MM/dd/yyyy')\n : ''}\n
\n \n
\n )}\n {!!schoolAdmins.length && (\n {t('userManagement.multiUserScopesModal.districtAdmin')}
\n - \n {districtAdmins.map(({ id, name }) => (\n
- {name} \n ))}\n
\n
\n )}\n {!!teachers.length && (\n {t('userManagement.multiUserScopesModal.schoolAdmin')}
\n - \n {schoolAdmins.map(({ parent_scope, id, name }) => (\n
- \n {parent_scope.name}, {name}\n \n ))}\n
\n
\n )}\n {t('userManagement.multiUserScopesModal.teacher')}
\n - \n {teachers.map(({ parent_scope, id, name }) => (\n
- \n {parent_scope.parent_scope?.name}, {parent_scope.name}, {name}\n \n ))}\n
{getValue()}
\n \n ),\n sortUndefined: 1\n },\n {\n id: 'name',\n accessorFn: row => `${row.given_name} ${row.family_name}`,\n header: t('userManagement.table.name'),\n cell: ({ getValue, row }) => (\n \n
\n ),\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n },\n enableColumnFilter: noPagination\n },\n {\n id: 'username',\n accessorFn: row => row.username,\n header: t('userManagement.table.username'),\n sortingFn: 'alphanumeric',\n cell: ({ getValue }) => (\n {getValue()}
\n ),\n meta: {\n sortingLabel: 'alphabetic'\n },\n enableColumnFilter: noPagination\n },\n {\n id: 'role',\n accessorFn: row => row.role,\n header: t('userManagement.table.role'),\n cell: ({ getValue }) => {getValue()}
,\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n },\n filter: onClick => (\n \n approveExternalUser(approve)}\n disabled={\n createAccountLoading ||\n (approve.role === managementRolesEnum.SCHOOL_ADMIN &&\n !approve.school_id) ||\n (approve.role === managementRolesEnum.TEACHER &&\n !approve.classroom_id)\n }\n >\n {t('userManagement.ssoModal.save')}\n \n setApprove(prev => ({ ...prev, id: null }))}\n >\n {t('userManagement.ssoModal.cancel')}\n \n
\n ) : (\n \n \n setApprove({\n id: row.original.id,\n name: [row.original.first_name, row.original.last_name],\n role: null,\n school_id: null,\n classroom_id: null,\n external_id: row.original.external_id,\n roster_id: row.original.roster_id,\n organization_id: row.original.organization_id,\n email: row.original.email\n })\n }\n >\n {t('userManagement.ssoModal.approve')}\n \n {isPending && (\n denyExternalUser(row.original.id)}\n disabled={denyLoading || createAccountLoading}\n >\n {t('userManagement.ssoModal.deny')}\n \n )}\n
\n )\n }\n ],\n [\n i18n.language,\n isPending,\n approve,\n isSchoolAdmin,\n denyExternalUser,\n denyLoading,\n approveExternalUser,\n createAccountLoading\n ]\n )\n return (\n \n {t('userManagement.ssoModal.note', {\n name: row.original.first_name\n })}\n
\n )}\n />\n )\n}\n","import { useAuthContext } from 'features/auth'\nimport { fetchExternalUsersQuery } from 'lib/api'\nimport React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQuery } from 'react-query'\nimport { Button, Loader, Modal, PrimaryLink } from 'shared/components'\nimport { RequestsTable } from './components'\n\nimport styles from './users-sso-modal.module.css'\n\nexport const UsersSsoModal = ({ show, onClose, refetch }) => {\n const [isPending, setIsPending] = useState(true)\n const { t } = useTranslation()\n const { data, refetch: refetchExternalUsers } = useQuery(\n fetchExternalUsersQuery()\n )\n const { scope } = useAuthContext()\n\n return (\n \n {t('userManagement.ssoModal.description', {\n orgName: scope.name\n })}\n
\n )}\n {!data && \n \n isPending\n ? user.sso_status === 'Request Pending'\n : user.sso_status !== 'Request Pending'\n )}\n isPending={isPending}\n refetch={() => {\n refetch()\n refetchExternalUsers()\n }}\n />\n
\n )}\n \n setIsPending(prev => !prev)}>\n {isPending\n ? t('userManagement.ssoModal.denied')\n : t('userManagement.ssoModal.pending')}\n \n
\n \n {t('userManagement.userManagement')} \n exportExcel(ref.current, 'user-management-export')\n : () => handleGetExcel(options)\n }\n >\n {t('userManagement.export')}\n \n
\n \n {user?.add_remove_edit_users && (\n setUserModal({})}\n className={styles.addUserButton}\n >\n {t('userManagement.addNewUser')}\n \n )}\n {ssoManagementButtonDisplay && (\n
\n \n setSsoModal(true)}\n className={styles.ssoButton}\n >\n {t('userManagement.sso')}\n \n {sso_requests !== 0 && (\n
\n )}\n {sso_requests}
\n )}\n \n handleSearch(e.target.value)}\n onKeyDown={e => {\n if (e.key === 'Enter') {\n e.preventDefault()\n handleSearch(search, true)\n }\n }}\n />\n handleSearch('', true)}\n />\n
\n {isLoading && \n \n {t('orgManagement.modals.student.firstName')} \n \n \n {t('orgManagement.modals.student.lastName')} \n \n
\n \n {\n if (date.getFullYear() !== 2010) {\n changeYear(date.getFullYear() - 1)\n formik.setFieldValue(\n 'birth_date.year',\n date.getFullYear() - 1\n )\n }\n }}\n />\n ({\n label: y.toString(),\n value: y\n }))}\n onChange={date => {\n changeYear(date.value)\n formik.setFieldValue('birth_date.year', date.value)\n }}\n />\n {\n if (date.getFullYear() !== new Date().getFullYear()) {\n changeYear(date.getFullYear() + 1)\n formik.setFieldValue(\n 'birth_date.year',\n date.getFullYear() + 1\n )\n }\n }}\n />\n
\n )}\n selected={\n formik.values.birth_date\n ? new Date(\n `${formik.values.birth_date.month}/1/${formik.values.birth_date.year}`\n )\n : new Date()\n }\n onChange={date => {\n const year = date.getFullYear()\n const month = date.getMonth()\n const currentDate = new Date()\n const afterToday =\n year === currentDate.getFullYear() &&\n month > currentDate.getMonth() + 1\n\n formik.setFieldValue('birth_date.year', year)\n formik.setFieldValue(\n 'birth_date.month',\n afterToday ? formik.values.birth_date.month : month + 1\n )\n }}\n />\n \n \n \n {t('orgManagement.modals.student.selectSchool')}\n \n {\n formik.setFieldValue('school_id', option.value)\n formik.setFieldValue('classroom_id', null)\n }}\n />\n \n \n \n {t('orgManagement.modals.student.selectClassroom')}\n \n \n formik.setFieldValue('classroom_id', option.value)\n }\n />\n \n
\n )}\n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Form } from 'react-bootstrap'\nimport { format } from 'date-fns'\nimport { useTranslation } from 'react-i18next'\nimport ReactTooltip from 'react-tooltip'\nimport CreatableSelect from 'react-select/creatable'\nimport classNames from 'classnames'\nimport { transformDateToISO } from 'lib/transform-date-to-iso'\n\nimport {\n StyledDatePicker,\n StyledControl,\n Checkbox,\n RadioButton,\n StyledSelect\n} from 'shared/components'\n\nimport styles from './edit-student-modal-notes.module.css'\n\nexport const EditStudentModalNotes = ({ data, formik }) => {\n const attributes = data ? Object.values(data) : []\n\n return (\n \n {attributes.map(\n attribute =>\n !attribute.hidden && (\n \n \n \n \n {attribute.display_name}\n {attribute.required && ' *'}\n \n
\n {formik.errors.attributes?.[attribute.attribute_id] && (\n \n {\n setEll(event.target.checked)\n if (event.target.checked) {\n formik.setFieldValue('attributes.home_language', options[0].value)\n } else {\n formik.setFieldValue('attributes.home_language', '')\n }\n }}\n />\n \n value === formik.values.attributes[attribute.attribute_id]\n ) || null\n }\n onChange={option =>\n formik.setFieldValue(\n `attributes.${attribute.attribute_id}`,\n option?.value\n )\n }\n />\n
\n )\n }\n if (attribute.attribute_id === 'late_start_date') {\n return (\n \n {attribute.options.map(({ label, value }) => (\n \n formik.setFieldValue(\n `attributes.${attribute.attribute_id}`,\n formik.values.attributes[attribute.attribute_id] === value\n ? null\n : value\n )\n }\n />\n ))}\n
\n )\n }\n return (\n \n {!expanded ? (\n \n setEditParentModal({ student_id: row.original.student_id })\n }\n />\n
\n ) : (\n \n \n setEditParentModal({\n ...parents[0],\n student_id: row.original.student_id,\n isEdit: true\n })\n }\n >\n {parents[0].first_name + ' ' + parents[0].last_name}\n \n {parents.length > 1 && (\n setExpanded(true)}>\n {' '}\n +{parents.length - 1} {t('orgManagement.table.more')}\n ...\n \n )}\n
\n ) : (\n \n {parents.map(parent => (\n \n setEditParentModal({\n ...parent,\n student_id: row.original.student_id,\n isEdit: true\n })\n }\n >\n {' ' + parent.first_name + ' ' + parent.last_name}\n \n ))}\n
\n )}\n \n {data && (\n <>\n {t('orgManagement.table.studentManagement')} \n {data && user?.can_add_students && (\n \n setEditStudentModal({\n organization_flags: data.organization_flags,\n school_id: data.school_id,\n classroom_id: data.classroom_id\n })\n }\n data-cy=\"add-student\"\n >\n
\n {(isLoading || authLoading) && {data.school_name}
\n{data.classroom_name}
\n \n )}\n\n
\n )\n}\n","import { loginURL } from 'lib/links'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Button, PrimaryLink } from 'shared/components'\n\nimport styles from '../auth.module.css'\n\nexport const SsoErrorAuth = ({ errorCode, parsedError }) => {\n const { t } = useTranslation()\n const history = useHistory()\n return (\n \n {\n await Auth.signOut()\n await Auth.federatedSignIn({\n provider: Google\n })\n }}\n disabled={providers && providers.indexOf(Google) === -1}\n >\n {\n await Auth.signOut()\n await Auth.federatedSignIn({\n provider: Clever\n })\n }}\n disabled={providers && providers.indexOf(Clever) === -1}\n >\n {\n await Auth.signOut()\n await Auth.federatedSignIn({\n provider: classlink\n })\n }}\n disabled={providers && providers.indexOf(classlink) === -1}\n >\n
\n \n history.push(loginURL)}\n >\n {t('auth.ssoAuth.back')}\n \n
\n \n \n \n \n \n \n
\n )\n}\n","import React, { useState, useEffect, useCallback } from 'react'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { Hub } from 'aws-amplify'\nimport * as Yup from 'yup'\nimport queryString from 'query-string'\nimport { useQuery } from 'react-query'\nimport _ from 'lodash'\nimport { useFormik } from 'formik'\nimport { toast } from 'react-toastify'\nimport classNames from 'classnames'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { Form } from 'react-bootstrap'\nimport { useTranslation } from 'react-i18next'\nimport {\n Button,\n Loader,\n PasswordField,\n PrimaryLink,\n Modal,\n AuthWrapper\n} from 'shared/components'\nimport {\n setUpPasswordURL,\n verificationURL,\n setUpMFAURL,\n login,\n checkEmail,\n multiuserURL\n} from 'lib/links'\nimport { rolesEnum } from 'lib/roles'\nimport { updateUser } from 'store/modules/authModule'\nimport { useAdvancedClientId } from 'lib/amplify'\nimport { fetchAlertQuery } from 'lib/api'\n\nimport { SSOAuth } from './sso-auth'\nimport { SsoErrorAuth } from './sso-error-auth'\nimport styles from '../auth.module.css'\nimport { signIn, accountLookupSSO, clearCache } from '../model'\nimport { deprecatedAuth, checkPhoneSettings, errorMessages } from '../utils'\n\nconst validationSchema = Yup.object().shape({\n login: Yup.string().required('Required field'),\n password: Yup.string().required('Required field')\n})\n\nexport const Login = connect(null, dispatch => ({\n updateUser: bindActionCreators(updateUser, dispatch)\n}))(p => {\n const history = useHistory()\n const location = useLocation()\n const query = queryString.parse(location.search)\n const isSSO = Boolean(query.email) || Boolean(query.sso)\n const { t } = useTranslation()\n const [capsLock, setCapsLock] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const { data: alert } = useQuery(fetchAlertQuery())\n\n const formik = useFormik({\n validationSchema,\n validateOnChange: false,\n initialValues: { login: '', password: '' },\n onSubmit: async ({ login, password }) => {\n try {\n const user = await signIn(login.trim(), password.trim())\n\n if (user) {\n p.updateUser(user)\n if (user.challengeName === 'NEW_PASSWORD_REQUIRED') {\n history.push(setUpPasswordURL)\n return\n }\n if (checkPhoneSettings(user)) {\n history.push(setUpMFAURL)\n return\n }\n if (user.challengeName === 'SMS_MFA') {\n history.push(verificationURL)\n return\n }\n if (user.attributes['custom:role'] === rolesEnum.MULTIUSER) {\n await deprecatedAuth(user, history, multiuserURL)\n return\n }\n await deprecatedAuth(user, history)\n } else {\n throw new Error()\n }\n } catch (e) {\n setError(\n errorMessages[e.message] ? errorMessages[e.message] : e.message\n )\n }\n }\n })\n const [error, setError] = useState(false)\n useEffect(() => {\n let timeout = null\n\n Hub.listen('auth', ({ payload: { event, data } }) => {\n if (event === 'signIn') {\n timeout = setTimeout(() => {\n const isApp = localStorage.getItem('target')\n if (isApp) {\n const session = data.signInUserSession\n\n localStorage.removeItem('target')\n window.location.replace(\n `cognitivetoybox://?q=IdToken=${session.idToken.jwtToken}AccessToken=${session.accessToken.jwtToken}RefreshToken=${session.refreshToken.token}ExpiresIn=3600Username=${data.username}`\n )\n } else {\n if (history.action !== 'PUSH') {\n deprecatedAuth(data, history)\n }\n }\n }, 1000)\n }\n })\n\n if (query.target === 'app') {\n localStorage.setItem('target', 'app')\n useAdvancedClientId()\n }\n\n return () => {\n clearTimeout(timeout)\n }\n }, [])\n\n const updateForm = useCallback(params => {\n history.push(login(params))\n }, [])\n\n const handleDebounceCheckingAccount = async login => {\n if (login) {\n try {\n clearCache()\n } catch (e) {\n toast.error(e.message)\n }\n }\n }\n const debounceCheckingAccount = useCallback(\n _.debounce(handleDebounceCheckingAccount, 1000),\n []\n )\n\n const onChange = login => {\n formik.setFieldValue('login', login)\n debounceCheckingAccount(login)\n }\n\n if (query.code) {\n return (\n {t(`auth.ssoError.${errorCode}.title`)}
\n\n {t(`auth.ssoError.${errorCode}.description1`)}\n
\n\n \n {errorCode !== 'error'\n ? t(`auth.ssoError.${errorCode}.description2`)\n : parsedError}\n \n
\n {errorCode === 'error' && (\n\n \n {t(`auth.ssoError.${errorCode}.description2`)}{' '}\n
\n
\n Logging in...
\n \n
\n {t('auth.resetPassword.title')}
\n{t('auth.resetPassword.subtitle')}
\n\n \n \n {t('auth.resetPassword.code')} \n \n {formik.errors.code}\n \n \n \n \n {t('auth.resetPassword.email')} \n \n {formik.errors.email}\n \n \n \n
\n \n {t('auth.resetPassword.password')} \n formik.setFieldValue('password', value)}\n autoComplete=\"new-password\"\n />\n \n {formik.errors.password}\n \n \n
\n \n \n {t('auth.resetPassword.confirmPassword')} \n e.preventDefault()}\n onChange={value => formik.setFieldValue('confirmPassword', value)}\n newPassword\n />\n \n {formik.errors.confirmPassword}\n \n \n
\n \n\n {formik.isSubmitting && (\n
\n\n \n
\n )}\n \n history.push(loginURL)}\n >\n {t('auth.resetPassword.cancel')}\n \n \n {t('auth.resetPassword.saveAndLogin')}\n \n
\n \n {t('auth.mfaSetup.title')}
\n{t('auth.mfaSetup.subtitle')}
\n\n \n {t('auth.mfaSetup.phone')} \n setPhone(e.target.value)}\n >\n \n \n Verification code \n setCode(e.target.value)}\n />\n \n \n Submit\n \n \n )}\n {loading && (\n
\n \n \n {!codeSent && (\n \n )}\n\n \n {codeSent\n ? t('auth.mfaSetup.resendCode')\n : t('auth.mfaSetup.sendCode')}\n \n
\n {codeSent && (\n <>\n \n
\n )}\n \n
\n {t('auth.confirmResetPassword.title')}
\n{t('auth.confirmResetPassword.subtitle')}
\n\n
\n \n history.push(loginURL)}\n >\n {t('auth.confirmResetPassword.back')}\n \n \n
\n \n history.push(resetPasswordURL + '?email=' + email)}\n >\n {t('auth.confirmResetPassword.haveCode')}\n \n
\n {loading && (\n \n
\n )}\n {t('auth.mfaVerification.title')}
\n\n {t('auth.mfaVerification.subtitle', {\n phone: props.user?.challengeParam?.CODE_DELIVERY_DESTINATION\n ? props.user.challengeParam.CODE_DELIVERY_DESTINATION.substring(\n props.user.challengeParam.CODE_DELIVERY_DESTINATION.length - 4\n )\n : '####'\n })}\n
\n\n \n {t('auth.mfaVerification.code')} \n setCode(e.target.value)}\n />\n \n {loading && (\n
\n \n \n
\n )}\n \n history.push(loginURL)}\n >\n {t('auth.mfaVerification.cancel')}\n \n \n {t('auth.mfaVerification.submit')}\n \n
\n \n
\n )}\n \n {t('dataExportManagement.subtitle')}{' '}\n {!isKea && t('dataExportManagement.subtitle2')}\n
\n {!isKea && (\n <>\n \n {t('dataExportManagement.selectRange')}\n
\n\n \n \n {t('dataExportManagement.download')}\n \n {!isKea && (\n {\n setDate(null)\n }}\n variant=\"outline-secondary\"\n big\n disabled={!date?.start && !date?.end}\n >\n {t('dataExportManagement.clear')}\n \n )}\n
\n\n \n
\n )}\n \n {\n setSearch(e.target.value)\n debounceChangeSearch(e.target.value)\n }}\n />\n {tagOptions.length > 1 && (\n \n dispatch({\n type: 'setOptions',\n options: {\n tag: option.value\n }\n })\n }\n value={\n tagOptions.find(({ value }) => value === options.tag) ??\n tagOptions[0]\n }\n placeholder={t('orgManagement.table.selectTag')}\n />\n )}\n
\n \n {isDistrictAdmin && user?.add_remove_edit_org_management && (\n \n )}\n {user?.add_remove_edit_org_management && (\n setClassroomModal(true)}\n data-cy=\"add-classroom\"\n >\n
\n {schoolModal && user?.add_remove_edit_org_management && (\n \n
\n )\n}\n","import React, { useState, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPencilAlt, faPlusCircle } from '@fortawesome/free-solid-svg-icons'\nimport moment from 'moment'\nimport classNames from 'classnames'\nimport { format } from 'date-fns'\n\nimport { unixToTimezone } from 'lib/dateHelpers'\nimport { TanStackTable, PrimaryLink, Button } from 'shared/components'\n\nimport { useAuthContext } from 'features/auth'\n\nimport styles from './tables.module.css'\nimport { EditStudentModal, EditParentModal } from '../../classroom/components'\n\nexport const StudentsTable = ({ row, fetchDomain }) => {\n const [parentModal, setParentModal] = useState(null)\n const [studentModal, setStudentModal] = useState(null)\n const { user } = useAuthContext()\n const { t, i18n } = useTranslation()\n const data = row.original.students\n\n const columns = useMemo(\n () => [\n {\n header: t('orgManagement.table.studentName'),\n accessorKey: 'full_name',\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n },\n enableColumnFilter: true\n },\n {\n header: t('orgManagement.table.DOB'),\n accessorKey: 'birth_month',\n cell: ({ getValue }) =>\n getValue() ? moment(unixToTimezone(getValue())).format('MM/yy') : '-',\n meta: {\n sortingLabel: 'dates'\n }\n },\n {\n header: t('orgManagement.table.notes'),\n accessorFn: row =>\n row.attributes?.length ? row.attributes.join(', ') : undefined,\n cell: ({ getValue }) => getValue() || '-',\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n },\n sortUndefined: 1\n },\n {\n header: t('orgManagement.table.parent'),\n accessorFn: row =>\n row.parents?.length\n ? row.parents\n .map(parent => `${parent.first_name} ${parent.last_name || ''}`)\n .join(', ')\n : undefined,\n sortingFn: 'alphanumeric',\n meta: {\n sortingLabel: 'alphabetic'\n },\n sortUndefined: 1,\n cell: ({ row }) => {\n const parents = row.original.parents\n const student = row.original\n return parents?.length ? (\n parents.map((parent, index) => (\n \n {message}\n
\n \n
\n {percent > MAX_VALUE && (\n \n {contactMessage}\n
\n )}\n {parent.email}
\n {index === 0 && (\n \n \n setParentModal({ student_id: student.student_id })\n }\n />\n
\n )}\n \n ))\n ) : (\n \n ({\n ...classroom,\n school_id: data.school_id\n }))}\n getRowCanExpand={() => true}\n renderSubComponent={({ row }) =>\n row.original.students && (\n
\n\n {schoolModal && (\n \n
\n {data.name}
\n {user?.add_remove_edit_org_management && (\n setSchoolModal(data)} data-cy=\"remove-school\">\n
\n )}\n \n value === options.school_year_id\n )}\n options={schoolYearsOptions}\n onChange={option =>\n dispatch({\n type: 'setOptions',\n options: { school_year_id: option.value }\n })\n }\n />\n )}\n {(!data || isLoading) && (\n history.push(homeURL)}\n >\n {!data.users.existing_file ||\n !data.students.existing_file ||\n !data.schedule.existing_file\n ? t('auth.settingUp.skipAndRemind')\n : t('auth.settingUp.confirm')}\n \n \n )}\n
\n )\n}\n","import React, { useMemo, useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useMutation } from 'react-query'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\n\nimport {\n Button,\n NoData,\n Loader,\n FileDropzone,\n PrimaryLink\n} from 'shared/components'\n\nimport styles from './file-sharing.module.css'\n\nexport const FileSharing = ({\n options,\n dispatch,\n data,\n schoolYearsOptions,\n refetch\n}) => {\n const [file, setFile] = useState(null)\n const step = `${options.step}Step`\n const stepData = data?.[options.step]\n const { t } = useTranslation()\n const schoolYearName = useMemo(\n () =>\n schoolYearsOptions.find(({ value }) => value === options.school_year_id)\n ?.label ?? '',\n [schoolYearsOptions]\n )\n const useUploadFileMutation = useMutation({\n mutationKey: 'upload/setting-up',\n mutationFn: ({ url, formData }) => axios.post(url, formData)\n })\n const goNextStep = useCallback(() => {\n const completedSteps = [\n data.users.existing_file,\n data.students.existing_file,\n data.schedule.existing_file\n ]\n let step = null\n switch (options.step) {\n case 'users':\n step =\n (!completedSteps[1] && 'students') ||\n (!completedSteps[2] && 'schedule')\n break\n case 'students':\n step = !completedSteps[2] && 'schedule'\n break\n }\n dispatch({ type: 'setOptions', options: { step } })\n }, [data, options.step])\n\n return (\n {t('auth.settingUp.title')}
\n {schoolYearsOptions.length === 1 ? (\n{schoolYearsOptions[0].label}
\n ) : (\n\n
\n )}\n {data && (\n <>\n \n
\n \n \n dispatch({ options: { step: 'users' }, type: 'setOptions' })\n }\n >\n {data.users.existing_file\n ? t('auth.settingUp.resubmit')\n : t('auth.settingUp.shareUserInfo')}\n \n
\n \n
\n \n \n dispatch({\n options: { step: 'students' },\n type: 'setOptions'\n })\n }\n >\n {data.students.existing_file\n ? t('auth.settingUp.resubmit')\n : t('auth.settingUp.shareStudentInfo')}\n \n
\n \n
\n \n \n dispatch({\n options: { step: 'schedule' },\n type: 'setOptions'\n })\n }\n >\n {t('auth.settingUp.sharedScheduleInfo')}\n \n )}\n
\n {data.schedule.existing_file && (\n \n
\n {!data.schedule.existing_file && (\n \n {t('auth.settingUp.schedule')}\n
\n \n {t('auth.settingUp.alreadySharedSchedule')}\n \n support@cognitivetoybox.com\n \n
\n )}\n \n setFile(newFile)}\n defaultFiles={stepData.existing_file}\n fileTypes={options.step !== 'schedule' && '.csv, .xls, .xlsx'}\n />\n {stepData.existing_file && (\n window.open(stepData.existing_file.link, '_blank')}\n >\n {t('auth.settingUp.download', {\n file: stepData.existing_file.name\n })}\n \n )}\n
\n )\n}\n","import { useReducer, useEffect } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { settingUp } from 'lib/links'\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case 'setOptions':\n return {\n ...state,\n ...action.options\n }\n case 'setFromQuery': {\n const actionOptions = JSON.stringify(action.options)\n const stateOptions = JSON.stringify(state)\n if (actionOptions === stateOptions) return state\n else return action.options\n }\n\n default:\n return state\n }\n}\n\nexport const useSettingUpReducer = query => {\n const history = useHistory()\n const [options, dispatch] = useReducer(reducer, query)\n // cycle safe\n useEffect(() => {\n dispatch({ type: 'setFromQuery', options: query })\n }, [query])\n // update query on state change\n useEffect(() => {\n if (options) {\n history.push(settingUp(options))\n }\n }, [options])\n return { options, dispatch }\n}\n","import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { useQuery } from 'react-query'\nimport queryString from 'query-string'\nimport classNames from 'classnames'\n\nimport { fetchSchoolYearsQuery, fetchSchoolYearSetupQuery } from 'lib/api'\nimport { Loader, AuthWrapper, Checkmark } from 'shared/components'\nimport { homeURL } from 'lib/links'\n\nimport { SchoolYearSelection, FileSharing } from './components'\nimport { useSettingUpReducer } from './hooks/use-setting-up-reducer'\nimport styles from './setting-up.module.css'\n\nexport const SettingUp = () => {\n const location = useLocation()\n const query = useMemo(() => queryString.parse(location.search), [\n location.search\n ])\n const { options, dispatch } = useSettingUpReducer(query)\n\n const history = useHistory()\n const { t } = useTranslation()\n\n const { data: schoolYearsList, isLoading: schoolYearsLoading } = useQuery({\n ...fetchSchoolYearsQuery(),\n onSuccess: schoolYearsList => {\n if (!schoolYearsList || !schoolYearsList.school_years.length) {\n history.push(homeURL)\n return\n }\n dispatch({\n type: 'setOptions',\n options: {\n school_year_id: schoolYearsList.school_years[0].school_year_id\n }\n })\n }\n })\n const schoolYearsOptions = useMemo(\n () =>\n schoolYearsList\n ? schoolYearsList.school_years.map(year => ({\n label: year.school_year_name,\n value: year.school_year_id\n }))\n : [],\n [schoolYearsList]\n )\n\n const { data, isLoading, refetch } = useQuery({\n ...fetchSchoolYearSetupQuery({\n school_year_id: options.school_year_id\n }),\n enabled: !!options.school_year_id\n })\n\n const AuthWrapperSubtitle = () =>\n data && options.step ? (\n \n \n dispatch({\n type: 'setOptions',\n options: {\n step: null\n }\n })\n }\n >\n {t('auth.settingUp.back')}\n \n
\n {!data && \n {t('auth.settingUp.titleWithName', {\n name: schoolYearName\n })}\n
\n\n window.open(stepData.template_link, '_blank')}\n >\n {t(`auth.settingUp.${step}.downloadTemplate`)}\n \n
\n \n {t(`auth.settingUp.${options.step}`)}\n
\n \n {t(`auth.settingUp.${step}.info`, { date: schoolYearName })}\n
\n {t(`auth.settingUp.${step}.note`)}
\n \n ) : (\n data && \n \n {t('auth.settingUp.skip')}\n \n {\n const config = {\n ...stepData.upload_presigned_link_information.fields,\n key: stepData.upload_presigned_link_information.fields.key.replace(\n // eslint-disable-next-line no-template-curly-in-string\n '${filename}',\n file.name\n )\n }\n const formData = new FormData()\n formData.append('key', config.key)\n formData.append('AWSAccessKeyId', config.AWSAccessKeyId)\n formData.append('policy', config.policy)\n formData.append('signature', config.signature)\n formData.append(\n 'x-amz-security-token',\n config['x-amz-security-token']\n )\n formData.append('file', file)\n useUploadFileMutation\n .mutateAsync({\n url: stepData.upload_presigned_link_information.url,\n formData\n })\n .then(() => toast.success(t('auth.settingUp.success')))\n .catch(e => toast.error(e.message))\n .finally(() => {\n refetch()\n dispatch({\n type: 'setOptions',\n options: {\n step: null\n }\n })\n })\n }}\n >\n {t('auth.settingUp.submit')}\n \n
\n \n
\n )}\n {schoolYearsList && !schoolYearsList.school_years.length && (\n {t('auth.settingUp.checking')}
\n {t('auth.settingUp.redirect')}
\n )}\n {schoolYearsList &&\n !!schoolYearsList.school_years.length &&\n (!options.step ? (\n \n
\n)\n\nconst TimeLineItem = ({ step, label, dispatch, data }) => {\n const { t } = useTranslation()\n const complete = !!data[label].existing_file\n return (\n {t(`auth.settingUp.${label}`)}
\n \n {domains.map(domain => {\n const foundOverall =\n overallDomains[`${domain.alignment_id}:${domain.id}`]\n return (\n foundOverall && (\n \n isStudentView &&\n scrollToElement(domain.alignment_id + domain.id)\n }\n >\n
\n )\n )\n })}\n \n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nimport styles from './kea-overall-average-score.module.css'\n\nexport const KeaOverallAverageScore = ({\n scopeName,\n studentName,\n overallKeaData,\n isStudentView\n}) => {\n const { t } = useTranslation()\n\n if (isStudentView) {\n return (\n \n \n {domain.abbreviation}\n \n
\n \n {t('keaReport.score')}:{' '}\n {foundOverall.objectives_completed\n ? `${foundOverall.questions_correct}/${foundOverall.total_questions}`\n : '-'}\n
\n \n {displayReadinessLevel && (\n <>\n {t('keaReport.readiness')}:{' '}\n {foundOverall.readiness_level}\n \n )}\n
\n \n \n {isStudentView\n ? t('keaReport.complete')\n : t('keaReport.studentsComplete')}\n :\n {' '}\n {isStudentView\n ? Math.round(\n (foundOverall.objectives_completed /\n (foundOverall.objectives_scheduled || 1)) *\n 100\n )\n : Math.round(\n (foundOverall.students_with_kea_completed /\n (foundOverall.total_students || 1)) *\n 100\n )}\n %\n
\n \n
\n )\n }\n\n return (\n \n
\n \n {t('keaReport.overallScore')}:{' '}\n {overallKeaData.questions_correct}/{overallKeaData.total_questions}\n
\n \n {t('keaReport.readiness')}: {overallKeaData.readiness_level}\n
\n \n {t('keaReport.keaComplete')}:{' '}\n {Math.round(\n (overallKeaData.objectives_completed /\n (overallKeaData.objectives_scheduled || 1)) *\n 100\n )}\n %\n
\n \n
\n )\n}\n","import { format } from 'date-fns'\nimport React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PrimaryLink, TanStackTable } from 'shared/components'\n\nimport styles from './tables.module.css'\n\nexport const SchoolsTable = ({\n data,\n domains,\n filteredBy,\n dispatch,\n displayReadinessLevel\n}) => {\n const { t, i18n } = useTranslation()\n const columns = useMemo(\n () => [\n {\n id: 'school_name',\n accessorFn: row => row.school.name,\n header: t('keaReport.table.school'),\n cell: ({ getValue, row }) => (\n \n
\n \n {t('keaReport.overall')}:{' '}\n {overallKeaData.objectives_completed\n ? `${overallKeaData.questions_correct}/${overallKeaData.total_questions}`\n : '-'}\n
\n \n {t('keaReport.studentsComplete')}:{' '}\n {Math.round(\n (overallKeaData.students_with_kea_completed /\n (overallKeaData.total_students || 1)) *\n 100\n )}\n %\n
\n \n
\n ) : (\n \n {foundOverall.questions_correct}/{foundOverall.total_questions}\n
\n {displayReadinessLevel && foundOverall.readiness_level}
\n -
\n )\n },\n sortUndefined: 1\n })),\n {\n id: 'last_assessed',\n header: t('keaReport.table.lastAssessed'),\n accessorFn: row =>\n row.last_assessed ? new Date(row.last_assessed) : undefined,\n cell: ({ getValue }) => {\n const value = getValue()\n return value ? format(value, 'M/d/yyyy') : '-'\n },\n sortingFn: 'datetime',\n meta: {\n sortingLabel: 'dates'\n },\n sortUndefined: 1\n }\n ],\n [i18n.language, domains, displayReadinessLevel]\n )\n return (\n \n
\n ) : (\n \n {foundOverall.questions_correct}/{foundOverall.total_questions}\n
\n {displayReadinessLevel && foundOverall.readiness_level}
\n -
\n )\n },\n sortUndefined: 1\n })),\n {\n id: 'last_assessed',\n header: t('keaReport.table.lastAssessed'),\n accessorFn: row =>\n row.last_assessed ? new Date(row.last_assessed) : undefined,\n cell: ({ getValue }) => {\n const value = getValue()\n return value ? format(value, 'M/d/yyyy') : '-'\n },\n sortingFn: 'datetime',\n meta: {\n sortingLabel: 'dates'\n },\n sortUndefined: 1\n }\n ],\n [i18n.language, domains]\n )\n return (\n \n
\n ) : (\n \n {foundOverall.questions_correct}/{foundOverall.total_questions}\n
\n {displayReadinessLevel && foundOverall.readiness_level}
\n -
\n )\n },\n sortUndefined: 1\n })),\n {\n id: 'last_assessed',\n header: t('keaReport.table.lastAssessed'),\n accessorFn: row =>\n row.last_assessed ? new Date(row.last_assessed) : undefined,\n cell: ({ getValue }) => {\n const value = getValue()\n return value ? format(value, 'M/d/yyyy') : '-'\n },\n sortingFn: 'datetime',\n meta: {\n sortingLabel: 'dates'\n },\n sortUndefined: 1\n },\n {\n id: 'student_notes',\n header: t('keaReport.table.notes'),\n accessorFn: row =>\n row.student_notes?.length ? row.student_notes.join(', ') : undefined,\n cell: ({ getValue }) => getValue() || '-',\n meta: {\n sortingLabel: 'alphabetic'\n },\n sortingFn: 'alphanumeric',\n sortUndefined: 1\n }\n ],\n [\n i18n.language,\n domains,\n displayReadinessLevel,\n readiness_level_sorting_order\n ]\n )\n return (\n \n
\n )\n })\n}\n","import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { useMutation, useQuery } from 'react-query'\nimport queryString from 'query-string'\nimport { format } from 'date-fns'\nimport classNames from 'classnames'\n\nimport { Button, Loader, PageWrapper, PrintModal } from 'shared/components'\nimport { useAuthContext } from 'features/auth'\nimport { homeReportURL, homeURL, keaReport } from 'lib/links'\nimport { fetchKeaReportMutation, fetchKeaReportQuery } from 'lib/api'\n\nimport { toast } from 'react-toastify'\nimport styles from './kea-report.module.css'\nimport {\n ClassroomsTable,\n Domains,\n KeaOverallAverageScore,\n ObjectivesTables,\n SchoolsTable,\n StudentsTable\n} from './components'\nimport { useReportsReducer } from '../hooks/use-reports-reducer'\n\nexport const KeaReport = () => {\n const location = useLocation()\n const params = useMemo(() => queryString.parse(location.search), [\n location.search\n ])\n\n const [printModal, setPrintModal] = useState(false)\n const history = useHistory()\n const { t, i18n } = useTranslation()\n const { scope, isKea, isTeacher, isSchoolAdmin } = useAuthContext()\n const { data, isFetching, isFetched, isLoading } = useQuery({\n ...fetchKeaReportQuery({\n organization: params.organization,\n school: params.school,\n classroom: params.classroom,\n student: params.student,\n language: i18n.language\n }),\n keepPreviousData: true\n })\n const { mutateAsync: getExcel } = useMutation(fetchKeaReportMutation())\n const { options, dispatch } = useReportsReducer(\n params,\n keaReport,\n data?.selection\n )\n\n const handleGetExcel = useCallback(\n () =>\n getExcel({\n file_format: 'xlsx',\n organization: params.organization,\n school: params.school,\n classroom: params.classroom,\n student: params.student,\n language: i18n.language\n })\n .then(resp => {\n if (!resp?.file_link) {\n throw new Error()\n }\n window.open(resp.file_link, '_blank')\n })\n .catch(() => toast.error(t('keaReport.error.excel'))),\n [i18n.language, params]\n )\n\n useEffect(() => {\n if (!isKea) {\n history.push(homeURL)\n }\n }, [isKea, history])\n\n // for Filter By\n const filteredBy = useMemo(\n () => ({\n organization: data?.selection.organization_name,\n school: data?.selection.school_name,\n classroom: data?.selection.classroom_name,\n student:\n data?.selection.given_name &&\n `${data?.selection.given_name} ${data?.selection.family_name || ''}`\n }),\n [data]\n )\n\n return (\n {domain.description}
\n {foundObjectives?.map(\n (obj, objIndex) =>\n obj && (\n\n
\n )\n )}\n {t('keaReport.table.observationalNote')}
\n\n \n Object.keys(options).length\n ? dispatch({ type: 'setBack' })\n : history.push(homeReportURL)\n }\n >\n {t('keaReport.back')}\n \n \n
\n \n {t('keaReport.title', { scope: scope?.name })}\n
\n {data && (\n \n {t('keaReport.lastUpdated')}:{' '}\n {format(new Date(data?.last_updated), 'M/d/yy hh:mm a')}\n
\n )}\n\n {!data && \n \n \n
\n\n {data.selection.student_id ? (\n \n {data.selection.student_id\n ? t('keaReport.studentsKea', {\n name:\n data?.selection.given_name &&\n `${data?.selection.given_name} ${data?.selection\n .family_name || ''}`\n })\n : t('keaReport.scopeKea', {\n name:\n data?.selection.classroom_name ||\n data?.selection.school_name ||\n scope?.name\n })}\n
\n\n \n
\n )\n}\n","import React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PrimaryLink, Button, Modal } from 'shared/components'\nimport styles from './objective-examples.module.css'\n\nexport const ObjectiveExamples = ({ examples }) => {\n const [modal, setModal] = useState(false)\n const { t } = useTranslation()\n\n if (!examples?.length) return null\n\n return (\n <>\n \n \n
\n \n \n
\n \n {t('scheduleManagement.objectives.examples')}\n
\n - \n {examples.map(({ example, example_type }, i) =>\n example_type === 'link' ? (\n
- {t('scheduleManagement.objectives.clickLink')} \n
- {example} \n )\n )}\n
\n
\n {objective.developmental_progression.map(\n ({ level, subobjectives, examples }) => (\n {t('scheduleManagement.objectives.developmentalProgression')}
\n {objective.description}\n \n
\n )\n )}\n \n )\n}\n","import React from 'react'\n\nimport styles from './objective.module.css'\nimport { ObjectiveExamples } from '../objective-examples'\n\nexport class DetailedObjective extends React.Component {\n render() {\n const { objective, t } = this.props\n\n if (!objective.developmental_progression.length) {\n return null\n }\n\n return (\n {level}
\n - \n {subobjectives.map((s, i) => (\n
- {s} \n ))}\n
\n
\n )\n }\n}\n","import React, { useRef, useState } from 'react'\nimport { get } from 'lodash'\nimport { useTranslation } from 'react-i18next'\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport ReactToPrint from 'react-to-print'\nimport { Button, Modal } from 'shared/components'\n\nimport styles from './modal.module.css'\nimport { AbridgedObjective, DetailedObjective } from '../objectives'\n\nexport const SideModal = ({ onClose, objective }) => {\n const { t } = useTranslation()\n const componentRef = useRef()\n const [expandedView, setExpandedView] = useState(false)\n const hasQuestions = get(objective, 'developmental_progression', []).some(\n item => item.questions.length\n )\n\n return (\n {objective.description}
\n\n {t('scheduleManagement.objectives.domain')}: \n {objective.domain}\n
\n\n {objective.developmental_progression.map(\n ({ level, subobjectives, questions, examples }) => (\n
\n \n
\n )\n )}\n {level}
\n \n
\n \n
\n \n {t('scheduleManagement.objectives.subobjective')}\n
\n - \n {subobjectives.map((s, i) => (\n
- {s} \n ))}\n
\n
\n \n {t('scheduleManagement.objectives.questions')}\n
\n - \n {questions.map((s, i) => (\n
- {s} \n ))}\n
\n \n {t('scheduleManagement.modal.close')}\n \n {hasQuestions && (\n \n )}\n\n setExpandedView(false)}\n >\n \n \n setExpandedView(false)}>\n (\n \n )}\n content={() => componentRef.current}\n />\n \n \n
\n )\n}\n","import React, { useRef } from 'react'\nimport { get } from 'lodash'\nimport ReactToPrint from 'react-to-print'\nimport { useTranslation } from 'react-i18next'\nimport { Button, Modal } from 'shared/components'\n\nimport styles from './modal.module.css'\nimport { DetailedObjective } from '../objectives'\n\nexport const WeekModal = ({ modal, closeModal }) => {\n const { t } = useTranslation()\n const componentRef = useRef()\n const objectives = get(modal, 'objectives', [])\n const week = modal ? modal.week : 'Empty'\n\n return (\n \n
\n )\n }\n}\n","export function getColumns(checkpoint, age) {\n return checkpoint.columns.filter(\n column => column.age_category === age.selected.value\n )\n}\n\nexport function getWeeksData(checkpoint, age, objectives) {\n const requiredColumnIndexes = getColumns(checkpoint, age).map(\n c => c.column_index\n )\n const filteredObjectives = objectives.filter(\n o => o.age_category === age.selected.value\n )\n\n return checkpoint.weeks\n .map(week => ({\n ...week,\n requirements: week.requirements.filter(r =>\n requiredColumnIndexes.includes(r.column_index)\n )\n }))\n .map(week => ({\n name: week.week_of,\n objectives: week.requirements.reduce(\n (o, r) => ({\n ...o,\n [r.column_index]: r.objectives\n .map(o =>\n filteredObjectives.find(objective => objective.objective_id === o)\n )\n .filter(Boolean)\n }),\n {}\n )\n }))\n}\n","import React, { useState, useEffect, useMemo } from 'react'\nimport { flatten, get } from 'lodash'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { Table, PrimaryLink, Select } from 'shared/components'\nimport { useFilters } from 'shared/hooks'\n\nimport styles from './schedule-table.module.css'\nimport { SideModal, WeekModal } from '../modal'\nimport { getColumns, getWeeksData } from '../../utils'\n\nexport const ScheduleTable = ({ filters, checkpoint, objectives }) => {\n const { t, i18n } = useTranslation()\n const [ages, setAges] = useState()\n\n const classroomAgesFilters = useFilters({ ages })\n useEffect(() => {\n if (filters.classroom.selected.value) {\n const newAges = checkpoint.student_age_categories.map(age => ({\n ...age,\n label: `${age.age_category}, ${age.total_students} ${\n age.total_students === 1 ? 'student' : 'students'\n }`,\n value: age.age_category\n }))\n setAges(newAges)\n const defaultAge = newAges.find(({ is_default }) => is_default)\n if (defaultAge) classroomAgesFilters.age.set(defaultAge)\n }\n }, [filters.classroom.selected.value])\n const age = useMemo(() => {\n if (filters.student.selected.value || !filters.classroom.selected.value) {\n return filters.age\n }\n return classroomAgesFilters.age\n }, [filters, classroomAgesFilters])\n\n const [weekModal, setWeekModal] = useState(null)\n const [selectedObjective, setSelectedObjective] = useState(null)\n useEffect(() => {\n if (selectedObjective) {\n const foundObjective = objectives.find(\n obj => obj.objective_id === selectedObjective.objective_id\n )\n if (foundObjective) {\n setSelectedObjective(foundObjective)\n }\n }\n }, [i18n.language, selectedObjective, objectives])\n const columnData = getColumns(checkpoint, age)\n const headers = [\n { name: t('scheduleManagement.table.week'), subheader: null },\n ...columnData.map(c => ({\n name: c.header,\n id: c.column_index,\n subheader: c.subheader\n }))\n ]\n const values = getWeeksData(checkpoint, age, objectives).map(week => {\n const localObjectives = flatten(Object.values(week.objectives))\n return [\n \n
\n {objectives.map(objective => (\n \n {t('scheduleManagement.modal.week')}: {week}\n
\n\n setWeekModal(null)} />\n
\n )\n}\n","import React from 'react'\nimport { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useLocation } from 'react-router-dom'\nimport queryString from 'query-string'\n\nimport { fetchScheduleQuery } from 'lib/api'\nimport { useAuthContext } from 'features/auth'\nimport {\n PageWrapper,\n Loader,\n Select,\n Button,\n NoData,\n Checkbox\n} from 'shared/components'\n\nimport { useFilters } from './hooks/use-filters'\nimport { useSettings } from './hooks/use-settings'\nimport { YearSelector } from './components/year-selector/year-selector'\nimport { ScheduleTable } from './components/table/schedule-table'\nimport styles from './schedule.module.css'\n\nexport const Schedule = () => {\n const { t, i18n } = useTranslation()\n const { isSchoolAdmin, isTeacher } = useAuthContext()\n const { student, ...query } = queryString.parse(useLocation().search)\n const { data, isLoading } = useQuery(\n fetchScheduleQuery({\n ...query,\n student_id: student,\n language: i18n.language\n })\n )\n\n const filters = useFilters(data, { student, ...query })\n const settings = useSettings(data, query)\n\n return (\n \n
\n {checkpoint.name}
\n {filters.classroom.selected.value &&\n !filters.student.selected.value && }\n\n setSelectedObjective(null)}\n />\n )}\n
\n\n \n {t('scheduleManagement.assessmentSchedule')}\n window.print()}\n >\n {t('scheduleManagement.modal.print')}\n \n
\n {isLoading && \n {!isSchoolAdmin && !isTeacher && }\n {!isTeacher && }\n {filters.classroom.selected.value && (\n \n )}\n {!filters.classroom.selected.value && }\n \n
\n \n {settings.select.map(setting => (\n
\n {!filters.student.selected.value && (\n \n {setting.name}:\n \n
\n ))}\n \n {settings.checkbox.map(setting => (\n
\n )}\n \n {filters.checkpoint.selected.value ? (\n
\n \n )}\n \n \n
\n )\n}\n","import React, { useState, useMemo, useRef, useCallback, useEffect } from 'react'\nimport { useHistory, useLocation, Link } from 'react-router-dom'\nimport { Form, InputGroup } from 'react-bootstrap'\nimport { toast } from 'react-toastify'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { useClickOutside } from 'shared/hooks/use-click-outside'\nimport queryString from 'query-string'\nimport _ from 'lodash'\nimport { Loader, Button, Heading } from 'shared/components'\nimport { supportURL, support } from 'lib/links'\nimport { searchArticles } from 'lib/api'\n\nimport { useAuthContext } from 'features/auth'\nimport styles from './articles.module.css'\n\nconst title = {\n SCHOOL_ADMIN: 'School Admin Resources',\n TEACHER: 'Teacher Resources',\n PARENT: 'Family Resources'\n}\n\nexport const Articles = ({ data, isLoading }) => {\n const { t } = useTranslation()\n const history = useHistory()\n const {\n isKea,\n enable_assessment_purposes,\n assessmentPurpose\n } = useAuthContext()\n const location = useLocation()\n const userRole = data?.role\n const selectedRole =\n queryString.parse(location.search, {\n decode: false\n }).role ?? userRole\n\n const [search, setSearch] = useState('')\n const [dropdownOpen, setDropdownOpen] = useState(false)\n const [foundArticles, setFoundArticles] = useState(null)\n const [searchLoading, setSearchLoading] = useState(false)\n\n const ref = useRef(null)\n useClickOutside(ref, () => {\n if (dropdownOpen) {\n setDropdownOpen(false)\n }\n })\n\n const selectedCategory = useMemo(\n () =>\n data?.other_role_categories?.find(\n category => category.role === selectedRole\n )?.categories || data?.categories,\n [selectedRole, data]\n )\n\n const handleSearchingResult = useCallback(\n async search => {\n if (search) {\n try {\n setSearchLoading(true)\n const response = await searchArticles({\n query: search,\n role: selectedRole,\n assessment_purpose: assessmentPurpose\n })\n setFoundArticles(response)\n setDropdownOpen(true)\n } catch (e) {\n toast.error(e.message)\n } finally {\n setSearchLoading(false)\n }\n }\n },\n [selectedRole, assessmentPurpose]\n )\n\n const debounceSearching = useCallback(\n _.debounce(handleSearchingResult, 1000),\n []\n )\n\n useEffect(() => {\n handleSearchingResult(search)\n }, [selectedRole])\n\n if (isLoading) {\n return \n
\n {data.title}
\n \n\n {selectedRole && selectedRole !== userRole && (\n history.push(supportURL)}\n purple\n >\n Back\n \n )}\n {t('support.title')} \n
\n )\n}\n","/* eslint-disable no-unused-expressions */\nimport React, { useEffect } from 'react'\nimport { Switch, useLocation, Route, useHistory } from 'react-router-dom'\nimport { useTranslation } from 'react-i18next'\nimport { useArticles } from 'shared/hooks'\nimport { PageWrapper, Loader } from 'shared/components'\nimport { homeURL, supportURL } from 'lib/links'\nimport { useAuthContext } from 'features/auth'\n\nimport { PrivateRoute } from 'features/auth/components/private-route'\nimport { Article } from './components/Article'\nimport { Articles } from './components/Articles'\n\nexport const SupportContainer = () => {\n const { t } = useTranslation()\n const { assessmentPurpose } = useAuthContext()\n const { data, isLoading } = useArticles({\n articleType: 'support',\n assessment_purpose: assessmentPurpose\n })\n const history = useHistory()\n const location = useLocation()\n const selectedArticle = location.pathname.split('/')?.pop()\n\n useEffect(() => {\n if (selectedArticle && selectedArticle !== 'support') {\n let article = null\n data?.categories?.forEach(c => {\n const foundArticle = c.articles?.find(a => a.key === selectedArticle)\n if (foundArticle) {\n article = foundArticle\n }\n })\n\n data?.other_role_categories?.forEach(role =>\n role.categories?.find(category => {\n const foundArticle = category.articles?.find(\n a => a.key === selectedArticle\n )\n if (foundArticle) {\n article = foundArticle\n }\n })\n )\n if (\n !isLoading &&\n (!article ||\n (article.assessment_purposes &&\n !article.assessment_purposes?.includes(assessmentPurpose)))\n ) {\n history.push(homeURL)\n }\n }\n }, [selectedArticle, data, assessmentPurpose])\n\n if (isLoading) {\n return (\n {title[selectedRole]}
\n\n \n {dropdownOpen && foundArticles && (\n
\n {enable_assessment_purposes?.includes('KEA') &&\n enable_assessment_purposes?.includes('ECA') && (\n \n {foundArticles.articles?.map(article => (\n \n {article.article_name}\n \n ))}\n {!foundArticles.articles.length && (\n {t('support.nothingFound')}\n )}\n
\n )}\n \n {isKea ? t('support.kea') : t('support.eca')}\n
\n )}\n \n {selectedCategory?.map(category => {\n const articles = category.articles?.map(article => {\n return (\n \n {article.title}\n \n )\n })\n return (\n
\n\n \n
\n )\n })}\n \n {category.category_name}\n
\n {articles}
\n \n {data?.other_role_categories?.map(role => (\n \n history.push(\n support({\n role: role.role\n })\n )\n }\n disabled={selectedRole === role.role}\n key={role.button_name}\n className={styles.button}\n >\n {role.button_name}\n \n ))}\n
\n \n {t('support.contact')}{' '}\n \n support@cognitivetoybox.com\n {' '}\n {t('support.withOtherQuestions')}\n
\n \n
\n )\n}\n\nexport const ExportPage = connect(state => ({\n exportData: state.exportModule\n}))(withRouter(Export))\n","import React from 'react'\nimport { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDownload } from '@fortawesome/free-solid-svg-icons'\nimport { Loader, Button } from 'shared/components'\n\nimport { getProfileCertificatesQuery } from 'lib/api'\nimport { iconDict } from 'lib/helpers'\n\nimport styles from './certificate.module.css'\n\nexport const CertificateList = () => {\n const { t } = useTranslation()\n const { isLoading, data } = useQuery(getProfileCertificatesQuery())\n\n if (isLoading) {\n return \n {!exportData.pdfDisabled && (\n \n )}\n\n {\n window.print()\n history.push('/')\n }}\n >\n {t('chart.print')}\n \n
\n {exportData.data.map((props, index) => (\n \n
\n ))}\n \n {!!(\n data.certifications?.length || data.expired_certifications?.length\n ) && (\n
\n )\n}\n\nconst Certificate = ({ certificate }) => {\n const { t } = useTranslation()\n return (\n \n {t('profile.certifications')}\n
\n )}\n {data.certifications.map(certificate => (\n {t('profile.expired')}
\n {data.expired_certifications.map(certificate => (\n \n window.open(certificate.presigned_url)}\n >\n
\n )\n}\n","import React, { useState } from 'react'\n\nimport { useFormik } from 'formik'\nimport { Form } from 'react-bootstrap'\nimport { toast } from 'react-toastify'\nimport { useMutation } from 'react-query'\nimport { useTranslation } from 'react-i18next'\n\nimport { Loader, Button } from 'shared/components'\nimport { getBrowserName } from 'lib/browserDetector'\nimport { accountEditMutation } from 'lib/api'\n\nimport styles from './profile.module.css'\n\nexport const ProfileForm = ({ given_name, family_name, account_id }) => {\n const { t } = useTranslation()\n\n const [loading, setLoading] = useState(false)\n const { mutateAsync: editAccount } = useMutation(accountEditMutation())\n\n const formik = useFormik({\n initialValues: {\n given_name,\n family_name\n },\n onSubmit: async values => {\n setLoading(true)\n try {\n const resp = await editAccount({\n given_name: values.given_name,\n family_name: values.family_name,\n account_id\n })\n if (resp) {\n formik.setValues({\n given_name: resp.given_name,\n family_name: resp.family_name\n })\n toast.success(t('profile.success.edit'))\n }\n } catch (e) {\n toast.error(e.response?.data?.error.message || t('profile.error.edit'))\n }\n setLoading(false)\n }\n })\n\n return (\n \n
\n {certificate.cert_name}
\n \n {t('profile.dateEarned')} {certificate.award_date}\n
\n \n {t('profile.dateExpired')} {certificate.expiration_date}\n
\n \n
\n )\n}\n","/* eslint-disable */\nexport const getBrowserName = () => {\n const navUserAgent = navigator.userAgent\n let browserName = navigator.appName\n let browserVersion = '' + parseFloat(navigator.appVersion)\n const majorVersion = parseInt(navigator.appVersion, 10)\n let tempNameOffset, tempVersionOffset, tempVersion\n\n if ((tempVersionOffset = navUserAgent.indexOf('Opera')) != -1) {\n browserName = 'Opera'\n browserVersion = navUserAgent.substring(tempVersionOffset + 6)\n if ((tempVersionOffset = navUserAgent.indexOf('Version')) != -1) {\n browserVersion = navUserAgent.substring(tempVersionOffset + 8)\n }\n } else if ((tempVersionOffset = navUserAgent.indexOf('MSIE')) != -1) {\n browserName = 'Microsoft Internet Explorer'\n browserVersion = navUserAgent.substring(tempVersionOffset + 5)\n } else if ((tempVersionOffset = navUserAgent.indexOf('Chrome')) != -1) {\n browserName = 'Chrome'\n browserVersion = navUserAgent.substring(tempVersionOffset + 7)\n } else if ((tempVersionOffset = navUserAgent.indexOf('Safari')) != -1) {\n browserName = 'Safari'\n browserVersion = navUserAgent.substring(tempVersionOffset + 7)\n if ((tempVersionOffset = navUserAgent.indexOf('Version')) != -1) {\n browserVersion = navUserAgent.substring(tempVersionOffset + 8)\n }\n } else if ((tempVersionOffset = navUserAgent.indexOf('Firefox')) != -1) {\n browserName = 'Firefox'\n browserVersion = navUserAgent.substring(tempVersionOffset + 8)\n } else if (\n (tempNameOffset = navUserAgent.lastIndexOf(' ') + 1) <\n (tempVersionOffset = navUserAgent.lastIndexOf('/'))\n ) {\n browserName = navUserAgent.substring(tempNameOffset, tempVersionOffset)\n browserVersion = navUserAgent.substring(tempVersionOffset + 1)\n if (browserName.toLowerCase() == browserName.toUpperCase()) {\n browserName = navigator.appName\n }\n }\n\n // trim version\n if ((tempVersion = browserVersion.indexOf(';')) != -1) {\n browserVersion = browserVersion.substring(0, tempVersion)\n }\n if ((tempVersion = browserVersion.indexOf(' ')) != -1) {\n browserVersion = browserVersion.substring(0, tempVersion)\n }\n\n return `${browserName} ${browserVersion.split('.')[0]}`\n}\n","import React, { useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useMutation } from 'react-query'\nimport { toast } from 'react-toastify'\nimport { Form } from 'react-bootstrap'\nimport { useFormik } from 'formik'\n\nimport { Button, Modal, StyledPhoneInput } from 'shared/components'\nimport { accountEditMutation, accountVerifyMutation } from 'lib/api'\n\nimport styles from './profile.module.css'\n\nexport const MfaModal = ({\n data: {\n phone_number,\n phone_number_verified,\n account_id,\n isMultiUser,\n opened,\n mfa_enabled\n },\n refetch,\n onClose\n}) => {\n const { t, i18n } = useTranslation()\n const {\n mutateAsync: accountVerify,\n isLoading: accountVerifyLoading\n } = useMutation(accountVerifyMutation())\n const {\n mutateAsync: editAccount,\n isLoading: editAccountLoading\n } = useMutation(accountEditMutation())\n\n const formik = useFormik({\n initialValues: {\n phone_number,\n phone_number_verified,\n code: ''\n },\n onSubmit: (values, { setFieldValue }) => {\n editAccount({\n phone_number: values.phone_number,\n mfa_enabled: true,\n account_id\n })\n .then(() => {\n refetch()\n onClose(true, true)\n })\n .catch(e =>\n toast.error(\n e.response?.data?.error.message || t('profile.error.edit')\n )\n )\n }\n })\n\n const sendCode = useCallback(\n async phone_number => {\n try {\n const resp = await editAccount({\n phone_number,\n account_id\n })\n if (resp) {\n const verify = await accountVerify(\n isMultiUser\n ? { Token: localStorage.getItem('multi_user_access_token') }\n : undefined\n )\n if (verify) {\n toast.success(t('profile.success.code'))\n }\n }\n } catch (e) {\n toast.error(e.response?.data?.error.message || t('profile.error.code'))\n }\n },\n [editAccount, formik, i18n.language, account_id, isMultiUser]\n )\n const verifyPhone = useCallback(\n (phone_number, code) =>\n accountVerify({\n code,\n phone_number,\n ...(isMultiUser\n ? { Token: localStorage.getItem('multi_user_access_token') }\n : {})\n })\n .then(resp => {\n if (resp.success) {\n toast.success(t('profile.success.verified'))\n formik.setFieldValue('phone_number_verified', true)\n }\n })\n .catch(e =>\n toast.error(\n e.response?.data?.error.message || t('profile.error.verified')\n )\n ),\n [i18n.language, accountVerify, formik]\n )\n\n const handleClose = useCallback(() => {\n onClose(false)\n }, [onClose])\n\n return (\n {t('profile.myAccountSettings')}
\n\n {\n e.preventDefault()\n formik.handleSubmit()\n }}\n >\n \n {t('profile.firstName')} \n \n {formik.errors.given_name}\n \n )}\n \n \n {t('profile.lastName')} \n \n {formik.errors.last_name}\n \n )}\n \n\n
\n \n \n \n
\n \n {t('profile.youAreUsing')} {getBrowserName()}\n
\n \n {loading && (\n \n
\n )}\n \n \n \n \n \n\n {mfaEnabled && phone_number_verified && (\n \n \n )}\n {mfaModal.opened && (\n {\n setMfaModal(prev => ({\n ...prev,\n opened: false\n }))\n setMfaEnabled(verified || phone_number_verified)\n if (skip) {\n return\n }\n if (mfa_enabled && (verified || phone_number_verified)) {\n return\n }\n setMfaEnabled(false)\n editAccount({\n account_id,\n mfa_enabled: false,\n remove_phone_number: true\n })\n .then(refetch)\n .catch(e =>\n toast.error(\n e.response?.data?.error.message || t('profile.error.edit')\n )\n )\n }}\n refetch={refetch}\n />\n )}\n
\n )\n}\n","import React from 'react'\nimport { PageWrapper, Loader } from 'shared/components'\nimport { useAuthContext } from 'features/auth'\n\nimport { CertificateList } from './features/certificate'\nimport { ProfileForm } from './components/profile-form'\nimport { ProfileMfa } from './components/profile-mfa'\n\nexport const Profile = () => {\n const { user, refetch } = useAuthContext()\n\n if (!user) {\n return (\n \n {\n setMfaEnabled(state)\n if (state) {\n setMfaModal({\n opened: true,\n account_id,\n phone_number,\n phone_number_verified,\n mfa_enabled,\n isMultiUser\n })\n } else {\n editAccount({\n account_id,\n mfa_enabled: false,\n remove_phone_number: true\n })\n .then(refetch)\n .catch(e =>\n toast.error(\n e.response?.data?.error.message || t('profile.error.edit')\n )\n )\n }\n }}\n />\n
\n \n {t('profile.mfa')}\n
\n {t('profile.mfaDescription')}
\n \n \n setMfaModal({\n opened: true,\n account_id,\n phone_number,\n phone_number_verified,\n isMultiUser,\n mfa_enabled\n })\n }\n >\n {t('profile.changePhoneNumber')}\n \n
\n \n
\n \n {t('profile.verifiedPhone')}\n
\n {formatPhoneNumber(phone_number ?? '')}
\n \n
\n
\n
\n
\n
\n )\n}\n","import React from 'react'\nimport { useQuery } from 'react-query'\nimport { useTranslation } from 'react-i18next'\nimport { PageWrapper, Loader, Heading } from 'shared/components'\nimport { getReportListQuery } from 'lib/api'\nimport { ReportTable } from './components/report-table/report-table'\nimport styles from './bulk-report.module.css'\n\nexport const BulkReport = () => {\n const { t } = useTranslation()\n const { data: reportList, isFetching: isReportListFetching } = useQuery(\n getReportListQuery()\n )\n\n return (\n \n {isReportListFetching ?
\n Cognitive ToyBox at Home for Parents
\n\n {' '}\n Learn how to play weekly game-based assessment and access daily\n recommended activities using Cognitive ToyBox!\n
\n\n
Getting Started!
\nLearn how to set up your account for the first time.
\n\n
How to Access the CTB Parent Portal
\n\n Learn more about the CTB Parent Portal and how to see messages from your\n teacher and daily recommended activities personalized for your child.{' '}\n
\n\n
How to play CTB Game-Based Assessments
\n\n Learn how to play weekly game-based assessments that are automatically\n shared with your child’s teacher!\n
\n\n \n Note: Game-based assessments may not be available at home. Please\n check with your child’s teacher to see if you have access to them.\n \n
\nCognitive ToyBox at Home for Parents
\n\n {' '}\n Learn how to play weekly game-based assessment and access daily\n recommended activities using Cognitive ToyBox!\n
\n\n
Getting Started!
\nLearn how to set up your account for the first time.
\n\n
How to Access the CTB Parent Portal
\n\n Learn more about the CTB Parent Portal and how to see messages from your\n teacher and daily recommended activities personalized for your child.{' '}\n
\n\n
How to play CTB Game-Based Assessments
\n\n Learn how to play weekly game-based assessments that are automatically\n shared with your child's teacher!\n
\n