\n
\n \n {premium && canMarkAsPremium &&
\n
\n \n {title}\n
\n{context}
\n- \n {example && (\n
- \n Exemplification material\n \n )}\n {trainingMaterial && (\n
- \n Training material\n \n )}\n {benchmarked && (\n
- \n
\n School exemplar\n \n \n )}\n - \n Created {createAt} ago by {createdBy}\n \n
- \n {contributions} contribution{contributions > 1 ? 's' : ''}\n \n
- {concluded ? 1 : 0} conclusion \n {moderationType && (\n
- \n {moderationType}\n \n )}\n {judgement && (\n
- \n {judgement}\n \n )}\n
\n Conclusion: {conclusionContent} – \n {conclusionAuthor}\n
\n )}\n\n
\n \n
\n {areTemplatesVisible && (\n \n \n {\n files[0] && setFieldValue('fileName', files[0].name)\n return setFieldValue('file', files[0])\n }}>\n \n \n {!areTemplatesVisible && (\n {\n onShowTemplates()\n }}>\n \n \n \n {!areWorksVisible && (\n \n \n \n
\n \n setFieldValue('contribution', '')}>\n Cancel\n \n \n {`${\n !isConcluded\n ? 'Submit contribution'\n : 'Reopen discussion and submit contribution'\n }`}{' '}\n
\n - \n
- \n {works &&\n works.map((work, index) => (\n
\n \n {index + 1}\n \n
\n \n ))}\n \n
\n )\n}\n\nexport default withRouter(injectSheet(styles)(ActionCommentReply))\n","import { connect } from 'react-redux'\nimport { withRouter } from 'react-router-dom'\nimport ActionCommentReply from './action-comment-reply'\n\nconst mapStateToProps = (state, { id, match, reply, parentId }) => {\n const action = reply.actions[0]\n return {\n id,\n parentId,\n assessmentFileId: match.params.assessmentFileId,\n contributionId: action && action.action_object && action.action_object.id,\n name:\n action &&\n action.action_object &&\n action.action_object.account &&\n action.action_object.account.full_name,\n avatar:\n action &&\n action.action_object &&\n action.action_object.account &&\n action.action_object.account.avatar,\n content: action && action.action_object && action.action_object.content,\n timestamp:\n action && action.action_object && action.action_object.created_at,\n canDelete:\n action &&\n action.action_object &&\n action.action_object.policy &&\n action.action_object.policy.can_delete,\n edited: action && action.action_object && action.action_object.edited_at\n }\n}\n\nexport default withRouter(\n connect(\n mapStateToProps,\n null\n )(ActionCommentReply)\n)\n","import React, { useMemo, useState } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './action-comment.styles'\nimport { PobbleAvatar } from 'pobble-components/dist/pobble-avatar'\nimport Button from 'pobble-components/dist/button'\nimport classNames from 'classnames'\nimport PaperclipIcon from 'react-icons/lib/fa/paperclip'\nimport CheckIcon from 'react-icons/lib/fa/check'\nimport { distanceInWords } from 'date-fns'\nimport ContextMenu from './context-menu/context-menu.container'\nimport { Link, withRouter } from 'react-router-dom'\nimport TextArea from 'pobble-components/dist/form-elements/form-text-area'\nimport { Formik } from 'formik'\nimport * as Yup from 'yup'\nimport ActionCommentReply from './action-comment-reply/action-comment-reply.container'\nimport { Modal, ModalContent, ModalFooter } from 'pobble-components/dist/modal'\nimport duck from '../../../../../common/images/duck.gif'\nimport Tooltip from 'pobble-components/dist/tooltip'\n\nconst ActionComment = ({\n classes,\n id,\n avatar,\n name,\n content,\n timestamp,\n contributionId,\n onMarkedAsConclusion,\n onUnmarkedAsConclusion,\n isConclusion,\n concludedBy,\n isAFConcluded,\n contributorsCount,\n attachment,\n attachmentName,\n canDelete,\n edited,\n workId,\n assessmentFileWorks,\n assessmentFileId,\n workRef,\n isAFClosed,\n onReply,\n replies,\n localAuthority,\n isLocalAuthorityManager\n}) => {\n const postedAt = useMemo(\n () => (!timestamp ? '' : distanceInWords(new Date(), new Date(timestamp))),\n [timestamp]\n )\n\n let [replyVisible, showReply] = useState(0)\n\n const [isOpen, setIsOpen] = useState(false)\n\n return (\n \n
\n \n
\n \n {name} replied {postedAt}{' '}\n ago {edited && (edited)}\n {canDelete && (\n
\n \n
\n )}\n {content}
\n\n Marked as a conclusion by {concludedBy}\n
\n )}\n \n
\n \n \n
\n \n {name}{' '}\n {localAuthority && isLocalAuthorityManager && (\n \n \n )}{' '}\n said {postedAt} ago {edited && (edited)}\n {!isConclusion && canDelete && (\n
\n \n
\n )}\n {content}
\n {workId && workRef && (\n\n Ref:{' '}\n \n #{assessmentFileWorks.indexOf(workId) + 1}: {workRef.title}\n \n
\n )}\n {attachment && (\n \n {replies &&\n replies.map(reply => (\n {\n onReply(assessmentFileId, contributionId, reply, id).then(\n res => showReply((replyVisible = false))\n )\n }}>\n {props => {\n const {\n handleSubmit,\n handleChange,\n values,\n errors,\n isValid\n } = props\n return (\n \n )\n }}\n \n )}\n
\n\n \n Great!
\n\n You are about to select a conclusion for this discussion.\n
\n Contributors to this moderation file ({contributorsCount}{' '}\n {contributorsCount > 1 ? 'people' : 'person'}) will be notified.{' '}\n
\n \n \n onMarkedAsConclusion(contributionId, id) && setIsOpen()\n }>\n Mark as conclusion\n \n
\n \n \n
\n )\n}\n\nexport default injectSheet(styles)(ActionConclusion)\n","import { connect } from 'react-redux'\nimport ActionConclusion from './action-conclusion'\nimport { getContribution } from '../../../../../stores/discussion/discussion.selectors'\nimport { distanceInWords } from 'date-fns'\n\nconst mapStateToProps = (state, { id }) => {\n const action = getContribution(state, id)\n return {\n id,\n name: action.originator.full_name,\n timestamp:\n action &&\n action.created_at &&\n distanceInWords(new Date(), new Date(action.created_at))\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(ActionConclusion)\n","const styles = () => ({\n container: {\n display: 'flex',\n alignItems: 'center'\n },\n name: {\n color: '#666'\n },\n icon: {\n borderRadius: '100%',\n width: '25px',\n height: '25px',\n marginRight: '8px',\n flexShrink: 0,\n color: '#9b9b9b',\n border: '1px solid',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& svg': {\n width: '14px'\n }\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './action-unmark-conclusion.styles'\nimport CheckIcon from 'react-icons/lib/fa/check'\n\nconst ActionUnmarkConclusion = ({ classes, id, name, timestamp }) => {\n return (\n \n {name} selected a\n conclusion {timestamp} ago\n
\n \n \n
\n )\n}\n\nexport default injectSheet(styles)(ActionUnmarkConclusion)\n","import { connect } from 'react-redux'\nimport ActionUnmarkConclusion from './action-unmark-conclusion'\nimport { getContribution } from '../../../../../stores/discussion/discussion.selectors'\nimport { distanceInWords } from 'date-fns'\n\nconst mapStateToProps = (state, { id }) => {\n const action = getContribution(state, id)\n return {\n id,\n name: action.originator.full_name,\n timestamp:\n action.action_object &&\n action.action_object.created_at &&\n distanceInWords(new Date(), new Date(action.action_object.created_at))\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(ActionUnmarkConclusion)\n","const styles = () => ({\n container: {\n display: 'flex',\n alignItems: 'center'\n },\n name: {\n color: '#666'\n },\n icon: {\n borderRadius: '100%',\n width: '25px',\n height: '25px',\n marginRight: '8px',\n flexShrink: 0,\n color: '#9b9b9b',\n border: '1px solid',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& svg': {\n width: '14px'\n }\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './action-add-work.styles'\nimport CheckIcon from 'react-icons/lib/fa/plus'\n\nconst ActionAddWork = ({ classes, id, name, timestamp }) => {\n return (\n \n {name} unmarked a\n contribution as a conclusion for this discussion {timestamp} ago\n
\n \n \n
\n )\n}\n\nexport default injectSheet(styles)(ActionAddWork)\n","import { connect } from 'react-redux'\nimport ActionAddWork from './action-add-work'\nimport { getContribution } from '../../../../../stores/discussion/discussion.selectors'\nimport { distanceInWords } from 'date-fns'\n\nconst mapStateToProps = (state, { id }) => {\n const action = getContribution(state, id)\n return {\n id,\n name: action.originator.full_name,\n timestamp:\n action.created_at &&\n distanceInWords(new Date(), new Date(action.created_at))\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(ActionAddWork)\n","const styles = () => ({\n container: {\n display: 'flex',\n alignItems: 'center'\n },\n name: {\n color: '#666'\n },\n icon: {\n borderRadius: '100%',\n width: '25px',\n height: '25px',\n marginRight: '8px',\n flexShrink: 0,\n color: '#9b9b9b',\n border: '1px solid',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& svg': {\n width: '14px'\n }\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './action-remove-work.styles'\nimport CheckIcon from 'react-icons/lib/fa/minus'\n\nconst ActionRemoveWork = ({ classes, id, name, timestamp }) => {\n return (\n \n {name} added a piece of\n work {timestamp} ago\n
\n \n \n
\n )\n}\n\nexport default injectSheet(styles)(ActionRemoveWork)\n","import ActionComment from './action-comment/action-comment.container'\n// import ActionJoin from './action-join/action-join.container'\n// import ActionInvitation from './action-invitation/action-invitation.container'\nimport ActionConclusion from './action-conclusion/action-conclusion.container'\nimport ActionUnmarkConclusion from './action-unmark-conclusion/action-unmark-conclusion.container'\nimport ActionAddWork from './action-add-work/action-add-work.container'\nimport ActionRemoveWork from './action-remove-work/action-remove-work.container'\n\nconst actionMap = {\n CommentAdded: ActionComment,\n CommentAddedWithAttachment: ActionComment,\n // AccountJoinedDiscussion: ActionJoin,\n // GuestModeratorInvited: ActionInvitation,\n ContributionMarkedAsConclusion: ActionConclusion,\n ContributionUnmarkedAsConclusion: ActionUnmarkConclusion,\n WorkAdded: ActionAddWork,\n WorkRemoved: ActionRemoveWork\n}\n\nexport default actionMap\n","import { connect } from 'react-redux'\nimport ActionRemoveWork from './action-remove-work'\nimport { getContribution } from '../../../../../stores/discussion/discussion.selectors'\nimport { distanceInWords } from 'date-fns'\n\nconst mapStateToProps = (state, { id }) => {\n const action = getContribution(state, id)\n return {\n id,\n name: action.originator.full_name,\n timestamp:\n action.created_at &&\n distanceInWords(new Date(), new Date(action.created_at))\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(ActionRemoveWork)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './action.styles'\nimport actionMap from './action.map'\n\nconst Action = ({ classes, id, type }) => {\n const ActionByType = actionMap[type]\n\n return (\n (actionMap[type] && (\n \n {name} removed a piece of\n work {timestamp} ago\n
\n \n this.props.onMount(this.props.id)}>\n
\n )}\n - \n {!pending &&\n contributions &&\n contributions.map(contribution => (\n
No contributions yet.
}\n\n
\n )\n}\n\nexport default injectSheet(styles)(Discussion)\n","import { connect } from 'react-redux'\nimport Discussion from './discussion'\nimport { getFetchContributionsRequest } from '../../../../../stores/discussion/discussion.selectors'\n\nconst mapStateToProps = state => {\n const fetchRequest = getFetchContributionsRequest(state)\n return {\n pending: fetchRequest.pending\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(Discussion)\n","const styles = {\n container: {},\n heading: {\n display: 'inline',\n '& h2': {\n marginBottom: '14px'\n },\n '& small': {\n color: '#a3a3a3',\n fontSize: '12px',\n fontWeight: 'normal'\n }\n },\n works: {\n margin: 0,\n padding: 0,\n overflow: 'auto',\n whiteSpace: 'nowrap',\n display: 'flex'\n },\n work: {\n textAlign: 'center',\n maxWidth: '140px',\n listStyle: 'none',\n marginRight: '12px',\n marginBottom: '10px',\n display: 'inline-block'\n },\n workTitle: {\n margin: 0,\n maxWidth: '100%',\n overflow: 'hidden',\n whiteSpace: 'pre-wrap'\n },\n link: {\n display: 'block',\n color: '#555',\n textDecoration: 'none',\n transition: '300ms ease-in-out',\n '&:hover': {\n opacity: '0.7'\n }\n },\n thumbnail: {\n maxWidth: '100%',\n marginBottom: '10px',\n '& > div': {\n display: 'block',\n position: 'relative',\n background: '#ececec',\n border: '1px solid #ececec',\n width: '100%',\n paddingBottom: '133%',\n borderRadius: '8px',\n overflow: 'hidden',\n '& > span': {\n position: 'absolute',\n left: '0',\n top: '0',\n backgroundSize: 'cover',\n width: '100%',\n height: '100%'\n }\n }\n }\n}\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './works.styles'\nimport dateFns from 'date-fns'\nimport { Link } from 'react-router-dom'\n\nconst Works = ({ classes, pending, id, works, count }) => {\n return (\n Join the discussion
\n {!pending &&\n
\n \n
\n )\n}\n\nexport default injectSheet(styles)(Works)\n","import { connect } from 'react-redux'\nimport Works from './works'\nimport { getAssessmentFile } from '../../../../../stores/assessment-file/assessment-file.selectors'\nimport {\n getWorksList,\n getWorksCount\n} from '../../../../../stores/works/works.selectors'\nimport { withRouter } from 'react-router-dom'\n\nconst mapStateToProps = (state, { match, me }) => {\n const assessmentFile = getAssessmentFile(state)\n const works = getWorksList(state)\n return {\n id: assessmentFile.id,\n works,\n count: getWorksCount(state)\n }\n}\n\nexport default withRouter(\n connect(\n mapStateToProps,\n null\n )(Works)\n)\n","const styles = ({ BREAKPOINTS }) => ({\n container: {\n margin: '40px 0 0',\n [`@media (min-width: ${BREAKPOINTS.SM})`]: {\n borderLeft: '1px solid #ececec',\n padding: '0 40px 0',\n margin: '0 0 0 30px'\n }\n }\n})\n\nexport default styles\n","const styles = {\n container: {\n marginBottom: '50px'\n },\n header: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%'\n },\n button: {\n marginLeft: '10px',\n '& svg': {\n marginRight: '4px'\n }\n },\n sharedButton: {\n marginLeft: '10px',\n background: '#dcdcdc !important',\n color: '#fff',\n fontWeight: 'bold',\n padding: '10px',\n borderRadius: '100%',\n height: '25px',\n width: '25px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '&:hover': {\n color: '#fff',\n background: '#c8c5c5 !important'\n }\n }\n}\n\nexport default styles\n","const styles = {\n container: {\n display: 'flex',\n alignItems: 'center',\n textDecoration: 'none',\n color: '#555',\n marginBottom: '12px',\n transition: 'opacity 300ms ease-in-out'\n },\n avatar: {\n fontSize: '30px',\n color: '#fff',\n marginRight: '10px'\n },\n name: {\n fontSize: '16px'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './contributor.styles'\nimport { PobbleAvatar } from 'pobble-components/dist/pobble-avatar'\n\nconst Contributor = ({ classes, id, name, avatar }) => {\n return (\n \n
\n \n Writing collection{' '}\n \n {count} piece{count > 1 ? 's' : ''} to review\n \n
\n- \n {works.map((work, index) => (\n
\n
\n \n
\n {work.title}
\n \n {dateFns.format(work.updated_at, 'MM/DD/YYYY HH:ss') || ''}\n \n \n \n ))}\n\n
\n )\n}\n\nexport default injectSheet(styles)(Contributor)\n","import { connect } from 'react-redux'\nimport Contributor from './contributor'\nimport { getContributor } from '../../../../../../../stores/assessment-file/assessment-file.selectors'\n\nconst mapStateToProps = (state, { id }) => {\n const contributor = getContributor(state, id)\n return {\n id,\n name: contributor.full_name,\n avatar: contributor.avatar\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(Contributor)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './info-message.styles'\nimport PaperclipIcon from 'react-icons/lib/fa/paperclip'\n\nconst InfoMessage = ({ classes, student, worksCount }) => (\n \n
\n \n 🌟\n {' '}\n Discover the power of Pobble moderation with a premium subscription\n \n 🌟\n \n
\n\n Would you like to feel more confident in making writing assessment\n judgements?\n
\n\n 
\n
\n - \n
- \n \n 📝\n {' '}\n Access ready-made writing samples\n \n
- \n \n 🏫\n \n Easily compile your own school exemplars\n \n
- \n \n 👫\n {' '}\n Facilitate moderation sessions with your team and other schools\n \n
- \n \n 💻\n {' '}\n Create and share unlimited moderation files\n \n
- \n \n 👩🏻🏫\n {' '}\n Gain access to exclusive CPD opportunities\n \n
\n All this and more, for as little as{' '}\n {price && `${price.currency}${price.price} a year`}!
\n Choose the right subscription for you.\n
\n \n Choose the right subscription for you.\n
\n \n 💡\n {' '}\n Don’t miss out - become a Pobble Premium moderation subscriber now!\n \n 💡\n \n
\n \n )\n})\n\nconst Upsell = injectSheet({\n content: {\n maxWidth: '680px',\n padding: '0',\n borderRadius: '8px',\n overflow: 'hidden'\n },\n holder: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n borderRadius: '8px',\n '& > *': {\n padding: '48px 32px',\n '@media (min-width: 768px)': {\n padding: '48px 56px'\n }\n }\n },\n upsell: {\n font: 'var(--body)',\n textAlign: 'center',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n '& h2': {\n margin: '0'\n }\n }\n})(({ classes, id }) => {\n const [subsData, setSubsData] = useState(null)\n\n const price = useMemo(() => {\n if (!subsData) return null\n return {\n currency: currencyMap[subsData.currency],\n price: parseInt(subsData.pobble_moderation_annual)\n }\n }, [subsData])\n\n useEffect(() => {\n apiClient\n .get('v3/subscriptions/marketing_data')\n .then(res => setSubsData(res.data.subscription_marketing_data))\n }, [])\n\n useEffect(() => {\n posthog.capture('user opened moderation upsell modal', {\n id: id\n })\n }, [id])\n\n return (\n\n
\n \n
\n \n \n \n invitationSP.restricted\n ? setUpsellModalOpen(true)\n : onOpenInvitationAssessmentDialog(id)\n }\n disabled={closed}\n className={classes.button}>\n {invitationSP.restricted && onOpenInviteesDialog(id)}\n simple\n className={classes.sharedButton}>\n {inviteesCount}\n \n )}\n \n {!pending &&\n contributors &&\n !!contributors.length &&\n contributors.map(contributor => (\n setUpsellModalOpen(false)}\n />\n
\n )\n}\n\nexport default injectSheet(styles)(Contributors)\n","import { connect } from 'react-redux'\nimport Contributors from './contributors'\nimport {\n getFetchRequest,\n getContributorsList,\n getAssessmentFileId,\n getAssessmentFileClosedState,\n getAssessmentFile\n} from '../../../../../../stores/assessment-file/assessment-file.selectors'\nimport {\n openInvitationAssessmentDialog,\n openInviteesDialog\n} from '../../../../../../stores/assessment-file/assessment-file.actions'\n\nconst mapStateToProps = (state, { me }) => {\n const assessmentFile = getAssessmentFile(state)\n return {\n id: getAssessmentFileId(state),\n pending: getFetchRequest(state).pending,\n contributors: getContributorsList(state) || [],\n closed: getAssessmentFileClosedState(state),\n canSeeInvitees: assessmentFile.policy.can_view_guest_moderators,\n inviteesCount: assessmentFile.guest_moderator_count\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onOpenInvitationAssessmentDialog: id =>\n dispatch(openInvitationAssessmentDialog(id)),\n onOpenInviteesDialog: id => dispatch(openInviteesDialog(id))\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Contributors)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './sidebar.styles'\nimport Contributors from './contributors/contributors.container'\n\nconst Sidebar = ({ classes }) => {\n return (\n \n )\n}\n\nexport default injectSheet(styles)(Sidebar)\n","const styles = () => ({\n footer: {\n display: 'flex',\n justifyContent: 'flex-end'\n },\n optional: {\n marginLeft: '5px',\n color: '#a5a5a5'\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './edit-title-dialog.styles'\nimport Button from 'pobble-components/dist/button'\nimport {\n Modal,\n ModalHeader,\n ModalContent,\n ModalFooter\n} from 'pobble-components/dist/modal'\nimport TextArea from 'pobble-components/dist/form-elements/form-text-area'\nimport FormInput from 'pobble-components/dist/form-elements/form-input'\nimport FormLabel from 'pobble-components/dist/form-elements/form-label'\nimport { Formik } from 'formik'\nimport * as Yup from 'yup'\nimport FormSelect from 'pobble-components/dist/form-elements/form-select'\n\nconst EditTitleDialog = ({\n classes,\n id,\n onUpdate,\n isOpen,\n onClose,\n title,\n description,\n moderation_type,\n judgement\n}) => (\n Contributors
\n- \n {invitees.map(invitee => (\n
- \n {invitee.guest_moderator.email_identity.email}\n {invitee.message && invitee.message !== '' && (\n
\n \n )}\n {((invitee.guest_moderator.individual_subscription &&\n invitee.guest_moderator.individual_subscription\n .plan_marketing_name) ||\n (invitee.guest_moderator.school_subscriptions &&\n invitee.guest_moderator.school_subscriptions.length > 0 &&\n invitee.guest_moderator.school_subscriptions[0] &&\n invitee.guest_moderator.school_subscriptions[0]\n .plan_marketing_name)) && (\n\n \n \n )}\n \n ))}\n
\n
\n {isStudentActive && canUpdate && (\n {title}
\n \n {count} piece{count > 1 ? 's' : ''} of work attached\n \n{description}
}\n\n
\n )\n )\n\n return (\n \n
\n \n
\n \n {/*\n onAdd(work.id, assessmentFileId).then(() => onClose())\n }\n disabled={this.props.currentWorks.indexOf(work.id) > -1}>\n {this.props.currentWorks.indexOf(work.id) > -1\n ? 'Added'\n : 'Add work'}\n \n
\n \n
*/}\n {work.title}
\n {dateFns.format(work.updated_at, 'MM/DD/YYYY') || ''}\n\n \n
\n {workList}
\n \n \n {!sidebarOpen ? 'Show discussion' : 'Hide discussion'}\n \n \n setModalVisibility(false)}\n />\n
\n )\n}\n\nexport default injectSheet(styles)(Actions)\n","import { connect } from 'react-redux'\nimport Actions from './actions'\nimport { isSibarOpen } from '../../../../../../stores/discussion/discussion.selectors'\nimport {\n openSidebar,\n closeSidebar\n} from '../../../../../../stores/discussion/discussion.actions'\n\nconst mapStateToProps = state => ({\n sidebarOpen: isSibarOpen(state)\n})\n\nconst mapDispatchToProps = dispatch => ({\n onOpenSidebar: () => dispatch(openSidebar()),\n onCloseSidebar: () => dispatch(closeSidebar())\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Actions)\n","const styles = {\n container: {\n maxWidth: '400px'\n },\n select: {\n '& > select': {\n color: '#f2f2f2',\n background: '#000',\n borderColor: 'transparent',\n position: 'relative',\n transition: 'background 300ms',\n '&:hover': {\n borderColor: 'transparent',\n background: 'rgba(0,0,0,0.4)'\n }\n },\n '& > svg': {\n zIndex: '10',\n color: '#f2f2f2'\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n background: '#343f55',\n width: '34px',\n height: '100%',\n top: 0,\n right: 0,\n borderTopRightRadius: '4px',\n borderBottomRightRadius: '4px',\n pointerEvents: 'none'\n }\n }\n}\n\nexport default styles\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './work-select.styles'\nimport FormSelect from 'pobble-components/dist/form-elements/form-select'\n\nclass WorkSelect extends Component {\n onChangeHandler(id) {\n const { onSelect, history, match } = this.props\n onSelect(id) &&\n history.push(\n `/assessment-files/${match.params.assessmentFileId}/works/${id}`\n )\n }\n\n render() {\n const { classes, works, count, selectedWorkId } = this.props\n return (\n \n \n Page \n {current + 1} of {total}\n \n
\n )\n}\n\nexport default injectSheet(styles)(Pagination)\n","import { connect } from 'react-redux'\nimport { withRouter } from 'react-router-dom'\nimport Pagination from './pagination'\nimport {\n getWork,\n getMediaKey\n} from '../../../../../../stores/works/works.selectors'\nimport { setMedia } from '../../../../../../stores/works/works.actions'\n\nconst mapStateToProps = (state, { match }) => {\n const work = getWork(state, match.params.workId)\n return {\n total: work.media && work.media.length,\n current: getMediaKey(state)\n }\n}\n\nconst mapDispatchToProps = dispatch => ({ dispatch })\n\nconst mergeProps = (stateProps, { dispatch }, ownProps) => ({\n ...stateProps,\n ...ownProps,\n onNext: () => {\n const { current, total } = stateProps\n const page = current !== total - 1 ? current + 1 : current\n return dispatch(setMedia(page))\n },\n onPrev: () => {\n const { current } = stateProps\n const page = !current ? current : current - 1\n return dispatch(setMedia(page))\n }\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n mergeProps\n )(Pagination)\n)\n","const styles = {\n image: {\n transition: 'opacity 300ms ease-in-out',\n opacity: 1,\n width: '100%'\n },\n hidden: {\n visibility: 'hidden',\n opacity: 0\n },\n desc: {\n fontSize: '18px',\n lineHeight: '22px'\n }\n}\n\nexport default styles\n","import React, { useState } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './media.styles'\nimport classNames from 'classnames'\n\nconst Media = ({ classes, media, description }) => {\n const [loading, setLoading] = useState(true)\n return (\n \n {description && setLoading(false)}\n alt=\"Piece of writing\"\n />\n )}\n
\n )\n}\n\nexport default injectSheet(styles)(Media)\n","import { connect } from 'react-redux'\nimport { withRouter } from 'react-router-dom'\nimport Media from './media'\nimport {\n getWork,\n getMediaKey\n} from '../../../../../../stores/works/works.selectors'\n\nconst mapStateToProps = (state, { match }) => {\n const currentMedia = getMediaKey(state)\n const work = getWork(state, match.params.workId)\n return {\n media: work.media[currentMedia],\n description: work.description\n }\n}\n\nexport default withRouter(\n connect(\n mapStateToProps,\n null\n )(Media)\n)\n","const styles = ({ BREAKPOINTS }) => ({\n container: {\n background: '#fff',\n width: 0,\n overflow: 'scroll',\n position: 'sticky',\n top: 0,\n transition: 'width 300ms ease-in-out',\n boxShadow: 'inset 0px 1px 2px 0px #e5e5e5'\n },\n inner: {\n /*display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',*/\n height: '100%',\n pointerEvents: 'none',\n minWidth: '500px'\n },\n open: {\n [`@media (min-width: ${BREAKPOINTS.SM})`]: {\n width: '500px',\n '& > div': {\n pointerEvents: 'auto'\n }\n }\n },\n title: {\n marginBottom: '30px'\n },\n discussion: {\n padding: '10px 20px 0'\n },\n spinner: {\n fontSize: '25px',\n marginTop: '10px'\n },\n conclusion: {\n background: '#ebf9fe',\n padding: '8px 10px'\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './discussion.styles'\nimport ContributionForm from '../../../../../shared/contribution-form/contribution-form.container'\nimport DiscussionFeed from '../../../../../shared/discussion-feed/discussion-feed.container'\nimport classNames from 'classnames'\nimport Spinner from 'pobble-components/dist/spinner'\n\nconst Discussion = ({\n classes,\n open,\n pending,\n conclusionAuthor,\n conclusionContent\n}) => {\n return (\n {description}
}\n {media && (\n\n
\n \n )\n}\n\nexport default injectSheet(styles)(Discussion)\n","import { connect } from 'react-redux'\nimport Discussion from './discussion'\nimport {\n isSibarOpen,\n getFetchContributionsRequest,\n getCurrentConclusion\n} from '../../../../../../stores/discussion/discussion.selectors'\n\nconst mapStateToProps = state => {\n const conclusion = getCurrentConclusion(state)\n return {\n open: isSibarOpen(state),\n pending: getFetchContributionsRequest(state).pending,\n conclusionAuthor:\n conclusion && conclusion.originator && conclusion.originator.full_name,\n conclusionContent:\n conclusion && conclusion.action_object && conclusion.action_object.content\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(Discussion)\n","import React, { Fragment } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './scene.styles'\nimport Actions from './actions/actions.container'\nimport WorkSelect from './work-select/work-select.container'\nimport Pagination from './pagination/pagination.container'\nimport Media from './media/media.container'\nimport Discussion from './discussion/discussion.container'\nimport Spinner from 'pobble-components/dist/spinner'\n\nconst Scene = ({ classes, pending }) => {\n return (\n \n {conclusionContent && (\n
\n \n Conclusion: {conclusionContent} – \n {conclusionAuthor}\n
\n )}\nJoin the discussion
\n\n
\n \n
\n )\n}\n\nexport default injectSheet(styles)(Scene)\n","import { connect } from 'react-redux'\nimport Scene from './scene'\nimport { getFetchRequest } from '../../../../../stores/works/works.selectors'\n\nconst mapStateToProps = state => {\n const fetchRequest = getFetchRequest(state)\n return {\n pending: fetchRequest.pending\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(Scene)\n","import React, { useEffect } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './assessment.styles'\nimport Scene from './scene/scene.container'\n\nconst Assessment = ({ classes, onMount, id }) => {\n useEffect(() => {\n onMount(id)\n }, [onMount, id])\n return (\n \n \n \n
\n \n {pending && \n \n )}\n
\n \n
\n \n
\n )\n}\n\nexport default injectSheet(styles)(Assessment)\n","import { connect } from 'react-redux'\nimport Assessment from './assessment'\nimport { getFetchRequest } from '../../../../stores/works/works.selectors'\nimport { fetchAssessmentFileWorks } from '../../../../stores/works/works.actions'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = (state, { match }) => {\n const fetchRequest = getFetchRequest(state)\n return {\n id: match.params.assessmentFileId,\n pending: fetchRequest.pending\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onMount: id => dispatch(fetchAssessmentFileWorks(id)).catch(errorHandler)\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Assessment)\n","import React, { Fragment, useEffect } from 'react'\nimport { Route } from 'react-router-dom'\nimport Navigation from './navigation/navigation.container'\nimport Cover from './cover/cover.container'\nimport Works from './works/works.container'\nimport Assessment from './assessment/assessment.container'\nimport posthog from 'posthog-js'\n\nconst AssessmentFile = ({ classes }) => {\n useEffect(() => {\n posthog.capture('accessed assessment file', {\n $set: { moderationUser: true }\n })\n }, [])\n\n return (\n \n setUpsellModalOpen(false)}\n />\n
\n )\n}\n\nexport default injectSheet(styles)(TabNav)\n","import { createSelector } from 'reselect'\n\nconst getState = state => state.CurrentInvitations\n\nconst getFetchInvitationsRequest = state =>\n getState(state).fetchInvitationsRequest\n\nconst getRemoveInvitationRequests = state =>\n getState(state).removeInvitationRequests\n\nconst getRemoveInvitationRequest = (state, id) =>\n getRemoveInvitationRequests(state)[id] || {\n pending: false,\n requestError: null\n }\n\nconst getCurrentCounter = state => getState(state).counter\n\nconst getInvitations = state => getState(state).invitations\n\nconst getInvitationsResult = createSelector(\n [getInvitations],\n invitations => (!invitations ? [] : invitations.result)\n)\n\nconst getInvitationsMap = createSelector(\n [getInvitations],\n invitations => (!invitations ? {} : invitations.entities.invitations)\n)\n\nconst getInvitationsList = createSelector(\n [getInvitationsResult, getInvitationsMap],\n (result, invitationsMap) => result.map(id => invitationsMap[id])\n)\n\nconst getInvitation = (state, id) => getInvitationsMap(state)[id]\n\nexport {\n getInvitations,\n getInvitationsList,\n getFetchInvitationsRequest,\n getInvitation,\n getRemoveInvitationRequest,\n getCurrentCounter\n}\n","import { connect } from 'react-redux'\nimport TabNav from './tab-nav'\nimport { getCurrentCounter } from '../../../../stores/current-invitations/current-invitations.selectors'\nimport { withMe } from 'pobble-components/dist/pobble-user'\n\nconst mapStateToProps = (state, { me }) => {\n const canManageAFs =\n me &&\n me.account &&\n me.account.policy &&\n me.account.policy.can_manage_assessment_files\n const canSeeTrainingFiles =\n me &&\n me.account &&\n me.account.policy &&\n me.account.policy.can_see_training_materials\n return {\n currentCounter: getCurrentCounter(state),\n canManageAFs,\n canSeeTrainingFiles\n }\n}\n\nexport default withMe(\n connect(\n mapStateToProps,\n null\n )(TabNav)\n)\n","const styles = ({ COLORS }) => ({\n container: {\n maxWidth: '50%',\n textAlign: 'center',\n fontSize: '16px',\n margin: '20px auto 40px',\n lineHeight: '24px'\n },\n link: {\n fontWeight: 'bold',\n color: COLORS.BLUE.NORMAL,\n textDecoration: 'none'\n },\n illustration: {\n margin: '20px auto',\n display: 'block',\n maxWidth: '200px'\n },\n archived: {\n textAlign: 'right',\n marginTop: '20px'\n }\n})\n\nexport default styles\n","import React 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 TrashIcon from 'react-icons/lib/fa/trash-o'\nimport CheckIcon from 'react-icons/lib/fa/check-circle-o'\nimport CircleIcon from 'react-icons/lib/fa/circle-o'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\nimport CopyIcon from 'react-icons/lib/fa/copy'\n\nconst ContextMenu = ({\n classes,\n onRemove,\n onCopy,\n onMarkAsSeen,\n onMarkAsUnseen,\n seen,\n canMarkAsBenchmark\n}) => (\n \n {\n if (!hasSchool) {\n e.preventDefault()\n showSchoolRequiredDialog()\n }\n }}>\n My files\n \n {\n if (examplificationSp.restricted) {\n e.preventDefault()\n setUpsellModalOpen(true)\n } else if (!hasSchool) {\n e.preventDefault()\n showSchoolRequiredDialog()\n }\n }}>\n {examplificationSp.restricted && Writing samples \n {canSeeTrainingFiles && (\n Training files \n )}\n {/*canManageAFs && Local authority */}\n \n \n
\n \n Invitations \n {!!currentCounter && (\n {currentCounter}\n )}\n
\n \n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './current-invitations.styles'\nimport CurrentTable from './current-table/current-table.container'\nimport CurrentSkeleton from './current-skeleton/current-skeleton'\nimport mountains from './mountains.png'\nimport { Link } from 'react-router-dom'\nimport ArrowIcon from 'react-icons/lib/fa/caret-right'\n\nclass CurrentInvitations extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const { classes, pending, noInvitations } = this.props\n let invitations = noInvitations ? (\n \n 
\n
\n ) : pending ? (\n \n You don't have any invitations yet.\n
We'll email when you do.\n
\n
\n )\n return (\n \n {invitations}\n
\n )\n }\n}\n\nexport default injectSheet(styles)(CurrentInvitations)\n","import { connect } from 'react-redux'\nimport CurrentInvitations from './current-invitations'\nimport { fetchCurrentInvitations } from '../../../../stores/current-invitations/current-invitations.actions'\nimport {\n getFetchInvitationsRequest,\n getInvitations\n} from '../../../../stores/current-invitations/current-invitations.selectors'\n\nconst mapStateToProps = state => {\n const fetchInvitationsRequest = getFetchInvitationsRequest(state)\n const invitations = getInvitations(state)\n return {\n noInvitations: invitations && !invitations.result.length,\n pending: !invitations || fetchInvitationsRequest.pending\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onMount: () => {\n return dispatch(fetchCurrentInvitations())\n }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CurrentInvitations)\n","const styles = () => ({\n pagination: {\n marginTop: '20px',\n display: 'flex',\n justifyContent: 'center'\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './archived-entry.styles'\nimport { Cell, TableRow } from 'pobble-components/dist/table'\nimport CircleStatus from 'pobble-components/dist/circle-status'\nimport { Link } from 'react-router-dom'\n\nconst ArchivedEntry = ({\n classes,\n id,\n title,\n invitedAt,\n invitedBy,\n conclusion,\n pending,\n link\n}) => (\n \n \n Archived invitations
\n \n \n \n
\n
\n)\n\nexport default injectSheet(styles)(ArchivedSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n textAlign: 'center !important',\n width: '20%'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '75%'\n },\n title: {\n width: '38px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './archived-invitations.styles'\nimport ArchivedTable from './archived-table/archived-table.container'\nimport ArchivedSkeleton from './archived-skeleton/archived-skeleton'\nimport { Pagination } from 'pobble-components/dist/pagination'\n\nclass ArchivedInvitations extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const {\n classes,\n pending,\n noInvitations,\n pagination,\n onPageChange\n } = this.props\n return noInvitations ? (\n You haven't archived any invitations yet.
\n ) : pending ? (\n\n
\n )\n }\n}\n\nexport default injectSheet(styles)(ArchivedInvitations)\n","import { apiGetInvitations } from '../../common/api/invitations'\n\nconst fetchArchivedInvitations = (params = {}) => ({\n requestPrefix: 'ARCHIVED_INVITATIONS:FETCH',\n request: () =>\n apiGetInvitations({\n scope: 'archived',\n include: `assessment_file_invitation.details,assessment_file_invitation.invited_by,assessment_file_invitation.account.names,assessment_file_invitation.guest_moderator,assessment_file_invitation.account.names,assessment_file_invitation.timestamps,assessment_file_invitation.assessment_file,assessment_file_invitation.assessment_file.details,collection.order.desc,collection.limit.10,collection.page.${params.page ||\n 1}`\n })\n})\n\nexport { fetchArchivedInvitations }\n","import { connect } from 'react-redux'\nimport ArchivedInvitations from './archived-invitations'\nimport { fetchArchivedInvitations } from '../../../../stores/archived-invitations/archived-invitations.actions'\nimport {\n getFetchInvitationsRequest,\n getInvitations,\n getPagination\n} from '../../../../stores/archived-invitations/archived-invitations.selectors'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapStateToProps = state => {\n const fetchInvitationsRequest = getFetchInvitationsRequest(state)\n const invitations = getInvitations(state)\n return {\n noInvitations: invitations && !invitations.result.length,\n pending: !invitations || fetchInvitationsRequest.pending,\n pagination: getPagination(state)\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onMount: () => {\n return dispatch(fetchArchivedInvitations())\n },\n onPageChange: ({ selected }) =>\n dispatch(fetchArchivedInvitations({ page: selected })).catch(errorHandler)\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ArchivedInvitations)\n","const styles = ({ COLORS }) => ({\n container: {\n maxWidth: '50%',\n textAlign: 'center',\n fontSize: '18px',\n margin: '20px auto 40px',\n lineHeight: '24px'\n },\n link: {\n fontWeight: 'bold',\n color: COLORS.BLUE.NORMAL,\n textDecoration: 'none'\n },\n illustration: {\n margin: '20px auto',\n display: 'block',\n maxWidth: '500px'\n },\n restricted: {\n filter: 'grayscale(1)'\n },\n archived: {\n textAlign: 'right',\n marginTop: '20px'\n },\n pagination: {\n marginTop: '20px',\n display: 'flex',\n justifyContent: 'center'\n }\n})\n\nexport default styles\n","import React 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 CopyIcon from 'react-icons/lib/fa/copy'\nimport ArchiveIcon from 'react-icons/lib/fa/trash'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\n\nconst ContextMenu = ({ classes, onCopy, onArchive }) => (\n \n
\n \n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './my-files.styles'\nimport MyFilesTable from './my-files-table/my-files-table.container'\nimport CurrentSkeleton from './my-files-skeleton/current-skeleton'\nimport usingmoderation from './hero-image-2.png'\nimport { Link } from 'react-router-dom'\nimport ArrowIcon from 'react-icons/lib/fa/caret-right'\nimport { Pagination } from 'pobble-components/dist/pagination'\nimport classNames from 'classnames'\n\nclass MyFiles extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const {\n classes,\n pending,\n noFiles,\n pagination,\n onPageChange,\n restrictedFromCreatingAFs\n } = this.props\n let files = noFiles ? (\n \n
\n ) : pending ? (\n \n Ready to start?
\n
\n
\n share your first moderation files.\n
\n
\n Once ready, create your first file by{' '}\n \n uploading writing\n {' '}\n or
\n select work already in the{' '}\n \n pupil's evidence bank\n \n .\n
\n The ability to create and share moderation files is only available\n to those with active moderation subscriptions.\n
\n
\n
\n
\n )\n\n return (\n <>\n {files}\n \n
\n \n \n Archived files
\n \n )\n }\n}\n\nexport default injectSheet(styles)(MyFiles)\n","import { connect } from 'react-redux'\nimport MyFiles from './my-files'\nimport { fetchMyFiles } from '../../../../stores/my-files/my-files.actions'\nimport {\n getFetchMyFilesRequest,\n getMyFiles,\n getPagination\n} from '../../../../stores/my-files/my-files.selectors'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\nimport { withMe } from 'pobble-components/dist/pobble-user'\n\nconst mapStateToProps = (state, { me }) => {\n const fetchMyFilesRequest = getFetchMyFilesRequest(state)\n const files = getMyFiles(state)\n const restrictedFromCreatingAFs =\n me &&\n me.account &&\n me.account.subscription_policy &&\n me.account.subscription_policy.moderation &&\n me.account.subscription_policy.moderation.create_assessment_file &&\n me.account.subscription_policy.moderation.create_assessment_file.restricted\n return {\n restrictedFromCreatingAFs,\n noFiles: files && !files.result.length,\n pending: !files || fetchMyFilesRequest.pending,\n pagination: getPagination(state)\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onMount: () => {\n return dispatch(fetchMyFiles())\n },\n onPageChange: ({ selected }) =>\n dispatch(fetchMyFiles({ page: selected })).catch(errorHandler)\n})\n\nexport default withMe(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(MyFiles)\n)\n","const styles = ({ COLORS }) => ({\n container: {\n maxWidth: '50%',\n textAlign: 'center',\n fontSize: '16px',\n margin: '20px auto 40px',\n lineHeight: '24px'\n },\n link: {\n fontWeight: 'bold',\n color: COLORS.BLUE.NORMAL,\n textDecoration: 'none'\n },\n illustration: {\n margin: '20px auto',\n display: 'block',\n maxWidth: '200px'\n }\n})\n\nexport default styles\n","import React 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 ArchiveIcon from 'react-icons/lib/fa/repeat'\nimport { openConfirmationDialog } from 'pobble-components/dist/modal/confirmation-dialog'\n\nconst ContextMenu = ({ classes, onUnarchive }) => (\n \n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './archived-files.styles'\nimport ArchivedFilesTable from './archived-files-table/archived-files-table.container'\nimport CurrentSkeleton from './archived-files-skeleton/current-skeleton'\nimport octopus from './octopus.png'\n\nclass ArchivedFiles extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const { classes, pending, noFiles } = this.props\n return noFiles ? (\n \n 
\n
\n ) : pending ? (\n \n You don't have archived moderation files.
\n
\n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\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, cellProps, className }) => (\n \n
\n ) : pending ? (\n \n
\n )}\n {!restrictedFromCreatingAFs && (\n \n The school files area is only available to those with active\n moderation subscriptions. From here you can view any\n moderation files from your school,\n
including school exemplars.\n
\n
\n
\n {filterParams.search_string === '' && (\n
\n )}\n \n Nobody within your school has created and shared a\n moderation file yet...\n
why not be the first.\n
\n
\n
\n share your first moderation files.\n
\n
\n Are you an Assessment Leader or English Leader?
\n
\n There are no matching moderation files yet.\n
\n )}\n\n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './organisation-files.styles'\nimport OrganisationFilesTable from './organisation-files-table/organisation-files-table.container'\nimport CurrentSkeleton from './organisation-files-skeleton/current-skeleton'\nimport octopus from './octopus.png'\nimport FormSelect from 'pobble-components/dist/form-elements/form-select'\nimport FormLabel from 'pobble-components/dist/form-elements/form-label'\n\nclass OrganisationFiles extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const {\n classes,\n pending,\n noOrganisationFiles,\n benchmarkFilter\n } = this.props\n let filters = (\n \n Filter: \n this.props.onSelect(e.target.value, benchmarkFilter)}>\n \n \n \n
\n )\n return noOrganisationFiles ? (\n \n {filters}\n \n
\n ) : pending ? (\n There are no moderation files yet.
\n\n {\n if (premium && examplificationSp.restricted) {\n e.preventDefault()\n setUpsellModalOpen(true)\n }\n }}>\n \n {premium &&
\n \n {/*\n
\n {title}
\n \n
\n {/*{author}
*/}\n {title}
\n{author}
\n {createdAt}
*/}\n {!examplificationSp.restricted && (\n \n {examples\n .filter(example => example.premium === premium)\n .map(example => (\n
\n)\n\nexport default injectSheet(styles)(ExamplesSection)\n","export default {\n section: {\n margin: '20px 0',\n display: 'flex',\n justifyContent: 'flex-start',\n flexWrap: 'wrap'\n }\n}\n","import { connect } from 'react-redux'\nimport ExamplesSection from './examples-section'\nimport { getExamplesList } from '../../../../../stores/examples/examples.selectors'\n\nconst mapStateToProps = state => ({\n examples: getExamplesList(state)\n})\n\nexport default connect(\n mapStateToProps,\n null\n)(ExamplesSection)\n","import React 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 CopyIcon from 'react-icons/lib/fa/copy'\n\nconst ContextMenu = ({ classes, onCopy }) => (\n \n \n
\n ) : pending ? (\n There are no examples yet.
\n\n
\n {schoolIsPartOfOrganisation && (\n Using these curated writing examples
\n\n You may wish to use these materials to help gain an understanding of\n age-appropriate expectations for each year group across the Primary\n phase (based on the National Curriculum for England). As these\n materials are simply a guide, we encourage all teachers to assess\n pupils according to your own school's assessment policy. You can\n also copy files and use these as neutral evidence collections in\n your own moderation and training sessions.\n
\n\n The files marked STA are exemplification materials used in England\n for the end of KS1 and 2 or are writing samples from STA training\n collections.\n
\n\n Filter: \n \n this.props.onSelect(e.target.value, schoolOrganisationFilter)\n }>\n \n \n \n
\n )}\n {!schoolOrganisationFilter && (\n \n
\n )}\n {schoolOrganisationFilter && \n
\n Free to view Writing Samples
\n\n
\n Premium Writing Samples
\n\n \n \n
\n
\n)\n\nexport default injectSheet(styles)(CurrentSkeleton)\n","export default {\n container: {\n opacity: '0',\n animation: '0.6s fadeIn ease-in forwards'\n },\n table: {\n '& th': {\n textAlign: 'left',\n '& span': {\n height: '16px'\n }\n },\n '& td span': {\n height: '16px'\n },\n '& tr:hover td': {\n backgroundColor: 'transparent'\n }\n },\n all: {\n width: '25px'\n },\n allCell: {\n width: '25px'\n },\n receivedCell: {\n width: '115px'\n },\n received: {\n width: '66px'\n },\n conclusionCell: {\n width: '20%',\n textAlign: 'center !important'\n },\n conclusion: {\n width: '42px',\n textAlign: 'center'\n },\n titleCell: {\n width: '20%'\n },\n title: {\n width: '38px'\n },\n lo: {\n width: '135px'\n },\n contextCell: {\n width: '60px'\n },\n center: {\n textAlign: 'center !important'\n },\n bulkAction: {\n display: 'block',\n height: '40px !important',\n width: '93px',\n borderRadius: '4px',\n float: 'right'\n },\n '@keyframes fadeIn': {\n from: { opacity: '0' },\n to: { opacity: '1' }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './trainings.styles'\nimport TrainingsTable from './trainings-table/trainings-table.container'\nimport CurrentSkeleton from './trainings-skeleton/current-skeleton'\nimport octopus from './octopus.png'\n\nclass Trainings extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const { classes, pending, noTrainings } = this.props\n return noTrainings ? (\n \n \n
\n ) : pending ? (\n \n There are no training materials yet.\n
\n\n
\n )\n}\n\nexport default injectSheet(styles)(Support)\n","const styles = ({ COLORS, BREAKPOINTS }) => ({\n container: {\n paddingTop: '10px',\n [`@media (min-width: ${BREAKPOINTS.SM})`]: {\n display: 'flex',\n justifyContent: 'space-between'\n }\n },\n content: {\n [`@media (min-width: ${BREAKPOINTS.SM})`]: {\n width: '48%'\n }\n },\n intro: {\n fontSize: '16px',\n lineHeight: '20px'\n },\n wrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n maxWidth: '100%'\n },\n title: {\n fontSize: '22px',\n lineHeight: '24px',\n margin: '18px 0 0'\n },\n label: {\n color: '#666',\n '& svg': {\n marginTop: '-3px'\n }\n },\n event: {\n marginBottom: '50px'\n },\n eventButton: {\n marginTop: '15px'\n },\n line: {\n border: 'none',\n height: '1px',\n background: '#ddd',\n marginBottom: '40px'\n },\n moderator: {\n textAlign: 'center',\n [`@media (min-width: ${BREAKPOINTS.SM})`]: {\n width: '50%',\n display: 'flex',\n alignItems: 'center'\n },\n '& img': {\n maxWidth: '240px',\n borderRadius: '100%'\n },\n '& a': {\n display: 'block',\n transition: '300ms ease-in-out'\n },\n '& a:hover': {\n opacity: 0.7\n },\n '& p': {\n maxWidth: '60%',\n margin: '20px auto'\n }\n }\n})\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './work-with-moderator.styles'\nimport Button from 'pobble-components/dist/button'\nimport simon from './simon.jpg'\n\nconst WorkWithModerator = ({ classes }) => (\n \n
\n\n {examplificationSp.restricted && (\n Be confident in your writing judgments
\n\n Improve the accuracy of your writing assessments with quality training\n and access to our online moderation tool\n
\n\n
\n )}\n\n {!examplificationSp.restricted && (\n \n \n 
\n \n \n Sign up\n \n
\n\n Join a webinar
\n\n Join our popular free ‘Introduction to Pobble Online Moderation’\n sessions and you’ll learn how Pobble's innovative online writing\n tools will simplify your moderation process. Can’t make a live\n session? You can watch on demand!\n
\n\n \n 
\n \n \n Refer now\n \n
\n\n Refer your school leader
\n\n If Pobble Moderation sounds like something you’d love to support\n you and your team, you can easily refer your school leader. Simply\n fill out a short form and invite them to explore for your school\n /school group.\n
\n\n \n 
\n \n \n I'm ready\n \n
\n\n Purchase a subscription
\n\n Love what you see and ready to roll out Pobble Moderation in your\n school/school group? Head over to your membership page where you\n can purchase straight away.\n
\n\n \n 
\n \n \n Read the FAQs\n \n
\n Read our FAQs
\n\n Have a question about Pobble online moderation? Visit our helpdesk\n to find a selection of support videos and all the answers to\n commonly asked questions about our tools and training.\n
\n\n
\n )}\n \n \n 
\n \n \n Sign up\n \n
\n\n Free training
\n\n English and Assessment Leads, book your free place on our\n Developing Effective Moderation Practices training. These\n interactive, small group sessions allow you to try out the tool,\n help you review your current moderation processes, and support you\n in planning your next sessions.\n
\n\n \n \n \n \n Find out more\n \n
\n\n Assessment courses
\n\n Explore our range of online training sessions for Year 6 teachers\n and assessment leads to enhance your skills and provide invaluable\n opportunities to collaborate with fellow teachers and leaders.\n
\n\n \n \n \n \n Get in touch\n \n
\n\n Bespoke support
\n\n Looking for a bespoke package of training and support to\n positively impact pupil outcomes? We offer bespoke consultancy,\n training and moderation sessions.\n
\n\n \n \n \n \n Read the FAQs\n \n
\n Read our FAQs
\n\n Have a question about Pobble online moderation? Visit our helpdesk\n to find a selection of support videos and all the answers to\n commonly asked questions about our tools and training.\n
\n\n
\n)\n\nexport default injectSheet(styles)(WorkWithModerator)\n","import React, { Component } from 'react'\nimport { Route } from 'react-router-dom'\nimport injectSheet from 'react-jss'\nimport styles from './moderation.styles'\nimport TabNav from './tab-nav/tab-nav.container'\nimport Paper from 'pobble-components/dist/paper'\nimport CurrentInvitations from './current-invitations/current-invitations.container'\nimport ArchivedInvitations from './archived-invitations/archived-invitations.container'\nimport MyFiles from './my-files/my-files.container'\nimport ArchivedFiles from './archived-files/archived-files.container'\nimport SchoolFiles from './school-files/school-files.container'\nimport OrganisationFiles from './organisation-files/organisation-files.container'\nimport Examples from './examples/examples.container'\nimport Trainings from './trainings/trainings.container'\nimport Support from './support/support'\nimport WorkWithModerator from './work-with-moderator/work-with-moderator'\nimport Button from 'pobble-components/dist/button'\nimport PlusIcon from 'react-icons/lib/fa/plus-circle'\n\nclass Moderation extends Component {\n componentDidMount() {\n this.props.onMount()\n }\n render() {\n const { classes, canManageAFs } = this.props\n return (\n \n
\n\n \n \n Book a free place\n \n
\n \n Making the most of your moderation subscription\n
\n\n Master the Pobble online moderation tool.\n
\n\n During the session you'll learn how to use our tools to:\n
- \n
- Build your own moderation files \n
- Run effective moderation sessions \n
- Develop cross-school moderation opportunities \n
- Build your own school exemplification materials \n
\n
\n \n 
\n
\n Meet your webinar host
\n\n Simon is a former Primary School leader and one of the Pobble\n co-founders. He has delivered Pobble training in schools across the\n world and seen first-hand the impact Pobble can have on pupils\n writing.\n
\n\n \n \n \n \n
\n )\n }\n}\n\nexport default injectSheet(styles)(Moderation)\n","import { connect } from 'react-redux'\nimport Moderation from './moderation'\nimport { fetchInvitationCounter } from '../../../stores/current-invitations/current-invitations.actions'\nimport { withMe } from 'pobble-components/dist/pobble-user'\n\nconst mapStateToProps = (state, { me }) => {\n const canManageAFs =\n me &&\n me.account &&\n me.account.policy &&\n me.account.policy.can_manage_assessment_files\n return {\n canManageAFs\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n onMount: () => dispatch(fetchInvitationCounter())\n})\n\nexport default withMe(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Moderation)\n)\n","import React, { useEffect } from 'react'\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom'\nimport styles from './app.styles'\nimport injectSheet from 'react-jss'\nimport {\n UserProvider,\n UserInspector,\n useMe\n} from 'pobble-components/dist/pobble-user'\nimport AssessementFile from '../pages/assessment-file/assessment-file'\nimport Moderation from '../pages/moderation/moderation.container'\nimport EnvironmentLine from 'pobble-components/dist/environment-line'\nimport Header from 'pobble-components/dist/pobble-header'\nimport PageNotFound from 'pobble-components/dist/page-not-found'\nimport { SubscriptionProvider } from 'pobble-components/dist/subscriptions'\nimport { ToastContainer } from 'pobble-components/dist/toast'\nimport posthog from 'posthog-js'\n\nconst APP_ROOT = process.env.REACT_APP_APP_ROOT || ''\nconst APP_PATH = process.env.REACT_APP_PATH || '/'\n\nfunction PostHogIdentity() {\n const { me } = useMe()\n\n useEffect(() => {\n if (me) {\n const account = me.account\n posthog.identify(account.id)\n posthog.capture('landed on moderation spa', {\n url: window.location.href\n })\n }\n }, [me])\n\n return null\n}\n\nconst App = ({ me, meError }) => {\n return (\n Moderation
\n {canManageAFs && (\n \n )}\n\n
\n