{children}
\n)\n\nexport default injectSheet(styles)(HeadTitle)\n","import React from 'react'\nimport HeadTitle from '../../../../head-title/head-title'\n\nconst PupilTitle = ({ classes, name }) =>\n
\n)\n\nexport default injectSheet(styles)(Pupil)\n","export default ({ COLORS }) => ({\n container: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center'\n },\n desc: {\n display: 'flex',\n flexDirection: 'column'\n },\n avatar: {\n fontSize: '48px !important',\n margin: '0 20px 0 0'\n },\n name: {\n fontSize: '22px',\n lineHeight: '22px',\n color: COLORS.TEXT.MID_GREY.NORMAL\n },\n displayName: {\n fontSize: '18px',\n lineHeight: '18px',\n color: COLORS.TEXT.LIGHT_GREY.NORMAL\n }\n})\n","import { connect } from 'react-redux'\nimport Pupil from './pupil'\nimport { getProfile } from '../../../../../../../stores/profile/profile.selectors'\n\nconst mapStateToProps = state => {\n const profile = getProfile(state)\n return {\n avatarUrl: profile.avatar_url,\n name: `${profile.full_name}`,\n displayName: profile.display_name\n }\n}\n\nexport default connect(mapStateToProps)(Pupil)\n","import React from 'react'\nimport styles from './profile-info-head.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport Pupil from './pupil/pupil.container'\n\nconst ProfileInfoHead = ({ classes, className }) => (\n \n {name}\n {displayName}\n
\n \n
\n)\n\nexport default injectSheet(styles)(ProfileInfoHead)\n","export default {\n profileInfoHead: {\n height: '140px',\n padding: '22px'\n }\n}\n","import React from 'react'\nimport styles from './row.styles'\nimport injectSheet from 'react-jss'\n\nconst Row = ({ classes, children }) => (\n \n
\n)\n\nexport default injectSheet(styles)(Row)\n","export default ({ BREAKPOINTS }) => ({\n row: {\n padding: '20px 0',\n borderBottom: '1px solid #eee'\n },\n holder: {\n display: 'flex',\n flexDirection: 'row',\n margin: '0 -10px',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n margin: '0',\n flexDirection: 'column'\n }\n }\n})\n","import React from 'react'\nimport styles from './cell.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst Cell = ({ classes, children, className }) => (\n {children}
\n {children}
\n)\n\nexport default injectSheet(styles)(Cell)\n","export default ({ BREAKPOINTS }) => ({\n cell: {\n width: '33.333%',\n padding: '0 10px',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-end',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n width: '100%',\n margin: '20px 0 0',\n padding: '0',\n '&:first-child': {\n margin: '0'\n }\n }\n }\n})\n","import React from 'react'\nimport styles from './hint-cell.styles'\nimport injectSheet from 'react-jss'\nimport Cell from '../cell/cell'\nimport classNames from 'classnames'\n\nconst HintCell = ({ classes, children, className }) => (\n Try reload the page
\n ) : (\n \n
\n)\n\nexport default injectSheet(styles)(UpdatingOverlay)\n","export default {\n container: {\n width: '100%',\n height: '100%',\n background: 'rgba(255, 255, 255, 0.5)',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n }\n}\n","import React from 'react'\nimport styles from './group.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport TimesIcon from 'react-icons/lib/fa/times-circle'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\n\nconst Group = ({ classes, title, onDelete, className, mis, editable }) => (\n \n {title} {mis && MIS}\n {editable && (\n \n openConfirmationDialog({\n bodyText: `Are you sure you want to remove pupil from ${title} ?`,\n confirmText: 'Remove from group',\n action: onDelete\n })\n }\n className={classes.icon}\n />\n )}\n
\n)\n\nexport default injectSheet(styles)(Group)\n","export default ({ COLORS }) => ({\n group: {\n height: '40px',\n padding: '12px 15px',\n fontSize: '14px',\n lineHeight: '14px',\n backgroundColor: '#f9f9f9',\n border: '1px solid #ececec',\n borderRadius: '4px',\n color: COLORS.TEXT.MID_GREY.NORMAL,\n position: 'relative',\n display: 'flex'\n },\n icon: {\n position: 'absolute',\n right: '10px',\n top: '12px',\n cursor: 'pointer'\n },\n mis: {\n background: '#c5c5c5',\n display: 'block',\n borderRadius: '4px',\n fontSize: '11px',\n lineHeight: '12px',\n color: '#fff',\n padding: '2px 7px',\n marginLeft: '6px'\n }\n})\n","import { apiClient } from 'pobble-components/dist/api'\n\nexport const apiGetStudent = (id, params) =>\n apiClient.get(`v3/accounts/${id}`, { params })\n\nexport const apiUpdateStudent = (id, data, params) =>\n apiClient.put(`v3/accounts/${id}/update_student`, data, { params })\n\nexport const apiRetireStudent = id =>\n apiClient.delete(`v3/students/${id}/retire`)\n\nexport const apiCreateStudent = (shooldId, data, params) =>\n apiClient.post(`v3/schools/${shooldId}/students`, data, { params })\n\nexport const apiResetStudentPasscode = (id, params) =>\n apiClient.put(`v3/accounts/${id}/reset_student_passcode`, {}, { params })\n\nexport const apiAddStudentToAGroup = (data, params) =>\n apiClient.put('v3/group_students/add', data, { params })\n\nexport const apiRemoveStudentFromGroup = data =>\n apiClient.delete('v3/group_students/remove', { data })\n\nexport const apiParseCsvOfStudents = data => {\n const formData = new FormData()\n Object.keys(data).forEach(key => formData.append(key, data[key]))\n return apiClient.post('v3/students/parse_csv_of_students', formData)\n}\n\nexport const apiIncrementAgeGroup = (id, params) =>\n apiClient.put(`v3/accounts/${id}/increment_year_group`, {}, { params })\n\nexport const apiUploadPermissionSlip = (pupilId, permissionSlip, params) => {\n const formData = new FormData()\n formData.append('permission_slip', permissionSlip)\n return apiClient.post(`/v3/accounts/${pupilId}/permission_slips`, formData, {\n params\n })\n}\n\nexport const apiGetPermissionSlips = (id, params) =>\n apiClient.get(`v3/accounts/${id}/permission_slips`, { params })\n\nexport const apiDeletePermissionSlip = id =>\n apiClient.delete(`/v3/permission_slips/${id}`)\n\nexport const apiAddPermissionToStudent = id =>\n apiClient.put(`/v3/accounts/${id}/add_school_leader_permission`)\n\nexport const apiRemovePermissionFromStudent = id =>\n apiClient.put(`/v3/accounts/${id}/remove_school_leader_permission`)\n\nexport const apiExportStudentsToCSV = ids =>\n apiClient.post(`/v3/students_generate_csv_reports`, { student_ids: ids })\n","import { createSelector } from 'reselect'\n\nconst getData = (state, selector) => {\n const data = state.GroupsStore ? state.GroupsStore : state\n return !data ? null : selector(data)\n}\n\nconst getGroupsFetchingStatus = state => getData(state, data => data.fetching)\n\nconst getGroups = state =>\n getData(\n state,\n data => (data.groups.entities ? data.groups.entities.groups : {})\n )\n\nconst getCategories = state => getData(state, data => data.categories || [])\n\nconst getGroup = (state, id) => getGroups(state)[id] || null\n\nconst getGroupsResult = state =>\n getData(state, data => data.groups.result || [])\n\nconst getGroupsArray = createSelector(\n [getGroups, getGroupsResult],\n (groups, result) => (!groups || !result ? [] : result.map(id => groups[id]))\n)\n\nconst getUpdatableGroupsArray = createSelector([getGroupsArray], groups =>\n groups.filter(group => group.policy.can_manage_students_for_group)\n)\n\nconst getCustomGroupsArray = createSelector([getGroupsArray], groups =>\n groups.filter(group => group.provider_type === 'CUSTOM')\n)\n\nconst getGroupsDeletingStatuses = state => getData(state, data => data.deleting)\n\nconst getGroupDeletingStatus = (state, id) =>\n getGroupsDeletingStatuses(state)[id] || {\n pending: false,\n requestError: false\n }\n\nconst getGroupCreatingStatus = state => getData(state, data => data.creating)\n\nconst getGroupsUpdatingStatuses = state => getData(state, data => data.updating)\n\nconst getGroupUpdatingStatus = (state, id) =>\n getGroupsUpdatingStatuses(state)[id] || {\n pending: false,\n requestError: false\n }\n\nexport {\n getGroups,\n getUpdatableGroupsArray,\n getGroupsResult,\n getGroupsArray,\n getCustomGroupsArray,\n getGroupsFetchingStatus,\n getGroup,\n getGroupDeletingStatus,\n getGroupCreatingStatus,\n getGroupUpdatingStatus,\n getCategories\n}\n","import {\n apiGetStudent,\n apiUpdateStudent,\n apiResetStudentPasscode,\n apiAddStudentToAGroup,\n apiRemoveStudentFromGroup,\n apiAddPermissionToStudent,\n apiRemovePermissionFromStudent\n} from '../../common/api/student-management'\n\nimport { getGroups } from '../groups/groups.selectors'\n\nconst defaultInclude =\n 'account.names,account.avatar,account.student_type.dob,account.student_type.year_group,account.student_type.year_group.names,account.student_type.year_group.order,account.student_type.passcode,account.student_type.groups,account.student_type.group.policy.can_update,account.student_type.group.names,account.student_type.group.mis,account.student_type.parent_types,account.student_type.parent_type.account,account.student_type.parent_type.status,account.student_type.parent_type.account.email_identity.email,account.student_type.policy,account.student_type.parent_type.policy,account.student_type.parent_code,account.student_type.parent_types,account.student_type.parent_type.account,account.student_type.parent_type.account.names'\n\nconst fetchProfile = id => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:FETCHING',\n params: { id },\n request: () =>\n apiGetStudent(id, {\n include: defaultInclude\n })\n})\n\nconst updatePupil = (id, data) => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:UPDATE_PUPIL',\n params: { id },\n request: () =>\n apiUpdateStudent(id, data, {\n include: defaultInclude\n })\n})\n\nconst resetPasscode = id => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:RESET_PASSCODE',\n params: { id },\n request: () =>\n apiResetStudentPasscode(id, {\n include: defaultInclude\n })\n})\n\nconst addPupilToGroup = (id, data) => (dispatch, getState) =>\n dispatch({\n requestPrefix: 'PUPIL_PROFILE_STORE:ADD_PUPIL_TO_GROUP',\n params: { id, groups: getGroups(getState()) },\n request: () =>\n apiAddStudentToAGroup(data, {\n include: 'group.policy,group.mis,group.names'\n })\n })\n\nconst removePupilFromGroup = data => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:REMOVE_PUPIL_FROM_GROUP',\n params: { id: data.student_account_id, groupId: data.group_id },\n request: () => apiRemoveStudentFromGroup(data)\n})\n\nconst refetchPolicy = id => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:REFETCH_POLICY',\n params: { id },\n request: () =>\n apiGetStudent(id, {\n include: 'account.student_type.policy'\n })\n})\n\nconst addPermissionProfile = id => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:ADD_PERMISSION',\n params: { id },\n request: () => apiAddPermissionToStudent(id)\n})\n\nconst removePermissionProfile = id => ({\n requestPrefix: 'PUPIL_PROFILE_STORE:REMOVE_PERMISSION',\n params: { id },\n request: () => apiRemovePermissionFromStudent(id)\n})\n\nexport {\n fetchProfile,\n updatePupil,\n resetPasscode,\n addPupilToGroup,\n removePupilFromGroup,\n refetchPolicy,\n addPermissionProfile,\n removePermissionProfile\n}\n","import { connect } from 'react-redux'\nimport Group from './group'\nimport { getPupilGroup } from '../../../../../../../../stores/profile/profile.selectors'\nimport { removePupilFromGroup } from '../../../../../../../../stores/profile/profile.actions'\nimport { withRouter } from 'react-router-dom'\n\nconst mapStateToProps = (state, { id }) => {\n const group = getPupilGroup(state, id)\n return {\n mis: group.mis_group,\n title: group.title,\n editable: group.policy.can_manage_students_for_group\n }\n}\n\nconst mapDispatchToProps = (dispatch, { id, match }) => ({\n onDelete: () =>\n dispatch(\n removePupilFromGroup({\n student_account_id: match.params.id,\n group_id: id\n })\n )\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Group)\n)\n","import React from 'react'\nimport styles from './groups.styles'\nimport injectSheet from 'react-jss'\nimport Group from './group/group.container'\n\nconst Groups = ({ classes, groups, onRemove, pupilId }) => (\n \n {!groups.length && (\n
\n)\n\nexport default injectSheet(styles)(Groups)\n","export default ({ COLORS }) => ({\n group: {\n margin: '15px 0 0',\n '&:first-child': {\n margin: '0'\n }\n },\n noGroups: {\n color: COLORS.TEXT.MID_GREY.NORMAL,\n height: '40px',\n display: 'flex',\n alignItems: 'center'\n }\n})\n","import { connect } from 'react-redux'\nimport Groups from './groups'\nimport { removePupilFromGroup } from '../../../../../../../stores/profile/profile.actions'\nimport { getPupilGroupIds } from '../../../../../../../stores/profile/profile.selectors'\n\nconst mapStateToProps = state => ({\n groups: getPupilGroupIds(state)\n})\n\nconst mapDispatchToProps = dispatch => ({ dispatch })\n\nconst mergeProps = (stateProps, { dispatch }, ownProps) => ({\n ...stateProps,\n ...ownProps,\n onRemove: groupId =>\n dispatch(\n removePupilFromGroup({\n student_account_id: ownProps.pupilId,\n group_id: groupId\n })\n )\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n mergeProps\n)(Groups)\n","import React from 'react'\nimport styles from './pupil-info-form.styles'\nimport injectSheet from 'react-jss'\nimport Row from './row/row'\nimport Cell from './cell/cell'\nimport HintCell from './hint-cell/hint-cell'\nimport FormLabel from 'pobble-components/dist/form-elements/form-label'\nimport FormInput from 'pobble-components/dist/form-elements/form-input'\nimport CharactersCount from 'pobble-components/dist/form-elements/characters-count'\nimport AgeGroupsSelect from '../../../../../age-groups-select/age-groups-select.container'\nimport Button from 'pobble-components/dist/button'\nimport { Formik } from 'formik'\nimport UpdatingOverlay from './updating-overlay/updating-overlay'\nimport * as Yup from 'yup'\nimport Groups from './groups/groups.container'\nimport { validateDisplayName } from 'pobble-components/dist/validators'\n\nconst DISPLAY_NAME_CHARACTERS_LIMIT = 20\n\nconst PupilInfoForm = ({\n id,\n classes,\n firstName,\n lastName,\n displayName,\n bdMonth,\n bdDay,\n ageGroup,\n updatePupil,\n showUpdatingOverlay,\n passCode,\n parentCode,\n parents,\n onResetPasscode,\n onAddToGroup,\n editable,\n permission,\n editableProps\n}) => (\n \n This pupil is not a member of any group yet\n
\n )}\n {groups.map(id => (\n Try reload the page
\n const options = this.applyFilters(groupsArray)\n if (!options.length && whenNoGroupsAvailable) return whenNoGroupsAvailable\n return (\n \n
\n)\n\nexport default injectSheet(styles)(ProfileInfo)\n","export default {\n profileInfoHead: {\n borderBottom: '1px solid #eee',\n margin: '-22px -22px 0'\n }\n}\n","const styles = ({ BREAKPOINTS }) => ({\n container: {\n maxWidth: '1320px',\n padding: '0 20px',\n marginLeft: 'auto',\n marginRight: 'auto',\n [`@media (max-width: ${BREAKPOINTS.XL})`]: {\n maxWidth: '1140px'\n },\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n padding: '0'\n }\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './content-holder.styles'\nimport classNames from 'classnames'\n\nconst ContentHolder = ({ classes, children, className }) => (\n {children}
\n)\n\nexport default injectSheet(styles)(ContentHolder)\n","const styles = {\n container: {\n display: 'flex',\n width: '100%',\n flexDirection: 'column'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport styles from './loading-screen.styles'\nimport injectSheet from 'react-jss'\nimport Bone from 'pobble-components/dist/bone'\n\nconst Row = injectSheet(({ BREAKPOINTS }) => ({\n row: {\n padding: '20px 0',\n borderBottom: '1px solid #eee',\n display: 'grid',\n gridTemplateColumns: '1fr 1fr 1fr',\n columnGap: '20px',\n alignItems: 'end',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n display: 'block',\n padding: '20px 0'\n }\n }\n}))(({ classes, children }) => {children}
)\n\nconst InputCell = injectSheet(({ BREAKPOINTS }) => ({\n container: {\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n margin: '20px 0 0',\n '&:first-child': {\n margin: '0'\n }\n }\n },\n label: {\n height: '16px !important',\n marginBottom: '6px'\n },\n input: {\n display: 'block !important',\n width: '100% !important',\n borderRadius: '4px !important',\n height: '40px !important'\n }\n}))(({ labelWidth, classes }) => (\n \n
\n))\n\nconst HintCell = injectSheet(({ BREAKPOINTS }) => ({\n container: {\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n margin: '20px 0 0'\n }\n }\n}))(({ fLineWidth, sLineWidth, classes }) => (\n \n \n
\n \n
\n \n
\n )\n}\n\nexport default injectSheet(styles)(ProfilePermissionHead)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n margin: '-22px -22px 0',\n padding: '22px',\n borderBottom: '1px solid #eee'\n },\n title: {\n margin: '0 0 15px',\n color: COLORS.TEXT.MID_GREY.NORMAL,\n ...FONT_SIZES.HEADING_BIG.STYLE\n },\n icon: {\n marginRight: '10px',\n flexShrink: '0'\n },\n holder: {\n display: 'flex',\n alignItems: 'center'\n },\n manualUpdate: {\n marginTop: '20px'\n }\n})\n","import { connect } from 'react-redux'\nimport ProfilePermissionHead from './profile-permission-head'\nimport { withRouter } from 'react-router'\nimport {\n getProfile,\n getState\n} from '../../../../../../stores/profile/profile.selectors'\nimport { withMe } from 'pobble-components/dist/pobble-user'\nimport {\n addPermissionProfile,\n removePermissionProfile\n} from '../../../../../../stores/profile/profile.actions'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = (state, { match, me }) => {\n const currentState = getState(state)\n const profile = getProfile(state)\n return {\n pending:\n currentState.addingPermission.pending ||\n currentState.removingPermission.pending,\n pupilName: profile.full_name,\n permission: profile.student_type.policy.can_publish,\n canUpdatePermission: me.account.policy.can_update_school_leader_permissions\n }\n}\n\nconst mapDispatchToProps = (dispatch, { match }) => {\n return {\n addPermission: () =>\n dispatch(addPermissionProfile(match.params.id)).catch(errorHandler),\n removePermission: () =>\n dispatch(removePermissionProfile(match.params.id)).catch(errorHandler)\n }\n}\n\nexport default withMe(\n withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(ProfilePermissionHead)\n )\n)\n","import React from 'react'\nimport styles from './profile-permission.styles'\nimport injectSheet from 'react-jss'\nimport ProfilePermissionHead from './profile-permission-head/profile-permission-head.container'\n\nconst ProfilePermission = ({ classes }) => {\n return (\n Permission to Pobble
\n\n
\n {canUpdatePermission && (\n \n {!permission && (\n permissionWarning({ action: addPermission })}\n icon={ permissionWarning({ action: removePermission })}\n icon={
\n )}\n \n
\n )\n}\n\nexport default injectSheet(styles)(ProfilePermission)\n","export default {\n parents: {\n margin: '0 -22px 20px',\n padding: '22px 22px 30px',\n borderBottom: '1px solid #eee'\n },\n documents: {\n margin: '0 -22px',\n padding: '22px 22px 30px'\n }\n}\n","import React, { Component } from 'react'\nimport styles from './profile.styles'\nimport injectSheet from 'react-jss'\nimport ProfileInfo from './profile-info/profile-info'\nimport Paper from 'pobble-components/dist/paper'\nimport ContentHolder from '../../../content-holder/content-holder'\nimport LoadingScreen from './loading-screen/loading-screen'\nimport Permission from './profile-permission/profile-permission'\n\nclass Profile extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const { classes, showLoadingScreen, showProfile } = this.props\n return (\n \n \n \n {showLoadingScreen && \n {showProfile && \n \n
\n )\n }\n}\n\nexport default injectSheet(styles)(Profile)\n","import { connect } from 'react-redux'\nimport { getPupilFetchingStatus } from '../../../../stores/profile/profile.selectors'\nimport Profile from './profile'\nimport { withRouter } from 'react-router'\nimport { fetchProfile } from '../../../../stores/profile/profile.actions'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = (state, { match }) => {\n const { pending, requestError } =\n getPupilFetchingStatus(state, match.params.id) || {}\n return {\n showLoadingScreen: pending,\n showProfile: !pending && !requestError\n }\n}\n\nconst mapDispatchToProps = (dispatch, { match }) => ({\n onMount: () => dispatch(fetchProfile(match.params.id)).catch(errorHandler)\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Profile)\n)\n","import React, { Fragment } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './context-menu.styles'\nimport DropMenu from 'pobble-components/dist/drop-menu'\nimport MoreButton from 'pobble-components/dist/more-button'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faGlobe } from '@fortawesome/pro-regular-svg-icons/faGlobe'\nimport { faTrashAlt } from '@fortawesome/pro-regular-svg-icons/faTrashAlt'\nimport { faTimesCircle } from '@fortawesome/pro-regular-svg-icons/faTimesCircle'\n\nconst ContextMenu = ({\n classes,\n onDelete,\n onPublish,\n onUnpublish,\n status,\n canPublish\n}) => (\n \n 
\n
\n ) : (\n This pupil doesn't have any works yet.
\n\n \n
\n\n
\n \n \n
\n\n \n \n
\n
\n )\n}\n\nexport default injectSheet(styles)(CommentsTable)\n","export default ({ COLORS }) => ({\n container: {\n position: 'relative'\n },\n left: {\n textAlign: 'left'\n },\n all: {\n width: '60px'\n },\n allButton: {\n color: COLORS.BLUE.NORMAL,\n fontWeight: 'bold'\n },\n contextMenuCell: {\n width: '60px'\n },\n pagination: {\n marginTop: '20px',\n display: 'flex',\n justifyContent: 'center'\n }\n})\n","import { apiClient } from 'pobble-components/dist/api'\n\nconst apiApproveComment = id => apiClient.put(`/v3/comments/${id}/approve`)\n\nexport { apiApproveComment }\n","import { apiGetAccount } from '../../common/api/profile'\nimport { apiApproveComment } from '../../common/api/comments'\n\nconst fetchComments = (pupilId, params = {}) => ({\n requestPrefix: 'COMMENTS_STORE:FETCH',\n params: { pupilId, ...params },\n request: () =>\n apiGetAccount(pupilId, {\n include: `account.comments,account.comment.timestamps,account.comment.details,account.comment.work,account.comments.limit.10,account.comments.page.${params.page ||\n 1}`\n })\n})\n\nconst approveComment = commentId => ({\n requestPrefix: 'COMMENTS_STORE:APPROVE',\n params: { commentId },\n request: () => apiApproveComment(commentId)\n})\n\nexport { fetchComments, approveComment }\n","import { connect } from 'react-redux'\nimport CommentsTable from './comments-table'\nimport {\n getCommentsList,\n getCommentsPagination,\n getFetchRequest\n} from '../../../../../stores/comments/comments.selectors'\nimport { fetchComments } from '../../../../../stores/comments/comments.actions'\nimport { withRouter } from 'react-router-dom'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = state => {\n const comments = getCommentsList(state)\n const pagination = getCommentsPagination(state)\n return {\n pending: getFetchRequest(state).pending,\n comments: comments,\n noComments: !comments.length,\n pagination\n }\n}\n\nconst mapDispatchToprops = (dispatch, { match }) => ({\n onPageChange: ({ selected }) =>\n dispatch(fetchComments(match.params.id, { page: selected })).catch(\n errorHandler\n )\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToprops\n )(CommentsTable)\n)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './entry-skeleton.styles'\nimport { TableRow, Cell } from 'pobble-components/dist/table'\nimport Bone from 'pobble-components/dist/bone'\n\nconst EntrySkeleton = ({ classes, commentWidth = 80 }) => (\n \n
\n \n
\n
\n )\n }\n}\n\nexport default injectSheet(styles)(Pupil)\n","import { connect } from 'react-redux'\nimport Pupil from './pupil'\nimport { withRouter } from 'react-router-dom'\nimport { fetchPupil } from '../../../stores/pupil/pupil.actions'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapDispatchToProps = (dispatch, { match }) => ({\n onMount: () => dispatch(fetchPupil(match.params.pupilId)).catch(errorHandler)\n})\n\nexport default withRouter(\n connect(\n null,\n mapDispatchToProps\n )(Pupil)\n)\n","import { apiGetStudent } from '../../common/api/student-management'\n\nconst fetchPupil = id => ({\n requestPrefix: 'PUPIL_STORE:FETCHING',\n params: { id },\n request: () =>\n apiGetStudent(id, {\n include: 'account.names,account.student_type.policy'\n })\n})\n\nexport { fetchPupil }\n","export const printPageStyles = {\n container: {\n position: 'fixed',\n height: '100%',\n width: '100%',\n opacity: '0',\n color: '#000',\n '@media print': {\n position: 'static',\n opacity: '1'\n }\n },\n page: {\n tableLayout: 'fixed',\n height: '100vh',\n fontSize: '15px',\n fontWeight: 'bold',\n borderCollapse: 'collapse',\n background: '#fff',\n width: '100%',\n '& td': {\n height: '25%'\n }\n },\n item: {\n padding: '1.18em 2em 2em',\n border: '1px solid #000'\n },\n label: {\n fontSize: '.8em',\n fontWeight: 'normal'\n },\n nameField: {\n padding: '0 0 .4em',\n margin: '0 0 .8em',\n '& $label': {\n display: 'block'\n }\n },\n name: {\n fontSize: '2em'\n },\n passcode: {\n margin: '.5em 0 0',\n display: 'flex',\n '& > *': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '1.6em',\n height: '2.4em',\n width: '2.4em',\n borderRadius: '.4em',\n border: '1px solid #000',\n marginRight: '.6em'\n }\n },\n fullName: {\n fontSize: '.8em',\n lineHeight: '1.4',\n borderBottom: '1px solid #000',\n marginBottom: '3em',\n display: 'inline-block'\n }\n}\n\nexport const printPasscodesStyles = ({ FONT_SIZES, COLORS }) => ({\n content: {\n minWidth: '460px',\n maxWidth: '460px',\n padding: '0',\n '@media (max-width: 575px)': {\n minWidth: 'auto'\n }\n },\n img: {\n borderRadius: '6px 6px 0 0',\n overflow: 'hidden',\n padding: '0 0 54.5%',\n position: 'relative',\n '& img': {\n position: 'absolute',\n left: '0',\n top: '0',\n width: '100%'\n }\n },\n desc: {\n height: '200px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& h2': {\n ...FONT_SIZES.HEADING_LARGE.STYLE,\n margin: '0 0 10px',\n color: '#000'\n },\n '& p': {\n margin: '0'\n }\n },\n button: {\n margin: '20px auto 0',\n paddingLeft: '20px',\n paddingRight: '20px'\n },\n closeButton: {\n fontSize: '17px',\n right: '20px',\n top: '20px',\n color: '#fff',\n position: 'absolute',\n zIndex: '100'\n }\n})\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport injectSheet from 'react-jss'\nimport { printPageStyles, printPasscodesStyles } from './print-passcodes.styles'\nimport { Modal, ModalContent } from 'pobble-components/dist/modal'\nimport Button from 'pobble-components/dist/button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPrint } from '@fortawesome/pro-solid-svg-icons/faPrint'\nimport { faTimesCircle } from '@fortawesome/pro-solid-svg-icons/faTimesCircle'\nimport { apiGetAccount } from '../../common/api/profile'\nimport { useReactToPrint } from 'react-to-print'\nimport printPasscodesImg from '../../common/images/print-passcodes.png'\nimport ButtonElement from 'pobble-components/dist/button-element'\n\nexport const usePasscodesPrint = ({ ids, accounts, onAfterPrint } = {}) => {\n const [pupils, setPupils] = useState(null)\n const [printInProgress, setPrintInProgress] = useState(false)\n const componentRef = useRef(null)\n\n const pupilsPages = useMemo(\n () => {\n if (!pupils) return null\n const pupilsPerPage = 8\n const result = []\n for (let i = 0; i < pupils.length; i += pupilsPerPage) {\n let page = pupils.slice(i, i + pupilsPerPage)\n if (page.length < pupilsPerPage)\n page = [...page, ...new Array(pupilsPerPage - page.length)]\n result.push(page)\n }\n return result\n },\n [pupils]\n )\n\n useEffect(\n () => {\n if (accounts) {\n setPupils(accounts)\n }\n },\n [accounts]\n )\n\n useEffect(\n () => {\n if (ids && !!ids.length) {\n Promise.all(\n ids.map(id =>\n apiGetAccount(id, {\n include: 'account.names,account.student_type.passcode'\n }).then(res => res.data.account)\n )\n ).then(setPupils)\n }\n },\n [ids]\n )\n\n const handlePrint = useReactToPrint({\n onAfterPrint: () => {\n setPrintInProgress(false)\n onAfterPrint && onAfterPrint()\n },\n copyStyles: true,\n pageStyle:\n '@page { size: portrait; margin: 0mm; } @media print { body { -webkit-print-color-adjust: exact; } }\"',\n content: () => componentRef.current\n })\n\n const print = () => {\n setPrintInProgress(true)\n setTimeout(handlePrint, 1000)\n }\n\n const PrintComponent = injectSheet(printPageStyles)(({ classes }) => {\n const renderItem = pupil =>\n !pupil ? (\n {pupil.full_name}
\n\n Name\n {pupil.first_name}\n
\n \n Passcode\n
\n \n {pupil.student_type.passcode.split('').map(number => (\n {number}\n ))}\n
\n \n {pupilsPages.map(page => {\n return (\n \n \n {page.map((pupil, index) => {\n const nextPupil = page[index + 1]\n return (\n index % 2 === 0 && (\n
\n )\n })}\n
\n )\n })\n return { PrintComponent, print, printInProgress, pupils }\n}\n\nconst PrintPasscodes = injectSheet(printPasscodesStyles)(\n ({ classes, ids, requestClose }) => {\n const {\n print,\n PrintComponent,\n printInProgress,\n pupils\n } = usePasscodesPrint({\n ids,\n onAfterPrint: () => requestClose()\n })\n\n return (\n !!ids && (\n \n 
\n
\n \n
\n Print pupil passcodes
\n\n You are about to print {ids.length} passcode\n {ids.length > 1 && 's'}\n
\n\n
\n Your pupils have been saved
\n\n \n Close and return to My Pupils \n \n
\n \n {children}\n
\n))\n\nconst PupilsTable = injectSheet(({ COLORS }) => ({\n info: {\n color: '#ccc',\n margin: '0 3px 0 0'\n },\n ageLabel: {\n display: 'flex',\n alignItems: 'center'\n },\n labelRow: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n holder: {\n '@media (min-width: 541px)': {\n display: 'grid',\n width: '100%',\n gridTemplateColumns: '1fr 1fr 1fr',\n gap: '20px',\n '& > *': {\n margin: '0'\n }\n }\n },\n title: {\n fontSize: '18px',\n lineHeight: '22px',\n color: COLORS.TEXT.MID_GREY.NORMAL,\n marginTop: '5px'\n },\n intro: {\n marginBottom: '30px'\n },\n link: {\n textDecoration: 'none',\n fontWeight: 'bold',\n color: COLORS.BLUE.NORMAL\n },\n separator: {\n margin: '25px -20px 20px',\n borderBottom: '1px solid #ededed',\n '@media (min-width: 541px)': {\n display: 'none'\n }\n }\n}))(({ data, classes, onChange, yearGroups, canEnableProvider }) => {\n const { me } = useMe()\n return (\n \n
\n Recommended for individual classes
\n\n Manually add your pupils below via the form below, or via CSV, then\n manually \n \n create your groups\n \n .\n {me.account.policy.view_school_tab && (\n \n {' '}\n Alternatively,{' '}\n
\n {data.map((item, index) => {\n return (\n \n {!!index && }\n \n \n First Name\n \n {\n onChange(index, 'firstName', e.target.value)\n }}\n placeholder=\"Add first name\"\n />\n \n \n \n Last Name\n \n {\n onChange(index, 'lastName', e.target.value)\n }}\n placeholder=\"Add last name\"\n />\n \n \n \n \n \n \n\n {yearGroups && (\n {\n onChange(index, 'ageGroup', e.target.value)\n }}>\n \n {yearGroups.map(yg => {\n return (\n \n )\n })}\n \n )}\n {!yearGroups && \n \n )\n })}\n
\n \n \n Add pupils \n \n \n \n {\n e.preventDefault()\n setAddingPupils(true)\n Promise.all(\n finalData.map(item => {\n return apiCreateStudent(\n schoolId,\n {\n first_name: item.fields.firstName,\n last_name: item.fields.lastName,\n year_group_id: item.fields.ageGroup\n },\n {\n include: 'account.names,account.student_type.passcode'\n }\n ).catch(e => false)\n })\n ).then(result => {\n setAddingPupils(false)\n const errors = []\n const saved = []\n result.forEach((item, index) => {\n if (!item) {\n errors.push(data[index])\n } else {\n saved.push(item.data.account)\n }\n })\n setResultModalState({\n open: true\n })\n setSavedPupils(saved)\n setData(!errors.length ? [{ fields: {}, isEmpty: true }] : errors)\n })\n }}>\n \n \n {\n const dataCopy = [...data]\n const dataItem = dataCopy[i]\n dataItem.fields[field] = value\n addFormItemDetails(dataItem)\n if (dataItem.isComplete && !data[i + 1]) {\n dataCopy[i + 1] = {\n fields: { ageGroup: dataItem.fields.ageGroup },\n isEmpty: true\n }\n }\n setData(dataCopy)\n }}\n />\n \n {me.account.policy.view_school_tab && (\n \n \n setResultModalState({ ...resultModalState, open: false })\n }\n />\n
\n )\n})\n\nexport default AddPupils\n","const styles = {\n schoolTitle: {\n textAlign: 'center',\n margin: '0'\n },\n navContianer: {\n display: 'flex',\n justifyContent: 'center',\n position: 'absolute',\n left: '0',\n bottom: '0',\n width: '100%'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport HeadNav from '../../head-nav/head-nav'\nimport HeadNavLink from '../../head-nav/head-nav-link/head-nav-link'\n\nconst Nav = ({ classes, className }) => (\n \n 
\n
\n \n
\n Add your pupils to Pobble if you are planning to...
\n- \n
- publish your children's writing. \n
- create writing moderation files. \n
- use our pupil logins so children can access Pobble. \n
\n Or use{' '}\n \n our template\n {' '}\n to \n {\n if (!files.length) return\n apiParseCsvOfStudents({\n school_id: schoolId,\n student_details_csv: files[0]\n }).then(res => {\n const newData = res.data.student_details.map(item =>\n addFormItemDetails({\n fields: {\n firstName: item.first_name,\n lastName: item.last_name,\n ageGroup: item.year_group_id\n }\n })\n )\n const oldData = data.slice(0, data.length - 1)\n const lastField = data[data.length - 1]\n setData([...oldData, ...newData, lastField])\n })\n }}\n accept=\".csv\">\n Upload CSV file\n \n
\n \n Pobble is a safe space. You can always review who has access to\n your pupil data on your{' '}\n
\n \n
\n \n)\n\nexport default injectSheet(styles)(SchoolHead)\n","const styles = {\n pageHolder: {\n paddingBottom: '80px'\n }\n}\n\nexport default styles\n","const styles = ({ COLORS, FONT_SIZES }) => ({\n pupilsMessage: {\n padding: '10px 0',\n margin: '30px 0 0',\n border: '1px solid #ECECEC',\n borderLeft: 'none',\n borderRight: 'none',\n color: COLORS.TEXT.MID_GREY.NORMAL,\n ...FONT_SIZES.BODY_LARGE.STYLE\n },\n topPanel: {\n margin: '0 0 20px',\n display: 'flex',\n flexDirection: 'row'\n },\n searchHolder: {\n flex: '1'\n },\n filterControlsContainer: {\n margin: '0 0 15px'\n },\n addPupilHolder: {\n padding: '0 0 0 15px',\n margin: '0 0 0 15px',\n position: 'relative',\n '&:after': {\n position: 'absolute',\n content: '\"\"',\n height: '30px',\n top: '5px',\n left: '0',\n width: '1px',\n backgroundColor: '#ddd'\n }\n },\n showingSelectedHolder: {\n display: 'flex',\n alignItems: 'center',\n margin: '0 0 15px'\n },\n showAllPupils: {\n fontWeight: 'bold',\n color: COLORS.BLUE.NORMAL,\n cursor: 'pointer',\n margin: '0 0 0 5px'\n }\n})\n\nexport default styles\n","const styles = ({ FONT_SIZES, COLORS }) => ({\n container: {\n listStyle: 'none',\n padding: '0',\n margin: '0',\n display: 'flex',\n flexDirection: 'row',\n fontSize: '16px',\n '& li': {\n padding: '0 0 0 40px',\n position: 'relative',\n '&:after': {\n content: '\"\"',\n width: '5px',\n height: '5px',\n borderRadius: '100%',\n backgroundColor: '#DDDDDD',\n position: 'absolute',\n left: '18px',\n top: '7px'\n },\n '&:first-child': {\n padding: '0',\n '&:after': {\n display: 'none'\n }\n }\n }\n },\n title: {\n fontWeight: 'bold',\n margin: '0 5px 0'\n },\n firstGroup: {\n color: COLORS.TEXT.DARK_GREY.NORMAL\n },\n otherGroups: {\n margin: '0 0 0 5px',\n color: COLORS.TEXT.DARK_GREY.NORMAL\n },\n actionLink: {\n color: COLORS.BLUE.NORMAL,\n cursor: 'pointer'\n }\n})\n\nexport default styles\n","import React, { Fragment } from 'react'\nimport styles from './pupils-filter-controls.styles'\nimport injectSheet from 'react-jss'\n\nconst PupilsFilterControls = ({\n classes,\n selectedGroups,\n onEdit,\n onReset,\n onSelectGroups\n}) => (\n - \n {!selectedGroups.length && (\n
- \n \n Select groups\n \n \n )}\n {!!selectedGroups.length && (\n
- \n Groups selected:\n \n {selectedGroups[0] && selectedGroups[0].title}\n \n {selectedGroups.length > 1 && (\n \n and {selectedGroups.length - 1} other\n {selectedGroups.length > 2 ? 's' : ''}\n \n )}\n \n
- \n \n Edit\n \n \n
- \n \n Reset\n \n \n
\n searchValueChange(e.target.value)}\n className={classes.input}\n id=\"pupilSearch\"\n placeholder=\"Type a pupil’s name…\"\n inputProps={{ defaultValue: searchValue }}\n />\n \n
\n)\n\nexport default injectSheet(styles)(PupilsSearch)\n","import { connect } from 'react-redux'\nimport PupilsSearch from './pupils-search'\nimport { getSearchValue } from '../pupils-component-redux/pupils-component.selectors'\nimport { searchValueChange } from '../pupils-component-redux/pupils-component.actions'\nimport debounce from 'lodash/debounce'\n\nconst mapStateToProps = state => ({\n searchValue: getSearchValue(state)\n})\n\nconst mapDispatchToProps = (dispatch, ownProps) => ({\n searchValueChange: debounce(value => dispatch(searchValueChange(value)), 300)\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(PupilsSearch)\n","const styles = ({ COLORS, BREAKPOINTS }) => ({\n selectAll: {\n color: COLORS.BLUE.NORMAL,\n cursor: 'pointer',\n fontWeight: 'bold',\n userSelect: 'none'\n },\n loadMoreContainer: {\n display: 'flex',\n justifyContent: 'center',\n margin: '20px 0 0'\n },\n container: {\n overflowX: 'auto'\n },\n nameCell: {\n textAlign: 'left',\n paddingLeft: '54px'\n },\n alignLeft: {\n textAlign: 'left'\n }\n})\n\nexport default styles\n","import { hover } from 'pobble-components/dist/jss-mixins'\n\nconst styles = ({ COLORS }) => ({\n center: {\n textAlign: 'center'\n },\n right: {\n textAlign: 'right'\n },\n usernameWrapper: {\n transition: 'color 0.3s',\n cursor: 'pointer',\n whiteSpace: 'nowrap',\n ...hover({\n color: COLORS.BLUE.NORMAL\n })\n },\n userNameHighlight: {\n color: COLORS.BLUE.NORMAL,\n fontWeight: 'bold'\n },\n updatingSpinner: {\n fontSize: '20px !important',\n margin: '8px 10px',\n display: 'inline-flex !important'\n },\n pendingRow: {\n '& td': {\n position: 'relative',\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n top: '0',\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(255, 255, 255, 0.5)'\n }\n }\n }\n})\n\nexport default styles\n","import React, { Fragment, useContext } from 'react'\nimport styles from './context-menu.styles'\nimport injectSheet from 'react-jss'\nimport MoreButton from 'pobble-components/dist/more-button'\nimport DropMenu from 'pobble-components/dist/drop-menu'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBirthdayCake } from '@fortawesome/pro-solid-svg-icons/faBirthdayCake'\nimport { faLevelUp } from '@fortawesome/pro-solid-svg-icons/faLevelUp'\nimport { faUsers } from '@fortawesome/pro-solid-svg-icons/faUsers'\nimport { faUserTimes } from '@fortawesome/pro-solid-svg-icons/faUserTimes'\nimport { faTimes } from '@fortawesome/pro-solid-svg-icons/faTimes'\nimport { faFileCheck } from '@fortawesome/pro-solid-svg-icons/faFileCheck'\nimport { faFileTimes } from '@fortawesome/pro-solid-svg-icons/faFileTimes'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\nimport { AppContext } from '../../../app/app'\n\nconst ContextMenu = ({\n classes,\n id,\n openAgeGroupDialog,\n openAddToGroupDialog,\n openRemoveFromGroupDialog,\n pupilName,\n retirePupil,\n onIncrementAge,\n editable,\n canUpdatePermissions,\n canPublish,\n addPermission,\n removePermission\n}) => {\n const { permissionWarning } = useContext(AppContext)\n\n return (\n \n \n \n
\n {showLoadMore && (\n
\n)\n\nexport default withRouter(injectSheet(styles)(PupilsTable))\n","import { connect } from 'react-redux'\nimport PupilsTable from './pupils-table'\nimport {\n getPupilsWithAllFilters,\n getSortBy,\n isThereHiddenPupils,\n isEveryoneSelected,\n isShowingSelected\n} from '../pupils-component-redux/pupils-component.selectors'\nimport {\n selectAllPupils,\n deselectAllPupils,\n changeSortKey,\n loadMorePupils\n} from '../pupils-component-redux/pupils-component.actions'\n\nconst mapStateToProps = state => {\n const pupils = getPupilsWithAllFilters(state)\n return {\n pupils,\n hideAllAction: isShowingSelected(state),\n sortBy: getSortBy(state),\n everyoneSelected: isEveryoneSelected(state),\n showLoadMore: isThereHiddenPupils(state)\n }\n}\n\nconst mapDispatchToProps = (dispatch, ownProps) => ({\n changeSortKey: (key, direction) => dispatch(changeSortKey(key, direction)),\n loadMoreAction: () => dispatch(loadMorePupils()),\n dispatch\n})\n\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\n ...ownProps,\n ...stateProps,\n ...dispatchProps,\n allAction: () => {\n return !stateProps.everyoneSelected\n ? dispatchProps.dispatch(selectAllPupils())\n : dispatchProps.dispatch(deselectAllPupils())\n }\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n mergeProps\n)(PupilsTable)\n","import React from 'react'\nimport styles from './groups-modal-footer.styles'\nimport injectSheet from 'react-jss'\nimport { ModalFooter } from 'pobble-components/dist/modal'\nimport Button from 'pobble-components/dist/button'\n\nconst GroupsModalFooter = ({ classes, onCancel, onSubmit, disabled }) => (\n \n \n
\n )}\n \n
\n )}\n {!pending && (\n \n 
\n
\n)\n\nexport default injectSheet(styles)(NoPupils)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: '20px 0 30px',\n '& h2': {\n color: COLORS.TEXT.MID_GREY.NORMAL,\n ...FONT_SIZES.HEADING_BIG.STYLE,\n margin: '0 0 20px'\n },\n '& a': {\n color: COLORS.BLUE.NORMAL,\n textDecoration: 'none',\n fontWeight: 'bold'\n },\n '& img': {\n width: '131px',\n height: '131px',\n margin: '0 0 10px'\n }\n }\n})\n","import React from 'react'\nimport styles from './pupils-component.styles'\nimport injectSheet from 'react-jss'\nimport PupilsFilterControls from './pupils-filter-controls/pupils-filter-controls.container'\nimport PupilsSearch from './pupils-search/pupils-search.container'\nimport PupilsTable from './pupils-table/pupils-table.container'\nimport PupilsFilter from './pupils-filter-dialog/pupils-filter-dialog.container'\nimport AddPupilButton from './add-pupil-button/add-pupil-button'\nimport NoPupils from './no-pupils/no-pupils'\n\nconst PupilsComponent = ({\n classes,\n actualPupilsListEmpty,\n filteredPupilsEmpty,\n style,\n selectedPupils,\n isShowingSelected,\n showAll,\n canAddPupil\n}) =>\n actualPupilsListEmpty ? (\n No pupils yet
\n\n Let's add some pupils\n
\n\n
\n ) : (\n \n {!isShowingSelected && (\n
\n )\n\nexport default injectSheet(styles)(PupilsComponent)\n","import { connect } from 'react-redux'\nimport PupilsComponent from './pupils-component'\nimport { getPupilsArray } from '../../stores/pupils/pupils.selectors'\nimport {\n getPupilsWithAllFilters,\n isShowingSelected\n} from './pupils-component-redux/pupils-component.selectors'\nimport { unsetShowSelected } from './pupils-component-redux/pupils-component.actions'\nimport { withMe } from 'pobble-components/dist/pobble-user'\n\nconst mapStateToProps = (state, { me }) => ({\n canAddPupil: me.account.policy.can_manage_students,\n actualPupilsListEmpty: !getPupilsArray(state).length,\n filteredPupilsEmpty: !getPupilsWithAllFilters(state).length,\n isShowingSelected: isShowingSelected(state)\n})\n\nconst mapDispatchToProps = dispatch => ({\n showAll: () => dispatch(unsetShowSelected())\n})\n\nexport default withMe(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(PupilsComponent)\n)\n","const styles = {\n container: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%'\n },\n selectGroup: {\n height: '14px',\n width: '50px'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport styles from './loading-screen.styles'\nimport injectSheet from 'react-jss'\nimport Bone from 'pobble-components/dist/bone'\n\nconst Cell = ({ children, style }) => (\n \n
\n )}\n {isShowingSelected && (\n \n \n You are seeing only selected pupils.\n \n \n Show all\n \n
\n )}\n \n
\n {!actualPupilsListEmpty &&\n filteredPupilsEmpty && (\n \n
\n {canAddPupil && (\n \n
\n )}\n \n No pupil matching those criteria\n
\n )}\n {!actualPupilsListEmpty && !filteredPupilsEmpty && \n
\n \n \n
\n \n \n \n
\n )\n}\n\nexport default injectSheet(styles)(BulkActionBar)\n","export default ({ COLORS, BREAKPOINTS }) => ({\n container: {\n position: 'fixed',\n width: '100%',\n bottom: '0',\n left: '0',\n backgroundColor: '#fff',\n boxShadow: '0 -2px 4px 0 rgba(0, 0, 0, 0.1)',\n color: COLORS.TEXT.MID_GREY.NORMAL,\n pointerEvents: 'none',\n transform: 'translateY(80px)',\n transition: 'transform .2s ease-out'\n },\n show: {\n pointerEvents: 'auto',\n transform: 'translateY(0)'\n },\n contentHolder: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n height: '80px',\n padding: '0 42px'\n },\n buttonIcon: {\n margin: '0 8px 0 0'\n },\n selected: {\n margin: '0 10px 0 0'\n },\n showSelected: {\n color: COLORS.BLUE.NORMAL,\n fontWeight: 'bold',\n cursor: 'pointer',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n display: 'block'\n }\n }\n})\n","import { createContext } from 'react'\n\nexport default createContext(null)\n","import React, { Fragment, useContext } from 'react'\nimport BulkActionBar from '../../../bulk-action-bar/bulk-action-bar'\nimport styles from './pupils-bulk-action.styles'\nimport injectSheet from 'react-jss'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBirthdayCake } from '@fortawesome/pro-solid-svg-icons/faBirthdayCake'\nimport { faLevelUp } from '@fortawesome/pro-solid-svg-icons/faLevelUp'\nimport { faUsers } from '@fortawesome/pro-solid-svg-icons/faUsers'\nimport { faUserTimes } from '@fortawesome/pro-solid-svg-icons/faUserTimes'\nimport { faTimes } from '@fortawesome/pro-solid-svg-icons/faTimes'\nimport { faPrint } from '@fortawesome/pro-solid-svg-icons/faPrint'\nimport { faFileCheck } from '@fortawesome/pro-solid-svg-icons/faFileCheck'\nimport { faFileTimes } from '@fortawesome/pro-solid-svg-icons/faFileTimes'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\nimport pupilsContext from '../pupils.context'\nimport { AppContext } from '../../../app/app'\n\nconst PupilsBulkAction = ({\n classes,\n selectedPupils,\n onSetAgeGroup,\n onAddToGroup,\n retirePupils,\n showSelected,\n showAll,\n showingSelected,\n onRemoveFromGroup,\n onIncrementAge,\n editable,\n canUpdatePermissions,\n addPermission,\n removePermission,\n onExportCSV\n}) => {\n const { openPasscodesDialog } = useContext(pupilsContext)\n const { permissionWarning } = useContext(AppContext)\n return (\n \n {renderMessage(selected)}\n {!showingSelected && (\n \n Show selected\n \n )}\n {showingSelected && (\n \n Show all\n \n )}\n
\n \n (\n \n )}>\n {renderContextMenu\n ? renderContextMenu\n : () => 'Supply context menu please'}\n \n
\n \n {actualGroupsEmpty && This school doesn't have any groups yet}\n {filteredGroupsEmpty && No groups matching this criteria}\n {!!groups.length && (\n \n \n
\n )}\n
\n)\n\nexport default injectSheet(styles)(GroupsTable)\n","import { connect } from 'react-redux'\nimport GroupsTable from './groups-table'\nimport { withRouter } from 'react-router-dom'\nimport {\n getSortedGroups,\n getSortBy,\n getSelectedGroups,\n isEveryoneSelected,\n isShowingSelected\n} from '../groups-component-redux/groups-component-redux.selectors'\nimport {\n changeSortKey,\n selectAllGroups,\n deselectAllGroups,\n groupAction\n} from '../groups-component-redux/groups-component-redux.actions'\nimport { getGroupsArray } from '../../../../stores/groups/groups.selectors'\n\nconst mapStateToProps = state => {\n const actualGroups = getGroupsArray(state)\n const filteredGroups = getSortedGroups(state)\n return {\n actualGroupsEmpty: !actualGroups.length,\n filteredGroupsEmpty: !!actualGroups.length && !filteredGroups.length,\n hideAllButton: isShowingSelected(state),\n groups: getSortedGroups(state),\n sortBy: getSortBy(state),\n selectedGroups: getSelectedGroups(state),\n everyoneSelected: isEveryoneSelected(state)\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n changeSortKey: (key, direction) => dispatch(changeSortKey(key, direction)),\n dispatch\n})\n\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\n ...ownProps,\n ...stateProps,\n ...dispatchProps,\n onGroupClick: id => {\n dispatchProps.dispatch(groupAction(id))\n ownProps.history.push('/')\n },\n allAction: () => {\n return !stateProps.everyoneSelected\n ? dispatchProps.dispatch(selectAllGroups())\n : dispatchProps.dispatch(deselectAllGroups())\n }\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n mergeProps\n )(GroupsTable)\n)\n","const styles = {\n container: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%'\n },\n selectGroup: {\n height: '14px',\n width: '50px'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport styles from './loading-screen.styles'\nimport injectSheet from 'react-jss'\nimport Bone from 'pobble-components/dist/bone'\n\nconst Cell = ({ children, style }) => (\n \n
\n \n \n \n
\n
\n)\n\nexport default injectSheet(styles)(LoadingScreen)\n","import React from 'react'\nimport styles from './add-group.styles'\nimport injectSheet from 'react-jss'\nimport {\n Modal,\n ModalHeader,\n ModalContent,\n ModalFooter\n} from 'pobble-components/dist/modal'\nimport Button from 'pobble-components/dist/button'\nimport FormInput from 'pobble-components/dist/form-elements/form-input'\nimport * as Yup from 'yup'\nimport { Formik } from 'formik'\n\nconst SetAgeGroups = ({\n classes,\n opened,\n requestClose = () => null,\n initialAgeGroup,\n onSubmit,\n pending\n}) => (\n \n
\n \n {showingSelected && (\n \n You are seeing only selected groups.{' '}\n \n Show all\n \n \n )}\n \n Add a group\n \n
\n)\n\nexport default injectSheet(styles)(GroupsHead)\n","export default ({ COLORS }) => ({\n container: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n addGroupButton: {\n margin: '0 0 0 auto'\n },\n showingSelected: {\n display: 'flex',\n alignItems: 'center'\n },\n showAll: {\n color: COLORS.BLUE.NORMAL,\n cursor: 'pointer',\n fontWeight: 'bold',\n margin: '0 0 0 5px'\n }\n})\n","import { connect } from 'react-redux'\nimport GroupsHead from './groups-head'\nimport { openAddGroupDialog } from '../dialogs/add-group/add-group.actions'\nimport { isShowingSelected } from '../groups-component-redux/groups-component-redux.selectors'\nimport { unsetShowSelectedGroups } from '../groups-component-redux/groups-component-redux.actions'\n\nconst mapStateToProps = state => ({\n showingSelected: isShowingSelected(state)\n})\n\nconst mapDispatchToProps = dispatch => ({\n onAddGroup: () => dispatch(openAddGroupDialog()),\n showAll: () => dispatch(unsetShowSelectedGroups())\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(GroupsHead)\n","import React from 'react'\nimport styles from './no-groups.styles'\nimport injectSheet from 'react-jss'\nimport noGroups from './no-groups.png'\n\nconst NoGroups = ({ classes, onAddGroup }) => (\n \n 
\n
\n)\n\nexport default injectSheet(styles)(NoGroups)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: '20px 0 30px',\n '& h2': {\n color: COLORS.TEXT.MID_GREY.NORMAL,\n ...FONT_SIZES.HEADING_BIG.STYLE,\n margin: '0 0 20px'\n },\n '& img': {\n width: '131px',\n height: '131px',\n margin: '0 0 10px'\n }\n },\n addGroup: {\n cursor: 'pointer',\n color: COLORS.BLUE.NORMAL,\n textDecoration: 'none',\n fontWeight: 'bold'\n }\n})\n","import { connect } from 'react-redux'\nimport NoGroups from './no-groups'\nimport { openAddGroupDialog } from '../dialogs/add-group/add-group.actions'\n\nconst mapDispatchToProps = dispatch => ({\n onAddGroup: () => dispatch(openAddGroupDialog())\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(NoGroups)\n","import React, { Component, Fragment } from 'react'\nimport styles from './groups.styles'\nimport injectSheet from 'react-jss'\nimport Paper from 'pobble-components/dist/paper'\nimport ContentHolder from '../../content-holder/content-holder'\nimport GroupsTable from './groups-table/groups-table.container'\nimport LoadingScreen from './loading-screen/loading-screen'\nimport AddGroupDialog from './dialogs/add-group/add-group.container'\nimport UpdateGroupDialog from './dialogs/update-group/update-group.container'\nimport SetVisibilityDialog from './dialogs/set-visibility/set-visibility.container'\nimport GroupsBulkAction from './groups-bulk-action/groups-bulk-action.container'\nimport GroupsHead from './groups-head/groups-head.container'\nimport NoGroups from './no-groups/no-groups.container'\n\nclass Groups extends Component {\n componentDidMount() {\n this.props.onMount && this.props.onMount()\n }\n render() {\n const {\n classes,\n showGroupsTable,\n showLoadingScreen,\n actualGroupsEmpty\n } = this.props\n return (\n No groups yet
\n\n \n Let's create your first group\n \n
\n\n
\n )}\n {actualGroupsEmpty && \n
\n \n We've been able to match {importedStudentsCount} pupils\n automatically, but with {remainingStudents} pupil\n {remainingStudents > 1 ? 's' : ''} we might need your help.\n
\nPlease click the button below to decide on next steps. Thank you.
\n\n \n It appears that this pupil had previously been entered twice.\n Currently, this pupil already exists in Pobble. You can safely\n retire this record. In case this leads to unexpected results, please\n contact Pobble at{' '}\n \n hello@pobble.com\n \n \n )}\n
\n \n \n {remainingStudents} student\n {remainingStudents > 1 ? 's' : ''} left\n
\n {similarStudentResolved && (\n \n \n item.full_name}\n onSelect={(value, item) =>\n this.setState({\n value,\n selectedStudent: item\n })\n }\n onChange={(event, value) =>\n this.setState({ value, selectedStudent: null })\n }\n renderMenu={children => (\n \n {item.full_name}\n
\n )}\n />\n )}\n \n
\n {studentName} will be retired from Pobble
\n- \n
- \n Date of birth: {studentDay}/{studentMonth}\n \n
- Groups: {groups || '-'} \n
- Works: {workCount} \n
\n this.setState({ status: 'retiring' })}\n checked={this.state.status === 'retiring'}\n />\n \n
\n \n this.setState({ status: 'matching' })}\n checked={this.state.status === 'matching'}\n disabled={unmatchingStudents && !unmatchingStudents.length}\n />\n \n
\n {this.state.status === 'matching' && (\n {children}
\n )}\n renderItem={(item, isHighlighted) => (\n \n
\n \n We have now successfully linked Pobble to your MIS. There are{' '}\n {importedStudentsCount} pupil\n {importedStudentsCount > 1 ? 's' : ''} in your school.\n
\n\n \n We're connecting Pobble to your MIS\n \n \n \n
\n )\n}\n\nexport default injectSheet(styles)(Wizard)\n","import { connect } from 'react-redux'\nimport Wizard from './wizard'\nimport {\n getConflicts,\n getCurrentStep\n} from '../../../../stores/conflict-resolution/conflict-resolution.selectors'\n\nconst mapStateToProps = state => {\n const conflicts = getConflicts(state)\n const step = getCurrentStep(state)\n return {\n step,\n onIntroScreen: step === 1,\n onResolutionScreen: step === 2,\n noMoreStudents: conflicts && conflicts.remaining === 0\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(Wizard)\n","import React, { Component } from 'react'\nimport styles from './conflict-resolution.styles'\nimport injectSheet from 'react-jss'\nimport Wizard from './wizard/wizard.container'\nimport Spinner from 'pobble-components/dist/spinner'\n\nclass ConflictResolution extends Component {\n componentDidMount() {\n const { schoolId, onMount } = this.props\n onMount(schoolId)\n }\n render() {\n const { classes, pending } = this.props\n return (\n \n {!noMoreStudents && (\n <>\n {onIntroScreen &&
\n \n {!pending &&
\n )\n }\n}\n\nexport default injectSheet(styles)(ConflictResolution)\n","import { connect } from 'react-redux'\nimport ConflictResolution from './conflict-resolution'\nimport { withMe } from 'pobble-components/dist/pobble-user'\nimport { fetchConflicts } from '../../../stores/conflict-resolution/conflict-resolution.actions'\nimport { getFetchRequest } from '../../../stores/conflict-resolution/conflict-resolution.selectors'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = (state, { me, meRequest }) => {\n return {\n schoolId:\n me &&\n !meRequest.pending &&\n me.account.teacher_type &&\n me.account.teacher_type.school &&\n me.account.teacher_type.school.id,\n pending: getFetchRequest(state).pending\n }\n}\n\nconst mapDispatchToProps = (dispatch, { match }) => ({\n onMount: schoolId => dispatch(fetchConflicts(schoolId)).catch(errorHandler)\n})\n\nexport default withMe(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(ConflictResolution)\n)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './permission-warning.styles'\nimport { Modal, ModalContent } from 'pobble-components/dist/modal'\nimport PobbleLink from 'pobble-components/dist/pobble-link'\nimport Button from 'pobble-components/dist/button'\n\nconst PermissionWarning = ({ classes, action, ...props }) => {\n return (\n \n
\n \n Publishing writing on Pobble makes it fun and easy to regularly\n celebrate your young writers' achievements. You can find out more\n about publishing{' '}\n
\n Published writing will appear publicly on your school celebration\n page. We recommend you inform parents/carers that you intend to\n publish their child's work. You can find a pre-written letter to\n support you with this in our Knowledge Base.\n
\n\n Remember, only teachers can publish work. You can disable publishing\n for any pupils in the 'My Pupils' area of your account or in an\n individual pupil's profile.\n
\n\n \n {\n props.requestClose()\n action && action()\n }}\n tall>\n Proceed\n \n
\n