@pie-element/math-templated 2.12.1-next.0 → 2.12.1-next.5

package/configure/lib/design.js

@@ -327,13 +327,12 @@ var Design = /*#__PURE__*/function (_React$Component) {
           equationEditor = _ref3.equationEditor;
 
       var _ref4 = errors || {},
-          _ref4$choices = _ref4.choices,
-          choicesErrors = _ref4$choices === void 0 ? {} : _ref4$choices,
           promptError = _ref4.prompt,
           rationaleError = _ref4.rationale,
           responseAreasError = _ref4.responseAreas,
           teacherInstructionsError = _ref4.teacherInstructions,
-          responsesErrors = _ref4.responses;
+          _ref4$responses = _ref4.responses,
+          responsesErrors = _ref4$responses === void 0 ? {} : _ref4$responses;
 
       var panelSettings = {
         'language.enabled': language.settings && toggle(language.label, true),
@@ -441,7 +440,7 @@ var Design = /*#__PURE__*/function (_React$Component) {
           type: 'math-templated',
           respAreaToolbar: null,
           error: function error() {
-            return choicesErrors;
+            return responsesErrors;
           },
           onHandleAreaChange: this.onHandleAreaChange,
           maxResponseAreas: maxResponseAreas
@@ -462,7 +461,9 @@ var Design = /*#__PURE__*/function (_React$Component) {
           language: 'special'
         }],
         mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      }), responseAreasError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.responseAreaError
+      }, responseAreasError), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         className: classes.title
       }, "Define Response"), /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: "Response Template Equation Editor",
@@ -499,17 +500,22 @@ var Design = /*#__PURE__*/function (_React$Component) {
         value: 'item-authoring'
       }, "Item Authoring"))), Object.keys(responses || {}).map(function (responseKey, idx) {
         var response = responses[responseKey];
-        return /*#__PURE__*/_react["default"].createElement(_response["default"], {
-          key: responseKey,
-          responseKey: responseKey,
-          mode: equationEditor,
-          response: response,
-          onResponseChange: _this2.onResponseChange,
-          index: idx,
-          cIgnoreOrder: cIgnoreOrder,
-          cAllowTrailingZeros: cAllowTrailingZeros,
-          error: responsesErrors && responsesErrors[idx]
-        });
+
+        if (response) {
+          return /*#__PURE__*/_react["default"].createElement(_response["default"], {
+            key: responseKey,
+            responseKey: responseKey,
+            mode: equationEditor,
+            response: response,
+            onResponseChange: _this2.onResponseChange,
+            index: idx,
+            cIgnoreOrder: cIgnoreOrder,
+            cAllowTrailingZeros: cAllowTrailingZeros,
+            error: responsesErrors && responsesErrors[idx]
+          });
+        }
+
+        return null;
       }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder
@@ -574,6 +580,11 @@ var _default = (0, _styles.withStyles)(function (theme) {
       fontSize: '0.75rem',
       marginTop: theme.spacing.unit
     },
+    responseAreaError: {
+      color: theme.palette.error.main,
+      fontSize: '0.75rem',
+      marginBottom: theme.spacing.unit
+    },
     markup: {
       width: '100%',
       marginTop: theme.spacing.unit * 2,

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Design","key","value","props","onModelChanged","model","updatedModel","response","index","newModel","responses","newVal","answer","id","allowSpaces","markup","newResponses","domMarkup","responseAreas","querySelectorAll","forEach","element","dataset","dataIndex","validation","allowTrailingZeros","ignoreOrder","alternates","processedMarkup","callback","slateMarkup","setState","cachedChoices","undefined","nodes","cachedResponses","state","newChoices","newCachedResponses","node","keyForNode","data","get","Object","assign","hasOwnProperty","trailing","leading","e","relatedTarget","currentTarget","getParentWithRoleTooltip","depth","parent","offsetParent","getAttribute","getDeepChildDataKeypad","child","children","attributes","parentWithTooltipRole","childWithDataKeypad","activeAnswerBlock","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","contentDimensions","prompt","rationale","settingsPanelDisabled","teacherInstructions","language","languageChoices","spellCheck","playerSpellCheck","maxImageWidth","maxImageHeight","mathMlOptions","template","editSource","cIgnoreOrder","cAllowTrailingZeros","partialScoring","maxResponseAreas","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","equationEditor","choices","choicesErrors","promptError","rationaleError","responseAreasError","teacherInstructionsError","responsesErrors","panelSettings","label","enabled","options","panelProperties","playerSpellCheckEnabled","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","getPluginProps","Settings","Properties","promptHolder","handleChange","inputConfiguration","errorText","title","ALL_PLUGINS","type","respAreaToolbar","error","onHandleAreaChange","onChange","onBlur","selectContainer","select","event","target","keys","map","responseKey","idx","onResponseChange","math","controlledKeypadMode","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom","color","palette","main","fontSize","marginTop","typography","fontWeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport cloneDeep from 'lodash/cloneDeep';\nimport pick from 'lodash/pick';\nimport throttle from 'lodash/throttle';\nimport {\n  InputContainer,\n  settings,\n  layout,\n} from '@pie-lib/pie-toolbox/config-ui';\nimport {\n  ALL_PLUGINS,\n  EditableHtml,\n} from '@pie-lib/pie-toolbox/editable-html';\nimport { dropdown } from '@pie-lib/pie-toolbox/code/config-ui/settings';\n\nimport Response from './response';\nimport { processMarkup } from './markupUtils';\n\nconst { Panel, toggle } = settings;\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nclass Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {};\n\n  componentDidMount() {\n    const { model: { slateMarkup } } = this.props;\n\n    this.setState({ markup: slateMarkup });\n\n  }\n\n  handleChange = (key, value) => {\n    const { onModelChanged, model } = this.props;\n    const updatedModel = cloneDeep(model);\n    updatedModel[key] = value;\n    onModelChanged(updatedModel);\n  };\n\n  onResponseChange = (response, index) => {\n    const { model, onModelChanged } = this.props;\n    const newModel = { ...model };\n\n    newModel.responses[index] = response;\n    onModelChanged(newModel);\n  };\n\n  onChangeResponse = (index, newVal) => {\n    const { model, onModelChanged } = this.props;\n    const { responses } = model;\n\n    if (!responses[index]) {\n      responses[index] = [{ answer: newVal || '', id: 'response' + index, allowSpaces: true }];\n    } else {\n      responses[index][0].answer = newVal || '';\n    }\n\n    onModelChanged({ ...model, responses });\n  };\n\n  onResponsesChanged = (responses) => {\n    this.props.onModelChanged({ ...this.props.model, responses });\n  };\n\n  onChange = (markup) => {\n    const {\n      model: { responses },\n      onModelChanged,\n    } = this.props;\n    const newResponses = {};\n    const domMarkup = createElementFromHTML(markup);\n    const responseAreas = domMarkup.querySelectorAll('[data-type=\"math_templated\"]');\n\n    responseAreas.forEach((element) => {\n      const { value, index: dataIndex } = element.dataset;\n\n      if (!value) {\n        element.dataset.value = `R ${dataIndex}`;\n      }\n\n      newResponses[dataIndex] = responses[dataIndex] || {\n        // TODO: Initialize with customizable defaults\n        allowSpaces: true,\n        validation: 'symbolic',\n        allowTrailingZeros: false,\n        ignoreOrder: false,\n        answer: '',\n        alternates: {},\n      };\n\n      element.dataset.index = dataIndex;\n    });\n\n    const processedMarkup = processMarkup(markup);\n\n    const callback = () =>\n      onModelChanged({\n        ...this.props.model,\n        slateMarkup: domMarkup.innerHTML,\n        responses: newResponses,\n        markup: processedMarkup\n      });\n\n    this.setState({ cachedChoices: undefined }, callback);\n  };\n\n  onHandleAreaChange = throttle(\n    (nodes) => {\n      const {\n        model: { responses },\n        onModelChanged,\n      } = this.props;\n      const { cachedResponses } = this.state;\n\n      if (!nodes) {\n        return;\n      }\n\n      const newChoices = responses ? cloneDeep(responses) : {};\n      const newCachedResponses = cachedResponses ? cloneDeep(cachedResponses) : {};\n\n      nodes.forEach((node) => {\n        const keyForNode = node.data.get('index');\n\n        if (!newChoices[keyForNode] && newCachedResponses[keyForNode]) {\n          Object.assign(newChoices, pick(newCachedResponses, keyForNode));\n\n          if (newCachedResponses.hasOwnProperty(keyForNode)) {\n            delete newCachedResponses[keyForNode];\n          }\n        } else {\n          Object.assign(newCachedResponses, pick(newChoices, keyForNode));\n\n          if (newChoices.hasOwnProperty(keyForNode)) {\n            delete newChoices[keyForNode];\n          }\n        }\n      });\n\n      const callback = () => onModelChanged({ ...this.props.model, responses: newChoices });\n\n      this.setState({ cachedResponses: newCachedResponses }, callback);\n    },\n    500,\n    { trailing: false, leading: true },\n  );\n\n  onBlur = (e) => {\n    const { relatedTarget, currentTarget } = e || {};\n\n    function getParentWithRoleTooltip(element, depth = 0) {\n      // only run this max 16 times\n      if (!element || depth >= 16) return null;\n\n      const parent = element.offsetParent;\n\n      if (!parent) return null;\n\n      if (parent.getAttribute('role') === 'tooltip') {\n        return parent;\n      }\n\n      return getParentWithRoleTooltip(parent, depth + 1);\n    }\n\n    function getDeepChildDataKeypad(element, depth = 0) {\n      // only run this max 4 times\n      if (!element || depth >= 4) return null;\n\n      const child = element?.children?.[0];\n\n      if (!child) return null;\n\n      if (child.attributes && child.attributes['data-keypad']) {\n        return child;\n      }\n\n      return getDeepChildDataKeypad(child, depth + 1);\n    }\n\n    const parentWithTooltipRole = getParentWithRoleTooltip(relatedTarget);\n    const childWithDataKeypad = parentWithTooltipRole ? getDeepChildDataKeypad(parentWithTooltipRole) : null;\n\n    if (!relatedTarget || !currentTarget || !childWithDataKeypad?.attributes['data-keypad']) {\n      this.setState({ activeAnswerBlock: '' });\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      configuration,\n      imageSupport,\n      model,\n      onConfigurationChanged,\n      onModelChanged,\n      uploadSoundSupport,\n    } = this.props;\n\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      teacherInstructions = {},\n      language = {},\n      languageChoices = {},\n      spellCheck = {},\n      playerSpellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      template = {},\n      editSource = {},\n      ignoreOrder: cIgnoreOrder = {},\n      allowTrailingZeros: cAllowTrailingZeros = {},\n      partialScoring = {},\n      maxResponseAreas,\n    } = configuration || {};\n\n    const {\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n      responses,\n      equationEditor,\n    } = model || {};\n\n    const {\n      choices: choicesErrors = {},\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreas: responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n      responses: responsesErrors,\n    } = errors || {};\n\n    const panelSettings = {\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n      'editSource.enabled': editSource?.settings && toggle(editSource.label, true),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n    };\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const getPluginProps = (props = {}, baseInputConfiguration = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(updatedModel) => onModelChanged(updatedModel)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer\n            label={teacherInstructions.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(\n                teacherInstructions?.inputConfiguration,\n                baseInputConfiguration\n              )}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={\n                (maxImageWidth && maxImageWidth.teacherInstructions) ||\n                defaultImageMaxWidth\n              }\n              maxImageHeight={\n                (maxImageHeight && maxImageHeight.teacherInstructions) ||\n                defaultImageMaxHeight\n              }\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && (\n              <div className={classes.errorText}>{teacherInstructionsError}</div>\n            )}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer\n            label={prompt.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={(value) => this.handleChange('prompt', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(\n                teacherInstructions?.inputConfiguration,\n                baseInputConfiguration\n              )}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && (\n              <div className={classes.errorText}>{promptError}</div>\n            )}\n          </InputContainer>\n        )}\n\n        <Typography className={classes.title}>Response Template</Typography>\n\n        <EditableHtml\n          activePlugins={ALL_PLUGINS}\n          toolbarOpts={{ position: 'top' }}\n          spellCheck={spellCheckEnabled}\n          pluginProps={getPluginProps(\n            template?.inputConfiguration,\n            baseInputConfiguration\n          )}\n          responseAreaProps={{\n            type: 'math-templated',\n            respAreaToolbar: null,\n            error: () => choicesErrors,\n            onHandleAreaChange: this.onHandleAreaChange,\n            maxResponseAreas: maxResponseAreas,\n          }}\n          className={classes.markup}\n          markup={model.slateMarkup}\n          onChange={this.onChange}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          onBlur={this.onBlur}\n          disabled={false}\n          highlightShape={false}\n          error={responseAreasError}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[\n            { language: 'spanish' },\n            { language: 'special' },\n          ]}\n          mathMlOptions={mathMlOptions}\n        />\n\n        <Typography className={classes.title}>Define Response</Typography>\n\n        <InputContainer\n          label=\"Response Template Equation Editor\"\n          className={classes.selectContainer}\n        >\n          <Select\n            className={classes.select}\n            onChange={(event) =>\n              this.handleChange('equationEditor', event.target.value)\n            }\n            value={equationEditor}\n          >\n            <MenuItem value=\"non-negative-integers\">\n              Numeric - Non-Negative Integers\n            </MenuItem>\n            <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n            <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n            <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n            <MenuItem value={1}>Grade 1 - 2</MenuItem>\n            <MenuItem value={3}>Grade 3 - 5</MenuItem>\n            <MenuItem value={6}>Grade 6 - 7</MenuItem>\n            <MenuItem value={8}>Grade 8 - HS</MenuItem>\n            <MenuItem value={'geometry'}>Geometry</MenuItem>\n            <MenuItem value={'advanced-algebra'}>\n              Advanced Algebra\n            </MenuItem>\n            <MenuItem value={'statistics'}>Statistics</MenuItem>\n            <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n          </Select>\n        </InputContainer>\n\n        {Object.keys(responses || {}).map((responseKey, idx) => {\n          const response = responses[responseKey];\n\n          return (\n            <Response\n              key={responseKey}\n              responseKey={responseKey}\n              mode={equationEditor}\n              response={response}\n              onResponseChange={this.onResponseChange}\n              index={idx}\n              cIgnoreOrder={cIgnoreOrder}\n              cAllowTrailingZeros={cAllowTrailingZeros}\n              error={responsesErrors && responsesErrors[idx]}\n            />\n          );\n        })}\n\n        {rationaleEnabled && (\n          <InputContainer\n            label={rationale.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={(value) => this.handleChange('rationale', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration, {\n                ...baseInputConfiguration,\n                math: {\n                  controlledKeypadMode: false,\n                },\n              })}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={\n                (maxImageWidth && maxImageWidth.rationale) ||\n                defaultImageMaxWidth\n              }\n              maxImageHeight={\n                (maxImageHeight && maxImageHeight.rationale) ||\n                defaultImageMaxHeight\n              }\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && (\n              <div className={classes.errorText}>{rationaleError}</div>\n            )}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    width: '100%',\n  },\n  errorText: {\n    color: theme.palette.error.main,\n    fontSize: '0.75rem',\n    marginTop: theme.spacing.unit,\n  },\n  markup: {\n    width: '100%',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 3,\n  },\n  selectContainer: {\n    width: '100%',\n    marginTop: theme.spacing.unit * 2,\n  },\n  select: {\n    width: '100%',\n  },\n  title: {\n    fontSize: theme.typography.fontSize * 1.25,\n    fontWeight: 'bold',\n  }\n}))(Design);\n"],"file":"design.js"}
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Design","key","value","props","onModelChanged","model","updatedModel","response","index","newModel","responses","newVal","answer","id","allowSpaces","markup","newResponses","domMarkup","responseAreas","querySelectorAll","forEach","element","dataset","dataIndex","validation","allowTrailingZeros","ignoreOrder","alternates","processedMarkup","callback","slateMarkup","setState","cachedChoices","undefined","nodes","cachedResponses","state","newChoices","newCachedResponses","node","keyForNode","data","get","Object","assign","hasOwnProperty","trailing","leading","e","relatedTarget","currentTarget","getParentWithRoleTooltip","depth","parent","offsetParent","getAttribute","getDeepChildDataKeypad","child","children","attributes","parentWithTooltipRole","childWithDataKeypad","activeAnswerBlock","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","contentDimensions","prompt","rationale","settingsPanelDisabled","teacherInstructions","language","languageChoices","spellCheck","playerSpellCheck","maxImageWidth","maxImageHeight","mathMlOptions","template","editSource","cIgnoreOrder","cAllowTrailingZeros","partialScoring","maxResponseAreas","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","equationEditor","promptError","rationaleError","responseAreasError","teacherInstructionsError","responsesErrors","panelSettings","label","enabled","options","panelProperties","playerSpellCheckEnabled","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","getPluginProps","Settings","Properties","promptHolder","handleChange","inputConfiguration","errorText","title","ALL_PLUGINS","type","respAreaToolbar","error","onHandleAreaChange","onChange","onBlur","responseAreaError","selectContainer","select","event","target","keys","map","responseKey","idx","onResponseChange","math","controlledKeypadMode","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom","color","palette","main","fontSize","marginTop","typography","fontWeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport cloneDeep from 'lodash/cloneDeep';\nimport pick from 'lodash/pick';\nimport throttle from 'lodash/throttle';\nimport {\n  InputContainer,\n  settings,\n  layout,\n} from '@pie-lib/pie-toolbox/config-ui';\nimport {\n  ALL_PLUGINS,\n  EditableHtml,\n} from '@pie-lib/pie-toolbox/editable-html';\nimport { dropdown } from '@pie-lib/pie-toolbox/code/config-ui/settings';\n\nimport Response from './response';\nimport { processMarkup } from './markupUtils';\n\nconst { Panel, toggle } = settings;\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nclass Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {};\n\n  componentDidMount() {\n    const { model: { slateMarkup } } = this.props;\n\n    this.setState({ markup: slateMarkup });\n\n  }\n\n  handleChange = (key, value) => {\n    const { onModelChanged, model } = this.props;\n    const updatedModel = cloneDeep(model);\n    updatedModel[key] = value;\n    onModelChanged(updatedModel);\n  };\n\n  onResponseChange = (response, index) => {\n    const { model, onModelChanged } = this.props;\n    const newModel = { ...model };\n\n    newModel.responses[index] = response;\n    onModelChanged(newModel);\n  };\n\n  onChangeResponse = (index, newVal) => {\n    const { model, onModelChanged } = this.props;\n    const { responses } = model;\n\n    if (!responses[index]) {\n      responses[index] = [{ answer: newVal || '', id: 'response' + index, allowSpaces: true }];\n    } else {\n      responses[index][0].answer = newVal || '';\n    }\n\n    onModelChanged({ ...model, responses });\n  };\n\n  onResponsesChanged = (responses) => {\n    this.props.onModelChanged({ ...this.props.model, responses });\n  };\n\n  onChange = (markup) => {\n    const {\n      model: { responses },\n      onModelChanged,\n    } = this.props;\n    const newResponses = {};\n    const domMarkup = createElementFromHTML(markup);\n    const responseAreas = domMarkup.querySelectorAll('[data-type=\"math_templated\"]');\n\n    responseAreas.forEach((element) => {\n      const { value, index: dataIndex } = element.dataset;\n\n      if (!value) {\n        element.dataset.value = `R ${dataIndex}`;\n      }\n\n      newResponses[dataIndex] = responses[dataIndex] || {\n        // TODO: Initialize with customizable defaults\n        allowSpaces: true,\n        validation: 'symbolic',\n        allowTrailingZeros: false,\n        ignoreOrder: false,\n        answer: '',\n        alternates: {},\n      };\n\n      element.dataset.index = dataIndex;\n    });\n\n    const processedMarkup = processMarkup(markup);\n\n    const callback = () =>\n      onModelChanged({\n        ...this.props.model,\n        slateMarkup: domMarkup.innerHTML,\n        responses: newResponses,\n        markup: processedMarkup\n      });\n\n    this.setState({ cachedChoices: undefined }, callback);\n  };\n\n  onHandleAreaChange = throttle(\n    (nodes) => {\n      const {\n        model: { responses },\n        onModelChanged,\n      } = this.props;\n      const { cachedResponses } = this.state;\n\n      if (!nodes) {\n        return;\n      }\n\n      const newChoices = responses ? cloneDeep(responses) : {};\n      const newCachedResponses = cachedResponses ? cloneDeep(cachedResponses) : {};\n\n      nodes.forEach((node) => {\n        const keyForNode = node.data.get('index');\n\n        if (!newChoices[keyForNode] && newCachedResponses[keyForNode]) {\n          Object.assign(newChoices, pick(newCachedResponses, keyForNode));\n\n          if (newCachedResponses.hasOwnProperty(keyForNode)) {\n            delete newCachedResponses[keyForNode];\n          }\n        } else {\n          Object.assign(newCachedResponses, pick(newChoices, keyForNode));\n\n          if (newChoices.hasOwnProperty(keyForNode)) {\n            delete newChoices[keyForNode];\n          }\n        }\n      });\n\n      const callback = () => onModelChanged({ ...this.props.model, responses: newChoices });\n\n      this.setState({ cachedResponses: newCachedResponses }, callback);\n    },\n    500,\n    { trailing: false, leading: true },\n  );\n\n  onBlur = (e) => {\n    const { relatedTarget, currentTarget } = e || {};\n\n    function getParentWithRoleTooltip(element, depth = 0) {\n      // only run this max 16 times\n      if (!element || depth >= 16) return null;\n\n      const parent = element.offsetParent;\n\n      if (!parent) return null;\n\n      if (parent.getAttribute('role') === 'tooltip') {\n        return parent;\n      }\n\n      return getParentWithRoleTooltip(parent, depth + 1);\n    }\n\n    function getDeepChildDataKeypad(element, depth = 0) {\n      // only run this max 4 times\n      if (!element || depth >= 4) return null;\n\n      const child = element?.children?.[0];\n\n      if (!child) return null;\n\n      if (child.attributes && child.attributes['data-keypad']) {\n        return child;\n      }\n\n      return getDeepChildDataKeypad(child, depth + 1);\n    }\n\n    const parentWithTooltipRole = getParentWithRoleTooltip(relatedTarget);\n    const childWithDataKeypad = parentWithTooltipRole ? getDeepChildDataKeypad(parentWithTooltipRole) : null;\n\n    if (!relatedTarget || !currentTarget || !childWithDataKeypad?.attributes['data-keypad']) {\n      this.setState({ activeAnswerBlock: '' });\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      configuration,\n      imageSupport,\n      model,\n      onConfigurationChanged,\n      onModelChanged,\n      uploadSoundSupport,\n    } = this.props;\n\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      teacherInstructions = {},\n      language = {},\n      languageChoices = {},\n      spellCheck = {},\n      playerSpellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      template = {},\n      editSource = {},\n      ignoreOrder: cIgnoreOrder = {},\n      allowTrailingZeros: cAllowTrailingZeros = {},\n      partialScoring = {},\n      maxResponseAreas,\n    } = configuration || {};\n\n    const {\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n      responses,\n      equationEditor,\n    } = model || {};\n\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreas: responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n      responses: responsesErrors = {},\n    } = errors || {};\n\n    const panelSettings = {\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n      'editSource.enabled': editSource?.settings && toggle(editSource.label, true),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n    };\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const getPluginProps = (props = {}, baseInputConfiguration = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(updatedModel) => onModelChanged(updatedModel)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer\n            label={teacherInstructions.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(\n                teacherInstructions?.inputConfiguration,\n                baseInputConfiguration\n              )}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={\n                (maxImageWidth && maxImageWidth.teacherInstructions) ||\n                defaultImageMaxWidth\n              }\n              maxImageHeight={\n                (maxImageHeight && maxImageHeight.teacherInstructions) ||\n                defaultImageMaxHeight\n              }\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && (\n              <div className={classes.errorText}>{teacherInstructionsError}</div>\n            )}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer\n            label={prompt.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={(value) => this.handleChange('prompt', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(\n                teacherInstructions?.inputConfiguration,\n                baseInputConfiguration\n              )}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && (\n              <div className={classes.errorText}>{promptError}</div>\n            )}\n          </InputContainer>\n        )}\n\n        <Typography className={classes.title}>Response Template</Typography>\n\n        <EditableHtml\n          activePlugins={ALL_PLUGINS}\n          toolbarOpts={{ position: 'top' }}\n          spellCheck={spellCheckEnabled}\n          pluginProps={getPluginProps(\n            template?.inputConfiguration,\n            baseInputConfiguration\n          )}\n          responseAreaProps={{\n            type: 'math-templated',\n            respAreaToolbar: null,\n            error: () => responsesErrors,\n            onHandleAreaChange: this.onHandleAreaChange,\n            maxResponseAreas: maxResponseAreas,\n          }}\n          className={classes.markup}\n          markup={model.slateMarkup}\n          onChange={this.onChange}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          onBlur={this.onBlur}\n          disabled={false}\n          highlightShape={false}\n          error={responseAreasError}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[\n            { language: 'spanish' },\n            { language: 'special' },\n          ]}\n          mathMlOptions={mathMlOptions}\n        />\n        {responseAreasError && (\n          <div className={classes.responseAreaError}>{responseAreasError}</div>\n        )}\n\n        <Typography className={classes.title}>Define Response</Typography>\n\n        <InputContainer\n          label=\"Response Template Equation Editor\"\n          className={classes.selectContainer}\n        >\n          <Select\n            className={classes.select}\n            onChange={(event) =>\n              this.handleChange('equationEditor', event.target.value)\n            }\n            value={equationEditor}\n          >\n            <MenuItem value=\"non-negative-integers\">\n              Numeric - Non-Negative Integers\n            </MenuItem>\n            <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n            <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n            <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n            <MenuItem value={1}>Grade 1 - 2</MenuItem>\n            <MenuItem value={3}>Grade 3 - 5</MenuItem>\n            <MenuItem value={6}>Grade 6 - 7</MenuItem>\n            <MenuItem value={8}>Grade 8 - HS</MenuItem>\n            <MenuItem value={'geometry'}>Geometry</MenuItem>\n            <MenuItem value={'advanced-algebra'}>\n              Advanced Algebra\n            </MenuItem>\n            <MenuItem value={'statistics'}>Statistics</MenuItem>\n            <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n          </Select>\n        </InputContainer>\n\n        {Object.keys(responses || {}).map((responseKey, idx) => {\n          const response = responses[responseKey];\n\n          if (response) {\n            return (\n                <Response\n                    key={responseKey}\n                    responseKey={responseKey}\n                    mode={equationEditor}\n                    response={response}\n                    onResponseChange={this.onResponseChange}\n                    index={idx}\n                    cIgnoreOrder={cIgnoreOrder}\n                    cAllowTrailingZeros={cAllowTrailingZeros}\n                    error={responsesErrors && responsesErrors[idx]}\n                />\n            );\n          }\n\n          return null;\n        })}\n\n        {rationaleEnabled && (\n          <InputContainer\n            label={rationale.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={(value) => this.handleChange('rationale', value)}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration, {\n                ...baseInputConfiguration,\n                math: {\n                  controlledKeypadMode: false,\n                },\n              })}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={\n                (maxImageWidth && maxImageWidth.rationale) ||\n                defaultImageMaxWidth\n              }\n              maxImageHeight={\n                (maxImageHeight && maxImageHeight.rationale) ||\n                defaultImageMaxHeight\n              }\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[\n                { language: 'spanish' },\n                { language: 'special' },\n              ]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && (\n              <div className={classes.errorText}>{rationaleError}</div>\n            )}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    width: '100%',\n  },\n  errorText: {\n    color: theme.palette.error.main,\n    fontSize: '0.75rem',\n    marginTop: theme.spacing.unit,\n  },\n  responseAreaError: {\n    color: theme.palette.error.main,\n    fontSize: '0.75rem',\n    marginBottom: theme.spacing.unit,\n  },\n  markup: {\n    width: '100%',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 3,\n  },\n  selectContainer: {\n    width: '100%',\n    marginTop: theme.spacing.unit * 2,\n  },\n  select: {\n    width: '100%',\n  },\n  title: {\n    fontSize: theme.typography.fontSize * 1.25,\n    fontWeight: 'bold',\n  }\n}))(Design);\n"],"file":"design.js"}

package/controller/lib/index.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.validate = exports.prepareVal = exports.outcome = exports.normalizeSession = exports.model = exports.getPartialScore = exports.getCorrectness = exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -21,8 +23,6 @@ var _translator = _interopRequireDefault(require("@pie-lib/pie-toolbox/translato
 
 var mv = _interopRequireWildcard(require("@pie-framework/math-validation"));
 
-var _feedback = require("@pie-lib/pie-toolbox/feedback");
-
 var _defaults = _interopRequireDefault(require("./defaults"));
 
 var _controllerUtils = require("@pie-lib/pie-toolbox/controller-utils");
@@ -48,6 +48,10 @@ var getFeedback = function getFeedback(value) {
   return value ? 'correct' : 'incorrect';
 };
 
+var getContent = function getContent(html) {
+  return (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
+};
+
 var getIsAnswerCorrect = function getIsAnswerCorrect(correctResponse, answerItem) {
   var answerCorrect = false;
 
@@ -100,20 +104,22 @@ var getResponseCorrectness = function getResponseCorrectness(question, sessionRe
     var correctAnswers = 0;
     var score = 0;
     var correct = false;
+    var correctResponsesCount = Object.keys(correctResponses || {}).length;
     Object.keys(correctResponses).forEach(function (responseId) {
       var answerItem = sessionResponse['r' + responseId];
-      var correctResponse = correctResponses[responseId];
+      var correctResponse = correctResponses[responseId] || {};
       var answerCorrect = getIsAnswerCorrect(correctResponse, answerItem);
 
       if (answerCorrect) {
         correctAnswers++;
       }
-    }); // partial credit scoring: each correct answer is worth 1 / total answers point
+    });
+    var fullyCorrect = correctAnswers === correctResponsesCount; // partial credit scoring: each correct answer is worth 1 / total answers point
     // dichotomous scoring: for credit to be awarded, a correct answer must be entered for every response area
 
     score = (correctAnswers / Object.keys(correctResponses).length).toFixed(2);
     return {
-      correctness: correctAnswers > 0 ? 'correct' : 'incorrect',
+      correctness: fullyCorrect ? 'correct' : 'incorrect',
       score: correctAnswers > 0 ? score : 0,
       correct: correct
     };
@@ -203,7 +209,7 @@ var model = function model(question, session, env) {
     var showNote = false; // check if there is at least one alternate response or if the validation for at least one response is not literal
 
     Object.keys(responses).forEach(function (responseId) {
-      var correctResponse = responses[responseId];
+      var correctResponse = responses[responseId] || {};
 
       if (correctResponse.alternates && Object.keys(correctResponse.alternates).length > 0) {
         showNote = true;
@@ -294,7 +300,69 @@ exports.createCorrectResponseSession = createCorrectResponseSession;
 var validate = function validate() {
   var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var responses = model.responses,
+      markup = model.markup;
+  var maxResponseAreas = config.maxResponseAreas;
+  var responsesErrors = {};
   var errors = {};
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(function (field) {
+    var _config$field;
+
+    if ((_config$field = config[field]) !== null && _config$field !== void 0 && _config$field.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+  Object.entries(responses || {}).forEach(function (_ref2, index) {
+    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        key = _ref3[0],
+        response = _ref3[1];
+
+    var answer = response.answer;
+    var reversedAlternates = (0, _toConsumableArray2["default"])(Object.entries(response.alternates || {})).reverse();
+    var alternatesErrors = {};
+    var responseError = {};
+
+    if (answer === '') {
+      responseError.answer = 'Content should not be empty.';
+    }
+
+    reversedAlternates.forEach(function (_ref4, index) {
+      var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+          key = _ref5[0],
+          value = _ref5[1];
+
+      if (value === '') {
+        alternatesErrors[key] = 'Content should not be empty.';
+      } else {
+        var identicalAnswer = answer === value || reversedAlternates.slice(index + 1).some(function (_ref6) {
+          var _ref7 = (0, _slicedToArray2["default"])(_ref6, 2),
+              val = _ref7[1];
+
+          return val === value;
+        });
+
+        if (identicalAnswer) {
+          alternatesErrors[key] = 'Content should be unique.';
+        }
+      }
+    });
+
+    if (!(0, _isEmpty["default"])(responseError) || !(0, _isEmpty["default"])(alternatesErrors)) {
+      responsesErrors[index] = _objectSpread(_objectSpread({}, responseError), alternatesErrors);
+    }
+  });
+  var nbOfResponseAreas = (markup.match(/\{\{(\d+)\}\}/g) || []).length;
+
+  if (nbOfResponseAreas > maxResponseAreas) {
+    errors.responseAreas = "No more than ".concat(maxResponseAreas, " response areas should be defined.");
+  } else if (nbOfResponseAreas < 1) {
+    errors.responseAreas = 'There should be at least 1 response area defined.';
+  }
+
+  if (!(0, _isEmpty["default"])(responsesErrors)) {
+    errors.responses = responsesErrors;
+  }
+
   return errors;
 };
 

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["translator","Translator","log","getFeedback","value","getIsAnswerCorrect","correctResponse","answerItem","answerCorrect","opts","mode","validation","defaults","validationDefault","literal","allowTrailingZeros","ignoreOrder","acceptedValues","answer","Object","values","alternates","mv","latexEqual","e","getResponseCorrectness","question","sessionResponse","correctResponses","responses","correctness","score","correct","correctAnswers","keys","forEach","responseId","length","toFixed","getCorrectness","env","session","answers","getPartialScore","outcome","Promise","resolve","empty","partialScoringEnabled","partialScoring","enabled","console","normalizeSession","undefined","completed","createDefaultModel","model","s","getTextFromHTML","html","replace","prepareVal","trim","normalizedQuestion","language","note","showNote","t","lng","out","prompt","promptEnabled","markup","equationEditor","customKeys","disabled","view","feedback","role","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","createCorrectResponseSession","reduce","acc","id","validate","config","errors"],"mappings":"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","sourcesContent":["import debug from 'debug';\nimport isEmpty from 'lodash/isEmpty';\nimport Translator from '@pie-lib/pie-toolbox/translator';\nimport * as mv from '@pie-framework/math-validation';\nimport { getFeedbackForCorrectness } from '@pie-lib/pie-toolbox/feedback';\n\nimport defaults from './defaults';\nimport { partialScoring } from '@pie-lib/pie-toolbox/controller-utils';\n\nconst { translator } = Translator;\nconst log = debug('@pie-element:math-templated:controller');\n\nconst getFeedback = value => value ? 'correct' : 'incorrect';\n\nconst getIsAnswerCorrect = (correctResponse, answerItem) => {\n  let answerCorrect = false;\n\n  const opts = {\n    mode: correctResponse.validation || defaults.validationDefault,\n    ...(correctResponse.validation === 'literal' && {\n      literal: {\n        allowTrailingZeros: correctResponse.allowTrailingZeros || false,\n        ignoreOrder: correctResponse.ignoreOrder || false,\n      }\n    })\n  };\n\n  if (!answerCorrect) {\n    const acceptedValues = [\n      correctResponse.answer,\n      ...Object.values(correctResponse.alternates || {})\n    ];\n\n    try {\n      for (const value of acceptedValues) {\n        answerCorrect = mv.latexEqual(answerItem.value, value, opts);\n        if (answerCorrect) break;\n      }\n    } catch (e) {\n      log('Parse failure when evaluating math', e, correctResponse, answerItem);\n      answerCorrect = false;\n    }\n  }\n\n  return answerCorrect;\n};\n\nconst getResponseCorrectness = (question, sessionResponse) => {\n  const correctResponses = question.responses;\n\n  if (!sessionResponse) {\n    return {\n      correctness: 'unanswered',\n      score: 0,\n      correct: false,\n    };\n  } else {\n    let correctAnswers = 0;\n    let score = 0;\n    let correct = false;\n    Object.keys(correctResponses).forEach((responseId) => {\n      const answerItem = sessionResponse['r' + responseId];\n      const correctResponse = correctResponses[responseId];\n\n      const answerCorrect = getIsAnswerCorrect(correctResponse, answerItem);\n      if (answerCorrect) {\n        correctAnswers++;\n      }\n    });\n\n    // partial credit scoring: each correct answer is worth 1 / total answers point\n    // dichotomous scoring: for credit to be awarded, a correct answer must be entered for every response area\n    score = (correctAnswers / Object.keys(correctResponses).length).toFixed(2);\n\n    return {\n      correctness: correctAnswers > 0 ? 'correct' : 'incorrect',\n      score: correctAnswers > 0 ? score : 0,\n      correct\n    };\n  }\n};\n\nexport const getCorrectness = (question, env, session) => {\n  if (env.mode === 'evaluate') {\n    return getResponseCorrectness(\n      question,\n      session && session.answers\n    );\n  }\n};\n\nexport const getPartialScore = (question, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  return 1;\n};\n\nexport const outcome = (question, session, env) =>\n  new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    }\n    const partialScoringEnabled = partialScoring.enabled(question, env);\n    console.log('partialScoringEnabled: ', partialScoringEnabled);\n    session = normalizeSession(session);\n\n    if (env.mode !== 'evaluate') {\n      resolve({ score: undefined, completed: undefined });\n    } else {\n      const correctness = getCorrectness(question, env, session, true);\n      const score = correctness.score;\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0 });\n    }\n  });\n\nexport const createDefaultModel = (model = {}) => ({\n  ...defaults.model,\n  ...model,\n});\n\nexport const normalizeSession = (s) => ({ ...s });\n\nconst getTextFromHTML = html => (html || '').replace(/<\\/?[^>]+(>|$)/g, '');\n\nexport const prepareVal = html => getTextFromHTML(html).trim();\n\nexport const model = (question, session, env) => {\n  return new Promise((resolve) => {\n    session = session || {};\n    const normalizedQuestion = createDefaultModel(question);\n    const correctness = getCorrectness(normalizedQuestion, env, session);\n    const { responses, language } = normalizedQuestion;\n    let { note } = normalizedQuestion;\n    let showNote = false;\n\n    // check if there is at least one alternate response or if the validation for at least one response is not literal\n    Object.keys(responses).forEach((responseId) => {\n      const correctResponse = responses[responseId];\n      if (correctResponse.alternates && Object.keys(correctResponse.alternates).length > 0) {\n        showNote = true;\n      } else if (correctResponse.validation !== 'literal') {\n        showNote = true;\n      }\n    });\n\n    if (!note) {\n      note = translator.t('mathInline.primaryCorrectWithAlternates', { lng: language });\n    }\n\n    const out = {\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      markup: normalizedQuestion.markup,\n      responses: env.mode === 'gather' ? null : normalizedQuestion.responses,\n      language: normalizedQuestion.language,\n      equationEditor: normalizedQuestion.equationEditor,\n      customKeys: normalizedQuestion.customKeys,\n      disabled: env.mode !== 'gather',\n      view: env.mode === 'view',\n      correctness,\n      env,\n    };\n\n    const { answers = {} } = session || {};\n    let feedback = {};\n\n    if (env.mode === 'evaluate') {\n      Object.keys(responses).forEach((responseId) => {\n        const answerItem = answers['r' + responseId];\n        const correctResponse = responses[responseId];\n        feedback[responseId] = getIsAnswerCorrect(correctResponse, answerItem);\n      });\n    }\n\n    if (env.mode === 'evaluate') {\n      out.correctResponse = {};\n      out.showNote = showNote;\n      out.note = note;\n      out.feedback = feedback;\n    } else {\n      out.responses = {};\n      out.showNote = false;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n        ? normalizedQuestion.teacherInstructions\n        : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    log('out: ', out);\n    resolve(out);\n  });\n};\n\nexport const createCorrectResponseSession = (question, env) =>\n  new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const correctResponse = Object.keys(question.responses).reduce((acc, responseId) => {\n        acc['r' + responseId] = { value: question.responses[responseId].answer };\n        return acc;\n      }, {});\n\n      resolve({ id: '1', answers: correctResponse });\n    } else {\n      resolve(null);\n    }\n  });\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  return errors;\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["translator","Translator","log","getFeedback","value","getContent","html","replace","getIsAnswerCorrect","correctResponse","answerItem","answerCorrect","opts","mode","validation","defaults","validationDefault","literal","allowTrailingZeros","ignoreOrder","acceptedValues","answer","Object","values","alternates","mv","latexEqual","e","getResponseCorrectness","question","sessionResponse","correctResponses","responses","correctness","score","correct","correctAnswers","correctResponsesCount","keys","length","forEach","responseId","fullyCorrect","toFixed","getCorrectness","env","session","answers","getPartialScore","outcome","Promise","resolve","empty","partialScoringEnabled","partialScoring","enabled","console","normalizeSession","undefined","completed","createDefaultModel","model","s","getTextFromHTML","prepareVal","trim","normalizedQuestion","language","note","showNote","t","lng","out","prompt","promptEnabled","markup","equationEditor","customKeys","disabled","view","feedback","role","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","createCorrectResponseSession","reduce","acc","id","validate","config","maxResponseAreas","responsesErrors","errors","field","required","entries","index","key","response","reversedAlternates","reverse","alternatesErrors","responseError","identicalAnswer","slice","some","val","nbOfResponseAreas","match","responseAreas"],"mappings":"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","sourcesContent":["import debug from 'debug';\nimport isEmpty from 'lodash/isEmpty';\nimport Translator from '@pie-lib/pie-toolbox/translator';\nimport * as mv from '@pie-framework/math-validation';\n\nimport defaults from './defaults';\nimport { partialScoring } from '@pie-lib/pie-toolbox/controller-utils';\n\nconst { translator } = Translator;\nconst log = debug('@pie-element:math-templated:controller');\n\nconst getFeedback = value => value ? 'correct' : 'incorrect';\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nconst getIsAnswerCorrect = (correctResponse, answerItem) => {\n  let answerCorrect = false;\n\n  const opts = {\n    mode: correctResponse.validation || defaults.validationDefault,\n    ...(correctResponse.validation === 'literal' && {\n      literal: {\n        allowTrailingZeros: correctResponse.allowTrailingZeros || false,\n        ignoreOrder: correctResponse.ignoreOrder || false,\n      }\n    })\n  };\n\n  if (!answerCorrect) {\n    const acceptedValues = [\n      correctResponse.answer,\n      ...Object.values(correctResponse.alternates || {})\n    ];\n\n    try {\n      for (const value of acceptedValues) {\n        answerCorrect = mv.latexEqual(answerItem.value, value, opts);\n        if (answerCorrect) break;\n      }\n    } catch (e) {\n      log('Parse failure when evaluating math', e, correctResponse, answerItem);\n      answerCorrect = false;\n    }\n  }\n\n  return answerCorrect;\n};\n\nconst getResponseCorrectness = (question, sessionResponse) => {\n  const correctResponses = question.responses;\n\n  if (!sessionResponse) {\n    return {\n      correctness: 'unanswered',\n      score: 0,\n      correct: false,\n    };\n  } else {\n    let correctAnswers = 0;\n    let score = 0;\n    let correct = false;\n    const correctResponsesCount = Object.keys(correctResponses || {}).length;\n\n    Object.keys(correctResponses).forEach((responseId) => {\n      const answerItem = sessionResponse['r' + responseId];\n      const correctResponse = correctResponses[responseId] || {};\n\n      const answerCorrect = getIsAnswerCorrect(correctResponse, answerItem);\n      if (answerCorrect) {\n        correctAnswers++;\n      }\n    });\n\n    const fullyCorrect = correctAnswers === correctResponsesCount;\n\n    // partial credit scoring: each correct answer is worth 1 / total answers point\n    // dichotomous scoring: for credit to be awarded, a correct answer must be entered for every response area\n    score = (correctAnswers / Object.keys(correctResponses).length).toFixed(2);\n\n    return {\n      correctness: fullyCorrect ? 'correct' : 'incorrect',\n      score: correctAnswers > 0 ? score : 0,\n      correct\n    };\n  }\n};\n\nexport const getCorrectness = (question, env, session) => {\n  if (env.mode === 'evaluate') {\n    return getResponseCorrectness(\n      question,\n      session && session.answers\n    );\n  }\n};\n\nexport const getPartialScore = (question, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  return 1;\n};\n\nexport const outcome = (question, session, env) =>\n  new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    }\n    const partialScoringEnabled = partialScoring.enabled(question, env);\n    console.log('partialScoringEnabled: ', partialScoringEnabled);\n    session = normalizeSession(session);\n\n    if (env.mode !== 'evaluate') {\n      resolve({ score: undefined, completed: undefined });\n    } else {\n      const correctness = getCorrectness(question, env, session, true);\n      const score = correctness.score;\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0 });\n    }\n  });\n\nexport const createDefaultModel = (model = {}) => ({\n  ...defaults.model,\n  ...model,\n});\n\nexport const normalizeSession = (s) => ({ ...s });\n\nconst getTextFromHTML = html => (html || '').replace(/<\\/?[^>]+(>|$)/g, '');\n\nexport const prepareVal = html => getTextFromHTML(html).trim();\n\nexport const model = (question, session, env) => {\n  return new Promise((resolve) => {\n    session = session || {};\n    const normalizedQuestion = createDefaultModel(question);\n    const correctness = getCorrectness(normalizedQuestion, env, session);\n    const { responses, language } = normalizedQuestion;\n    let { note } = normalizedQuestion;\n    let showNote = false;\n\n    // check if there is at least one alternate response or if the validation for at least one response is not literal\n    Object.keys(responses).forEach((responseId) => {\n      const correctResponse = responses[responseId] || {};\n      if (correctResponse.alternates && Object.keys(correctResponse.alternates).length > 0) {\n        showNote = true;\n      } else if (correctResponse.validation !== 'literal') {\n        showNote = true;\n      }\n    });\n\n    if (!note) {\n      note = translator.t('mathInline.primaryCorrectWithAlternates', { lng: language });\n    }\n\n    const out = {\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      markup: normalizedQuestion.markup,\n      responses: env.mode === 'gather' ? null : normalizedQuestion.responses,\n      language: normalizedQuestion.language,\n      equationEditor: normalizedQuestion.equationEditor,\n      customKeys: normalizedQuestion.customKeys,\n      disabled: env.mode !== 'gather',\n      view: env.mode === 'view',\n      correctness,\n      env,\n    };\n\n    const { answers = {} } = session || {};\n    let feedback = {};\n\n    if (env.mode === 'evaluate') {\n      Object.keys(responses).forEach((responseId) => {\n        const answerItem = answers['r' + responseId];\n        const correctResponse = responses[responseId];\n        feedback[responseId] = getIsAnswerCorrect(correctResponse, answerItem);\n      });\n    }\n\n    if (env.mode === 'evaluate') {\n      out.correctResponse = {};\n      out.showNote = showNote;\n      out.note = note;\n      out.feedback = feedback;\n    } else {\n      out.responses = {};\n      out.showNote = false;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n        ? normalizedQuestion.teacherInstructions\n        : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    log('out: ', out);\n    resolve(out);\n  });\n};\n\nexport const createCorrectResponseSession = (question, env) =>\n  new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const correctResponse = Object.keys(question.responses).reduce((acc, responseId) => {\n        acc['r' + responseId] = { value: question.responses[responseId].answer };\n        return acc;\n      }, {});\n\n      resolve({ id: '1', answers: correctResponse });\n    } else {\n      resolve(null);\n    }\n  });\n\nexport const validate = (model = {}, config = {}) => {\n  const { responses, markup } = model;\n  const { maxResponseAreas } = config;\n  const responsesErrors = {};\n  const errors = {};\n\n  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  Object.entries(responses || {}).forEach(([key, response], index) => {\n    const { answer } = response;\n    const reversedAlternates = [...Object.entries(response.alternates || {})].reverse();\n    const alternatesErrors = {};\n    const responseError = {};\n\n    if (answer === '') {\n      responseError.answer = 'Content should not be empty.';\n    }\n\n    reversedAlternates.forEach(([key, value], index) => {\n      if (value === '') {\n        alternatesErrors[key] = 'Content should not be empty.';\n      } else {\n        const identicalAnswer =\n          answer === value || reversedAlternates.slice(index + 1).some(([, val]) => val === value);\n\n        if (identicalAnswer) {\n          alternatesErrors[key] = 'Content should be unique.';\n        }\n      }\n    });\n\n    if (!isEmpty(responseError) || !isEmpty(alternatesErrors)) {\n      responsesErrors[index] = { ...responseError, ...alternatesErrors };\n    }\n  });\n\n  const nbOfResponseAreas = (markup.match(/\\{\\{(\\d+)\\}\\}/g) || []).length;\n\n  if (nbOfResponseAreas > maxResponseAreas) {\n    errors.responseAreas = `No more than ${maxResponseAreas} response areas should be defined.`;\n  } else if (nbOfResponseAreas < 1) {\n    errors.responseAreas = 'There should be at least 1 response area defined.';\n  }\n\n  if (!isEmpty(responsesErrors)) {\n    errors.responses = responsesErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/lib/index.js

@@ -95,10 +95,6 @@ var MathTemplated = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "render",
     value: function render() {
-      var _this$_session;
-
-      console.log('In Player Render, session.answers', (_this$_session = this._session) === null || _this$_session === void 0 ? void 0 : _this$_session.answers);
-
       if (!this._model || !this._session) {
         return;
       }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["MathTemplated","sessionChangedEventCaller","_","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_model","m","render","ModelSetEvent","isSessionComplete","undefined","_session","s","session","Object","keys","map","key","console","log","answers","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,a;;;;;AACjB,2BAAc;AAAA;;AAAA;AACV;AACA,UAAKC,yBAAL,GAAiCC,mBAAEC,QAAF,CAAW,YAAM;AAC9C,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,IAApD,CAAnB;AACH,KAFgC,EAE9B,IAF8B,CAAjC;AAFU;AAKb;;;;SASD,eAAY;AACR,aAAO,KAAKC,MAAZ;AACH,K;SATD,aAAUC,CAAV,EAAa;AACT,WAAKD,MAAL,GAAcC,CAAd;AAEA,WAAKC,MAAL;AACA,WAAKN,aAAL,CAAmB,IAAIO,8BAAJ,CAAkB,KAAKL,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKK,iBAAL,EAA9C,EAAwE,KAAKJ,MAAL,KAAgBK,SAAxF,CAAnB;AACH;;;SAYD,eAAc;AACV,aAAO,KAAKC,QAAZ;AACH,K;SARD,aAAYC,CAAZ,EAAe;AACX,WAAKD,QAAL,GAAgBC,CAAhB;AAEA,WAAKL,MAAL;AACH;;;WAMD,6BAAoB;AAChB;AACA,aAAO,IAAP;AACH;;;WAED,yBAAgBM,OAAhB,EAAyB;AAAA;;AACrB;AACAC,MAAAA,MAAM,CAACC,IAAP,CAAYF,OAAZ,EAAqBG,GAArB,CAAyB,UAACC,GAAD,EAAS;AAC9B,QAAA,MAAI,CAACN,QAAL,CAAcM,GAAd,IAAqBJ,OAAO,CAACI,GAAD,CAA5B;AACH,OAFD;AAIA,WAAKnB,yBAAL;AACA,WAAKS,MAAL;AACH;;;WAED,6BAAoB;AAChB;AAEA,WAAKA,MAAL;AACH;;;WAED,kBAAS;AAAA;;AACLW,MAAAA,OAAO,CAACC,GAAR,CAAY,mCAAZ,oBAAiD,KAAKR,QAAtD,mDAAiD,eAAeS,OAAhE;;AAEA,UAAI,CAAC,KAAKf,MAAN,IAAgB,CAAC,KAAKM,QAA1B,EAAoC;AAChC;AACH;;AAED,UAAI,KAAKN,MAAL,IAAe,KAAKM,QAAxB,EAAkC;AAC9B,YAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACjCC,UAAAA,KAAK,EAAE,KAAKpB,MADqB;AAEjCQ,UAAAA,OAAO,EAAE,KAAKF,QAFmB;AAGjCe,UAAAA,eAAe,EAAE,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B;AAHgB,SAA1B,CAAX;;AAMAC,6BAASrB,MAAT,CAAgBc,EAAhB,EAAoB,IAApB;AACH;AACJ;;;kDAlEsCQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {SessionChangedEvent, ModelSetEvent} from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport _ from 'lodash';\n\nexport default class MathTemplated extends HTMLElement {\n    constructor() {\n        super();\n        this.sessionChangedEventCaller = _.debounce(() => {\n            this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n        }, 1000);\n    }\n\n    set model(m) {\n        this._model = m;\n\n        this.render();\n        this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));\n    }\n\n    get model() {\n        return this._model;\n    }\n\n    set session(s) {\n        this._session = s;\n\n        this.render();\n    }\n\n    get session() {\n        return this._session;\n    }\n\n    isSessionComplete() {\n        // a method to check if student answered the question\n        return true;\n    }\n\n    onSessionChange(session) {\n        // you can add an extra step here to validate session\n        Object.keys(session).map((key) => {\n            this._session[key] = session[key];\n        });\n\n        this.sessionChangedEventCaller();\n        this.render();\n    }\n\n    connectedCallback() {\n        // TODO set accessibility labels\n\n        this.render();\n    }\n\n    render() {\n        console.log('In Player Render, session.answers', this._session?.answers);\n\n        if (!this._model || !this._session) {\n            return;\n        }\n\n        if (this._model && this._session) {\n            const el = React.createElement(Main, {\n                model: this._model,\n                session: this._session,\n                onSessionChange: this.onSessionChange.bind(this),\n            });\n\n            ReactDOM.render(el, this);\n        }\n    }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["MathTemplated","sessionChangedEventCaller","_","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_model","m","render","ModelSetEvent","isSessionComplete","undefined","_session","s","session","Object","keys","map","key","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,a;;;;;AACjB,2BAAc;AAAA;;AAAA;AACV;AACA,UAAKC,yBAAL,GAAiCC,mBAAEC,QAAF,CAAW,YAAM;AAC9C,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,IAApD,CAAnB;AACH,KAFgC,EAE9B,IAF8B,CAAjC;AAFU;AAKb;;;;SASD,eAAY;AACR,aAAO,KAAKC,MAAZ;AACH,K;SATD,aAAUC,CAAV,EAAa;AACT,WAAKD,MAAL,GAAcC,CAAd;AAEA,WAAKC,MAAL;AACA,WAAKN,aAAL,CAAmB,IAAIO,8BAAJ,CAAkB,KAAKL,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKK,iBAAL,EAA9C,EAAwE,KAAKJ,MAAL,KAAgBK,SAAxF,CAAnB;AACH;;;SAYD,eAAc;AACV,aAAO,KAAKC,QAAZ;AACH,K;SARD,aAAYC,CAAZ,EAAe;AACX,WAAKD,QAAL,GAAgBC,CAAhB;AAEA,WAAKL,MAAL;AACH;;;WAMD,6BAAoB;AAChB;AACA,aAAO,IAAP;AACH;;;WAED,yBAAgBM,OAAhB,EAAyB;AAAA;;AACrB;AACAC,MAAAA,MAAM,CAACC,IAAP,CAAYF,OAAZ,EAAqBG,GAArB,CAAyB,UAACC,GAAD,EAAS;AAC9B,QAAA,MAAI,CAACN,QAAL,CAAcM,GAAd,IAAqBJ,OAAO,CAACI,GAAD,CAA5B;AACH,OAFD;AAIA,WAAKnB,yBAAL;AACA,WAAKS,MAAL;AACH;;;WAED,6BAAoB;AAChB;AAEA,WAAKA,MAAL;AACH;;;WAED,kBAAS;AACL,UAAI,CAAC,KAAKF,MAAN,IAAgB,CAAC,KAAKM,QAA1B,EAAoC;AAChC;AACH;;AAED,UAAI,KAAKN,MAAL,IAAe,KAAKM,QAAxB,EAAkC;AAC9B,YAAMO,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACjCC,UAAAA,KAAK,EAAE,KAAKjB,MADqB;AAEjCQ,UAAAA,OAAO,EAAE,KAAKF,QAFmB;AAGjCY,UAAAA,eAAe,EAAE,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B;AAHgB,SAA1B,CAAX;;AAMAC,6BAASlB,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACH;AACJ;;;kDAhEsCQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {SessionChangedEvent, ModelSetEvent} from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport _ from 'lodash';\n\nexport default class MathTemplated extends HTMLElement {\n    constructor() {\n        super();\n        this.sessionChangedEventCaller = _.debounce(() => {\n            this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n        }, 1000);\n    }\n\n    set model(m) {\n        this._model = m;\n\n        this.render();\n        this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));\n    }\n\n    get model() {\n        return this._model;\n    }\n\n    set session(s) {\n        this._session = s;\n\n        this.render();\n    }\n\n    get session() {\n        return this._session;\n    }\n\n    isSessionComplete() {\n        // a method to check if student answered the question\n        return true;\n    }\n\n    onSessionChange(session) {\n        // you can add an extra step here to validate session\n        Object.keys(session).map((key) => {\n            this._session[key] = session[key];\n        });\n\n        this.sessionChangedEventCaller();\n        this.render();\n    }\n\n    connectedCallback() {\n        // TODO set accessibility labels\n\n        this.render();\n    }\n\n    render() {\n        if (!this._model || !this._session) {\n            return;\n        }\n\n        if (this._model && this._session) {\n            const el = React.createElement(Main, {\n                model: this._model,\n                session: this._session,\n                onSessionChange: this.onSessionChange.bind(this),\n            });\n\n            ReactDOM.render(el, this);\n        }\n    }\n}\n"],"file":"index.js"}

package/module/configure.js

@@ -105801,7 +105801,7 @@ class Design extends React$1.Component {
     const {classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport} = this.props;
     const {baseInputConfiguration = {}, contentDimensions = {}, prompt = {}, rationale = {}, settingsPanelDisabled, teacherInstructions = {}, language = {}, languageChoices = {}, spellCheck = {}, playerSpellCheck = {}, maxImageWidth = {}, maxImageHeight = {}, mathMlOptions = {}, template = {}, editSource = {}, ignoreOrder: cIgnoreOrder = {}, allowTrailingZeros: cAllowTrailingZeros = {}, partialScoring = {}, maxResponseAreas} = configuration || ({});
     const {errors, promptEnabled, rationaleEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition, responses, equationEditor} = model || ({});
-    const {choices: choicesErrors = {}, prompt: promptError, rationale: rationaleError, responseAreas: responseAreasError, teacherInstructions: teacherInstructionsError, responses: responsesErrors} = errors || ({});
+    const {prompt: promptError, rationale: rationaleError, responseAreas: responseAreasError, teacherInstructions: teacherInstructionsError, responses: responsesErrors = {}} = errors || ({});
     const panelSettings = {
       'language.enabled': language.settings && toggle(language.label, true),
       language: language.settings && language.enabled && settings$1.dropdown(languageChoices.label, languageChoices.options)
@@ -105839,13 +105839,13 @@ class Design extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 297
+          lineNumber: 296
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 293
+        lineNumber: 292
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -105853,7 +105853,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 310
+        lineNumber: 309
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -105877,14 +105877,14 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 314
+        lineNumber: 313
       }
     }), teacherInstructionsError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 343
+        lineNumber: 342
       }
     }, teacherInstructionsError)), promptEnabled && React$1.createElement(InputContainer, {
       label: prompt.label,
@@ -105892,7 +105892,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349
+        lineNumber: 348
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -105917,21 +105917,21 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 353
+        lineNumber: 352
       }
     }), promptError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 377
+        lineNumber: 376
       }
     }, promptError)), React$1.createElement(Typography, {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 382
+        lineNumber: 381
       }
     }, "Response Template"), React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
@@ -105943,7 +105943,7 @@ class Design extends React$1.Component {
       responseAreaProps: {
         type: 'math-templated',
         respAreaToolbar: null,
-        error: () => choicesErrors,
+        error: () => responsesErrors,
         onHandleAreaChange: this.onHandleAreaChange,
         maxResponseAreas: maxResponseAreas
       },
@@ -105966,14 +105966,21 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 384
+        lineNumber: 383
       }
-    }), React$1.createElement(Typography, {
+    }), responseAreasError && React$1.createElement('div', {
+      className: classes.responseAreaError,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 415
+      }
+    }, responseAreasError), React$1.createElement(Typography, {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 416
+        lineNumber: 418
       }
     }, "Define Response"), React$1.createElement(InputContainer, {
       label: "Response Template Equation Editor",
@@ -105981,7 +105988,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 418
+        lineNumber: 420
       }
     }, React$1.createElement(Select, {
       className: classes.select,
@@ -105990,117 +105997,120 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 422
+        lineNumber: 424
       }
     }, React$1.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 429
+        lineNumber: 431
       }
     }, "Numeric - Non-Negative Integers"), React$1.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 432
+        lineNumber: 434
       }
     }, "Numeric - Integers"), React$1.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 433
+        lineNumber: 435
       }
     }, "Numeric - Decimals"), React$1.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 434
+        lineNumber: 436
       }
     }, "Numeric - Fractions"), React$1.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 435
+        lineNumber: 437
       }
     }, "Grade 1 - 2"), React$1.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 436
+        lineNumber: 438
       }
     }, "Grade 3 - 5"), React$1.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 437
+        lineNumber: 439
       }
     }, "Grade 6 - 7"), React$1.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 438
+        lineNumber: 440
       }
     }, "Grade 8 - HS"), React$1.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 439
+        lineNumber: 441
       }
     }, "Geometry"), React$1.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 440
+        lineNumber: 442
       }
     }, "Advanced Algebra"), React$1.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 443
+        lineNumber: 445
       }
     }, "Statistics"), React$1.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 444
+        lineNumber: 446
       }
     }, "Item Authoring"))), Object.keys(responses || ({})).map((responseKey, idx) => {
       const response = responses[responseKey];
-      return React$1.createElement(Response$1, {
-        key: responseKey,
-        responseKey: responseKey,
-        mode: equationEditor,
-        response: response,
-        onResponseChange: this.onResponseChange,
-        index: idx,
-        cIgnoreOrder: cIgnoreOrder,
-        cAllowTrailingZeros: cAllowTrailingZeros,
-        error: responsesErrors && responsesErrors[idx],
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 452
-        }
-      });
+      if (response) {
+        return React$1.createElement(Response$1, {
+          key: responseKey,
+          responseKey: responseKey,
+          mode: equationEditor,
+          response: response,
+          onResponseChange: this.onResponseChange,
+          index: idx,
+          cIgnoreOrder: cIgnoreOrder,
+          cAllowTrailingZeros: cAllowTrailingZeros,
+          error: responsesErrors && responsesErrors[idx],
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 455
+          }
+        });
+      }
+      return null;
     }), rationaleEnabled && React$1.createElement(InputContainer, {
       label: rationale.label,
       className: classes.promptHolder,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 467
+        lineNumber: 473
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -106129,14 +106139,14 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 471
+        lineNumber: 477
       }
     }), rationaleError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 502
+        lineNumber: 508
       }
     }, rationaleError)));
   }
@@ -106156,6 +106166,11 @@ var Main = styles$D.withStyles(theme => ({
     fontSize: '0.75rem',
     marginTop: theme.spacing.unit
   },
+  responseAreaError: {
+    color: theme.palette.error.main,
+    fontSize: '0.75rem',
+    marginBottom: theme.spacing.unit
+  },
   markup: {
     width: '100%',
     marginTop: theme.spacing.unit * 2,

package/module/controller.js

@@ -3250,8 +3250,8 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function noop() {}
@@ -3311,9 +3311,9 @@ var I18n = function (_EventEmitter) {
         }
       }
       var defOpts = get$1();
-      this.options = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread(_objectSpread(_objectSpread({}, defOpts), this.options), transformOptions(options));
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$7(_objectSpread$7({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread(_objectSpread({}, defOpts.interpolation), this.options.interpolation);
       }
       if (options.keySeparator !== undefined) {
         this.options.userDefinedKeySeparator = options.keySeparator;
@@ -3591,7 +3591,7 @@ var I18n = function (_EventEmitter) {
           }
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$7({}, opts);
+          options = _objectSpread({}, opts);
         }
         options.lng = options.lng || fixedT.lng;
         options.lngs = options.lngs || fixedT.lngs;
@@ -3718,7 +3718,7 @@ var I18n = function (_EventEmitter) {
       var _this8 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-      var mergedOptions = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, this.options), options), {
+      var mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, this.options), options), {
         isClone: true
       });
       var clone = new I18n(mergedOptions);
@@ -3729,7 +3729,7 @@ var I18n = function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$7({}, this.services);
+      clone.services = _objectSpread({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -4041,185 +4041,6 @@ exports["default"] = _default;
 
 var Translator = /*@__PURE__*/getDefaultExportFromCjs(translator$2);
 
-var feedback$1 = {};
-
-var feedback = {};
-
-var _interopRequireDefault$2 = interopRequireDefault.exports;
-
-Object.defineProperty(feedback, "__esModule", {
-  value: true
-});
-feedback.getFeedbackForCorrectness = feedback.getFeedback = feedback.getActualFeedbackForCorrectness = feedback.getActualFeedback = feedback.defaults = void 0;
-
-var _defineProperty2 = _interopRequireDefault$2(defineProperty$1.exports);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var defaults$1 = {
-  correct: {
-    type: 'default',
-    "default": 'Correct',
-    custom: 'Correct'
-  },
-  incorrect: {
-    type: 'default',
-    "default": 'Incorrect',
-    custom: 'Incorrect'
-  },
-  partial: {
-    type: 'default',
-    "default": 'Nearly',
-    custom: 'Nearly'
-  },
-  unanswered: {
-    type: 'default',
-    "default": 'You have not entered a response',
-    custom: 'You have not entered a response'
-  }
-};
-/**
- * @typedef {Object} FeedbackConfig
- * @property {'default'|'none'|'custom'} type
- * @property {string} default
- * @property {string} custom
- *
- * @typedef {Object} Feedback
- *  @property {FeedbackConfig} correct
- *  @property {FeedbackConfig} incorrect
- *  @property {FeedbackConfig} partial
- */
-
-feedback.defaults = defaults$1;
-
-var normalizeCorrectness = function normalizeCorrectness(c) {
-  if (c === 'partially-correct') {
-    return 'partial';
-  }
-
-  return c;
-};
-/**
- * Get the feedback for the correctness
- *
- * @param {'correct'|'incorrect'|'partial'} correctness
- * @param {Feedback} feedback
- */
-
-
-var getFeedbackForCorrectness = function getFeedbackForCorrectness(correctness, feedback) {
-  return new Promise(function (resolve) {
-    feedback = _objectSpread(_objectSpread({}, defaults$1), feedback);
-    correctness = normalizeCorrectness(correctness);
-    var fb = feedback[correctness] || defaults$1[correctness] || {};
-    var d = defaults$1[correctness] || {};
-    getFeedback(fb, d[fb.type || 'default']).then(function (result) {
-      return resolve(result);
-    });
-  });
-};
-/**
- * Get the feedback from a {FeedbackConfig}
- *
- * @param {FeedbackConfig} feedback
- * @param {string} fallback
- */
-
-
-feedback.getFeedbackForCorrectness = getFeedbackForCorrectness;
-
-var getFeedback = function getFeedback(feedback, fallback) {
-  return new Promise(function (resolve) {
-    if (!feedback || feedback.type === 'none') {
-      resolve(undefined);
-      return;
-    }
-
-    feedback = feedback || {};
-    var out = feedback[feedback.type] || fallback;
-    resolve(out);
-  });
-}; // TODO: should replace getFeedbackForCorrectness
-
-/**
- * Get feedback for correctness
- * @param {'correct'|'incorrect'|'partial'} correctness
- * @param {Feedback} feedback
- */
-
-
-feedback.getFeedback = getFeedback;
-
-var getActualFeedbackForCorrectness = function getActualFeedbackForCorrectness(correctness, feedback) {
-  feedback = _objectSpread(_objectSpread({}, defaults$1), feedback); // normalize correctness
-
-  correctness = correctness === 'partially-correct' ? 'partial' : correctness;
-  var defaultFeedback = defaults$1[correctness] || {};
-  var fb = feedback[correctness] || defaultFeedback;
-  return getActualFeedback(fb, defaultFeedback[fb.type || 'default']);
-}; // TODO: should replace getFeedback
-
-/**
- * Get the feedback from a {FeedbackConfig}
- * @param {FeedbackConfig} feedback
- * @param {string} fallback
- */
-
-
-feedback.getActualFeedbackForCorrectness = getActualFeedbackForCorrectness;
-
-var getActualFeedback = function getActualFeedback(feedback, fallback) {
-  if (!feedback || feedback.type === 'none') {
-    return undefined;
-  }
-
-  return feedback[feedback.type] || fallback;
-};
-
-feedback.getActualFeedback = getActualFeedback;
-
-(function (exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "defaults", {
-  enumerable: true,
-  get: function get() {
-    return _feedback.defaults;
-  }
-});
-Object.defineProperty(exports, "getActualFeedback", {
-  enumerable: true,
-  get: function get() {
-    return _feedback.getActualFeedback;
-  }
-});
-Object.defineProperty(exports, "getActualFeedbackForCorrectness", {
-  enumerable: true,
-  get: function get() {
-    return _feedback.getActualFeedbackForCorrectness;
-  }
-});
-Object.defineProperty(exports, "getFeedback", {
-  enumerable: true,
-  get: function get() {
-    return _feedback.getFeedback;
-  }
-});
-Object.defineProperty(exports, "getFeedbackForCorrectness", {
-  enumerable: true,
-  get: function get() {
-    return _feedback.getFeedbackForCorrectness;
-  }
-});
-
-var _feedback = feedback;
-
-}(feedback$1));
-
 // Should be exactly the same as configure/defaults.js
 var defaults = {
   model: {
@@ -22971,6 +22792,7 @@ var _controllerUtils = controllerUtils;
 }(controllerUtils$1));
 
 const { translator } = Translator;
+const getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
 
 const getIsAnswerCorrect = (correctResponse, answerItem) => {
   let answerCorrect = false;
@@ -23017,9 +22839,11 @@ const getResponseCorrectness = (question, sessionResponse) => {
     let correctAnswers = 0;
     let score = 0;
     let correct = false;
+    const correctResponsesCount = Object.keys(correctResponses || {}).length;
+
     Object.keys(correctResponses).forEach((responseId) => {
       const answerItem = sessionResponse['r' + responseId];
-      const correctResponse = correctResponses[responseId];
+      const correctResponse = correctResponses[responseId] || {};
 
       const answerCorrect = getIsAnswerCorrect(correctResponse, answerItem);
       if (answerCorrect) {
@@ -23027,12 +22851,14 @@ const getResponseCorrectness = (question, sessionResponse) => {
       }
     });
 
+    const fullyCorrect = correctAnswers === correctResponsesCount;
+
     // partial credit scoring: each correct answer is worth 1 / total answers point
     // dichotomous scoring: for credit to be awarded, a correct answer must be entered for every response area
     score = (correctAnswers / Object.keys(correctResponses).length).toFixed(2);
 
     return {
-      correctness: correctAnswers > 0 ? 'correct' : 'incorrect',
+      correctness: fullyCorrect ? 'correct' : 'incorrect',
       score: correctAnswers > 0 ? score : 0,
       correct
     };
@@ -23097,7 +22923,7 @@ const model = (question, session, env) => {
 
     // check if there is at least one alternate response or if the validation for at least one response is not literal
     Object.keys(responses).forEach((responseId) => {
-      const correctResponse = responses[responseId];
+      const correctResponse = responses[responseId] || {};
       if (correctResponse.alternates && Object.keys(correctResponse.alternates).length > 0) {
         showNote = true;
       } else if (correctResponse.validation !== 'literal') {
@@ -23171,8 +22997,57 @@ const createCorrectResponseSession = (question, env) =>
   });
 
 const validate = (model = {}, config = {}) => {
+  const { responses, markup } = model;
+  const { maxResponseAreas } = config;
+  const responsesErrors = {};
   const errors = {};
 
+  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {
+    if (config[field]?.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+
+  Object.entries(responses || {}).forEach(([key, response], index) => {
+    const { answer } = response;
+    const reversedAlternates = [...Object.entries(response.alternates || {})].reverse();
+    const alternatesErrors = {};
+    const responseError = {};
+
+    if (answer === '') {
+      responseError.answer = 'Content should not be empty.';
+    }
+
+    reversedAlternates.forEach(([key, value], index) => {
+      if (value === '') {
+        alternatesErrors[key] = 'Content should not be empty.';
+      } else {
+        const identicalAnswer =
+          answer === value || reversedAlternates.slice(index + 1).some(([, val]) => val === value);
+
+        if (identicalAnswer) {
+          alternatesErrors[key] = 'Content should be unique.';
+        }
+      }
+    });
+
+    if (!isEmpty_1(responseError) || !isEmpty_1(alternatesErrors)) {
+      responsesErrors[index] = { ...responseError, ...alternatesErrors };
+    }
+  });
+
+  const nbOfResponseAreas = (markup.match(/\{\{(\d+)\}\}/g) || []).length;
+
+  if (nbOfResponseAreas > maxResponseAreas) {
+    errors.responseAreas = `No more than ${maxResponseAreas} response areas should be defined.`;
+  } else if (nbOfResponseAreas < 1) {
+    errors.responseAreas = 'There should be at least 1 response area defined.';
+  }
+
+  if (!isEmpty_1(responsesErrors)) {
+    errors.responses = responsesErrors;
+  }
+
   return errors;
 };
 

package/module/element.js

@@ -126692,7 +126692,7 @@ const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
 const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const {CorrectAnswerToggle: CorrectAnswerToggle} = _dll_pie_lib__pie_toolbox_correct_answer_toggle;
 const _jsxFileName = "/home/circleci/repo/packages/math-templated/src/main.jsx";
-function _optionalChain$1(ops) {
+function _optionalChain(ops) {
   let lastAccessLHS = undefined;
   let value = ops[0];
   let i = 1;
@@ -126737,7 +126737,7 @@ function prepareForStatic(model, state) {
   if (markup) {
     if (state.showCorrect) {
       return Object.keys(responses || ({})).reduce((acc, responseKey) => {
-        acc[responseKey] = _optionalChain$1([responses, 'optionalAccess', _ => _[responseKey], 'optionalAccess', _2 => _2.answer]);
+        acc[responseKey] = _optionalChain([responses, 'optionalAccess', _ => _[responseKey], 'optionalAccess', _2 => _2.answer]);
         return acc;
       }, {});
     }
@@ -126804,7 +126804,7 @@ class Main extends React$1.Component {
         const responseKey = Main.getResponseKey(response);
         const sessionAnswerForResponse = sessionAnswers && sessionAnswers[`r${responseKey}`];
         answers[`r${responseKey}`] = {
-          value: _optionalChain$1([sessionAnswerForResponse, 'optionalAccess', _7 => _7.value]) || ''
+          value: _optionalChain([sessionAnswerForResponse, 'optionalAccess', _7 => _7.value]) || ''
         };
       });
     }
@@ -126873,7 +126873,7 @@ class Main extends React$1.Component {
         const responseKey = Main.getResponseKey(nextMatch);
         const sessionAnswerForResponse = answers && answers[`r${responseKey}`];
         newAnswers[`r${responseKey}`] = {
-          value: _optionalChain$1([sessionAnswerForResponse, 'optionalAccess', _8 => _8.value]) || ''
+          value: _optionalChain([sessionAnswerForResponse, 'optionalAccess', _8 => _8.value]) || ''
         };
       });
       this.setState(state => ({
@@ -127011,7 +127011,7 @@ class Main extends React$1.Component {
       }
       function getDeepChildDataKeypad(element, depth = 0) {
         if (!element || depth >= 4) return null;
-        const child = _optionalChain$1([element, 'optionalAccess', _9 => _9.children, 'optionalAccess', _10 => _10[0]]);
+        const child = _optionalChain([element, 'optionalAccess', _9 => _9.children, 'optionalAccess', _10 => _10[0]]);
         if (!child) return null;
         if (child.attributes && child.attributes['data-keypad']) {
           return child;
@@ -127020,7 +127020,7 @@ class Main extends React$1.Component {
       }
       const parentWithTooltipRole = getParentWithRoleTooltip(relatedTarget);
       const childWithDataKeypad = parentWithTooltipRole ? getDeepChildDataKeypad(parentWithTooltipRole) : null;
-      if (!relatedTarget || !currentTarget || !_optionalChain$1([childWithDataKeypad, 'optionalAccess', _11 => _11.attributes, 'access', _12 => _12['data-keypad']])) {
+      if (!relatedTarget || !currentTarget || !_optionalChain([childWithDataKeypad, 'optionalAccess', _11 => _11.attributes, 'access', _12 => _12['data-keypad']])) {
         this.setState({
           activeAnswerBlock: ''
         });
@@ -127485,27 +127485,6 @@ var Main$1 = styles$q.withStyles(styles)(Main);
 const React = _dll_react;
 const ReactDOM = _dll_react_dom;
 const _ = _dll_lodash;
-function _optionalChain(ops) {
-  let lastAccessLHS = undefined;
-  let value = ops[0];
-  let i = 1;
-  while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-      return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-      lastAccessLHS = value;
-      value = fn(value);
-    } else if (op === 'call' || op === 'optionalCall') {
-      value = fn((...args) => value.call(lastAccessLHS, ...args));
-      lastAccessLHS = undefined;
-    }
-  }
-  return value;
-}
 class MathTemplated extends HTMLElement {
   constructor() {
     super();
@@ -127542,7 +127521,6 @@ class MathTemplated extends HTMLElement {
     this.render();
   }
   render() {
-    console.log('In Player Render, session.answers', _optionalChain([this, 'access', _2 => _2._session, 'optionalAccess', _3 => _3.answers]));
     if (!this._model || !this._session) {
       return;
     }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "2.12.1-next.0+32481532f",
+  "version": "2.12.1-next.5+c50a5005c",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
@@ -16,7 +16,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "32481532f4b331a4f11ecd1465308dd96d277a8d",
+  "gitHead": "c50a5005c4299f831331fb1975beeb1c96b8b678",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },