@instructure/quiz-core 22.16.1 → 22.17.0

package/lib/common/components/resources/sessionItemResult/SessionItemResult/components/SessionItemResultHeader.js

@@ -0,0 +1,122 @@
+/** @jsx jsx */ import React from 'react';
+import { jsx } from '@instructure/emotion';
+import t from '@instructure/quiz-i18n/format-message';
+import { View } from '@instructure/ui-view';
+import { Text } from '@instructure/ui-text';
+import { Flex } from '@instructure/quiz-common';
+import PositionBox from '../../../positionBox/PositionBox';
+import { isMissing } from '../../../../../util/isMissing';
+import { InteractionTypeName } from '../../../../../../building/components/resources/quizEntry/QuizEntryShow/components/LeftHeader';
+function PositionBoxScreenReaderContent(param) {
+    var questionNumber = param.questionNumber, unscorable = param.unscorable, regraded = param.regraded, editGraderFeedback = param.editGraderFeedback;
+    if (regraded && unscorable) {
+        return t('Results for question {questionNumber, number}. There was a problem grading this question. This question has been regraded.', {
+            questionNumber: questionNumber
+        });
+    }
+    if (regraded) {
+        return t('Results for question {questionNumber, number}. This question has been regraded.', {
+            questionNumber: questionNumber
+        });
+    }
+    if (unscorable) {
+        if (editGraderFeedback) {
+            return t('Results for question {questionNumber, number}. There was a problem grading this question.', {
+                questionNumber: questionNumber
+            });
+        }
+        return t('Results for question {questionNumber, number}. There was a problem grading this question. Please inform your instructor.', {
+            questionNumber: questionNumber
+        });
+    }
+    return t('Results for question {questionNumber, number}.', {
+        questionNumber: questionNumber
+    });
+}
+function RegradePoints(param) {
+    var sessionItemResult = param.sessionItemResult;
+    return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(View, {
+        as: "span",
+        size: "small",
+        margin: "small"
+    }, /*#__PURE__*/ jsx(Text, {
+        color: "secondary"
+    }, t("Previous score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+        points: sessionItemResult.regradeInfo.get('originalScore') || 0,
+        possible: sessionItemResult.regradeInfo.get('originalPointsPossible')
+    }))), /*#__PURE__*/ jsx(View, {
+        as: "span",
+        size: "small",
+        margin: "small"
+    }, /*#__PURE__*/ jsx(Text, {
+        color: "alert"
+    }, t("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+        points: sessionItemResult.regradeInfo.get('newScore') || 0,
+        possible: sessionItemResult.regradeInfo.get('newPointsPossible')
+    }))));
+}
+function getPointsText(param) {
+    var sessionItemResult = param.sessionItemResult;
+    var points = sessionItemResult.score;
+    var pointsPossible = sessionItemResult.pointsPossible;
+    var pointsPresent = !isMissing(points);
+    var pointsPossiblePresent = !isMissing(pointsPossible);
+    if (pointsPresent && pointsPossiblePresent) {
+        return t("{ possible, plural,\n            one   {{points, number} / # point}\n            other {{points, number} / # points}\n          }", {
+            points: points,
+            possible: pointsPossible
+        });
+    }
+    if (pointsPossiblePresent) {
+        return t("{ possible, plural,\n            one   {# point}\n            other {# points}\n          } possible", {
+            possible: pointsPossible
+        });
+    }
+    if (pointsPresent) {
+        return t("{ points, plural,\n            one   {# point}\n            other {# points}\n          } earned", {
+            points: points
+        });
+    }
+    return null;
+}
+function Points(param) {
+    var sessionItemResult = param.sessionItemResult;
+    if (sessionItemResult && sessionItemResult.hasRegradeInfo()) {
+        return /*#__PURE__*/ jsx(RegradePoints, {
+            sessionItemResult: sessionItemResult
+        });
+    }
+    return /*#__PURE__*/ jsx(View, null, /*#__PURE__*/ jsx(Text, {
+        color: "secondary",
+        size: "small",
+        className: "fs-mask"
+    }, getPointsText({
+        sessionItemResult: sessionItemResult
+    })));
+}
+export function SessionItemResultHeader(param) {
+    var sessionItemResult = param.sessionItemResult, questionNumber = param.questionNumber, editGraderFeedback = param.editGraderFeedback, restrictQuantitativeData = param.restrictQuantitativeData, interactionTypeName = param.interactionTypeName;
+    return /*#__PURE__*/ jsx(Flex, {
+        direction: "row",
+        alignItems: "center",
+        gap: "small"
+    }, /*#__PURE__*/ jsx(PositionBox, {
+        position: questionNumber,
+        headingLevel: "h3",
+        headingText: PositionBoxScreenReaderContent({
+            questionNumber: questionNumber,
+            regraded: sessionItemResult.isRegraded(),
+            unscorable: sessionItemResult.isUnscorable(),
+            editGraderFeedback: editGraderFeedback
+        })
+    }), !restrictQuantitativeData && /*#__PURE__*/ jsx(Points, {
+        restrictQuantitativeData: restrictQuantitativeData,
+        sessionItemResult: sessionItemResult
+    }), /*#__PURE__*/ jsx(InteractionTypeName, {
+        name: interactionTypeName,
+        defaultValue: null,
+        textProps: {
+            size: 'small'
+        }
+    }));
+}

package/lib/common/components/resources/sessionItemResult/SessionItemResult/index.js

@@ -3,13 +3,17 @@ import { connect } from '../../../../react-redux';
 import makeScrollable from '../../../shared/functionality/makeScrollable';
 import { SessionItemResult as SessionItemResultPresenter } from './presenter';
 import { featureOn } from '../../../../util/featureCheck';
-function mapStateToProps(state) {
+import { getActiveQuiz } from '../../../../selectors/quizzes';
+function mapStateToProps(state, ownProps) {
+    var quiz = getActiveQuiz(state);
+    var isSurvey = quiz === null || quiz === void 0 ? void 0 : quiz.isSurvey();
     return {
         itemResultsModifications: state.getIn([
             'modifications',
             'sessionItemResults'
         ]),
-        shouldRenderAnswerFeedback: featureOn('answer_level_feedback')
+        shouldRenderAnswerFeedback: featureOn('answer_level_feedback'),
+        isSurvey: isSurvey
     };
 }
 export var SessionItemResult = compose(connect(mapStateToProps), makeScrollable)(SessionItemResultPresenter);

package/lib/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -59,6 +59,45 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _possible_constructor_return(self, call) {
     if (call && (_type_of(call) === "object" || typeof call === "function")) {
         return call;
@@ -84,37 +123,43 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Alert } from '@instructure/ui-alerts';
-import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
-import { View } from '@instructure/ui-view';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/format-message';
-import PositionBox from '../../positionBox/PositionBox';
 import { COMPONENT_RESULT, withStyleOverrides } from '@instructure/quiz-common';
 import componentForItem from '../../../../util/componentForItem';
 import CustomPropTypes from '../../../../util/CustomPropTypes';
 import keyboardClickable from '../../../../util/keyboardClickable';
+import { SessionItemResultHeader } from './components/SessionItemResultHeader';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-export var SessionItemResult = /*#__PURE__*/ function(Component) {
+// Surveys don't have correct answers, so scoredData should be empty if no answer is given
+// to avoid showing "incorrect" feedback
+export var getAdjustedScoredData = function(originalScoredData, isSurvey, interactionTypeSlug) {
+    var hasNoAnswer = !(originalScoredData === null || originalScoredData === void 0 ? void 0 : originalScoredData.value);
+    var hasNoCorrectness = typeof (originalScoredData === null || originalScoredData === void 0 ? void 0 : originalScoredData.correct) === 'undefined';
+    if (isSurvey && hasNoAnswer && hasNoCorrectness) {
+        // File upload interactions expect an array for an empty value, others expect an object
+        var emptyValue = interactionTypeSlug === 'file-upload' ? [] : {};
+        return _object_spread_props(_object_spread({}, originalScoredData), {
+            value: emptyValue
+        });
+    }
+    return originalScoredData;
+};
+var SessionItemResultUnstyled = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(SessionItemResult, Component);
-    function SessionItemResult() {
-        _class_call_check(this, SessionItemResult);
+    _inherits(SessionItemResultUnstyled, Component);
+    function SessionItemResultUnstyled() {
+        _class_call_check(this, SessionItemResultUnstyled);
         var _this;
-        _this = _call_super(this, SessionItemResult, arguments), _define_property(_this, "getWorkingInstance", function(sessionItemResult) {
+        _this = _call_super(this, SessionItemResultUnstyled, arguments), _define_property(_this, "getWorkingInstance", function(sessionItemResult) {
             // Check for getWorkingInstance because it does not exist on results page object
             // and is only needed on the grading page
             if (sessionItemResult.getWorkingInstance) {
@@ -124,7 +169,7 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
         });
         return _this;
     }
-    _create_class(SessionItemResult, [
+    _create_class(SessionItemResultUnstyled, [
         {
             key: "componentDidMount",
             value: function componentDidMount() {
@@ -137,80 +182,12 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
                 this.props.makeStyles();
             }
         },
-        {
-            key: "points",
-            get: function get() {
-                var sessionItemResult = this.props.sessionItemResult;
-                var normalizedSessionItemResult = sessionItemResult && sessionItemResult.toJS() || {};
-                return normalizedSessionItemResult.score;
-            }
-        },
-        {
-            key: "pointsPresent",
-            get: function get() {
-                return typeof this.points === 'number';
-            }
-        },
-        {
-            key: "pointsPossible",
-            get: function get() {
-                return this.props.sessionItemResult.pointsPossible;
-            }
-        },
-        {
-            key: "pointsPossiblePresent",
-            get: function get() {
-                return typeof this.pointsPossible === 'number';
-            }
-        },
         {
             key: "questionNumber",
             value: function questionNumber() {
                 return this.props.sessionItem.questionNumber;
             }
         },
-        {
-            key: "unscorable",
-            value: function unscorable() {
-                return this.props.sessionItemResult.scoredData.get('unscorable');
-            }
-        },
-        {
-            key: "regraded",
-            value: function regraded() {
-                return this.props.sessionItemResult.regradeInfo && this.props.sessionItemResult.regradeInfo.get('regraded');
-            }
-        },
-        {
-            key: "hasRegradeInfo",
-            value: function hasRegradeInfo() {
-                return this.props.sessionItemResult.regradeInfo && this.props.sessionItemResult.regradeInfo.size > 1;
-            }
-        },
-        {
-            key: "pointsDisplayText",
-            get: function get() {
-                var points = this.points;
-                var possible = this.pointsPossible;
-                if (this.pointsPresent && this.pointsPossiblePresent) {
-                    return t("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
-                        points: points,
-                        possible: possible
-                    });
-                }
-                if (this.pointsPossiblePresent) {
-                    return t("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
-                        possible: possible
-                    });
-                }
-                if (this.pointsPresent) {
-                    return t("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
-                        points: points
-                    });
-                }
-                return '';
-            }
-        },
         {
             key: "renderRegradeAlert",
             value: function renderRegradeAlert() {
@@ -231,80 +208,6 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
                 }, /*#__PURE__*/ jsx(PresentationContent, null, message));
             }
         },
-        {
-            key: "renderRegradePoints",
-            value: function renderRegradePoints() {
-                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(View, {
-                    as: "span",
-                    size: "small",
-                    margin: "small"
-                }, /*#__PURE__*/ jsx(Text, {
-                    color: "secondary"
-                }, t("Previous score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
-                    points: this.props.sessionItemResult.regradeInfo.get('originalScore') || 0,
-                    possible: this.props.sessionItemResult.regradeInfo.get('originalPointsPossible')
-                }))), /*#__PURE__*/ jsx(View, {
-                    as: "span",
-                    size: "small",
-                    margin: "small"
-                }, /*#__PURE__*/ jsx(Text, {
-                    color: "alert"
-                }, t("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
-                    points: this.props.sessionItemResult.regradeInfo.get('newScore') || 0,
-                    possible: this.props.sessionItemResult.regradeInfo.get('newPointsPossible')
-                }))));
-            }
-        },
-        {
-            key: "renderHeader",
-            value: function renderHeader() {
-                return /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.sessionItemResultHeader
-                }, this.renderResultQuestionNumber(), !this.props.restrictQuantitativeData && (this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints()));
-            }
-        },
-        {
-            key: "renderResultQuestionNumber",
-            value: function renderResultQuestionNumber() {
-                var questionNumber = this.questionNumber();
-                var questionNumberText;
-                if (this.regraded() && this.unscorable()) {
-                    questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question. This question has been regraded.', {
-                        questionNumber: questionNumber
-                    });
-                } else if (this.regraded()) {
-                    questionNumberText = t('Results for question {questionNumber, number}. This question has been regraded.', {
-                        questionNumber: questionNumber
-                    });
-                } else if (this.unscorable() && this.props.editGraderFeedback) {
-                    questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question.', {
-                        questionNumber: questionNumber
-                    });
-                } else if (this.unscorable()) {
-                    questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question. Please inform your instructor.', {
-                        questionNumber: questionNumber
-                    });
-                } else {
-                    questionNumberText = t('Results for question {questionNumber, number}.', {
-                        questionNumber: questionNumber
-                    });
-                }
-                return /*#__PURE__*/ jsx(PositionBox, {
-                    position: questionNumber,
-                    headingLevel: "h3",
-                    headingText: questionNumberText
-                });
-            }
-        },
-        {
-            key: "renderPoints",
-            value: function renderPoints() {
-                return /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.points,
-                    className: "fs-mask"
-                }, this.pointsDisplayText);
-            }
-        },
         {
             key: "renderFeedbackBox",
             value: function renderFeedbackBox(feedbackContent, formattedFeedbackTitle) {
@@ -382,6 +285,7 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
                 var simpleResultsModifications = itemResultsModifications && itemResultsModifications.toJS() || {};
                 var simpleSessionItem = sessionItem.toJS();
                 var simpleSessionItemResult = sessionItemResult.toJS();
+                var finalScoredData = getAdjustedScoredData(simpleSessionItemResult.scoredData, this.props.isSurvey, slug);
                 return /*#__PURE__*/ jsx("div", {
                     css: this.props.styles.result
                 }, /*#__PURE__*/ jsx("div", {
@@ -393,7 +297,7 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
                     interactionData: simpleItem.interactionData,
                     properties: simpleItem.properties || {},
                     scoringData: simpleSessionItem.scoringData,
-                    scoredData: simpleSessionItemResult.scoredData,
+                    scoredData: finalScoredData,
                     itemResultsModifications: simpleResultsModifications[simpleSessionItem.id]
                 })), this.renderItemFeedback(simpleSessionItemResult));
             }
@@ -401,17 +305,24 @@ export var SessionItemResult = /*#__PURE__*/ function(Component) {
         {
             key: "render",
             value: function render() {
+                var sessionItemResult = this.props.sessionItemResult;
                 return /*#__PURE__*/ jsx("div", {
                     css: this.props.styles.sessionItemResult
-                }, this.regraded() ? this.renderRegradeAlert() : null, this.unscorable() ? this.renderUnscorableAlert() : null, this.renderHeader(), this.renderSessionItemResult());
+                }, sessionItemResult.isRegraded() ? this.renderRegradeAlert() : null, sessionItemResult.isUnscorable() ? this.renderUnscorableAlert() : null, /*#__PURE__*/ jsx(SessionItemResultHeader, {
+                    sessionItemResult: this.props.sessionItemResult,
+                    questionNumber: this.questionNumber(),
+                    editGraderFeedback: this.props.editGraderFeedback,
+                    restrictQuantitativeData: this.props.restrictQuantitativeData,
+                    interactionTypeName: sessionItemResult.getItem().getInteractionType().name
+                }), this.renderSessionItemResult());
             }
         }
     ]);
-    return SessionItemResult;
+    return SessionItemResultUnstyled;
 }(Component);
-_define_property(SessionItemResult, "displayName", 'SessionItemResult');
-_define_property(SessionItemResult, "componentId", "Quizzes".concat(SessionItemResult.displayName));
-_define_property(SessionItemResult, "propTypes", {
+_define_property(SessionItemResultUnstyled, "displayName", 'SessionItemResult');
+_define_property(SessionItemResultUnstyled, "componentId", "Quizzes".concat(SessionItemResultUnstyled.displayName));
+_define_property(SessionItemResultUnstyled, "propTypes", {
     appContainer: CustomPropTypes.selectors.isRequired,
     editGraderFeedback: PropTypes.func,
     hideGraderFeedback: PropTypes.bool,
@@ -419,20 +330,21 @@ _define_property(SessionItemResult, "propTypes", {
     restrictQuantitativeData: PropTypes.bool,
     sessionItem: ImmutablePropTypes.record.isRequired,
     sessionItemResult: ImmutablePropTypes.record.isRequired,
+    interactionType: PropTypes.object.isRequired,
     shouldRenderAnswerFeedback: PropTypes.bool,
     shouldRenderTopBorder: PropTypes.bool,
+    isSurvey: PropTypes.bool,
     styles: PropTypes.object,
     makeStyles: PropTypes.func
 });
-_define_property(SessionItemResult, "defaultProps", {
+_define_property(SessionItemResultUnstyled, "defaultProps", {
     editGraderFeedback: null,
     hideGraderFeedback: false,
     itemResultsModifications: null,
     restrictQuantitativeData: false,
     shouldRenderAnswerFeedback: false,
-    shouldRenderTopBorder: true
+    shouldRenderTopBorder: true,
+    isSurvey: false
 });
-SessionItemResult = _ts_decorate([
-    withStyleOverrides(generateStyle, generateComponentTheme)
-], SessionItemResult);
+export var SessionItemResult = withStyleOverrides(generateStyle, generateComponentTheme)(SessionItemResultUnstyled);
 export default SessionItemResult;

package/lib/common/components/resources/sessionItemResult/SessionItemResult/styles.js

@@ -36,17 +36,9 @@ var generateStyle = function(componentTheme, props) {
         result: {
             margin: componentTheme.resultMargin
         },
-        points: {
-            color: componentTheme.pointsColor,
-            fontSize: componentTheme.pointFontSize
-        },
         question: {
             fontSize: componentTheme.questionFontSize
         },
-        sessionItemResultHeader: {
-            display: 'flex',
-            alignItems: 'center'
-        },
         itemFeedbackWrapper: {
             marginTop: componentTheme.itemFeedbackWrapperMargin,
             padding: componentTheme.itemFeedbackWrapperPadding,

package/lib/common/components/resources/stimulus/Stimulus/index.js

@@ -3,6 +3,7 @@ import { connect } from '../../../../react-redux';
 import { openDeleteStimulusModal } from '../../../../actions/modal';
 import { set } from '../../../../actions/ui';
 import { featureOn } from '../../../../../common/util/featureCheck';
+import { getActiveQuiz } from '../../../../../common/selectors/quizzes';
 import WrappedStimulus from './presenter';
 var mapStateToProps = function(state, props) {
     var dndPosition = state.getIn([
@@ -18,13 +19,15 @@ var mapStateToProps = function(state, props) {
         'intoEmptyStimulus'
     ]);
     var draggingOver = props.draggingOnBuild && dndPosition === props.quizEntry.position;
+    var activeQuiz = getActiveQuiz(state);
     return {
         childEntries: props.quizEntry.getNestedEntries(),
         dropIntoEmptyStimulus: draggingOver && dropIntoEmptyStimulus,
         draggingOver: draggingOver,
         draggingAboveHalf: draggingOver && draggingAboveHalf,
         lockBlueprintContentEnabled: featureOn('lock_blueprint_content'),
-        stimulusOrientationEnabled: featureOn('customizable_stimulus_orientation')
+        stimulusOrientationEnabled: featureOn('customizable_stimulus_orientation'),
+        isSurvey: activeQuiz.isSurvey()
     };
 };
 var mapDispatchToProps = function(dispatch) {

package/lib/common/components/resources/stimulus/Stimulus/presenter.js

@@ -233,6 +233,7 @@ export var Stimulus = /*#__PURE__*/ function(Component) {
                     displayPosition: this.props.displayPosition,
                     guid: this.props.guid,
                     isBankedContent: this.props.isBankedContent,
+                    isSurvey: this.props.isSurvey,
                     openDeleteStimulusModal: this.openDeleteStimulusModal,
                     quizEntries: this.props.quizEntries,
                     quizEntry: this.props.quizEntry,
@@ -310,6 +311,7 @@ _define_property(Stimulus, "propTypes", {
     isBankedContent: PropTypes.bool,
     isContentLockedByBlueprint: PropTypes.bool.isRequired,
     isEditing: PropTypes.bool,
+    isSurvey: PropTypes.bool.isRequired,
     guid: PropTypes.string.isRequired,
     lockBlueprintContentEnabled: PropTypes.bool.isRequired,
     openDeleteStimulusModal: PropTypes.func.isRequired,

package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -605,7 +605,7 @@ export var StimulusEdit = /*#__PURE__*/ function(Component) {
                     stimulus: this.props.stimulus,
                     isBankedContent: this.props.isBankedContent,
                     setTitleRef: this.setTitleRef
-                }), this.renderAddToBankOptions())), /*#__PURE__*/ jsx("div", {
+                }), !this.props.isSurvey && this.renderAddToBankOptions())), /*#__PURE__*/ jsx("div", {
                     className: "footer",
                     css: this.props.styles.footer
                 }, /*#__PURE__*/ jsx("div", {
@@ -666,6 +666,7 @@ _define_property(StimulusEdit, "propTypes", {
     guid: PropTypes.string.isRequired,
     hideError: PropTypes.func.isRequired,
     isBankedContent: PropTypes.bool,
+    isSurvey: PropTypes.bool,
     openModal: PropTypes.func.isRequired,
     openDeleteStimulusModal: PropTypes.func.isRequired,
     nextQuizEntry: ImmutablePropTypes.map,
@@ -693,6 +694,7 @@ _define_property(StimulusEdit, "defaultProps", {
     bankEntryWarningWrapperProps: function() {},
     errorsShowing: false,
     isBankedContent: false,
+    isSurvey: false,
     nextQuizEntry: null
 });
 StimulusEdit = _ts_decorate([

package/lib/common/middleware/appSyncMiddleware.js

@@ -0,0 +1,19 @@
+import { appDispatch } from '../../reduxStore';
+export function createAppSyncMiddleware() {
+    return function(store) {
+        return function(next) {
+            return function(action) {
+                if (!appDispatch) {
+                    return next(action);
+                }
+                if (action.type === 'ADD_QUIZZES') {
+                    appDispatch({
+                        type: 'APPSYNC_ADD_QUIZZES',
+                        payload: action.payload
+                    });
+                }
+                return next(action);
+            };
+        };
+    };
+}

package/lib/common/records/Quiz.js

@@ -219,6 +219,12 @@ export var Quiz = /*#__PURE__*/ function(_ReduxRecord) {
                 return this.oneAtATimeType === 'question';
             }
         },
+        {
+            key: "isSurvey",
+            value: function isSurvey() {
+                return this.quizType === 'ungraded_survey' || this.quizType === 'graded_survey';
+            }
+        },
         {
             key: "state",
             value: function state() {
@@ -272,7 +278,8 @@ export var Quiz = /*#__PURE__*/ function(_ReduxRecord) {
     title: t('Add Title...'),
     filterIpAddress: false,
     filters: Map(),
-    valid: true
+    valid: true,
+    quizType: null
 }));
 _ts_decorate([
     withStateCache(function(quiz) {

package/lib/common/records/QuizEntry.js

@@ -335,7 +335,8 @@ export var QuizEntry = /*#__PURE__*/ function(_ReduxRecord) {
                 return {
                     points_possible: this.pointsPossible && parseFloat(this.pointsPossible),
                     position: this.position && Math.ceil(this.position),
-                    stimulus_quiz_entry_id: this.stimulusQuizEntryId
+                    stimulus_quiz_entry_id: this.stimulusQuizEntryId,
+                    required: Boolean(this.isRequired)
                 };
             }
         },
@@ -502,6 +503,12 @@ export var QuizEntry = /*#__PURE__*/ function(_ReduxRecord) {
                 return parseInt(this.properties.get('sampleNum'), 10);
             }
         },
+        {
+            key: "isRequired",
+            get: function get() {
+                return Boolean(this.properties.get('required'), false);
+            }
+        },
         {
             key: "selection",
             get: function get() {

package/lib/common/records/SessionItem.js

@@ -212,6 +212,7 @@ export var SessionItem = /*#__PURE__*/ function(_ReduxRecord) {
     calculatorType: 'none',
     stimulus: null,
     stimulusKey: null,
-    bolaPosition: null
+    bolaPosition: null,
+    required: false
 }));
 export default SessionItem;