{this.renderConceptResults()}
\n )\n }\n}\n","/* eslint-env browser*/\nimport C from '../constants';\n\nexport function clearDisplayMessageAndError() {\n return { type: C.CLEAR_DISPLAY_MESSAGE_AND_ERROR };\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\nimport { requestPost, } from '../../../../modules/request/index';\nimport { TextEditor } from '../../../Shared/index';\nimport massEdit from '../../actions/massEdit';\nimport {\n submitMassEditConceptResults,\n submitMassEditFeedback\n} from '../../actions/responses';\nimport ConceptResultList from './conceptResultList.jsx';\n\nimport { clearDisplayMessageAndError } from '../../actions/display';\n\nclass MassEditContainer extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n responses: {},\n selectedMassEditBoilerplateCategory: '',\n newMassEditConceptResultConceptUID: '',\n newMassEditConceptResultCorrect: false,\n massEditSummaryListDisplay: 'none',\n massEditSummaryListButtonText: 'Expand List',\n };\n }\n\n UNSAFE_componentWillMount() {\n this.getResponses();\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { display } = this.props;\n const { error, message } = display;\n if (message !== prevProps.display.message || error !== prevProps.display.error) {\n this.displayMessage();\n }\n }\n\n getResponses() {\n requestPost(\n `${process.env.QUILL_CMS}/responses/mass_edit/show_many`,\n { responses: this.props.massEdit.selectedResponses, },\n (body) => {\n const parsedResponses = _.indexBy(body.responses, 'id');\n this.setState({\n responses: parsedResponses,\n });\n }\n )\n }\n\n clearResponsesFromMassEditArray() {\n const { dispatch } = this.props;\n dispatch(massEdit.clearResponsesFromMassEditArray());\n this.goBackToResponses();\n }\n\n removeResponseFromMassEditArray(responseKey) {\n const { dispatch } = this.props;\n dispatch(massEdit.removeResponseFromMassEditArray(responseKey));\n }\n\n incrementAllResponsesInMassEditArray() {\n const { dispatch, massEdit, questionID } = this.props;\n const { selectedResponses } = massEdit;\n }\n\n goBackToResponses() {\n const newLocation = window.location.hash.replace('mass-edit', 'responses');\n window.location = newLocation;\n }\n\n updateResponseFeedbackInMassEditArray() {\n const { dispatch, massEdit, match } = this.props;\n const { selectedResponses } = massEdit;\n const { questionID } = match.params;\n const { massEditFeedback } = this.state;\n const { massEditOptimal } = this.refs;\n const optimal = massEditOptimal.checked || false;\n const parent_id = null;\n const author = null;\n const payload = {\n feedback: massEditFeedback,\n optimal,\n parent_id,\n author,\n };\n dispatch(submitMassEditFeedback(selectedResponses, payload, questionID));\n }\n\n displayMessage() {\n const { dispatch, display } = this.props;\n const { error, message } = display;\n if (message || error) {\n const alert = message || error;\n window.alert(`${alert}`);\n dispatch(clearDisplayMessageAndError());\n }\n }\n\n updateConceptResults = conceptResults => {\n this.setState({ conceptResults, });\n };\n\n updateResponseConceptResultInMassEditArray() {\n const { dispatch, massEdit, match } = this.props;\n const { selectedResponses } = massEdit;\n const { questionID } = match.params;\n const { conceptResults } = this.state;\n dispatch(submitMassEditConceptResults(selectedResponses, conceptResults, questionID));\n }\n\n deleteAllResponsesInMassEditArray() {\n const { dispatch, massEdit, match, } = this.props;\n const { selectedResponses } = massEdit;\n const { questionID } = match.params;\n\n if (window.confirm(`⚠️ Delete ${selectedResponses.length} responses?! 😱`)) {\n dispatch(massEditDeleteResponses(selectedResponses, questionID));\n this.clearResponsesFromMassEditArray();\n }\n }\n\n handleMassEditFeedbackTextChange = value => {\n this.setState({ massEditFeedback: value, });\n };\n\n toggleMassEditSummaryList() {\n const { massEditSummaryListButtonText } = this.state;\n let display = 'none';\n let text = 'Expand List';\n if (massEditSummaryListButtonText == 'Expand List') {\n display = 'block';\n text = 'Collapse List';\n }\n this.setState({\n massEditSummaryListDisplay: display,\n massEditSummaryListButtonText: text,\n });\n }\n\n renderMassEditSummaryListResponse(response) {\n const { responses } = this.state;\n return (\n this.removeResponseFromMassEditArray(response)} style={{ marginRight: '0.5em', }} type=\"checkbox\" />{responses[response].text}
\n );\n }\n\n renderMassEditSummaryList() {\n const { massEdit } = this.props;\n const { selectedResponses } = massEdit;\n const summaryResponses = selectedResponses.map(response => this.renderMassEditSummaryListResponse(response));\n return ({summaryResponses}
);\n }\n\n renderMassEditForm() {\n const { massEdit } = this.props;\n const { selectedResponses } = massEdit;\n const { massEditFeedback, massEditSummaryListButtonText, massEditSummaryListDisplay, selectedMassEditBoilerplate, selectedMassEditBoilerplateCategory } = this.state;\n return (\n \n
\n );\n }\n\n render() {\n const { responses } = this.state;\n let content;\n if (Object.keys(responses).length > 0) {\n content = \n \n \n
\n \n
\n {selectedResponses.length} Responses Selected for Mass Editing:
\n\n {this.renderMassEditSummaryList()}\n
\n \n \n \n \n
\n Modify Feedback for {selectedResponses.length} Responses
\n\n
\n \n \n
\n FEEDBACK
\n\n \n
\n \n \n \n
\n Add Concept Results for {selectedResponses.length} Responses
\n\n
\n \n \n
\n CONCEPT RESULTS All other concept results associated with selected responses will be overwritten
\n{this.renderMassEditForm()}
;\n } else {\n content = There are no selected responses;\n }\n return content;\n }\n}\n\nfunction select(state) {\n return {\n massEdit: state.massEdit,\n display: state.display,\n };\n}\n\nexport default connect(select)(MassEditContainer);\n","import C from '../constants';\n\nexport function toggleExpandSingleResponse(rkey) {\n return {type:C.TOGGLE_EXPAND_SINGLE_RESPONSE, rkey, };\n}\n\nexport function collapseAllResponses() {\n return {type:C.COLLAPSE_ALL_RESPONSES, };\n}\n\nexport function expandAllResponses(expandedResponses) {\n return {type:C.EXPAND_ALL_RESPONSES, expandedResponses, };\n}\n\nexport function toggleStatusField(status) {\n return {type:C.TOGGLE_STATUS_FIELD, status, };\n}\n\nexport function toggleStatusFieldAndResetPage(status) {\n return {type:C.TOGGLE_STATUS_FIELD_AND_RESET_PAGE, status, };\n}\n\nexport function toggleResponseSort(field) {\n return {type:C.TOGGLE_RESPONSE_SORT, field, };\n}\n\nexport function toggleExcludeMisspellings() {\n return {type:C.TOGGLE_EXCLUDE_MISSPELLINGS, };\n}\n\nexport function resetAllFields() {\n return {type: C.RESET_ALL_FIELDS, };\n}\n\nexport function deselectAllFields() {\n return {type: C.DESELECT_ALL_FIELDS, };\n}\n","// import pos from 'pos';\nimport _ from 'underscore';\n\nexport function getPartsOfSpeech (input) {\n try {\n // const words = new pos.Lexer().lex(input);\n // const tagger = new pos.Tagger();\n // return tagger.tag(words);\n return null\n }\n catch (e) {\n return undefined\n }\n}\n\nexport function getPartsOfSpeechTags(input){\n let wordsTags = getPartsOfSpeech(input);\n if (wordsTags) {\n return wordsTags.map((b) => {\n return b[1]\n })\n }\n\n}\n\nexport function getPartsOfSpeechWords(input){\n let wordsTags = getPartsOfSpeech(input);\n if (wordsTags) {\n return wordsTags.map((b) => {\n return b[0]\n })\n }\n}\n\nexport function getPartsOfSpeechWordsWithTags(input){\n let wordsTags = getPartsOfSpeech(input);\n if (wordsTags) {\n return wordsTags.map((b) => {\n return [b[0], b[1]]\n })\n }\n}\n\nexport function checkPOSEquivalancy (input, target) {\n const inputTags = getPartsOfSpeechTags(input)\n const targetTags = getPartsOfSpeechTags(target)\n return _.isEqual(inputTags,targetTags)\n}\n\nexport function getPOSTagPairs (input, target) {\n const inputTags = getPartsOfSpeechTags(input)\n const targetTags = getPartsOfSpeechTags(target)\n return _.zip(inputTags, targetTags)\n}\n\nexport function getPOSTransformations(input,target){\n let arraytagger = getPOSTagPairs(input,target);\n let arrayDifference = arraytagger.filter((b)=>{\n return b[0] != b[1];\n });\n return arrayDifference.map((b)=> {\n return b[0]+\"|\"+b[1];\n })\n}\n","import { diffWords } from 'diff';\nimport _ from 'underscore';\n\nexport function checkChangeObjectMatch(userString, responses, stringManipulationFn, skipSort = false) {\n if (!skipSort) {\n responses = _.sortBy(responses, 'count').reverse();\n }\n let matchedErrorType;\n const matched = _.find(responses, (response) => {\n matchedErrorType = getErrorType(stringManipulationFn(response.text), stringManipulationFn(userString));\n return matchedErrorType;\n });\n if (matched) {\n const textChanges = getMissingAndAddedString(matched.text, userString);\n return Object.assign(\n {},\n {\n response: matched,\n errorType: matchedErrorType,\n },\n textChanges\n );\n }\n}\n\nconst ERROR_TYPES = {\n NO_ERROR: 'NO_ERROR',\n MISSING_WORD: 'MISSING_WORD',\n ADDITIONAL_WORD: 'ADDITIONAL_WORD',\n INCORRECT_WORD: 'INCORRECT_WORD',\n};\n\nconst getErrorType = (targetString, userString) => {\n const changeObjects = getChangeObjects(targetString, userString);\n const hasIncorrect = checkForIncorrect(changeObjects);\n const hasAdditions = checkForAdditions(changeObjects);\n const hasDeletions = checkForDeletions(changeObjects);\n if (hasIncorrect) {\n return ERROR_TYPES.INCORRECT_WORD;\n } else if (hasAdditions) {\n return ERROR_TYPES.ADDITIONAL_WORD;\n } else if (hasDeletions) {\n return ERROR_TYPES.MISSING_WORD;\n }\n};\n\nconst getMissingAndAddedString = (targetString, userString) => {\n const changeObjects = getChangeObjects(targetString, userString);\n const missingObject = _.where(changeObjects, { removed: true, })[0];\n const missingText = missingObject ? missingObject.value : undefined;\n const extraneousObject = _.where(changeObjects, { added: true, })[0];\n const extraneousText = extraneousObject ? extraneousObject.value : undefined;\n return {\n missingText,\n extraneousText,\n };\n};\n\nconst getChangeObjects = (targetString, userString) => diffWords(targetString, userString);\n\nconst checkForIncorrect = (changeObjects) => {\n let tooLongError = false;\n const found = false;\n let foundCount = 0;\n let coCount = 0;\n changeObjects.forEach((current, index, array) => {\n if (checkForAddedOrRemoved(current)) {\n coCount += 1;\n }\n tooLongError = checkForTooLongError(current);\n if (current.removed && getLengthOfChangeObject(current) < 2 && index === array.length - 1) {\n foundCount += 1;\n } else {\n foundCount += current.removed && getLengthOfChangeObject(current) < 2 && array[index + 1].added ? 1 : 0;\n }\n });\n return !tooLongError && (foundCount === 1) && (coCount === 2);\n};\n\nconst checkForAdditions = (changeObjects) => {\n let tooLongError = false;\n const found = false;\n let foundCount = 0;\n let coCount = 0;\n changeObjects.forEach((current, index, array) => {\n if (checkForAddedOrRemoved(current)) {\n coCount += 1;\n }\n tooLongError = checkForTooLongError(current);\n if (current.added && getLengthOfChangeObject(current) < 2 && index === 0) {\n foundCount += 1;\n } else {\n foundCount += current.added && getLengthOfChangeObject(current) < 2 && !array[index - 1].removed ? 1 : 0;\n }\n });\n return !tooLongError && (foundCount === 1) && (coCount === 1);\n};\n\nconst checkForDeletions = (changeObjects) => {\n let tooLongError = false;\n const found = false;\n let foundCount = 0;\n let coCount = 0;\n changeObjects.forEach((current, index, array) => {\n if (checkForAddedOrRemoved(current)) {\n coCount += 1;\n }\n tooLongError = checkForTooLongError(current);\n if (current.removed && getLengthOfChangeObject(current) < 2 && index === array.length - 1) {\n foundCount += 1;\n } else {\n foundCount += current.removed && getLengthOfChangeObject(current) < 2 && !array[index + 1].added ? 1 : 0;\n }\n });\n return !tooLongError && (foundCount === 1) && (coCount === 1);\n};\n\nconst checkForAddedOrRemoved = changeObject => changeObject.removed || changeObject.added;\n\nconst checkForTooLongChangeObjects = changeObject => getLengthOfChangeObject(changeObject) >= 2;\n\nconst checkForTooLongError = changeObject => (changeObject.removed || changeObject.added) && checkForTooLongChangeObjects(changeObject);\n\nconst getLengthOfChangeObject = changeObject =>\n // filter boolean removes empty strings from trailing,\n // leading, or double white space.\n changeObject.value.split(' ').filter(Boolean).length;\n","const constants = {\n timing: 'Revise your work. Which joining word helps show the timing of the events?',\n opposite: 'Revise your work. Which joining word helps show that the two ideas are opposite?',\n reason: 'Revise your work. Which joining word helps tell why or give a reason?',\n prerequisite: 'Revise your work. Which joining word helps show that one of the ideas must happen for the other one to happen?',\n choice: 'Revise your work. Which joining word is used to show a choice?',\n and: 'Revise your work. Which joining word is used to add another idea?',\n};\n\nconst data = {\n after: {\n feedback: constants.timing,\n },\n 'as soon as': {\n feedback: constants.timing,\n },\n before: {\n feedback: constants.timing,\n },\n whenever: {\n feedback: constants.timing,\n },\n while: {\n feedback: constants.timing,\n },\n once: {\n feedback: constants.timing,\n },\n when: {\n feedback: constants.timing,\n },\n until: {\n feedback: constants.timing,\n },\n although: {\n feedback: constants.opposite,\n },\n 'even though': {\n feedback: constants.opposite,\n },\n though: {\n feedback: constants.opposite,\n },\n but: {\n feedback: constants.opposite,\n },\n yet: {\n feedback: constants.opposite,\n },\n since: {\n feedback: constants.reason,\n },\n so: {\n feedback: constants.reason,\n },\n because: {\n feedback: constants.reason,\n },\n for: {\n feedback: constants.reason,\n },\n as: {\n feedback: constants.reason,\n },\n 'as long as': {\n feedback: constants.prerequisite,\n },\n if: {\n feedback: constants.prerequisite,\n },\n unless: {\n feedback: constants.prerequisite,\n },\n 'in order to': {\n feedback: constants.prerequisite,\n },\n or: {\n feedback: constants.choice,\n },\n nor: {\n feedback: constants.choice,\n },\n and: {\n feedback: constants.and,\n },\n};\n\nexport function getFeedbackForMissingWord(missingWord) {\n if (missingWord) {\n const hit = data[cleanMissingWord(missingWord)];\n if (hit) {\n return hit.feedback;\n }\n }\n}\n\nexport function getconceptUIDForMissingWord(missingWord) {\n const hit = data[missingWord];\n if (hit) {\n return hit.conceptUID;\n }\n}\n\nfunction cleanMissingWord(missingWord) {\n return missingWord.trim().toLowerCase();\n}\n","import _ from 'underscore';\n\nconst subStrings = [\n ' ,',\n ' .',\n ' ;',\n ' !',\n ' ?'\n];\n\nconst subStringsToText = {\n ' ,': 'comma',\n ' .': 'period',\n ' ;': 'semi-colon',\n ' !': 'exclamation mark',\n ' ?': 'question mark',\n};\n\nexport function getFeedbackForPunc(punc) {\n const fb = subStringsToText[punc];\n return `Revise your sentence. You don't need to have a space before a ${fb}.
`;\n}\n\nexport function checkForSpacingError(userString) {\n return _.find(subStrings, subString => userString.indexOf(subString) !== -1);\n}\n\nexport function spacingBeforePunctuation(userString) {\n const match = checkForSpacingError(userString);\n return (match ? { feedback: getFeedbackForPunc(match), } : undefined);\n}\n","import { stringNormalize } from 'quill-string-normalizer'\n\nexport default function() {\n return stringNormalize(this)\n}\n","import _ from 'underscore';\nimport {\n getPartsOfSpeechWordsWithTags\n} from './partsOfSpeechTagging';\n\nconst posTranslations = {\n JJ: 'Adjective',\n JJR: 'Adjective',\n JJS: 'Adjective',\n\n RB: 'Adverb',\n RBR: 'Adverb',\n RBS: 'Adverb',\n WRB: 'Adverb',\n\n CC: 'Conjunction',\n\n NN: 'Noun',\n NNP: 'Noun',\n NNPS: 'Noun',\n NNS: 'Noun',\n\n CD: 'Number',\n LS: 'Number',\n\n IN: 'Preposition',\n\n PP$: 'Pronoun',\n PRP: 'Pronoun',\n WP: 'Pronoun',\n WP$: 'Pronoun',\n\n VB: 'Verb',\n VBD: 'Verb',\n VBG: 'Verb',\n VBN: 'Verb',\n VBP: 'Verb',\n VBZ: 'Verb',\n};\n\nconst posConceptResults = {\n Adjective: 'placeholder',\n Adverb: 'placeholder',\n Conjunction: 'placeholder',\n Noun: 'placeholder',\n Number: 'placeholder',\n Preposition: 'placeholder',\n Pronoun: 'placeholder',\n Verb: 'placeholder',\n};\n\nexport function getCommonWords(sentences) {\n const words = _.map(sentences, (sentence) => normalizeString(sentence).split(' '));\n return _.intersection(...words);\n}\n\nexport function getCommonWordsWithImportantPOS(sentences) {\n const allCommonWords = getCommonWords(sentences);\n return _.reject(allCommonWords, (word) => {\n if (getPartsOfSpeechWordsWithTags(word) && getPartsOfSpeechWordsWithTags(word)[0]) {\n const tag = getPartsOfSpeechWordsWithTags(word)[0][1];\n return !posTranslations[tag];\n }\n return true;\n });\n}\n\nexport function getMissingWords(userString, sentences) {\n const commonWords = getCommonWordsWithImportantPOS(sentences);\n const wordsFromUser = normalizeString(userString).split(' ');\n return _.reject(commonWords, commonWord => _.contains(wordsFromUser, commonWord));\n}\n\nexport function getPOSForWord(word) {\n const tag = getPartsOfSpeechWordsWithTags(word)[0][1];\n return posTranslations[tag];\n}\n\nfunction _getCaseSensitiveWord(word, optimalSentence) {\n const normalizedString = removePunctuation(optimalSentence);\n const normalizedStringPlusLower = normalizeString(optimalSentence);\n const startIndex = normalizedStringPlusLower.indexOf(word);\n return normalizedString.substring(startIndex, word.length + startIndex);\n}\n\nexport function getFeedbackForWord(word, sentences, isSentenceFragment) {\n // const tag = getPOSForWord(word).toLowerCase();\n if (isSentenceFragment) {\n return 'Revise your work. Use all the words from the prompt, and make it complete by adding to it.
';\n }\n const caseSensitiveWord = _getCaseSensitiveWord(word, sentences[0]);\n return `Revise your sentence to include the word ${caseSensitiveWord}. You may have misspelled it.
`;\n}\n\nexport function extractSentencesFromResponses(responses) {\n return _.map(responses, response => response.text);\n}\n\nexport function getMissingWordsFromResponses(userString, sentences) {\n const missingWords = getMissingWords(userString, sentences);\n return _.sortBy(missingWords, word => word.length).reverse();\n}\n\nexport function checkForMissingWords(userString, responses, isSentenceFragment = false) {\n const sentences = extractSentencesFromResponses(responses);\n const missingWords = getMissingWordsFromResponses(userString, sentences);\n if (missingWords.length > 0) {\n return { feedback: getFeedbackForWord(missingWords[0], sentences, isSentenceFragment), };\n }\n}\n\nfunction normalizeString(string = '') {\n return string.replace(/[.,?!;]/g, '').toLowerCase();\n}\n\nfunction removePunctuation(string = '') {\n return string.replace(/[.,?!;\"()]/g, '');\n}\n","import _ from 'underscore';\n\nexport function getOptimalResponses(responses) {\n return _.where(responses, { optimal: true, });\n}\n\nexport function getSubOptimalResponses(responses) {\n return _.filter(responses, resp => resp.parentID === undefined && resp.feedback !== undefined && resp.optimal !== true);\n}\n\nexport function getTopOptimalResponse(responses) {\n return _.sortBy(getOptimalResponses(responses), r => r.count).reverse(responses)[0];\n}\n\nfunction getWeakResponses(responses) {\n return _.filter(responses, resp => resp.weak === true);\n}\n\nfunction getCommonUnmatchedResponses(responses) {\n return _.filter(responses, resp => resp.feedback === undefined && resp.count > 2);\n}\n\nfunction getSumOfWeakAndCommonUnmatchedResponses(responses) {\n return getWeakResponses(responses).length + getCommonUnmatchedResponses(responses).length;\n}\n\nexport function getPercentageWeakResponses(responses) {\n return (getSumOfWeakAndCommonUnmatchedResponses(responses) / responses.length * 100).toPrecision(4);\n}\n\nexport function getGradedResponses(responses) {\n // Returns sorted collection optimal first followed by suboptimal\n const gradedResponses = _.reject(responses, response =>\n (response.optimal === undefined) || (response.parentID)\n );\n return _.sortBy(gradedResponses, 'optimal').reverse();\n}\n","import fuzzy from 'fuzzyset.js';\nimport _ from 'underscore';\nimport constants from '../constants';\nimport {\n checkChangeObjectMatch\n} from './algorithms/changeObjects';\nimport {\n getFeedbackForMissingWord\n} from './algorithms/joiningWords';\nimport {\n spacingBeforePunctuation\n} from './algorithms/spacingBeforePunctuation';\nimport quillNormalize from './quillNormalizer';\nimport { checkForMissingWords } from './requiredWords';\nimport { getOptimalResponses, getTopOptimalResponse } from './sharedResponseFunctions';\n\nimport * as jsDiff from 'diff';\n\nconst ERROR_TYPES = {\n NO_ERROR: 'NO_ERROR',\n MISSING_WORD: 'MISSING_WORD',\n ADDITIONAL_WORD: 'ADDITIONAL_WORD',\n INCORRECT_WORD: 'INCORRECT_WORD',\n};\n\nconst conceptResultTemplate = (conceptUID, correct = false) => ({\n conceptUID,\n correct,\n});\n\nexport function removePunctuation(string) {\n return string.replace(/[^A-Za-z0-9\\s]/g, '');\n}\n\nconst downcasedFocusPoints = (focusPointsArr = []) => focusPointsArr.map((fp) => {\n fp.text = fp.text.toLowerCase();\n return fp;\n});\n\nconst removeSpaces = string => string.replace(/\\s+/g, '');\n\n// check number of chars added.\n\nconst getLowAdditionCount = (newString, oldString) => {\n const diff = jsDiff.diffChars(newString, oldString);\n const additions = _.where(diff, { added: true, });\n if (additions.length > 1) {\n return false;\n }\n const count = _.reduce(additions, (memo, num) => memo + num.count, 0);\n if (count < 3) {\n return true;\n }\n return false;\n};\n\nString.prototype.quillNormalize = quillNormalize\n\nexport default class Question {\n\n constructor(data) {\n this.prompt = data.prompt;\n this.sentences = data.sentences;\n this.responses = data.responses;\n this.questionUID = data.questionUID;\n this.focusPoints = downcasedFocusPoints(data.focusPoints) || [];\n this.incorrectSequences = data.incorrectSequences || [];\n }\n\n checkMatch(response) {\n // remove leading and trailing whitespace, then make sure all words are single spaced\n response = response.trim().replace(/\\s{2,}/g, ' ');\n const returnValue = {\n found: true,\n submitted: response,\n response: {\n text: response,\n questionUID: this.questionUID,\n gradeIndex: `nonhuman${this.questionUID}`,\n count: 1,\n },\n };\n\n const res = returnValue.response;\n const exactMatch = this.checkExactMatch(response);\n if (exactMatch !== undefined) {\n returnValue.response = exactMatch;\n return returnValue;\n }\n const focusPointMatch = this.checkFocusPointMatch(response);\n if (focusPointMatch !== undefined) {\n res.feedback = focusPointMatch.feedback;\n res.author = 'Focus Point Hint';\n res.parentID = getTopOptimalResponse(this.responses).key;\n if (focusPointMatch.conceptUID) {\n res.conceptResults = [\n conceptResultTemplate(focusPointMatch.conceptUID)\n ];\n }\n if (focusPointMatch.conceptResults) {\n res.conceptResults = focusPointMatch.conceptResults;\n }\n return returnValue;\n }\n const incorrectSequenceMatch = this.checkIncorrectSequenceMatch(response);\n if (incorrectSequenceMatch !== undefined) {\n res.feedback = incorrectSequenceMatch.feedback;\n res.author = 'Incorrect Sequence Hint';\n res.parentID = getTopOptimalResponse(this.responses).key;\n if (incorrectSequenceMatch.conceptResults) {\n res.conceptResults = incorrectSequenceMatch.conceptResults;\n }\n return returnValue;\n }\n const lowerCaseMatch = this.checkCaseInsensitiveMatch(response);\n if (lowerCaseMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.caseError;\n res.author = 'Capitalization Hint';\n res.parentID = lowerCaseMatch.key;\n res.conceptResults = [\n conceptResultTemplate('66upe3S5uvqxuHoHOt4PcQ')\n ];\n return returnValue;\n }\n const punctuationMatch = this.checkPunctuationInsensitiveMatch(response);\n if (punctuationMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.punctuationError;\n res.author = 'Punctuation Hint';\n res.parentID = punctuationMatch.key;\n res.conceptResults = [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ];\n return returnValue;\n }\n const punctuationAndCaseMatch = this.checkPunctuationAndCaseInsensitiveMatch(response);\n if (punctuationAndCaseMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.punctuationAndCaseError;\n res.author = 'Punctuation and Case Hint';\n res.parentID = punctuationAndCaseMatch.key;\n res.conceptResults = [\n conceptResultTemplate('66upe3S5uvqxuHoHOt4PcQ'),\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ];\n return returnValue;\n }\n const spacingBeforePunctuationMatch = this.checkSpacingBeforePunctuationMatch(response);\n if (spacingBeforePunctuationMatch !== undefined) {\n res.feedback = spacingBeforePunctuationMatch.feedback;\n res.author = 'Punctuation Hint';\n res.parentID = getTopOptimalResponse(this.responses) ? getTopOptimalResponse(this.responses).key : undefined;\n res.conceptResults = [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ];\n return returnValue;\n }\n const spacingAfterCommaMatch = this.checkSpacingAfterCommaMatch(response);\n if (spacingAfterCommaMatch !== undefined) {\n res.feedback = spacingAfterCommaMatch.feedback;\n res.author = 'Punctuation Hint';\n res.parentID = getTopOptimalResponse(this.responses) ? getTopOptimalResponse(this.responses).key : undefined;\n res.conceptResults = [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ];\n return returnValue;\n }\n const whitespaceMatch = this.checkWhiteSpaceMatch(response);\n if (whitespaceMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.whitespaceError;\n res.author = 'Whitespace Hint';\n res.parentID = whitespaceMatch.key;\n res.conceptResults = [\n conceptResultTemplate('5Yv4-kNHwwCO2p8HI90oqQ')\n ];\n return returnValue;\n }\n const changeObjectMatch = this.checkChangeObjectRigidMatch(response);\n if (changeObjectMatch !== undefined) {\n switch (changeObjectMatch.errorType) {\n case ERROR_TYPES.INCORRECT_WORD:\n const missingWord = changeObjectMatch.missingText;\n const missingTextFeedback = getFeedbackForMissingWord(missingWord);\n res.feedback = missingTextFeedback || constants.FEEDBACK_STRINGS.modifiedWordError;\n res.author = 'Modified Word Hint';\n res.parentID = changeObjectMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('H-2lrblngQAQ8_s-ctye4g')\n ];\n return returnValue;\n case ERROR_TYPES.ADDITIONAL_WORD:\n res.feedback = constants.FEEDBACK_STRINGS.additionalWordError;\n res.author = 'Additional Word Hint';\n res.parentID = changeObjectMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('QYHg1tpDghy5AHWpsIodAg')\n ];\n return returnValue;\n case ERROR_TYPES.MISSING_WORD:\n\n res.feedback = constants.FEEDBACK_STRINGS.missingWordError;\n res.author = 'Missing Word Hint';\n res.parentID = changeObjectMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('N5VXCdTAs91gP46gATuvPQ')\n ];\n return returnValue;\n default:\n return;\n }\n }\n const changeObjectFlexMatch = this.checkChangeObjectFlexibleMatch(response);\n if (changeObjectFlexMatch !== undefined) {\n switch (changeObjectFlexMatch.errorType) {\n case ERROR_TYPES.INCORRECT_WORD:\n const missingWord = changeObjectFlexMatch.missingText;\n const missingTextFeedback = getFeedbackForMissingWord(missingWord);\n res.feedback = missingTextFeedback || constants.FEEDBACK_STRINGS.modifiedWordError;\n res.author = 'Flexible Modified Word Hint';\n res.parentID = changeObjectFlexMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('H-2lrblngQAQ8_s-ctye4g')\n ];\n return returnValue;\n case ERROR_TYPES.ADDITIONAL_WORD:\n\n res.feedback = constants.FEEDBACK_STRINGS.additionalWordError;\n res.author = 'Flexible Additional Word Hint';\n res.parentID = changeObjectFlexMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('QYHg1tpDghy5AHWpsIodAg')\n ];\n return returnValue;\n case ERROR_TYPES.MISSING_WORD:\n\n res.feedback = constants.FEEDBACK_STRINGS.missingWordError;\n res.author = 'Flexible Missing Word Hint';\n res.parentID = changeObjectFlexMatch.response.key;\n res.conceptResults = [\n conceptResultTemplate('N5VXCdTAs91gP46gATuvPQ')\n ];\n return returnValue;\n default:\n return;\n }\n }\n const requiredWordsMatch = this.checkRequiredWordsMatch(response);\n if (requiredWordsMatch !== undefined) {\n res.feedback = requiredWordsMatch.feedback;\n res.author = 'Required Words Hint';\n res.parentID = getTopOptimalResponse(this.responses).key;\n res.conceptResults = [\n conceptResultTemplate('N5VXCdTAs91gP46gATuvPQ')\n ];\n return returnValue;\n }\n const minLengthMatch = this.checkMinLengthMatch(response);\n if (minLengthMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.minLengthError;\n res.author = 'Missing Details Hint';\n res.parentID = minLengthMatch.key;\n res.conceptResults = [\n conceptResultTemplate('N5VXCdTAs91gP46gATuvPQ')\n ];\n return returnValue;\n }\n const maxLengthMatch = this.checkMaxLengthMatch(response);\n if (maxLengthMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.maxLengthError;\n res.author = 'Not Concise Hint';\n res.parentID = maxLengthMatch.key;\n res.conceptResults = [\n conceptResultTemplate('QYHg1tpDghy5AHWpsIodAg')\n ];\n return returnValue;\n }\n const lowerCaseStartMatch = this.checkCaseStartMatch(response);\n if (lowerCaseStartMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.caseError;\n res.author = 'Capitalization Hint';\n res.parentID = lowerCaseStartMatch.key;\n res.conceptResults = [\n conceptResultTemplate('S76ceOpAWR-5m-k47nu6KQ')\n ];\n return returnValue;\n }\n const punctuationEndMatch = this.checkPunctuationEndMatch(response);\n if (punctuationEndMatch !== undefined) {\n res.feedback = constants.FEEDBACK_STRINGS.punctuationError;\n res.author = 'Punctuation End Hint';\n res.parentID = punctuationEndMatch.key;\n res.conceptResults = [\n conceptResultTemplate('JVJhNIHGZLbHF6LYw605XA')\n ];\n return returnValue;\n }\n returnValue.found = false;\n returnValue.response.gradeIndex = `unmarked${this.questionUID}`;\n return returnValue;\n }\n\n nonChildResponses() {\n return _.filter(this.responses,\n resp => resp.parentID === undefined && resp.feedback !== undefined\n );\n }\n\n checkExactMatch(response) {\n return _.find(this.responses,\n resp => resp.text.quillNormalize() === response.quillNormalize()\n );\n }\n\n checkCaseInsensitiveMatch(response) {\n return _.find(getOptimalResponses(this.responses),\n resp => resp.text.quillNormalize().toLowerCase() === response.quillNormalize().toLowerCase()\n );\n }\n\n checkCaseStartMatch(response) {\n if ((/^[a-z]/).test(response)) {\n return getTopOptimalResponse(this.responses);\n }\n }\n\n checkPunctuationEndMatch(response) {\n const lastChar = response[response.length - 1];\n if (lastChar && lastChar.match(/[a-z]/i)) {\n return getTopOptimalResponse(this.responses);\n }\n }\n\n checkPunctuationInsensitiveMatch(response) {\n return _.find(getOptimalResponses(this.responses),\n resp => removePunctuation(resp.text.quillNormalize()) === removePunctuation(response.quillNormalize())\n );\n }\n\n checkPunctuationAndCaseInsensitiveMatch(response) {\n return _.find(getOptimalResponses(this.responses), (resp) => {\n const supplied = removePunctuation(response.quillNormalize()).toLowerCase();\n const target = removePunctuation(resp.text.quillNormalize()).toLowerCase();\n return supplied === target;\n });\n }\n\n checkWhiteSpaceMatch(response) {\n return _.find(getOptimalResponses(this.responses),\n resp => removeSpaces(response.quillNormalize()) === removeSpaces(resp.text.quillNormalize())\n );\n }\n\n checkSmallTypoMatch(response) {\n return _.find(this.nonChildResponses(this.responses),\n resp => getLowAdditionCount(response.quillNormalize(), resp.text.quillNormalize())\n );\n }\n\n checkChangeObjectRigidMatch(response) {\n const fn = string => string.quillNormalize();\n return checkChangeObjectMatch(response, getOptimalResponses(this.responses), fn);\n }\n\n checkChangeObjectFlexibleMatch(response) {\n const fn = string => removePunctuation(string.quillNormalize()).toLowerCase();\n return checkChangeObjectMatch(response, getOptimalResponses(this.responses), fn);\n }\n\n checkFuzzyMatch(response) {\n const set = fuzzy(_.pluck(this.responses, 'text'));\n const matches = set.get(response, []);\n let foundResponse;\n let text;\n if (matches.length > 0) {\n const threshold = (matches[0][1].length - 3) / matches[0][1].length;\n text = (matches[0][0] > threshold) && (response.split(' ').length <= matches[0][1].split(' ').length) ? matches[0][1] : null;\n }\n if (text) {\n foundResponse = _.findWhere(this.responses, { text, });\n }\n return foundResponse;\n }\n\n checkRequiredWordsMatch(response) {\n return checkForMissingWords(response, getOptimalResponses(this.responses));\n }\n\n checkMinLengthMatch(response) {\n const optimalResponses = getOptimalResponses(this.responses);\n if (optimalResponses.length < 2) {\n return undefined;\n }\n const lengthsOfResponses = optimalResponses.map(resp => resp.text.quillNormalize().split(' ').length);\n const minLength = _.min(lengthsOfResponses) - 1;\n if (response.split(' ').length < minLength) {\n return _.sortBy(optimalResponses, resp => resp.text.quillNormalize().length)[0];\n }\n return undefined;\n }\n\n checkMaxLengthMatch(response) {\n const optimalResponses = getOptimalResponses(this.responses);\n if (optimalResponses.length < 2) {\n return undefined;\n }\n const lengthsOfResponses = optimalResponses.map(resp => resp.text.quillNormalize().split(' ').length);\n const maxLength = _.max(lengthsOfResponses) + 1;\n if (response.split(' ').length > maxLength) {\n return _.sortBy(optimalResponses, resp => resp.text.quillNormalize().length).reverse()[0];\n }\n return undefined;\n }\n\n checkFocusPointMatch(response) {\n return _.find(this.focusPoints, (fp) => {\n const options = fp.text.split('|||');\n const anyMatches = _.any(options, opt => response.toLowerCase().indexOf(opt) !== -1);\n return !anyMatches;\n });\n }\n\n checkIncorrectSequenceMatch(response) {\n return _.find(this.incorrectSequences, (incSeq) => {\n const options = incSeq.text.split('|||');\n const anyMatches = _.any(options, opt => new RegExp(opt).test(response));\n return anyMatches;\n });\n }\n\n checkSpacingBeforePunctuationMatch(response) {\n return spacingBeforePunctuation(response);\n }\n\n checkSpacingAfterCommaMatch(response) {\n for (let i = 0; i < response.length; i++) {\n if (response[i] === ',' && (i + 1 < response.length)) {\n if (response[i + 1] !== ' ') {\n return {\n feedback: 'Revise your work. Always put a space after a comma.
',\n };\n }\n }\n }\n return undefined;\n }\n}\n","export default ['\"', \"'\", '!', '.', '?'];\n","import _ from 'underscore';\nimport constants from '../constants';\nimport validEndingPunctuation from '../libs/validEndingPunctuation.js';\nimport {\n spacingBeforePunctuation\n} from './algorithms/spacingBeforePunctuation';\nimport * as qpos from './partsOfSpeechTagging';\nimport { checkForMissingWords } from './requiredWords';\n\nconst conceptResultTemplate = (conceptUID, correct = false) => ({\n conceptUID,\n correct,\n});\n\nexport function wordLengthCount(str) {\n const strNoPunctuation = str.replace(/[^0-9a-z\\s]/gi, '').replace(/\\s{2,}/g, ' ').split(' ');\n return strNoPunctuation.length;\n}\n\nfunction sortbyCount(responses) {\n return _.sortBy(responses, r => r.count).reverse();\n}\n\nfunction removePunctuation(string) {\n return string.replace(/[^A-Za-z0-9\\s]/g, '');\n}\n\nexport default class POSMatcher {\n\n constructor(data) {\n this.prompt = data.prompt;\n this.responses = sortbyCount(data.responses);\n this.questionUID = data.questionUID;\n this.wordCountChange = data.wordCountChange || {};\n this.ignoreCaseAndPunc = data.ignoreCaseAndPunc;\n this.incorrectSequences = data.incorrectSequences || [];\n }\n\n getOptimalResponses() {\n return _.reject(this.responses, response =>\n (response.optimal !== true) || (response.parentID)\n );\n }\n\n getTopOptimalResponse() {\n return _.sortBy(this.getOptimalResponses(), r => r.count).reverse()[0];\n }\n\n getGradedResponses() {\n // returns sorted collection optimal first followed by suboptimal\n const gradedResponses = _.reject(this.responses, response =>\n (response.optimal === undefined) || (response.parentID)\n );\n return _.sortBy(gradedResponses, 'optimal').reverse();\n }\n\n checkMatch(userSubmission) {\n const formattedResponse = userSubmission.trim().replace(/\\s{2,}/g, ' ');\n const returnValue = {\n found: true,\n submitted: formattedResponse,\n response: {\n text: formattedResponse,\n questionUID: this.questionUID,\n gradeIndex: `nonhuman${this.questionUID}`,\n count: 1,\n },\n };\n const res = returnValue.response;\n\n const exactMatch = this.checkExactMatch(userSubmission);\n if (exactMatch !== undefined) {\n returnValue.response = exactMatch;\n return returnValue;\n }\n const incorrectSequenceMatch = this.checkIncorrectSequenceMatch(userSubmission);\n if (incorrectSequenceMatch !== undefined) {\n returnValue.response = Object.assign({}, res, incorrectSequenceMatch);\n return returnValue;\n }\n const lengthMatch = this.checkLengthMatch(userSubmission);\n if (lengthMatch !== undefined) {\n returnValue.response = Object.assign({}, res, lengthMatch);\n return returnValue;\n }\n\n const endingPunctuationMatch = this.checkEndingPunctuationMatch(userSubmission);\n if (endingPunctuationMatch !== undefined) {\n returnValue.response = Object.assign({}, res, endingPunctuationMatch);\n return returnValue;\n }\n\n const startingCapitalizationMatch = this.checkStartingCapitalization(userSubmission);\n if (startingCapitalizationMatch !== undefined) {\n returnValue.response = Object.assign({}, res, startingCapitalizationMatch);\n return returnValue;\n }\n\n const optimalCapitalizationMatch = this.checkOptimalCapitalizationMatch(userSubmission);\n if (optimalCapitalizationMatch !== undefined) {\n returnValue.response = Object.assign({}, res, optimalCapitalizationMatch);\n return returnValue;\n }\n\n const optimalPunctuationMatch = this.checkOptimalPunctuationMatch(userSubmission);\n if (optimalPunctuationMatch !== undefined) {\n returnValue.response = Object.assign({}, res, optimalPunctuationMatch);\n return returnValue;\n }\n\n const punctuationAndCaseMatch = this.checkPunctuationAndCaseInsensitiveMatch(userSubmission);\n if (punctuationAndCaseMatch !== undefined) {\n returnValue.response = Object.assign({}, res, punctuationAndCaseMatch);\n return returnValue;\n }\n\n const spacingBeforePunctuationMatch = this.checkSpacingBeforePunctuationMatch(userSubmission);\n if (spacingBeforePunctuationMatch !== undefined) {\n returnValue.response = Object.assign({}, res, spacingBeforePunctuationMatch);\n return returnValue;\n }\n\n const spacingAfterCommaMatch = this.checkSpacingAfterCommaMatch(userSubmission);\n if (spacingAfterCommaMatch !== undefined) {\n returnValue.response = Object.assign({}, res, spacingAfterCommaMatch);\n return returnValue;\n }\n\n const requiredWordsMatch = this.checkRequiredWordsMatch(userSubmission);\n if (requiredWordsMatch !== undefined) {\n returnValue.response = Object.assign({}, res, requiredWordsMatch);\n return returnValue;\n }\n\n const posMatch = this.checkPOSMatch(userSubmission);\n if (posMatch !== undefined) {\n returnValue.response = Object.assign({}, res, posMatch);\n return returnValue;\n }\n\n returnValue.found = false;\n returnValue.response.gradeIndex = `unmarked${this.questionUID}`;\n return returnValue;\n }\n\n checkExactMatch(userSubmission) {\n return _.find(this.responses, response => response.text === userSubmission);\n }\n\n checkIncorrectSequenceMatch(userSubmission) {\n const match = _.find(this.incorrectSequences, (incSeq) => {\n const options = incSeq.text.split('|||');\n const anyMatches = _.any(options, opt => userSubmission.toLowerCase().indexOf(opt) !== -1);\n return anyMatches;\n });\n if (match !== undefined) {\n return {\n optimal: false,\n parentID: this.getTopOptimalResponse().key,\n author: 'Incorrect Sequence Hint',\n feedback: match.feedback,\n conceptResults: match.conceptResults ? match.conceptResults : undefined,\n };\n }\n }\n\n checkLengthMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const userWordCount = wordLengthCount(userSubmission);\n const promptWordCount = wordLengthCount(this.prompt);\n const maxWordCount = promptWordCount + this.wordCountChange.max;\n const minWordCount = promptWordCount + this.wordCountChange.min;\n const templateResponse = {\n optimal: false,\n parentID: this.getTopOptimalResponse().key,\n };\n const feedback = getMinMaxFeedback(this.wordCountChange.min, this.wordCountChange.max);\n if (this.wordCountChange.min && (userWordCount < minWordCount)) {\n if (this.wordCountChange.min === 1) {\n return Object.assign({}, templateResponse, {\n feedback,\n author: 'Too Short Hint',\n });\n } else if (this.wordCountChange.min === this.wordCountChange.max) {\n return Object.assign({}, templateResponse, {\n feedback,\n author: 'Too Short Hint',\n });\n }\n return Object.assign({}, templateResponse, {\n feedback,\n author: 'Too Short Hint',\n });\n } else if (this.wordCountChange.max && (userWordCount > maxWordCount)) {\n if (this.wordCountChange.max === 1) {\n return Object.assign({}, templateResponse, {\n feedback,\n author: 'Too Long Hint',\n });\n }\n return Object.assign({}, templateResponse, {\n feedback,\n author: 'Too Long Hint',\n });\n }\n }\n\n checkEndingPunctuationMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const lastChar = _.last(userSubmission);\n if (!_.includes(validEndingPunctuation, lastChar)) {\n return {\n optimal: false,\n parentID: this.getTopOptimalResponse().key,\n author: 'Punctuation End Hint',\n feedback: 'Proofread your sentence for missing punctuation.',\n conceptResults: [\n conceptResultTemplate('JVJhNIHGZLbHF6LYw605XA')\n ],\n };\n }\n }\n\n checkStartingCapitalization(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n // only trigger if sentence begins with a lower case letter\n if ((/^[a-z]/).test(userSubmission)) {\n return {\n optimal: false,\n parentID: this.getTopOptimalResponse().key,\n author: 'Starting Capitalization Hint',\n feedback: 'Proofread your sentence for correct capitalization.',\n conceptResults: [\n conceptResultTemplate('S76ceOpAWR-5m-k47nu6KQ')\n ],\n };\n }\n }\n\n checkOptimalCapitalizationMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const optimals = this.getOptimalResponses();\n for (let i = 0; i < optimals.length; i++) {\n const optimal = optimals[i];\n if (userSubmission.toLowerCase() === optimal.text.toLowerCase()) {\n if (userSubmission !== optimal) {\n return {\n optimal: false,\n parentID: optimal.key,\n author: 'Capitalization Hint',\n feedback: 'Proofread your sentence for correct capitalization.',\n conceptResults: [\n conceptResultTemplate('66upe3S5uvqxuHoHOt4PcQ')\n ],\n };\n }\n }\n }\n }\n\n checkOptimalPunctuationMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const optimals = this.getOptimalResponses();\n for (let i = 0; i < optimals.length; i++) {\n const optimal = optimals[i];\n if (removePunctuation(userSubmission) === removePunctuation(optimal.text)) {\n if (userSubmission !== optimal) {\n return {\n optimal: false,\n parentID: optimal.key,\n author: 'Punctuation Hint',\n feedback: 'Proofread your sentence for correct punctuation.',\n conceptResults: [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ],\n };\n }\n }\n }\n }\n\n checkPunctuationAndCaseInsensitiveMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const optimals = this.getOptimalResponses();\n for (let i = 0; i < optimals.length; i++) {\n const optimal = optimals[i];\n if (removePunctuation(userSubmission).toLowerCase() === removePunctuation(optimal.text).toLowerCase()) {\n if (userSubmission !== optimal) {\n return {\n optimal: false,\n parentID: optimal.key,\n author: 'Punctuation and Case Hint',\n feedback: 'Proofread your sentence for correct capitalization and punctuation.',\n conceptResults: [\n conceptResultTemplate('66upe3S5uvqxuHoHOt4PcQ'),\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ],\n };\n }\n }\n }\n }\n\n checkSpacingBeforePunctuationMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n const spacingBeforePunctuationMatch = spacingBeforePunctuation(userSubmission);\n if (spacingBeforePunctuationMatch) {\n return {\n optimal: false,\n feedback: spacingBeforePunctuationMatch.feedback,\n author: 'Punctuation Hint',\n parentID: this.getTopOptimalResponse().key,\n conceptResults: [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ],\n };\n }\n }\n\n checkSpacingAfterCommaMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n }\n for (let i = 0; i < userSubmission.length; i++) {\n if (userSubmission[i] === ',' && (i + 1 < userSubmission.length)) {\n if (userSubmission[i + 1] !== ' ') {\n return {\n optimal: false,\n feedback: 'Revise your work. Always put a space after a comma.
',\n author: 'Punctuation Hint',\n parentID: this.getTopOptimalResponse().key,\n conceptResults: [\n conceptResultTemplate('mdFUuuNR7N352bbMw4Mj9Q')\n ],\n };\n }\n }\n }\n }\n\n checkRequiredWordsMatch(userSubmission) {\n if (this.ignoreCaseAndPunc) {\n return;\n } else if (this.getOptimalResponses().length < 3) {\n return;\n }\n return checkForMissingWords(userSubmission, this.getOptimalResponses(), true);\n }\n\n checkPOSMatch(userSubmission) {\n // get graded responses and convert to POS strings\n const correctPOSTags = this.getGradedResponses().map(\n optimalResponse => qpos.getPartsOfSpeechTags(optimalResponse.text)\n );\n // convert user submission to POS string\n const userPOSTags = qpos.getPartsOfSpeechTags(userSubmission);\n // if user string could be converted to POS tags find response that has the same POS tags\n if (userPOSTags) {\n const matchedResponse = _.find(this.getGradedResponses(), (optimalResponse, index) => {\n if (optimalResponse.parentID) {\n return false;\n } else if (correctPOSTags[index]) {\n if (JSON.stringify(correctPOSTags[index]) === JSON.stringify(userPOSTags)) {\n // this will return the response object\n return true;\n }\n }\n });\n if (matchedResponse) {\n const returnValue = {\n optimal: matchedResponse.optimal,\n parentID: matchedResponse.key,\n feedback: matchedResponse.feedback,\n author: 'Parts of Speech',\n };\n if (matchedResponse.conceptResults) {\n returnValue.conceptResults = matchedResponse.conceptResults;\n }\n return returnValue;\n }\n }\n }\n}\n\nfunction getMinMaxFeedback(min, max) {\n if (min === max) {\n if (min === 1) {\n return 'Revise your work. Add one word to the prompt to make the sentence complete.';\n }\n return `Revise your work. Add ${constants.NUMBERS_AS_WORDS[min]} words to the prompt to make the sentence complete.`;\n }\n return `Revise your work. Add ${constants.NUMBERS_AS_WORDS[min]} to ${constants.NUMBERS_AS_WORDS[max]} words to the prompt to make the sentence complete.`;\n}\n","import React from 'react';\n\nexport default class extends React.Component {\n state = {\n isExpanded: false,\n };\n\n toggleExpandSinglePOS = () => {\n this.setState({\n isExpanded: !this.state.isExpanded,\n });\n };\n\n renderExpandedPOSListText = () => {\n if (this.state.isExpanded) {\n const tag = this.props.tag;\n const additionalResponses = tag.responses.slice(1); // first response has already been rendered in unexpanded view\n if (additionalResponses.length === 0) {\n return (***No more responses match this pattern***
);\n }\n return additionalResponses.map(response => (\n{response.text}
\n ));\n }\n };\n\n renderExpandedPOSListCount = () => {\n if (this.state.isExpanded) {\n const tag = this.props.tag;\n const additionalResponses = tag.responses.slice(1); // first response has already been rendered in unexpanded view\n return additionalResponses.map(response => (\n{response.count}
\n ));\n }\n };\n\n render() {\n const { headerStyle, } = this.props;\n if (this.state.isExpanded) {\n headerStyle.marginTop = '20px';\n headerStyle.marginBottom = '20px';\n } else {\n headerStyle.marginTop = '0px';\n headerStyle.marginBottom = '0px';\n }\n return (\n\n
\n \n
\n \n
\n {this.props.tagsToRender.join('---')}
\n{this.props.tag.responses[0].text}
\n {this.renderExpandedPOSListText()}\n\n \n \n
\n {this.props.icon} {this.props.tag.count === undefined ? 0 : this.props.tag.count}
\n{this.props.tag.responses[0].count === undefined ? 0 : this.props.tag.responses[0].count}
\n {this.renderExpandedPOSListCount()}\n\n {this.renderPOSTagsList()}\n
\n )\n }\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\nimport { requestGet, } from '../../../../modules/request/index';\nimport {\n QuestionBar,\n ResponseSortFields,\n ResponseToggleFields,\n Spinner,\n hashToCollection,\n responsesWithStatus,\n} from '../../../Shared/index';\nimport * as filterActions from '../../actions/filters';\nimport massEdit from '../../actions/massEdit';\nimport questionActions from '../../actions/questions';\nimport { submitResponseEdit } from '../../actions/responses';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\nimport {\n rematchAll,\n rematchOne\n} from '../../libs/grading/rematching.ts';\nimport { getPartsOfSpeechTags } from '../../libs/partsOfSpeechTagging.js';\nimport QuestionMatcher from '../../libs/question';\nimport POSMatcher from '../../libs/sentenceFragment.js';\nimport POSForResponsesList from './POSForResponsesList.jsx';\nimport ResponseList from './responseList.tsx';\n\nimport C from '../../constants';\n\nconst labels = C.ERROR_AUTHORS;\nconst qualityLabels = ['Human Optimal', 'Human Sub-Optimal', 'Algorithm Optimal', 'Algorithm Sub-Optimal', 'Unmatched'];\n// [\"Human Optimal\", \"Human Sub-Optimal\", \"Algorithm Optimal\", \"Algorithm Sub-Optimal\", \"Unmatched\",\n// \"Focus Point Hint\", \"Word Error Hint\", \"Punctuation Hint\", \"Capitalization Hint\", \"Punctuation and Case Hint\", \"Whitespace Hint\",\n// \"Missing Word Hint\", \"Additional Word Hint\", \"Modified Word Hint\", \"Missing Details Hint\", \"Not Concise Hint\", \"No Hint\"]\nconst colors = ['#81c784', '#ffb74d', '#BA68C8', '#5171A5', '#e57373'];\n\nconst responsesPerPage = 20;\n\nclass ResponseComponent extends React.Component {\n constructor(props) {\n super(props)\n let actions;\n let matcher;\n if (this.props.mode === 'sentenceFragments') {\n actions = sentenceFragmentActions;\n matcher = POSMatcher;\n } else {\n actions = questionActions;\n matcher = QuestionMatcher;\n }\n this.state = {\n percentageOfWeakResponses: 0,\n actions,\n viewingResponses: true,\n matcher,\n selectedResponses: [],\n health: {},\n gradeBreakdown: {},\n enableRematchAllButton: true,\n responses: this.props.filters.responses,\n isLoadingResponses: false\n };\n }\n\n componentDidMount() {\n this.searchResponses();\n this.getHealth();\n this.getGradeBreakdown();\n this.props.dispatch(questionActions.initializeSubscription(this.props.questionID));\n }\n\n componentDidUpdate(prevProps) {\n const { filters } = this.props\n\n if (this.props.states[this.props.questionID] === C.SHOULD_RELOAD_RESPONSES && prevProps.states[prevProps.questionID] !== C.SHOULD_RELOAD_RESPONSES) {\n this.props.dispatch(questionActions.clearQuestionState(this.props.questionID));\n this.searchResponses();\n } else if (!_.isEqual(filters.responses, prevProps.filters.responses)) {\n this.setState({responses: filters.responses})\n }\n }\n\n componentWillUnmount() {\n this.props.dispatch(questionActions.removeSubscription(this.props.questionID));\n this.clearResponses();\n }\n\n updateResponse = (id, response) => {\n const { responses } = this.state\n responses[id] = response\n this.setState({responses: responses})\n };\n\n getHealth = () => {\n requestGet(\n `${process.env.QUILL_CMS}/questions/${this.props.questionID}/health`,\n (body) => {\n this.setState({\n health: body,\n });\n }\n )\n };\n\n getGradeBreakdown = () => {\n requestGet(\n `${process.env.QUILL_CMS}/questions/${this.props.questionID}/grade_breakdown`,\n (body) => {\n this.setState({\n gradeBreakdown: body,\n });\n }\n )\n };\n\n clearResponses = () => {\n this.props.dispatch(questionActions.updateResponses({ responses: [], numberOfResponses: 0, numberOfPages: 1, responsePageNumber: 1, }));\n };\n\n setResponsesLoaded = () => {\n this.setState({isLoadingResponses: false})\n }\n\n searchResponses = () => {\n const { dispatch, questionID } = this.props;\n\n this.setState({isLoadingResponses: true})\n\n dispatch(questionActions.incrementRequestCount())\n dispatch(questionActions.searchResponses(questionID, this.setResponsesLoaded));\n }\n\n getTotalAttempts = () => {\n return this.state.health.total_number_of_attempts;\n // return _.reduce(this.props.responses, (memo, item) => memo + item.count, 0);\n };\n\n getResponseCount = () => {\n return this.state.health.total_number_of_responses;\n };\n\n removeResponseFromMassEditArray = responseKey => {\n this.props.dispatch(massEdit.removeResponseFromMassEditArray(responseKey));\n };\n\n expand = responseKey => {\n this.props.dispatch(filterActions.toggleExpandSingleResponse(responseKey));\n };\n\n updateRematchedResponse = (rid, vals) => {\n this.props.dispatch(submitResponseEdit(rid, vals, this.props.questionID));\n };\n\n getPercentageWeakResponses = () => {\n const { common_unmatched_responses, total_number_of_responses } = this.state.health\n return common_unmatched_responses > 0 ? (common_unmatched_responses/total_number_of_responses * 100).toFixed(2) : 0.0\n };\n\n getErrorsForAttempt = attempt => {\n return attempt.feedback;\n };\n\n generateFeedbackString = attempt => {\n const errors = this.getErrorsForAttempt(attempt);\n // // add keys for react list elements\n // var errorComponents = _.values(_.mapObject(errors, (val, key) => {\n // if (val) {\n // return feedbackStrings[key]\n // }\n // }))\n return errors;\n };\n\n rematchAllResponses = () => {\n this.setState({enableRematchAllButton: false});\n const pageNumber = 1;\n const callback = (done) => {\n if (done) {\n this.searchResponses();\n this.getHealth();\n this.getGradeBreakdown();\n }\n };\n const weak = rematchAll(this.props.mode, this.props.question, this.props.questionID, callback);\n // weak.forEach((resp, index) => {\n // const percentage = index / weak.length * 100;\n // console.log('Rematching: ', resp.key, percentage, '% complete');\n // this.rematchResponse(resp.key);\n // });\n };\n\n responsesGroupedByStatus = () => {\n return _.groupBy(this.responsesWithStatus(), 'statusCode');\n };\n\n responsesByStatusCodeAndResponseCount = () => {\n return _.mapObject(this.responsesGroupedByStatus(), (val, key) => _.reduce(val, (memo, resp) => memo + (resp.count || 0), 0));\n };\n\n responsesWithStatus = () => {\n const { filters } = this.props\n\n return hashToCollection(responsesWithStatus(filters.responses));\n };\n\n formatForQuestionBar = () => {\n // {\"human_optimal\":153,\"human_suboptimal\":140,\"algo_optimal\":0,\"algo_suboptimal\":8780,\"unmatched\":28820}\n const totalResponseCount = this.state.health.total_number_of_attempts;\n if (totalResponseCount == 0) {\n return [{\n value: 100,\n color: '#eeeeee',\n }];\n }\n return _.mapObject(this.state.gradeBreakdown, (val, key) => ({\n value: val / totalResponseCount * 100,\n color: colors[qualityLabels.indexOf(key)],\n }));\n };\n\n gatherVisibleResponses = () => {\n return this.responsesWithStatus();\n };\n\n getResponse = responseID => {\n return this.state.responses[responseID];\n };\n\n getChildResponses = responseID => {\n const responses = hashToCollection(this.props.responses);\n return _.where(responses, { parentID: responseID, });\n };\n\n getResponsesForCurrentPage = responses => {\n return responses;\n };\n\n getBoundsForCurrentPage = length => {\n const startIndex = (this.props.filters.responsePageNumber - 1) * responsesPerPage;\n const endIndex = startIndex + responsesPerPage > length ? length : startIndex + responsesPerPage;\n return [startIndex, endIndex];\n };\n\n renderResponses = () => {\n const { isLoadingResponses, viewingResponses } = this.state\n\n if (isLoadingResponses && viewingResponses) {\n return (\n \n
\n );\n }\n\n if (viewingResponses) {\n const { responses } = this.state;\n const { questionID, selectedIncorrectSequences, selectedFocusPoints } = this.props;\n const sortedResponses = _.sortBy(hashToCollection(responses), 'sortOrder')\n return (\n \n
\n );\n }\n };\n\n renderViewResponsesOrPOSButton = () => {\n return (\n \n {\n this.setState({\n viewingResponses: !this.state.viewingResponses,\n }, this.updatePageNumber(1));\n }}\n >Show {this.state.viewingResponses ? 'POS' : 'Uniques'}\n
\n );\n };\n\n renderResetAllFiltersButton = () => {\n return (\n \n \n
\n );\n };\n\n renderDeselectAllFiltersButton = () => {\n return (\n \n \n
\n );\n };\n\n getPOSTagsList = () => {\n const responses = this.gatherVisibleResponses();\n const responsesWithPOSTags = responses.map((response) => {\n response.posTags = getPartsOfSpeechTags(response.text.replace(/(<([^>]+)>)/ig, '').replace(/ /ig, '')); // some text has html tags\n return response;\n });\n\n let posTagsList = {},\n posTagsAsString = '';\n responses.forEach((response) => {\n posTagsAsString = response.posTags ? response.posTags.join() : '';\n if (posTagsList[posTagsAsString]) {\n posTagsList[posTagsAsString].count += response.count;\n posTagsList[posTagsAsString].responses.push(response);\n } else {\n posTagsList[posTagsAsString] = {\n tags: response.posTags,\n count: response.count,\n responses: [\n response\n ],\n };\n }\n });\n return posTagsList;\n };\n\n handleStringFiltering = () => {\n const { dispatch, questionID } = this.props;\n const { stringFilter } = this.refs;\n const { value } = stringFilter;\n dispatch(questionActions.updateStringFilter(value));\n }\n\n handleSearchEnter = (e) => {\n if(e.key === \"Enter\") {\n this.searchResponses();\n }\n }\n\n getFilteredResponses = responses => {\n if (this.props.filters.stringFilter == '') {\n return responses;\n }\n const that = this;\n return _.filter(responses, response => response.text.indexOf(that.props.filters.stringFilter) >= 0);\n };\n\n updatePageNumber = pageNumber => {\n this.props.dispatch(questionActions.updatePageNumber(pageNumber));\n this.searchResponses();\n };\n\n incrementPageNumber = () => {\n if (this.props.filters.responsePageNumber < this.getNumberOfPages()) {\n this.updatePageNumber(this.props.filters.responsePageNumber + 1);\n }\n };\n\n decrementPageNumber = () => {\n if (this.props.filters.responsePageNumber !== 1) {\n this.updatePageNumber(this.props.filters.responsePageNumber - 1);\n }\n };\n\n getNumberOfPages = () => {\n return this.props.filters.numberOfPages;\n };\n\n resetPageNumber = () => {\n this.updatePageNumber(1);\n };\n\n renderDisplayingMessage = () => {\n let endWord,\n length;\n if (this.state.viewingResponses) {\n length = this.props.filters.numberOfResponses;\n endWord = ' responses';\n } else {\n length = hashToCollection(this.getPOSTagsList()).length;\n endWord = ' parts of speech strings';\n }\n const bounds = this.getBoundsForCurrentPage(length);\n const message = `Displaying ${bounds[0] + 1}-${bounds[1]} of ${length}${endWord}`;\n return {message}
;\n };\n\n renderPageNumbers = () => {\n // var array\n // if(this.state.viewingResponses) {\n // array = this.gatherVisibleResponses()\n // } else {\n // array = this.getPOSTagsList()\n // }\n\n const pageNumbers = _.range(1, this.props.filters.numberOfPages + 1);\n\n let pageNumberStyle = {};\n const numbersToRender = pageNumbers.map((pageNumber, i) => {\n if (this.props.filters.responsePageNumber === pageNumber) {\n pageNumberStyle = {\n backgroundColor: 'lightblue',\n };\n } else {\n pageNumberStyle = {};\n }\n return (\n\n
\n );\n };\n\n showResults = () => {\n this.searchResponses();\n }\n\n renderShowResultsButton = () => {\n return (\n \n \n
\n \n Show Results\n
\n );\n }\n\n render() {\n const { filters, mode } = this.props;\n const { responses, stringFilter } = filters;\n const questionBar = responses && Object.keys(responses).length > 0\n ? \n {questionBar}\n {this.renderRematchAllButton()}\n
\n );\n }\n}\n\nfunction select(state) {\n return {\n filters: state.filters,\n conceptsFeedback: state.conceptsFeedback,\n concepts: state.concepts,\n massEdit: state.massEdit,\n };\n}\n\nexport default connect(select)(ResponseComponent);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport ResponseComponent from './responseComponent.jsx';\n\nclass ResponseComponentWrapper extends React.Component {\n state = {\n responses: {},\n loadedResponses: false,\n };\n\n getResponses = () => {\n const { responses } = this.state;\n return responses;\n };\n\n returnAppropriateDataset = () => {\n const { match, questions } = this.props;\n const { params } = match;\n const { questionID, } = params;\n const datasets = ['fillInBlank', 'sentenceFragments'];\n let theDatasetYouAreLookingFor = questions.data[questionID];\n let mode = 'questions';\n datasets.forEach((dataset) => {\n if (this.props[dataset].data[questionID]) {\n theDatasetYouAreLookingFor = this.props[dataset].data[questionID];\n mode = dataset;\n }\n });\n return { dataset: theDatasetYouAreLookingFor, mode, }; // \"These are not the datasets you're looking for.\"\n };\n\n render() {\n const appropriateData = this.returnAppropriateDataset();\n const { dataset, mode, } = appropriateData;\n const { match, questions } = this.props;\n const { params } = match;\n const { states, } = questions;\n const { questionID, } = params;\n return (\n \n Overview - Total Attempts: {this.getTotalAttempts()} | Unique Responses: {this.getResponseCount()} | Percentage of weak responses: {this.getPercentageWeakResponses()}%\n
\n\n
\n {this.renderShowResultsButton()}\n {this.renderDisplayingMessage()}\n {this.renderPageNumbers()}\n {this.renderResponses()}\n {this.renderPOSStrings()}\n {this.renderPageNumbers()}\n \n {this.renderStatusToggleMenu()}\n
\n \n
\n \n
\n \n {this.renderSortingFields()}\n
\n \n
\n \n
\n \n {this.renderExpandCollapseAll()}\n
\n {this.renderResetAllFiltersButton()}\n {this.renderDeselectAllFiltersButton()}\n {showPosOrUniqueButton}\n \n
\n \n \n
\n );\n }\n }\n\n renderButtonText() {\n const { editing } = this.props;\n return editing ? 'Submit Edit' : 'Add Question';\n }\n\n render() {\n const { blankAllowed, caseInsensitive, conceptID, cues, cuesLabel, flag, instructions, prompt } = this.state;\n return(\n \n );\n }\n}\n\nexport default FillInBlankForm;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport fillInBlankActions from '../../actions/fillInBlank';\nimport FillInBlankForm from './fillInBlankForm.jsx';\n\nclass EditFillInBlank extends Component {\n\n editQuestion = data => {\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n const questionData = data;\n dispatch(fillInBlankActions.submitQuestionEdit(questionID, data));\n };\n\n returnQuestionState = () => {\n const { fillInBlank, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n const { data } = fillInBlank;\n const fillInBlankQuestionID = questionID;\n const fillInBlankQuestion = data[fillInBlankQuestionID];\n const { prompt, blankAllowed, caseInsensitive, instructions, cues, conceptID, flag, cuesLabel } = fillInBlankQuestion;\n return {\n prompt,\n blankAllowed,\n caseInsensitive,\n instructions,\n cues: cues.join(','),\n conceptID,\n flag,\n cuesLabel\n };\n };\n\n render() {\n return \n \n
\n\n
\n )\n }\n }\n\n setResponse = response => {\n this.setState({gradedResponse: response})\n };\n\n render() {\n const { key } = this.state\n const { dispatch, playDiagnostic } = this.props\n const { currentQuestion } = playDiagnostic\n if (currentQuestion) {\n const question = currentQuestion.data;\n return (\n Author: {author}
\nFeedback: {feedback}
\n\n
\n );\n } else {\n return (\n \n
\n {this.renderGrading()}\n Loading...
\n );\n }\n }\n}\n\nfunction select(props) {\n return {\n fillInBlank: props.fillInBlank,\n playDiagnostic: props.playDiagnostic,\n };\n}\n\nexport default connect(select)(TestQuestion);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Link, NavLink, Route, Switch, withRouter } from 'react-router-dom';\nimport MassEditContainer from '../questions/massEditContainer.jsx';\nimport ResponseComponentWrapper from '../questions/responseRouteWrapper.jsx';\nimport Cues from '../renderForQuestions/cues.tsx';\nimport EditFillInBlank from './editFillInBlank.jsx';\nimport TestFillInBlankQuestionContainer from './testFillInBlankQuestionContainer.jsx';\n\nconst icon = `${process.env.CDN_URL}/images/icons/direction.svg`\n\nclass FillInBlankQuestion extends Component {\n\n getQuestion = () => {\n const { match, fillInBlank, } = this.props\n const { params } = match\n const { questionID, } = params;\n return fillInBlank ? fillInBlank.data[questionID] : null;\n }\n\n isLoading = () => {\n const { fillInBlank, } = this.props\n return !fillInBlank.hasreceiveddata\n }\n\n render() {\n const { match, massEdit, fillInBlank } = this.props\n const { params } = match\n const { questionID} = params;\n const question = this.getQuestion();\n if (this.isLoading()) {\n return (Loading...
);\n } else if (question) {\n const activeLink = massEdit.numSelectedResponses > 1\n ?\n \n \n
\n );\n } else {\n return (\n \n \n
\n Flag: {data[questionID].flag}
\n\n 
\n
\n {question.instructions || 'Fill in the blank with the correct option.'}
\n\n Edit Question\n
\n\n
\n - \n
404: No Question Found
\n );\n }\n }\n}\n\nfunction select(props) {\n return {\n fillInBlank: props.fillInBlank,\n massEdit: props.massEdit\n };\n}\n\nexport default withRouter(connect(select)(FillInBlankQuestion));\n","import _ from 'lodash';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { ArchivedButton, hashToCollection } from '../../../Shared/index';\nimport { QuestionList } from '../shared/questionList.tsx';\n\nclass FillInBlankQuestions extends Component {\n constructor(props) {\n super(props)\n\n const { fillInBlank } = props\n\n this.state = {\n diagnosticQuestions: fillInBlank.data || null\n }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { fillInBlank, lessons } = nextProps\n const { diagnosticQuestions } = this.state;\n if (fillInBlank.hasreceiveddata && lessons.hasreceiveddata) {\n if (Object.keys(diagnosticQuestions).length === 0 || !_.isEqual(this.props.fillInBlank.data, fillInBlank.data) || (!_.isEqual(this.props.lessons.data, lessons.data))) {\n this.setState({ diagnosticQuestions: fillInBlank.data })\n }\n }\n }\n\n toggleShowArchived = () => {\n const { showOnlyArchived } = this.state;\n this.setState({\n showOnlyArchived: !showOnlyArchived,\n });\n };\n\n render() {\n const { diagnosticQuestions, showOnlyArchived } = this.state;\n const sortedDiagnosticQuestions = hashToCollection(diagnosticQuestions).sort((a, b) => a.prompt.localeCompare(b.prompt))\n return (\n\n \n \n \n
\n Fill In The Blank
\n- {listItems}
- No questions
\n Return to All Activities\n
\n {this.renderEditLessonForm()}\n
\n );\n } else if (hasreceiveddata === false) {\n return (\n {this.renderEditLessonForm()}\n
{data[lessonID].name}
\n\n{data[lessonID].flag}
\n{numberOfQuestions} Questions
\nPlay Diagnostic
\n\n \n
\n {this.renderQuestionsForLesson()}\nLoading...
);\n }\n return (\n404: No Concept Found
\n );\n }\n}\n\nfunction select(state) {\n return {\n lessons: state.lessons,\n questions: state.questions,\n routing: state.routing,\n sentenceFragments: state.sentenceFragments,\n fillInBlank: state.fillInBlank,\n titleCards: state.titleCards\n };\n}\n\nexport default connect(select)(Lesson);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\nimport {\n ArchivedButton,\n FlagDropdown,\n Modal\n} from '../../../Shared/index';\nimport actions from '../../actions/lessons.ts';\nimport { LinkListItem } from '../shared/linkListItem';\nimport EditLessonForm from './lessonForm.tsx';\n\nclass Lessons extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n lessonFlags: 'production',\n showOnlyArchived: false,\n }\n }\n\n createNew = () => {\n this.props.dispatch(actions.toggleNewLessonModal());\n };\n\n submitNewLesson = data => {\n // TODO: fix add new lesson action to show new lessons without refreshing\n this.props.dispatch(actions.submitNewLesson(data));\n this.props.dispatch(actions.toggleNewLessonModal())\n };\n\n toggleShowArchived = () => {\n this.setState({\n showOnlyArchived: !this.state.showOnlyArchived,\n });\n };\n\n renderLessons = () => {\n const { data, } = this.props.lessons;\n let keys = _.keys(data);\n if (this.state.lessonFlags !== 'All Flags') {\n keys = _.filter(keys, key => data[key].flag === this.state.lessonFlags);\n }\n if (this.state.showOnlyArchived) {\n keys = keys.filter(key => data[key].questions && data[key].questions.some(q => q.flag === 'archived'))\n }\n keys.sort((a, b) => data[a].name.localeCompare(data[b].name))\n return keys.map(key => (\n\n \n { this.renderModal() }\n
\n \n
\n \n
\n \n \n
\n \n {this.generateDiff()}\n
\n )\n }\n\n}\n\nfunction select(props) {\n return {\n questions: props.questions,\n };\n}\n\nexport default connect(select)(DiffedResponse);\n","import fuzzy from 'fuzzyset.js';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\nimport { listenToResponsesWithCallback } from '../../actions/responses';\nimport { responsesWithStatus, } from '../../../Shared/index';\nimport DiffedResponse from './diffedResponse.jsx';\n\nexport class AnswerVisualizer extends Component {\n constructor() {\n super();\n this.state = {\n responses: {},\n loadedResponses: false\n };\n }\n\n UNSAFE_componentWillMount() {\n const { params } = this.props;\n const { questionID } = params;\n listenToResponsesWithCallback(\n questionID,\n (data) => {\n this.setState({\n responses: responsesWithStatus(data),\n loadedResponses: true,\n });\n }\n );\n }\n\n sortResponsesByCount(responseObj) {\n let sortable = [];\n for(const response in responseObj) {\n sortable.push([responseObj[response].text, responseObj[response].count]);\n }\n sortable.sort((a, b) => {\n return b[1] - a[1];\n });\n return sortable.map((response) => {\n return response[0];\n });\n }\n\n getHumanCorrectResponses() {\n const { responses } = this.state;\n return this.sortResponsesByCount(_.reject(_.values(_.mapObject(responses, (r) => {\n const { count, statusCode, text } = r;\n return statusCode === 0 ? { text, count } : null;\n })), (r) => { return !r }));\n }\n\n getHumanIncorrectResponses() {\n const { responses } = this.state;\n return this.sortResponsesByCount(_.reject(_.values(_.mapObject(responses, (r) => {\n const { count, statusCode, text } = r;\n return statusCode === 0 ? { text, count } : null;\n })), (r) => { return !r }));\n }\n\n getClosestCorrectResponse(response) {\n return fuzzy(this.getHumanCorrectResponses()).get(response)[0][1];\n }\n\n renderDiffsBetweenIncorrectResponsesAndNearestCorrectResponse() {\n return this.getHumanIncorrectResponses().map((response) => {\n return(\n \n
\n )\n } else {\n return \n
\n \n
\n Diffs Between Incorrect Responses and Nearest Correct Response
\n {this.renderDiffsBetweenIncorrectResponsesAndNearestCorrectResponse()}\n\n
\n \n
\n Diffs Between Correct Responses and Prompt
\n {this.renderDiffsBetweenCorrectResponsesAndPrompt()}\n\n
\n {children}\n \n
\n Diffs Between Incorrect Responses and Prompt
\n {this.renderDiffsBetweenIncorrectResponsesAndPrompt()}\nLoading...
;\n }\n }\n\n}\n\nfunction select(props) {\n return {\n questions: props.questions,\n };\n}\n\nexport default connect(select)(AnswerVisualizer);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport questionActions from '../../actions/questions';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\nimport ResponseComponent from '../questions/responseComponent'\nimport { FocusPointsInputAndConceptSelectorForm, } from '../../../Shared/index';\n\nclass EditFocusPointsContainer extends Component {\n constructor() {\n super();\n\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n\n this.state = { questionType, questionTypeLink, actionFile, }\n }\n\n getFocusPoint() {\n const { questionType } = this.state;\n const { match } = this.props;\n const { params } = match;\n const { focusPointID, questionID } = params;\n const focusPoint = this.props[questionType].data[questionID].focusPoints[focusPointID]\n return Object.assign(focusPoint, { id: focusPointID, });\n }\n\n submitForm = (data, focusPointID) => {\n const { dispatch, match } = this.props;\n const { actionFile } = this.state;\n const { params } = match;\n const { questionID } = params;\n delete data.conceptResults.null;\n dispatch(actionFile.submitEditedFocusPoint(questionID, data, focusPointID));\n setTimeout(() => {window.history.back()}, 2000);\n };\n\n render() {\n const { children, match, questions, sentenceFragments } = this.props;\n const { params } = match;;\n const { questionID } = params;\n return (\n\n
\n );\n }\n}\n\nfunction select(props) {\n return {\n sentenceFragments: props.sentenceFragments,\n questions: props.questions\n }\n}\n\nexport default connect(select)(EditFocusPointsContainer);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\n\nimport { TextEditor } from '../../../Shared/index';\nimport questionActions from '../../actions/questions';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\n\nimport { hashToCollection, SortableList, } from '../../../Shared/index';\n\nexport class FocusPointsContainer extends Component {\n constructor(props) {\n super();\n\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n const question = props[questionType].data[props.match.params.questionID]\n const focusPoints = this.getFocusPoints(question)\n\n this.state = { fpOrderedIds: null, questionType, actionFile, questionTypeLink, focusPoints };\n }\n\n componentDidUpdate(previousProps, previousState) {\n const question = this.props[this.state.questionType].data[this.props.match.params.questionID]\n const focusPoints = this.getFocusPoints(question)\n\n if (previousState.focusPoints === focusPoints) return;\n\n this.setState({ focusPoints, });\n }\n\n getFocusPoints = (question) => {\n return question.focusPoints;\n }\n\n deleteFocusPoint = focusPointID => {\n const { focusPoints } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (confirm('⚠️ Are you sure you want to delete this? 😱')) {\n dispatch(this.state.actionFile.deleteFocusPoint(questionID, focusPointID));\n delete focusPoints[focusPointID]\n this.setState({focusPoints: focusPoints})\n }\n };\n\n deleteConceptResult = (conceptResultKey, focusPointKey) => {\n const { focusPoints } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (confirm('⚠️ Are you sure you want to delete this? 😱')) {\n const data = focusPoints[focusPointKey];\n delete data.conceptResults[conceptResultKey];\n dispatch(this.state.actionFile.submitEditedFocusPoint(questionID, data, focusPointKey));\n }\n }\n\n saveFocusPointsAndFeedback = (key) => {\n const { actionFile } = this.state\n const { submitEditedFocusPoint, deleteFocusPoint } = actionFile\n const { dispatch, match } = this.props\n const { params } = match\n const { questionID } = params\n const { focusPoints } = this.state\n const filteredFocusPoints = this.removeEmptyFocusPoints(focusPoints)\n let data = filteredFocusPoints[key]\n delete data.conceptResults.null;\n if (data.text === '') {\n delete filteredFocusPoints[key]\n dispatch(deleteFocusPoint(questionID, key));\n } else {\n dispatch(submitEditedFocusPoint(questionID, data, key));\n }\n this.setState({focusPoints: filteredFocusPoints})\n }\n\n removeEmptyFocusPoints = (focusPoints) => {\n return _.mapObject(focusPoints, (val) => (\n Object.assign({}, val, {\n text: val.text.split(/\\|{3}(?!\\|)/).filter(val => val !== '').join('|||')\n })\n )\n );\n }\n\n fPsortedByOrder = () => {\n const { fpOrderedIds, focusPoints } = this.state;\n if (fpOrderedIds) {\n const focusPointsCollection = hashToCollection(focusPoints)\n return fpOrderedIds.map(id => focusPointsCollection.find(fp => fp.key === id))\n } else {\n return hashToCollection(focusPoints).sort((a, b) => a.order - b.order);\n }\n }\n\n addNewFocusPoint = (e, key) => {\n const { focusPoints } = this.state\n const className = `regex-${key}`\n const value = `${Array.from(document.getElementsByClassName(className)).map(i => i.value).filter(val => val !== '').join('|||')}|||`;\n focusPoints[key].text = value;\n this.setState({focusPoints: focusPoints})\n }\n\n handleNameChange = (e, key) => {\n const { focusPoints } = this.state\n focusPoints[key].name = e.target.value\n this.setState({focusPoints: focusPoints})\n }\n\n handleFocusPointChange = (e, key) => {\n const { focusPoints } = this.state\n const className = `regex-${key}`\n const value = `${Array.from(document.getElementsByClassName(className)).map(i => i.value).filter(val => val !== '').join('|||')}`;\n if (value === '') {\n if (!confirm(\"Deleting this regex will delete the whole incorrect sequence. Are you sure you want that?\")) {\n return\n }\n }\n focusPoints[key].text = value;\n this.setState({focusPoints: focusPoints})\n }\n\n handleFeedbackChange = (e, key) => {\n const { focusPoints } = this.state\n focusPoints[key].feedback = e\n this.setState({focusPoints: focusPoints})\n }\n\n sortCallback = sortInfo => {\n const fpOrderedIds = sortInfo.map(item => item.key);\n this.setState({ fpOrderedIds, });\n };\n\n updatefpOrder = () => {\n const { actionFile, fpOrderedIds, focusPoints } = this.state;\n const { match, dispatch, } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (fpOrderedIds) {\n const newFp = {};\n const focusPointsArray = hashToCollection(focusPoints)\n fpOrderedIds.forEach((id, index) => {\n const fp = Object.assign({}, focusPointsArray.find(fp => fp.key === id));\n fp.order = index + 1;\n newFp[id] = fp;\n });\n dispatch(actionFile.submitBatchEditedFocusPoint(questionID, newFp));\n this.setState({focusPoints: newFp})\n alert('saved!');\n } else {\n alert('no changes to focus points have been made');\n }\n };\n\n renderConceptResults = (concepts, focusPointKey) => {\n if (concepts) {\n const components = _.mapObject(concepts, (val, key) => (\n {val.name}\n {val.correct ? Correct\n : Incorrect }\n this.deleteConceptResult(key, focusPointKey)} style={{ cursor: 'pointer', marginLeft: 5, }}>Delete\n
\n )\n );\n return _.values(components);\n }\n }\n\n renderFocusPointsList = () => {\n const { questionTypeLink } = this.state;\n const { match } = this.props;\n const { params } = match;\n const { questionID } = params;\n const components = this.fPsortedByOrder().map((fp) => {\n const { conceptResults, feedback, key, order, text } = fp;\n return (\n\n \n this.handleNameChange(e, key)} placeholder=\"Name\" type=\"text\" value={fp.name || ''} />\n \n \n \n
\n );\n });\n return \n {this.renderTextInputFields(text, key)}\n \n
\n\n {order}\n
\n\n \n this.handleFeedbackChange(e, fp.key)}\n key=\"feedback\"\n text={fp.feedback}\n />\n {this.renderConceptResults(conceptResults, key)}\n
\n \n \n
\n );\n }\n}\n\nfunction select(props) {\n let mapState\n if (window.location.href.includes('sentence-fragments')) {\n mapState = {\n sentenceFragments: props.sentenceFragments\n };\n } else {\n mapState = {\n questions: props.questions\n };\n }\n return mapState\n}\n\nexport default connect(select)(FocusPointsContainer);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\n\nimport questionActions from '../../actions/questions';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\nimport ResponseComponent from '../questions/responseComponent'\nimport { FocusPointsInputAndConceptSelectorForm, } from '../../../Shared/index';\n\nclass NewFocusPointsContainer extends Component {\n constructor() {\n super();\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n\n this.state = { questionType, questionTypeLink, actionFile }\n }\n\n getFocusPoints = () => {\n const { questionType } = this.state;\n const { match } = this.props;\n const { params } = match;\n const { questionID } = params;\n return this.props[questionType].data[questionID].focusPoints;\n }\n\n submitFocusPointForm = data => {\n const { match } = this.props;\n const { params } = match;\n const { questionID } = params;\n delete data.conceptResults.null;\n data.order = _.keys(this.getFocusPoints()).length + 1;\n // TODO: fix add focus point action to show new focus point without refreshing\n this.props.dispatch(this.state.actionFile.submitNewFocusPoint(questionID, data));\n window.history.back();\n };\n\n render() {\n const { children, fillInBlank, match, questions, sentenceFragments } = this.props;\n const { params } = match;\n const { questionID } = params;\n return (\n \n
\n {this.renderFocusPointsList()}\n {children}\n Focus Points
\n Add Focus Point\n {this.renderfPButton()}\n\n
\n );\n }\n}\n\nfunction select(props) {\n return {\n sentenceFragments: props.sentenceFragments,\n questions: props.questions,\n fillInBlank: props.fillInBlank\n }\n}\n\nexport default connect(select)(NewFocusPointsContainer);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport ResponseComponent from '../questions/responseComponent'\nimport questionActions from '../../actions/questions.ts';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\nimport { hashToCollection, IncorrectSequencesInputAndConceptSelectorForm, } from '../../../Shared/index'\n\nclass EditIncorrectSequencesContainer extends Component {\n constructor(props) {\n super(props);\n\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n\n this.state = {\n questionType,\n questionTypeLink,\n actionFile\n }\n }\n\n UNSAFE_componentWillMount() {\n const { actionFile } = this.state;\n const { dispatch, generatedIncorrectSequences, match } = this.props;\n const { used } = generatedIncorrectSequences;\n const { params } = match;\n const { questionID } = params;\n if (!used[questionID]) {\n dispatch(actionFile.getUsedSequences(questionID))\n }\n }\n\n getIncorrectSequence = () => {\n const { questionType } = this.state;\n const { match } = this.props;\n const { params } = match;\n const { incorrectSequenceID, questionID } = params;\n\n const { incorrectSequences, } = this.props[questionType].data[questionID]\n const sequencesArray = Array.isArray(incorrectSequences) && incorrectSequences.every(is => is.key) ? incorrectSequences : hashToCollection(incorrectSequences)\n return sequencesArray.find(is => is.key === incorrectSequenceID);\n }\n\n submitForm = (data, incorrectSequenceID) => {\n const { actionFile } = this.state;\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n delete data.conceptResults.null;\n dispatch(actionFile.submitEditedIncorrectSequence(questionID, data, incorrectSequenceID));\n setTimeout(() => {window.history.back()}, 2000);\n };\n\n render() {\n const { generatedIncorrectSequences, match, questions, sentenceFragments, } = this.props;\n const { used } = generatedIncorrectSequences;\n const { params } = match;\n const { incorrectSequenceID, questionID } = params;\n return (\n \n
\n );\n }\n}\n\nfunction select(props) {\n return {\n questions: props.questions,\n generatedIncorrectSequences: props.generatedIncorrectSequences,\n fillInBlank: props.fillInBlank,\n sentenceFragments: props.sentenceFragments,\n states: props.states\n };\n}\n\nexport default connect(select)(EditIncorrectSequencesContainer);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'underscore';\nimport { v4 as uuid } from 'uuid';\n\nimport { hashToCollection, SortableList, TextEditor } from '../../../Shared/index';\nimport questionActions from '../../actions/questions';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\n\nclass IncorrectSequencesContainer extends Component {\n constructor(props) {\n super(props);\n\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n const question = props[questionType].data[props.match.params.questionID]\n const incorrectSequences = question.incorrectSequences\n const { sentenceFragments } = props\n\n const sequencesCollection = hashToCollection(incorrectSequences)\n const orderedIds = sequencesCollection.sort((a, b) => a.order - b.order).map(b => b.key);\n\n this.state = {\n orderedIds: orderedIds,\n questionType: questionType,\n actionFile: actionFile,\n questionTypeLink: questionTypeLink,\n sentenceFragments: sentenceFragments,\n incorrectSequences: incorrectSequences\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { incorrectSequences } = this.state\n const { match, questions } = nextProps\n const { params } = match\n\n const incomingIncorrectSequences = questions.data[params.questionID].incorrectSequences\n const incomingOrderedIds = hashToCollection(incomingIncorrectSequences).sort((a, b) => a.order - b.order).map(seq => seq.key)\n if (!_.isEqual(incorrectSequences, incomingIncorrectSequences)) {\n this.setState({ incorrectSequences: incomingIncorrectSequences, orderedIds: incomingOrderedIds})\n }\n }\n\n getSequences(question) {\n return hashToCollection(question.incorrectSequences).map(is => {\n is.uid = is.uid || uuid()\n return is\n }).filter(incorrectSequence => incorrectSequence);\n }\n\n deleteSequence = sequenceID => {\n const { actionFile, incorrectSequences, orderedIds } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (confirm('⚠️ Are you sure you want to delete this? 😱')) {\n dispatch(actionFile.deleteIncorrectSequence(questionID, sequenceID));\n delete incorrectSequences[sequenceID]\n const newOrderedIds = orderedIds.filter(id => id !== sequenceID)\n const incorrectSequenceArray = hashToCollection(incorrectSequences)\n\n let newIncorrectSequences = {}\n newOrderedIds.forEach((id, index) => {\n const sequence = incorrectSequenceArray.find(is => is.key === id);\n sequence.order = index\n newIncorrectSequences[sequence.key] = sequence\n })\n\n if (incorrectSequenceArray.length > 0) {\n dispatch(questionActions.updateIncorrectSequences(questionID, newIncorrectSequences, this.alertDeleted))\n } else {\n this.alertDeleted()\n }\n\n this.setState({ orderedIds: newOrderedIds, incorrectSequences: newIncorrectSequences })\n }\n };\n\n deleteConceptResult(conceptResultKey, sequenceKey) {\n const { actionFile, incorrectSequences } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (confirm('⚠️ Are you sure you want to delete this? 😱')) {\n const data = incorrectSequences[sequenceKey];\n delete data.conceptResults[conceptResultKey];\n dispatch(actionFile.submitEditedIncorrectSequence(questionID, data, data.key));\n }\n }\n\n saveSequencesAndFeedback = (key) => {\n const { actionFile } = this.state\n const { submitEditedIncorrectSequence, deleteIncorrectSequence } = actionFile\n const { dispatch, match } = this.props\n const { params } = match\n const { questionID } = params\n const { incorrectSequences } = this.state\n const filteredSequences = this.removeEmptySequences(incorrectSequences)\n let data = filteredSequences[key]\n delete data.conceptResults.null;\n if (data.text === '') {\n delete filteredSequences[key]\n dispatch(deleteIncorrectSequence(questionID, key));\n } else {\n dispatch(submitEditedIncorrectSequence(questionID, data, key));\n }\n this.setState({incorrectSequences: filteredSequences})\n };\n\n removeEmptySequences = (sequences) => {\n return _.mapObject(sequences, (val) => (\n Object.assign({}, val, {\n text: val.text.split(/\\|{3}(?!\\|)/).filter(val => val !== '').join('|||')\n })\n )\n );\n }\n\n addNewSequence = (e, key) => {\n const { incorrectSequences } = this.state\n const className = `regex-${key}`\n const value = `${Array.from(document.getElementsByClassName(className)).map(i => i.value).filter(val => val !== '').join('|||')}|||`;\n incorrectSequences[key].text = value;\n this.setState({incorrectSequences: incorrectSequences})\n }\n\n handleNameChange = (e, key) => {\n const { incorrectSequences } = this.state\n incorrectSequences[key].name = e.target.value\n this.setState({incorrectSequences: incorrectSequences})\n }\n\n handleSequenceChange = (e, key) => {\n const { incorrectSequences } = this.state\n const className = `regex-${key}`\n const value = `${Array.from(document.getElementsByClassName(className)).map(i => i.value).filter(val => val !== '').join('|||')}`;\n if (value === '') {\n if (!confirm(\"Deleting this regex will delete the whole incorrect sequence. Are you sure you want that?\")) {\n return\n }\n }\n incorrectSequences[key].text = value;\n this.setState({incorrectSequences: incorrectSequences})\n }\n\n handleFeedbackChange = (e, key) => {\n const { incorrectSequences } = this.state\n incorrectSequences[key].feedback = e\n this.setState({incorrectSequences: incorrectSequences})\n }\n\n inputElement = (className, text, key) => {\n return this.handleSequenceChange(e, key)} style={{ marginBottom: 5, minWidth: `${(text.length + 1) * 8}px`}} type=\"text\" value={text || ''} />\n }\n\n sequencesSortedByOrder = () => {\n const { orderedIds, incorrectSequences } = this.state\n const sequencesCollection = Array.isArray(incorrectSequences) ? incorrectSequences : hashToCollection(incorrectSequences)\n return orderedIds.map(id => sequencesCollection.find(s => s.key === id))\n }\n\n sortCallback = sortInfo => {\n const orderedIds = sortInfo.map(item => item.key);\n this.setState({ orderedIds });\n };\n\n alertSaved = () => {\n alert('Saved!')\n }\n\n alertDeleted = () => {\n alert('Deleted!')\n }\n\n updateOrder = () => {\n const { actionFile, incorrectSequences, orderedIds } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n if (orderedIds) {\n const newIncorrectSequences = {}\n const incorrectSequenceArray = hashToCollection(incorrectSequences)\n orderedIds.forEach((id, index) => {\n const sequence = incorrectSequenceArray.find(is => is.key === id);\n sequence.order = index\n newIncorrectSequences[sequence.key] = sequence\n })\n dispatch(questionActions.updateIncorrectSequences(questionID, newIncorrectSequences))\n alert('Saved!')\n } else {\n alert('No changes to incorrect sequence order have been made.')\n }\n }\n\n handleSaveAllSequences = () => {\n const { orderedIds, incorrectSequences } = this.state\n const { dispatch, match } = this.props;\n const { params } = match;\n const { questionID } = params;\n const newIncorrectSequences = {}\n const incorrectSequenceArray = hashToCollection(incorrectSequences)\n orderedIds.forEach((id, index) => {\n const sequence = incorrectSequenceArray.find(is => is.key === id);\n sequence.order = index\n newIncorrectSequences[sequence.key] = sequence\n })\n dispatch(questionActions.updateIncorrectSequences(questionID, newIncorrectSequences, this.alertSaved))\n }\n\n renderTagsForSequence(sequenceString) {\n return sequenceString.split('|||').map((seq, index) => ({seq}));\n }\n\n renderConceptResults(concepts, sequenceKey) {\n if (concepts) {\n const components = _.mapObject(concepts, (val, key) => (\n {val.name}\n {val.correct ? Correct\n : Incorrect }\n this.deleteConceptResult(key, sequenceKey)} style={{ cursor: 'pointer', marginLeft: 5, }}>Delete\n
\n )\n );\n return _.values(components);\n }\n }\n\n renderSaveButton() {\n return (\n \n );\n }\n\n renderSequenceList() {\n const { match } = this.props;\n const { params, url } = match;\n const { questionID } = params;\n const path = url.includes('sentence-fragments') ? 'sentence-fragments' : 'questions'\n const components = this.sequencesSortedByOrder().map((seq) => {\n return (\n\n \n this.handleNameChange(e, seq.key)} placeholder=\"Name\" type=\"text\" value={seq.name || ''} />\n \n \n \n
\n )\n });\n return \n {this.renderTextInputFields(seq.text, seq.key)}\n \n
\n\n {seq.order}\n
\n\n \n this.handleFeedbackChange(e, seq.key)}\n key=\"feedback\"\n text={seq.feedback}\n />\n
\n {this.renderConceptResults(seq.conceptResults, seq.key)}\n
\n \n \n {this.renderConceptResults(seq.conceptResults, seq.key)}\n
\n
\n );\n }\n}\n\nfunction select(props) {\n let mapState\n if (window.location.href.includes('sentence-fragments')) {\n mapState = {\n questions: props.sentenceFragments\n };\n } else {\n mapState = {\n questions: props.questions\n };\n }\n return Object.assign(mapState, { generatedIncorrectSequences: props.generatedIncorrectSequences })\n};\n\nexport default connect(select)(IncorrectSequencesContainer);\n","import React, { Component } from 'react';\nimport _ from 'underscore';\nimport { connect } from 'react-redux';\n\nimport ResponseComponent from '../questions/responseComponent'\nimport questionActions from '../../actions/questions';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\nimport { IncorrectSequencesInputAndConceptSelectorForm, } from '../../../Shared/index';\n\nclass NewIncorrectSequencesContainer extends Component {\n constructor() {\n super();\n\n const questionType = window.location.href.includes('sentence-fragments') ? 'sentenceFragments' : 'questions'\n const questionTypeLink = questionType === 'sentenceFragments' ? 'sentence-fragments' : 'questions'\n const actionFile = questionType === 'sentenceFragments' ? sentenceFragmentActions : questionActions\n\n this.state = { questionType, actionFile, questionTypeLink };\n }\n\n UNSAFE_componentWillMount() {\n const { actionFile } = this.state;\n const { dispatch, generatedIncorrectSequences, match } = this.props;\n const { used } = generatedIncorrectSequences;\n const { params, url } = match;\n const { questionID } = params;\n const type = url.includes('sentence-fragments') ? 'sentence-fragment' : 'sentence-combining'\n if (!used[questionID]) {\n dispatch(actionFile.getUsedSequences(questionID, type))\n }\n }\n\n submitSequenceForm = data => {\n const { dispatch, history, match, questions } = this.props;\n const { actionFile } = this.state;\n const incorrectSequences = questions.data[match.params.questionID].incorrectSequences\n\n delete data.conceptResults.null;\n data.order = _.keys(incorrectSequences).length;\n const url = match.url.replace('/new', '')\n const callback = () => {\n history.push(url)\n }\n dispatch(actionFile.submitNewIncorrectSequence(match.params.questionID, data, callback));\n }\n\n render() {\n const { fillInBlank, generatedIncorrectSequences, match, sentenceFragments, questions, } = this.props;\n const { used } = generatedIncorrectSequences;\n const { params } = match;\n const { questionID } = params;\n return (\n \n
\n {this.renderSequenceList()}\n Incorrect Sequences
\n Add Incorrect Sequence\n {this.renderSaveButton()}\n\n
\n );\n }\n}\n\nfunction select(props) {\n return {\n fillInBlank: props.fillInBlank,\n questions: props.questions,\n generatedIncorrectSequences: props.generatedIncorrectSequences,\n sentenceFragments: props.sentenceFragments,\n states: props.states\n };\n}\n\nexport default connect(select)(NewIncorrectSequencesContainer);\n","export default function getBoilerplateFeedback () {\n return (\n [\n {\n key: \"1\",\n name: \"Feedback 1\",\n description: \"Student writes a strong sentence and uses correct grammar.\",\n children: [\n {\n key: \"1-0\",\n name: \"Coordinating or Conjunction\",\n description: \"That’s a strong sentence! Using the word or helps show there’s a choice, and you put the comma in the right place.\"\n },\n {\n key: \"1-1\",\n name: \"Coordinating or Conjunction (no comma)\",\n description: \"That’s a strong sentence! The word or helps show there’s a choice, and you remembered this type of sentence doesn’t need a comma.\"\n },\n {\n key: \"1-2\",\n name: \"Coordinating and Conjunction\",\n description: \"That’s a strong sentence! The word and is used to add another idea, and you put the comma in the right place.\"\n },\n {\n key: \"1-3\",\n name: \"Time\",\n description: \"That’s a strong sentence! Using the word (insert conjunction) helps show the order of events, and you put the comma in the right place.\"\n },\n {\n key: \"1-4\",\n name: \"Cause (no comma)\",\n description: \"That’s a strong sentence! Using (insert conjunction) helps tell why or give reason, and you remembered this type of sentence doesn’t need a comma.\"\n },\n {\n key: \"1-5\",\n name: \"Cause\",\n description: \"That’s a strong sentence! Using the word (insert conjunction) helps tell why or give a reason, and you put the comma in the right place.\"\n },\n {\n key: \"1-6\",\n name: \"Opposition (no comma)\",\n description: \"That’s a strong sentence! You used (insert conjunction) to show that the two ideas are opposites. You remembered that this type of sentence doesn’t need a comma.\"\n },\n {\n key: \"1-7\",\n name: \"Opposition\",\n description: \"That’s a strong sentence! Using the word (insert conjunction) helps show the two ideas are opposite, and you put the comma in the right place.\"\n },\n {\n key: \"1-8\",\n name: \"Condition\",\n description: \"That’s a strong sentence! Using the word (insert conjunction) helps show that if one idea happens, the second idea will happen. You also put the comma in the right place.\"\n },\n {\n key: \"1-8\",\n name: \"Condition (no comma)\",\n description: \"That’s a strong sentence! Using the word (insert conjunction) helps show that if one idea happens, the second idea will happen. You also remembered this type of sentence doesn’t need a comma.\"\n }\n ]\n },\n {\n key: \"2\",\n name: \"Feedback 2\",\n description: \"Student uses correct punctuation and the correct joining word but makes another grammar error. The feedback will include the student response with the error underlined.\",\n children: [\n {\n key: \"2-0\",\n name: \"\",\n description: \"You used a strong joining word, and you punctuated the sentence correctly. Good work! Now check your verb tense.\"\n }\n ]\n },\n {\n key: \"3\",\n name: \"Feedback 3\",\n description: \"Student uses an inaccurate joining word in a multi-cue or uncued activity.\",\n children: [\n {\n key: \"3-0\",\n name: \"Coordinating and Conjunction\",\n description: \"Which joining word is used to add another idea?\"\n },\n {\n key: \"3-1\",\n name: \"Coordinating or Conjunction\",\n description: \"Revise your work. Which joining word is used to show there’s a choice?\"\n },\n {\n key: \"3-2\",\n name: \"Time Conjunctions\",\n description: \"Revise your work. Which joining word helps show the order of events?\"\n },\n {\n key: \"3-3\",\n name: \"Cause Conjunctions\",\n description: \" Try again! Which joining word helps tell why or give a reason?\"\n },\n {\n key: \"3-4\",\n name: \"Opposition Conjunctions\",\n description: \"Try again! Which joining word helps show that the two ideas are opposite?\"\n },\n {\n key: \"3-5\",\n name: \"Condition Conjunctions\",\n description: \"Try again! Which joining word helps show that one of the ideas must happen for the other one to happen?\"\n }\n ]\n },\n {\n key: \"4\",\n name: \"Feedback 4\",\n description: \"Sentence is grammatically correct and makes sense, but the student uses a joining word other than the word specified in the cue box.\",\n children: [\n {\n key: \"4-0\",\n name: \"\",\n description: \"Strong sentence! Now revise your sentence with the joining word in the directions.\"\n }\n ]\n },\n {\n key: \"5\",\n name: \"Feedback 5\",\n description: \"Student uses a joining word other than the word specified in the cue box, and the joining word they chose does not make sense.\",\n children: [\n {\n key: \"5-0\",\n name: \"\",\n description: \"Revise your sentence with the joining word in the directions.\"\n }\n ]\n },\n {\n key: \"6\",\n name: \"Feedback 6\",\n description: \"Student writes a sentence that uses the correct joining word but is not punctuated correctly.\",\n children: [\n {\n key: \"6-0\",\n name: \"Coordinating And Conjunction\",\n description: \"Using and helps show that another idea has been added. Nice! Now correct your punctuation.\"\n },\n {\n key: \"6-1\",\n name: \"Coordinating or Conjunction\",\n description: \"Using or helps show that there’s a choice. Nice! Now correct your punctuation.\"\n },\n {\n key: \"6-2\",\n name: \"Time Conjunction\",\n description: \"Using (insert conjunction) helps show the order of events, and you put it in the right spot. Nice! Now correct your punctuation.\"\n },\n {\n key: \"6-3\",\n name: \"Cause Conjunction\",\n description: \"Using (insert conjunction) helps tell why or give a reason, and you put it in the right spot. Nice! Now correct your punctuation.\"\n },\n {\n key: \"6-4\",\n name: \"Opposition Conjunction\",\n description: \"Using (insert conjunction) shows the ideas are opposites, and you put it in the right spot. Nice! Now correct your punctuation.\"\n },\n {\n key: \"6-5\",\n name: \"Condition Conjunction\",\n description: \" Using (insert conjunction) shows that if one thing happens, the other will happen. Now compare your sentence to the example and correct your punctuation.\"\n }\n ]\n },\n {\n key: \"7\",\n name: \"Feedback 7\",\n description: \"Student writes a sentence that uses the correct joining word but the relationship between the ideas is not accurate (i.e., the clauses are in the wrong order).\",\n children: [\n {\n key: \"7-0\",\n name: \"Time Conjunction\",\n description: \"Revise your work. (insert conjunction) is the right word to use, but you haven’t shown the correct order of events.\"\n },\n {\n key: \"7-1\",\n name: \"Cause Conjunction\",\n description: \"Revise your work. (insert conjunction) is the right word to use, but you need to re-order the ideas to show that … (tailored to the question).\"\n },\n {\n key: \"7-2\",\n name: \"Other Conjunction\",\n description: \"Revise your work. (insert conjunction) is the right word to use, but you need to re-order the ideas to show that …(tailored to the question).\"\n }\n ]\n },\n ]\n )\n}\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { ConceptExplanation, ConceptSelector, } from '../../../Shared/index';\nimport questionActions from '../../actions/questions';\n\nclass ChooseModelContainer extends Component {\n constructor(props) {\n super(props);\n const { lessons, questions, match } = props;\n const { params } = match\n const { questionID } = params\n const modelConceptUID = questions.data[questionID].modelConceptUID\n const lessonUID = Object.keys(lessons.data).find((uid) => {\n const lesson = lessons.data[uid]\n if (!lesson.questions) return false;\n return lesson.questions.find(q => q.key === questionID)\n })\n const lessonModelConceptUID = lessonUID && lessons.data[lessonUID] ? lessons.data[lessonUID].modelConceptUID : null\n this.state = {\n modelConceptUID,\n lessonModelConceptUID\n }\n }\n\n getModelConceptUID = () => {\n const { modelConceptUID } = this.state\n const { questions, match } = this.props;\n const { data } = questions\n const { params } = match\n const { questionID } = params\n return modelConceptUID || data[questionID].modelConceptUID;\n }\n\n saveModelConcept = () => {\n const { modelConceptUID } = this.state\n const { dispatch, questions, match } = this.props;\n const { data } = questions\n const { params } = match\n const { questionID } = params\n dispatch(questionActions.submitQuestionEdit(questionID,\n Object.assign({}, data[questionID], {modelConceptUID: modelConceptUID})));\n window.history.back();\n };\n\n removeModelConcept = () => {\n const { dispatch, questions, match } = this.props;\n const { data } = questions\n const { params } = match\n const { questionID } = params\n let questionData = Object.assign({}, data[questionID], {modelConceptUID: null});\n dispatch(questionActions.submitQuestionEdit(questionID, questionData));\n this.setState({modelConceptUID: null});\n };\n\n selectConcept = e => {\n this.setState({ modelConceptUID: e.value });\n };\n\n renderButtons = () => {\n const { modelConceptUID } = this.state\n const { questions, match } = this.props;\n const { data } = questions\n const { params } = match\n const { questionID } = params\n return(\n \n
\n
\n )\n }\n }\n }\n\n render() {\n const { conceptsFeedback } = this.props\n const { data } = conceptsFeedback\n return(\n The activity that this question belongs to has the following Model Concept:
\n\"{concept.displayName}\"
\n\n
\n )\n }\n}\n\nfunction select(props) {\n return {\n lessons: props.lessons,\n questions: props.questions,\n conceptsFeedback: props.conceptsFeedback,\n concepts: props.concepts\n };\n}\n\nexport default connect(select)(ChooseModelContainer);\n","/*\n * action types\n */\nexport const SUBMIT_RESPONSE = 'SUBMIT_RESPONSE'\nexport const SUBMIT_RESPONSE_ANON = 'SUBMIT_RESPONSE_ANON'\nexport const NEXT_QUESTION = 'NEXT_QUESTION'\nexport const LOAD_DATA = 'LOAD_DATA'\nexport const CLEAR_DATA = 'CLEAR_DATA'\nexport const EXIT = 'EXIT'\nexport const CLEAR_RESPONSES = 'CLEAR_RESPONSES'\nexport const CLEAR_RESPONSES_ANON = 'CLEAR_RESPONSES_ANON'\nexport const UPDATE_NAME = 'UPDATE_NAME'\nexport const START_QUESTION = 'START_QUESTION'\nexport const UPDATE_CURRENT_QUESTION = 'UPDATE_CURRENT_QUESTION'\nexport const RESUME_PREVIOUS_SESSION = 'RESUME_PREVIOUS_SESSION'\n\nexport const SubmitActions = {\n SUBMIT_RESPONSE,\n SUBMIT_RESPONSE_ANON,\n NEXT_QUESTION,\n LOAD_DATA,\n CLEAR_DATA,\n EXIT,\n CLEAR_RESPONSES,\n CLEAR_RESPONSES_ANON,\n UPDATE_NAME,\n START_QUESTION,\n UPDATE_CURRENT_QUESTION,\n RESUME_PREVIOUS_SESSION\n}\n\n/*\n * action creators\n */\n\nexport function submitResponse(response) {\n return { type: SUBMIT_RESPONSE, response}\n}\n\nexport function clearResponses() {\n return { type: CLEAR_RESPONSES}\n}\n\nexport function submitResponseAnon(response) {\n return { type: SUBMIT_RESPONSE_ANON, response}\n}\n\nexport function clearResponsesAnon() {\n return { type: CLEAR_RESPONSES_ANON}\n}\n\nexport function nextQuestion() {\n return { type: NEXT_QUESTION}\n}\n\nexport function loadData(data) {\n return { type: LOAD_DATA, data}\n}\n\nexport function clearData(data) {\n return { type: CLEAR_DATA, data}\n}\n\nexport function exitToHome() {\n return { type: EXIT}\n}\n\nexport function updateName(data) {\n return { type: UPDATE_NAME, data}\n}\n\nexport function startQuestion() {\n return {type: START_QUESTION}\n}\n\nexport function updateCurrentQuestion(data) {\n return { type: UPDATE_CURRENT_QUESTION, data}\n}\n\nexport function resumePreviousSession(data) {\n return { type: RESUME_PREVIOUS_SESSION, data}\n}\n","import React from 'react';\nimport C from '../../constants';\n\nconst feedbackStrings = C.FEEDBACK_STRINGS;\n\nexport default class extends React.Component {\n renderFeedbackStatements = () => {\n return ();\n };\n\n render() {\n return (\n {this.renderFeedbackStatements()}\n );\n }\n}\n","import { diffWords } from 'diff';\nimport _ from 'lodash';\nimport { removePunctuation } from './question.js';\n\nconst ERROR_TYPES = {\n NO_ERROR: 'NO_ERROR',\n MISSING_WORD: 'MISSING_WORD',\n ADDITIONAL_WORD: 'ADDITIONAL_WORD',\n INCORRECT_WORD: 'INCORRECT_WORD',\n};\n\nexport function getChangeObjects(targetString, userString) {\n return diffWords(targetString, userString);\n}\n\nexport function getChangeObjectsWithoutRemoved(targetString, userString) {\n const changeObjects = getChangeObjects(targetString, userString);\n return _.reject(changeObjects, changeObject => changeObject.removed);\n}\n\nexport function getChangeObjectsWithoutAdded(targetString, userString) {\n const changeObjects = getChangeObjects(targetString, userString);\n return _.reject(changeObjects, changeObject => changeObject.added);\n}\n\nexport function getErroneousWordLength(changeObjects, key) {\n const addedWord = _.filter(changeObjects, { [key]: true, })[0];\n if (addedWord && addedWord.value === ',') {\n const precedingObjects = _.takeWhile(changeObjects, changeObject => !changeObject[key]);\n const segmentBeforeComma = precedingObjects[precedingObjects.length - 1] ? precedingObjects[precedingObjects.length - 1].value : '';\n return segmentBeforeComma.length - segmentBeforeComma.lastIndexOf(' '); // no -1 because that is handled in the calling function\n }\n if (addedWord) {\n return addedWord.value.length || 0;\n }\n return 0;\n}\n\nexport function getErroneousWordOffset(changeObjects, key, length = 0) {\n const precedingObjects = _.takeWhile(changeObjects, changeObject => !changeObject[key]);\n\n const offset = _.reduce(precedingObjects, (sum, changeObject) => sum + changeObject.value.length + length, 0);\n // below, edge case for underlining the previous word if a comma is missing\n const firstError = _.find(changeObjects, changeObject => changeObject[key]);\n if (firstError && firstError.value === ',') {\n if (precedingObjects[precedingObjects.length - 1]) {\n const segmentBeforeComma = precedingObjects[precedingObjects.length - 1].value;\n const wordBeforeComma = segmentBeforeComma.length - segmentBeforeComma.lastIndexOf(' ') - 1;\n return offset - wordBeforeComma;\n }\n }\n // if the last changeObject is '.', it means that the last word was missing. Offset is incremented\n // because of the space at the end of the second last word that was also missing, but that is added automatically.\n // however, if the last word was simply misspelled, we don't need to increase the offset - the preceding space already exists\n if (changeObjects.length >= 2 && changeObjects[changeObjects.length - 1].value === '.' && changeObjects[changeObjects.length - 2].added === undefined) {\n return offset + 1;\n }\n return offset;\n}\n\nexport function punctuationLength(originalUserString, userString, offsetIndex) {\n return lengthDifference(originalUserString.substring(0, offsetIndex), userString.substring(0, offsetIndex));\n}\n\nexport function getInlineStyleRangeObject(targetString, userString, originalUserString) {\n const changeObjects = getChangeObjectsWithoutRemoved(targetString, userString);\n let offSet = getErroneousWordOffset(changeObjects, 'added');\n if (originalUserString) {\n const puncLength = punctuationLength(originalUserString, userString, offSet + 1);\n offSet += puncLength;\n }\n return {\n length: getErroneousWordLength(changeObjects, 'added'),\n offset: offSet,\n style: 'UNDERLINE',\n };\n}\n\nexport function lengthDifference(originalUserStringSubString, userSubString) {\n return originalUserStringSubString.length - userSubString.length;\n}\n\nexport function getErrorType(targetString, userString) {\n const changeObjects = getChangeObjects(targetString, userString);\n const hasIncorrect = _.some(changeObjects, (current, index, array) => {\n if (current.removed && index === array.length - 1) {\n return false;\n }\n return current.removed && (array[index + 1].added);\n });\n const hasAdditions = _.some(changeObjects, (current, index, array) => {\n if (current.added && index === 0) {\n return true;\n }\n return current.added && !array[index - 1].removed;\n });\n const hasDeletions = _.some(changeObjects, (current, index, array) => {\n if (current.removed && index === array.length - 1) {\n return true;\n }\n return current.removed && !(array[index + 1].added);\n });\n if (hasIncorrect) {\n return ERROR_TYPES.INCORRECT_WORD;\n } else if (hasAdditions) {\n return ERROR_TYPES.ADDITIONAL_WORD;\n } else if (hasDeletions) {\n return ERROR_TYPES.MISSING_WORD;\n }\n return ERROR_TYPES.NO_ERROR;\n}\n\nexport function getMissingWordErrorString(changeObjects) {\n return changeObjects.map((changeObject) => {\n if (changeObject.removed) {\n return changeObject.value === ',' ? '' : _.repeat(' ', changeObject.value.length);\n }\n return changeObject.value;\n }).join('');\n}\n\nexport function getMissingInlineStyleRangeObject(targetString, userString, originalUserString) {\n const changeObjects = getChangeObjects(targetString, userString);\n let offset = getErroneousWordOffset(changeObjects, 'removed');\n if (originalUserString) {\n const puncLength = punctuationLength(originalUserString, userString, offset + 1);\n offset += puncLength;\n }\n return {\n length: getErroneousWordLength(changeObjects, 'removed') - 1,\n offset,\n style: 'UNDERLINE',\n };\n}\n\nexport function getAdditionalInlineStyleRangeObject(targetString, userString, originalUserString) {\n const changeObjects = getChangeObjects(targetString, userString);\n let offset = getErroneousWordOffset(changeObjects, 'added');\n if (originalUserString) {\n const puncLength = punctuationLength(originalUserString, userString, offset + 1);\n offset += puncLength;\n }\n return {\n length: getErroneousWordLength(changeObjects, 'added') - 1,\n offset,\n style: 'UNDERLINE',\n };\n}\n\nexport function generateStyleObjects(targetString, userString, important = false) {\n const parsedUserString = important ? removePunctuation(userString).toLowerCase() : userString;\n const parsedTargetString = important ? removePunctuation(targetString).toLowerCase() : targetString;\n const errorType = getErrorType(targetString, userString);\n const originalUserString = important ? userString : false;\n switch (errorType) {\n case ERROR_TYPES.INCORRECT_WORD:\n return {\n text: userString,\n inlineStyleRanges: [\n getInlineStyleRangeObject(parsedTargetString, parsedUserString, originalUserString)\n ],\n };\n case ERROR_TYPES.ADDITIONAL_WORD:\n return {\n text: userString,\n inlineStyleRanges: [\n getAdditionalInlineStyleRangeObject(parsedTargetString, parsedUserString, originalUserString)\n ],\n };\n case ERROR_TYPES.MISSING_WORD:\n return {\n text: userString,\n inlineStyleRanges: [],\n };\n default:\n return {\n text: userString,\n inlineStyleRanges: [],\n };\n }\n}\n","import React from 'react';\nimport Textarea from 'react-textarea-autosize';\nimport _ from 'underscore';\nimport C from '../../constants';\nimport { generateStyleObjects } from '../../libs/markupUserResponses';\n\nconst noUnderlineErrors = [];\n\nconst feedbackStrings = C.FEEDBACK_STRINGS;\n\nexport default class RenderTextEditor extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n text: props.value || ''\n }\n }\n\n componentDidMount() {\n window.addEventListener('paste', (e) => {\n e.preventDefault()\n return false\n }, true);\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { latestAttempt, getResponse, } = this.props\n if (nextProps.latestAttempt !== latestAttempt) {\n if (nextProps.latestAttempt && nextProps.latestAttempt.found) {\n const parentID = nextProps.latestAttempt.response.parentID;\n const errorKeys = _.keys(this.getErrorsForAttempt(nextProps.latestAttempt));\n const nErrors = errorKeys.length;\n let targetText;\n if (parentID) {\n const parentResponse = getResponse(parentID);\n targetText = parentResponse.text;\n const newStyle = this.getUnderliningFunctionFromAuthor(nextProps.latestAttempt.response.author, targetText, nextProps.latestAttempt.submitted);\n if (newStyle) {\n this.applyNewStyle(newStyle);\n }\n return;\n } else if (nErrors > 0) {\n targetText = nextProps.latestAttempt.response.text;\n } else {\n this.clearStyle();\n return;\n }\n const newStyle = this.getUnderliningFunction(errorKeys[0], targetText, nextProps.latestAttempt.submitted);\n if (newStyle) {\n this.applyNewStyle(newStyle);\n }\n }\n }\n }\n\n getErrorsForAttempt(attempt) {\n return _.pick(attempt, ...C.ERROR_TYPES);\n }\n\n getUnderliningFunction(errorType, targetString, userString) {\n switch (errorType) {\n case 'punctuationError':\n case 'typingError':\n case 'caseError':\n case 'modifiedWordError':\n case 'additionalWordError':\n case 'missingWordError':\n return generateStyleObjects(targetString, userString);\n case 'flexibleModifiedWordError':\n case 'flexibleAdditionalWordError':\n case 'flexibleMissingWordError':\n return generateStyleObjects(targetString, userString, true);\n default:\n return undefined;\n }\n }\n\n getUnderliningFunctionFromAuthor(author, targetString, userString) {\n switch (author) {\n case 'Punctuation Hint':\n case 'Capitalization Hint':\n case 'Modified Word Hint':\n case 'Additional Word Hint':\n case 'Missing Word Hint':\n return generateStyleObjects(targetString, userString);\n case 'Flexible Modified Word Hint':\n case 'Flexible Additional Word Hint':\n case 'Flexible Missing Word Hint':\n return generateStyleObjects(targetString, userString, true);\n default:\n return undefined;\n }\n }\n\n applyNewStyle(newStyle) {\n if (newStyle.inlineStyleRanges[0]) {\n const offset = newStyle.inlineStyleRanges[0].offset;\n const end = offset + newStyle.inlineStyleRanges[0].length;\n const input = this.refs.answerBox;\n input.selectionStart = offset;\n input.selectionEnd = end;\n }\n }\n\n clearStyle() {\n const input = this.refs.answerBox;\n input.selectionStart = 0;\n input.selectionEnd = 0;\n }\n\n handleTextChange = (e) => {\n const { disabled, onChange, editorIndex, } = this.props\n if (disabled) { return }\n\n onChange(e.target.value, editorIndex);\n }\n\n handleDrop = (e) => e.preventDefault()\n\n handleKeyDown = (e) => {\n const { disabled, onSubmitResponse, } = this.props\n if (disabled || e.key !== 'Enter') { return }\n\n e.preventDefault();\n onSubmitResponse();\n }\n\n render() {\n const { hasError, disabled, value, spellCheck, placeholder, } = this.props\n return (\n Choose Model
\n {this.renderLessonModelNote()}\n\n
\n {this.renderButtons()}\n \n
\n );\n }\n}\n","import * as React from 'react';\nimport ReactTransition from 'react-addons-css-transition-group';\nimport _ from 'underscore';\n\nimport { Feedback, SentenceFragments, getDisplayedText, getLatestAttempt, renderPreviewFeedback } from '../../../Shared/index';\nimport { submitResponse } from '../../actions/diagnostics.js';\nimport {\n getGradedResponsesWithCallback\n} from '../../actions/responses.js';\nimport getResponse from '../renderForQuestions/checkAnswer';\nimport RenderQuestionCues from '../renderForQuestions/cues.tsx';\nimport RenderQuestionFeedback from '../renderForQuestions/feedbackStatements.jsx';\nimport TextEditor from '../renderForQuestions/renderTextEditor.jsx';\nimport { submitQuestionResponse } from '../renderForQuestions/submitResponse.js';\nimport updateResponseResource from '../renderForQuestions/updateResponseResource.js';\n\nimport C from '../../constants';\n\nclass PlayDiagnosticQuestion extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n editing: false,\n response: '',\n }\n }\n\n componentDidMount() {\n const { question, } = this.props\n getGradedResponsesWithCallback(\n question.key,\n (data) => {\n this.setState({ responses: data, });\n }\n );\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n const { question, } = this.props\n const { response, responses, error, } = this.state\n\n if (question !== nextProps.question) {\n return true;\n } else if (response !== nextState.response) {\n return true;\n } else if (responses !== nextState.responses) {\n return true;\n } else if (error !== nextState.error) {\n return true;\n }\n return false;\n }\n\n getResponses = () => {\n const { responses, } = this.state\n return responses;\n }\n\n removePrefilledUnderscores = () => {\n const { response, } = this.state\n this.setState({ response: response.replace(/_/g, ''), });\n }\n\n getQuestion = () => {\n const { question, } = this.props\n return question;\n }\n\n getResponse2 = (rid) => {\n const { responses, } = this.props\n return responses[rid];\n }\n\n submitResponse = (response) => {\n submitQuestionResponse(response, this.props, submitResponse);\n }\n\n renderSentenceFragments = () => {\n return \n
\n \n
\n \n {error}}\n feedbackType=\"revise-unmatched\"\n />\n
\n )\n }\n\n getButton = () => {\n const { responses } = this.state;\n const { previewMode, question } = this.props;\n const latestAttempt = getLatestAttempt(question.attempts);\n\n if((previewMode && latestAttempt) || !responses) {\n return ;\n }\n return ;\n }\n\n renderFeedback = () => {\n const { previewMode, question } = this.props;\n const { key } = question;\n const latestAttempt = getLatestAttempt(question.attempts);\n const instructions = (question.instructions && question.instructions !== '') ? question.instructions : 'Combine the sentences into one sentence.';\n\n if(previewMode && latestAttempt && latestAttempt.response) {\n return renderPreviewFeedback(latestAttempt);\n }\n return(\n \n {this.renderSentenceFragments()}\n {this.renderCues()}\n \n \n
\n );\n }\n return (\n {this.renderFeedback()}\n
\n \n {button}\n
\n Loading...
);\n\n }\n}\n\nexport default PlayDiagnosticQuestion;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { clearData, loadData, nextQuestion } from '../../actions.js';\nimport PlayLessonQuestion from '../diagnostics/sentenceCombining';\n\nclass TestQuestion extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n responsesForGrading: [],\n allResponses: [],\n key: 0,\n };\n }\n\n componentDidMount() {\n this.reset();\n }\n\n reset = () => {\n const { dispatch, } = this.props\n dispatch(clearData());\n this.startActivity();\n this.setState(prevState => ({ key: prevState.key + 1, }));\n }\n\n questionsForLesson = () => {\n const { match } = this.props\n const { params } = match\n const question = this.getQuestion();\n question.key = params.questionID;\n return [\n {\n type: 'SC',\n question,\n }\n ];\n }\n\n startActivity = () => {\n const { dispatch, } = this.props\n const action = loadData(this.questionsForLesson());\n dispatch(action);\n const next = nextQuestion();\n dispatch(next);\n }\n\n getQuestion = () => {\n const { questions, match } = this.props\n const { data } = questions\n const { params } = match\n const { questionID } = params\n return data[questionID];\n }\n\n render() {\n const { playLesson, dispatch, } = this.props\n const { key, } = this.state\n\n if (playLesson.currentQuestion) {\n const { question, } = playLesson.currentQuestion;\n return (\n\n
\n );\n } else {\n return (\n Loading...
\n );\n }\n }\n\n}\n\nfunction select(props) {\n return {\n questions: props.questions,\n playLesson: props.playLesson,\n };\n}\n\nexport default connect(select)(TestQuestion);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { NavLink, Route, Switch, withRouter } from 'react-router-dom';\nimport _ from 'underscore';\nimport { Modal, UploadOptimalResponses } from '../../../Shared/index';\nimport questionActions from '../../actions/questions';\nimport {\n submitOptimalResponses,\n submitResponse\n} from '../../actions/responses';\nimport C from '../../constants';\nimport EditFocusPointsContainer from '../focusPoints/editFocusPointsContainer.jsx';\nimport FocusPointsContainer from '../focusPoints/focusPointsContainer.jsx';\nimport NewFocusPointsContainer from '../focusPoints/newFocusPointsContainer.jsx';\nimport EditIncorrectSequenceContainer from '../incorrectSequence/editIncorrectSequenceContainer.jsx';\nimport IncorrectSequenceContainer from '../incorrectSequence/incorrectSequenceContainer.jsx';\nimport NewIncorrectSequenceContainer from '../incorrectSequence/newIncorrectSequenceContainer.jsx';\nimport Cues from '../renderForQuestions/cues.tsx';\nimport getBoilerplateFeedback from './boilerplateFeedback.jsx';\nimport ChooseModelContainer from './chooseModelContainer.jsx';\nimport MassEditContainer from './massEditContainer.jsx';\nimport EditForm from './questionForm.jsx';\nimport ResponseComponentWrapper from './responseRouteWrapper.jsx';\nimport TestQuestionContainer from './testQuestion';\n\nconst icon = `${process.env.CDN_URL}/images/icons/direction.svg`\n\nclass Question extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n selectedBoilerplateCategory: '',\n responses: [],\n loadedResponses: false,\n addingNewResponse: false,\n uploadingNewOptimalResponses: false\n }\n }\n\n handleClickStartEditingQuestion = () => {\n const { dispatch, match } = this.props\n const { params } = match\n const { questionID } = params;\n dispatch(questionActions.startQuestionEdit(questionID));\n }\n\n cancelEditingQuestion = () => {\n const { dispatch, match } = this.props\n const { params } = match\n const { questionID } = params;\n dispatch(questionActions.cancelQuestionEdit(questionID));\n }\n\n saveQuestionEdits = (vals) => {\n const { dispatch, match } = this.props\n const { params } = match\n const { questionID } = params;\n dispatch(questionActions.submitQuestionEdit(questionID, vals));\n }\n\n\n submitOptimalResponses = (responses) => {\n const { dispatch, match, concepts, } = this.props\n const { params } = match\n const { questionID } = params;\n const conceptUID = this.getQuestion().conceptID\n dispatch(\n submitOptimalResponses(questionID, conceptUID, responses, concepts)\n )\n this.setState({ uploadingNewOptimalResponses: false, })\n }\n\n getQuestion = () => {\n const { match, questions, } = this.props\n const { params } = match\n const { data, } = questions;\n const { questionID, } = params;\n return data[questionID];\n }\n\n handleClickAddNewResponse = () => {\n this.setState({ addingNewResponse: true, });\n }\n\n handleClickUploadOptimalResponses = () => {\n this.setState({ uploadingNewOptimalResponses: true, });\n }\n\n handleSubmitResponse = () => {\n const { match, dispatch, } = this.props\n const { params } = match\n const { questionID } = params\n\n const newResp = {\n vals: {\n text: this.refs.newResponseText.value,\n feedback: this.refs.newResponseFeedback.value,\n optimal: this.refs.newResponseOptimal.checked,\n questionUID: questionID,\n gradeIndex: `human${questionID}`,\n count: 1,\n }\n };\n this.refs.newResponseText.value = null;\n this.refs.newResponseFeedback.value = null;\n this.refs.newResponseOptimal.checked = false;\n dispatch(submitResponse(newResp.vals));\n this.setState({ addingNewResponse: false, });\n }\n\n boilerplateCategoriesToOptions = () => {\n return getBoilerplateFeedback().map(category => (\n \n ));\n }\n\n boilerplateSpecificFeedbackToOptions = (selectedCategory) => {\n return selectedCategory.children.map(childFeedback => (\n \n ));\n }\n\n chooseBoilerplateCategory = (e) => {\n this.setState({ selectedBoilerplateCategory: e.target.value, });\n }\n\n chooseSpecificBoilerplateFeedback = (e) => {\n if (e.target.value === 'Select specific boilerplate feedback') {\n this.refs.newResponseFeedback.value = '';\n } else {\n this.refs.newResponseFeedback.value = e.target.value;\n }\n }\n\n onCloseUploadOptimalResponsesModal = () => this.setState({ uploadingNewOptimalResponses: false })\n\n onCloseNewResponseModal = () => this.setState({ addingNewResponse: false, })\n\n renderBoilerplateCategoryDropdown = (onChangeEvent) => {\n const style = { marginRight: '20px', };\n return (\n \n \n \n );\n }\n\n renderBoilerplateCategoryOptionsDropdown = (onChangeEvent, description) => {\n const selectedCategory = _.find(getBoilerplateFeedback(), { description, });\n if (selectedCategory) {\n return (\n \n \n \n );\n } else {\n return ();\n }\n }\n\n renderNewResponseForm = () => {\n const { addingNewResponse, selectedBoilerplateCategory, } = this.state\n if (!addingNewResponse) { return }\n\n return (\n\n
\n
\n Add a new response
\n \n\n \n
\n \n\n \n
\n \n\n {this.renderBoilerplateCategoryDropdown(this.chooseBoilerplateCategory)}\n {this.renderBoilerplateCategoryOptionsDropdown(this.chooseSpecificBoilerplateFeedback, selectedBoilerplateCategory)}\n
\n \n
\n \n
\n \nLoading...
);\n } else if (data[questionID]) {\n const activeLink = massEdit.numSelectedResponses > 1\n ?\n {this.renderEditForm()}\n {this.renderNewResponseForm()}\n {this.renderUploadNewOptimalResponsesForm()}\n \n \n
\n );\n } else {\n return (\n \n \n
\n Flag: {data[questionID].flag}
\n\n \n
\n {data[questionID].instructions || 'Combine the sentences into one sentence.'}
\n\n Edit Question\n Add New Response\n Upload Optimal Responses\n
\n\n
\n - \n
404: No Question Found
\n );\n }\n }\n}\n\nfunction select(state) {\n return {\n concepts: state.concepts,\n questions: state.questions,\n routing: state.routing,\n massEdit: state.massEdit\n };\n}\n\nexport default withRouter(connect(select)(Question));\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { push } from 'react-router-redux';\nimport SelectSearch from 'react-select-search';\nimport _ from 'underscore';\nimport {\n ArchivedButton,\n Modal,\n hashToCollection,\n responsesWithStatus\n} from '../../../Shared/index';\nimport actions from '../../actions/questions';\nimport { deleteResponse, submitResponseEdit } from '../../actions/responses';\nimport Question from '../../libs/question';\nimport { QuestionListByConcept } from '../shared/questionListByConcept';\n\nfunction sleep(milliseconds) {\n const start = new Date().getTime();\n for (let i = 0; i < 1e7; i++) {\n if ((new Date().getTime() - start) > milliseconds) {\n break;\n }\n }\n}\n\nclass Questions extends React.Component {\n constructor(props) {\n super(props)\n\n const { questions } = props\n\n this.state = {\n diagnosticQuestions: questions.data ? questions.data : null,\n showOnlyArchived: false\n }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { questions, lessons } = nextProps\n const { diagnosticQuestions } = this.state;\n if (questions.hasreceiveddata && lessons.hasreceiveddata) {\n if (Object.keys(diagnosticQuestions).length === 0 || !_.isEqual(this.props.questions.data, questions.data) || (!_.isEqual(this.props.lessons.data, lessons.data))) {\n this.setState({ diagnosticQuestions: questions.data })\n }\n }\n }\n\n createNew = () => {\n const { dispatch } = this.props;\n dispatch(actions.toggleNewQuestionModal());\n };\n\n submitNewQuestion = () => {\n const { dispatch } = this.props;\n const newQuestion = { name: this.refs.newQuestionName.value, };\n dispatch(actions.submitNewQuestion(newQuestion));\n this.refs.newQuestionName.value = '';\n };\n\n updateRematchedResponse = (rid, vals) => {\n const { dispatch } = this.props;\n dispatch(submitResponseEdit(rid, vals));\n };\n\n getErrorsForAttempt(attempt) {\n return attempt.feedback;\n }\n\n generateFeedbackString(attempt) {\n const errors = this.getErrorsForAttempt(attempt);\n return errors;\n }\n\n getMatchingResponse(quest, response, responses) {\n const fields = {\n questionUID: quest.key,\n responses: _.filter(responses, resp => resp.statusCode < 2),\n focusPoints: quest.focusPoints ? hashToCollection(quest.focusPoints) : [],\n };\n const question = new Question(fields);\n return question.checkMatch(response.text);\n }\n\n // functions for rematching all Responses\n mapConceptsToList = () => {\n let { concepts, questions } = this.props;\n concepts = hashToCollection(concepts.data['0']);\n questions = hashToCollection(questions.data);\n const conceptsWithQuestions = concepts.map(concept => _.where(questions, { conceptID: concept.uid, }));\n return _.flatten(conceptsWithQuestions);\n };\n\n responsesWithStatusForQuestion = questionUID => {\n let { responses } = this.props;\n const { data } = responses;\n responses = data[questionUID];\n return hashToCollection(responsesWithStatus(responses));\n };\n\n rematchAllResponses = (question) => {\n const responsesWithStat = this.responsesWithStatusForQuestion(question.key);\n const weak = _.filter(responsesWithStat, resp => resp.statusCode > 1);\n weak.forEach((resp, index) => {\n const percentage = index / weak.length * 100;\n this.rematchResponse(question, resp, responsesWithStat);\n });\n };\n\n rematchResponse = (question, response, responses) => {\n if (!response.questionUID || !response.text) {\n return;\n }\n const newMatchedResponse = this.getMatchingResponse(question, response, responses);\n const changed =\n (newMatchedResponse.response.parentID !== response.parentID) ||\n (newMatchedResponse.response.author !== response.author) ||\n (newMatchedResponse.response.feedback !== response.feedback) ||\n (newMatchedResponse.response.conceptResults !== response.conceptResults);\n const unmatched = (newMatchedResponse.found === false);\n if (changed) {\n if (unmatched) {\n const newValues = {\n weak: false,\n text: response.text,\n count: response.count || 1,\n questionUID: response.questionUID,\n gradeIndex: `unmatched${response.questionUID}`,\n };\n } else if (newMatchedResponse.response.parentID === undefined) {\n this.props.dispatch(\n deleteResponse(question.key, response.key)\n );\n } else {\n const newValues = {\n weak: false,\n parentID: newMatchedResponse.response.parentID,\n author: newMatchedResponse.response.author,\n feedback: newMatchedResponse.response.feedback,\n gradeIndex: `nonhuman${response.questionUID}`,\n };\n if (newMatchedResponse.response.conceptResults) {\n newValues.conceptResults = newMatchedResponse.response.conceptResults;\n }\n sleep(150);\n this.updateRematchedResponse(response.key, newValues);\n }\n }\n };\n\n renderModal = () => {\n const { questions } = this.props;\n const { newQuestionModalOpen, submittingnew } = questions;\n const stateSpecificClass = submittingnew ? 'is-loading' : '';\n if (newQuestionModalOpen) {\n return (\n\n
\n Add New Question
\n\n \n
\n \n \n \n
\n\n \n
\n\n { this.renderModal() }\n
\n
\n
\n
\n \n { this.renderSearchBox() }\n
\n \n
\n
\n
Loading...
\n );\n }\n }\n}\n\nfunction select(state) {\n return {\n concepts: state.concepts,\n questions: state.questions,\n // responses: state.responses,\n routing: state.routing,\n lessons: state.lessons\n };\n}\n\nexport default connect(select)(Questions);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { ConceptExplanation, ConceptSelector, } from '../../../Shared/index';\nimport sentenceFragmentActions from '../../actions/sentenceFragments.ts';\n\nclass ChooseModelContainer extends Component {\n\n state = { modelConceptUID: null }\n\n UNSAFE_componentWillMount() {\n const { match, sentenceFragments } = this.props;\n const { data } = sentenceFragments;\n const { params } = match;\n const { questionID } = params;\n this.setState({\n modelConceptUID: data[questionID].modelConceptUID\n })\n }\n\n getModelConceptUID() {\n const { modelConceptUID } = this.state;\n const { match, sentenceFragments } = this.props;\n const { data } = sentenceFragments;\n const { params } = match;\n const { questionID } = params;\n return modelConceptUID || data[questionID].modelConceptUID;\n }\n\n saveModelConcept = () => {\n const { modelConceptUID } = this.state;\n const { dispatch, match, sentenceFragments } = this.props;\n const { params } = match;\n const { questionID } = params;\n const { data } = sentenceFragments;\n dispatch(sentenceFragmentActions.submitSentenceFragmentEdit(questionID,\n Object.assign({}, data[questionID], {modelConceptUID: modelConceptUID})));\n window.history.back();\n };\n\n removeModelConcept = () => {\n const { dispatch, match, sentenceFragments } = this.props;\n const { params } = match;\n const { questionID } = params;\n const { data } = sentenceFragments;\n let questionData = Object.assign({}, data[questionID], {modelConceptUID: null});\n dispatch(sentenceFragmentActions.submitSentenceFragmentEdit(questionID, questionData));\n this.setState({modelConceptUID: null});\n };\n\n selectConcept = e => {\n this.setState({modelConceptUID: e.value});\n };\n\n renderButtons() {\n const { modelConceptUID } = this.state;\n const { match, sentenceFragments } = this.props;\n const { params } = match;\n const { questionID } = params;\n const { data } = sentenceFragments;\n return(\n \n
\n
\n )\n }\n}\n\nfunction select(props) {\n return {\n sentenceFragments: props.sentenceFragments,\n conceptsFeedback: props.conceptsFeedback\n };\n}\n\nexport default connect(select)(ChooseModelContainer);\n","import _ from 'lodash';\nimport React from 'react';\nimport { FlagDropdown, ConceptSelector, } from '../../../Shared/index';\n\nclass sentenceFragmentForm extends React.Component {\n constructor(props) {\n super(props);\n const fragment = props.data;\n if (fragment === undefined) {\n this.state = {\n prompt: '',\n isFragment: false,\n optimalResponseText: '',\n needsIdentification: true,\n instructions: '',\n conceptID: '',\n wordCountChange: {},\n flag: 'alpha'\n };\n\n return;\n } else {\n this.state = {\n prompt: fragment.prompt,\n isFragment: fragment.isFragment,\n optimalResponseText: fragment.optimalResponseText !== undefined ? fragment.optimalResponseText : '',\n needsIdentification: fragment.needsIdentification !== undefined ? fragment.needsIdentification : true,\n instructions: fragment.instructions ? fragment.instructions : '',\n conceptID: fragment.conceptID,\n wordCountChange: fragment.wordCountChange || {},\n flag: fragment.flag ? fragment.flag : 'alpha',\n };\n\n return;\n }\n }\n\n handleChange = (key, e) => {\n const { wordCountChange } = this.state\n switch (key) {\n case 'prompt':\n this.setState({ prompt: e.target.value, });\n break;\n case 'optimalResponseText':\n this.setState({ optimalResponseText: e.target.value, });\n break;\n case 'instructions':\n this.setState({ instructions: e.target.value, });\n break;\n case 'isFragment':\n this.setState({ isFragment: e.target.checked, });\n break;\n case 'needsIdentification':\n this.setState({ needsIdentification: e.target.checked, });\n break;\n case 'maxWordCountChange':\n let newWordCountChange = { ...wordCountChange }\n newWordCountChange.max = e.target ? e.target.value : '';\n this.setState({ wordCountChange: newWordCountChange, });\n break;\n case 'minWordCountChange':\n newWordCountChange = { ...wordCountChange }\n newWordCountChange.min = e.target ? e.target.value : '';\n this.setState({ wordCountChange: newWordCountChange, });\n break;\n case 'flag':\n this.setState({ flag: e.target.value, });\n break;\n default:\n }\n };\n\n handleSelectorChange = (e) => {\n this.setState({ conceptID: e.value, });\n }\n\n submitSentenceFragment = () => {\n const data = this.state;\n this.props.submit(data);\n };\n\n conceptsToOptions = () => {\n return _.map(this.props.concepts.data['0'], concept => (\n { name: concept.displayName, value: concept.uid, shortenedName: concept.name, }\n ));\n };\n\n renderOptimalResponseTextInput = () => {\n return (\n [\n (),\n (Choose Model
\n\n
\n {this.renderButtons()}\n \n this.handleChange('optimalResponseText', e)} type=\"text\" value={this.state.optimalResponseText} />\n
)\n ]\n );\n };\n\n wordCountInfo = (minOrMax) => {\n if (this.state.wordCountChange && this.state.wordCountChange[minOrMax]) {\n return this.state.wordCountChange[minOrMax];\n }\n };\n\n render() {\n const { conceptID, flag, isFragment, instructions, needsIdentification, prompt } = this.state\n return (\n\n \n
\n this.handleChange('prompt', e)} type=\"text\" value={prompt} />\n
\n \n\n