@instructure/quiz-interactions/lib/records/interactions/multiple_choice.js

A React UI component Library for quiz interaction types.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _instructureValidations = require("instructure-validations");
var _quizRce = require("@instructure/quiz-rce");
var _interaction_slugs = require("../../interaction_slugs");
var _InteractionType2 = _interopRequireDefault(require("../InteractionType"));
var _validationHelpers = require("../../util/validationHelpers");
var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
function _callSuper(_this, derived, args) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;
    try {
      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
    } catch (e) {
      return false;
    }
  }
  derived = (0, _getPrototypeOf2["default"])(derived);
  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
}
function newChoiceId() {
  return (0, _uuid.v4)();
}
var eachChoiceRule = {
  itemBody: [(0, _instructureValidations.rule)('presence', {
    message: (0, _validationHelpers.presenceMessage)((0, _formatMessage["default"])('Answer'))
  })]
};
var MultipleChoiceInteractionType = exports["default"] = /*#__PURE__*/function (_InteractionType) {
  function MultipleChoiceInteractionType(obj) {
    var _this2;
    (0, _classCallCheck2["default"])(this, MultipleChoiceInteractionType);
    _this2 = _callSuper(this, MultipleChoiceInteractionType);
    (0, _defineProperty2["default"])(_this2, "slug", _interaction_slugs.MULTIPLE_CHOICE_SLUG);
    (0, _defineProperty2["default"])(_this2, "translatedName", (0, _formatMessage["default"])('Multiple Choice'));
    (0, _defineProperty2["default"])(_this2, "defaultProperties", {
      shuffleRules: {
        choices: {
          shuffled: false,
          toLock: []
        }
      }
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultScoringData", function (intData) {
      return {
        value: intData.choices[0].id
      };
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultInteractionData", function () {
      return {
        choices: [{
          id: newChoiceId(),
          itemBody: '',
          position: 1
        }, {
          id: newChoiceId(),
          itemBody: '',
          position: 2
        }, {
          id: newChoiceId(),
          itemBody: '',
          position: 3
        }, {
          id: newChoiceId(),
          itemBody: '',
          position: 4
        }]
      };
    });
    (0, _defineProperty2["default"])(_this2, "getRenderedResponse", function (responseValue, interactionData) {
      var choice = interactionData.choices.find(function (c) {
        return c.id === responseValue;
      });
      return /*#__PURE__*/_react["default"].createElement(_quizRce.RichContentRenderer, {
        content: choice ? choice.itemBody : ''
      });
    });
    (0, _get2["default"])((_this2, (0, _getPrototypeOf2["default"])(MultipleChoiceInteractionType.prototype)), "initializeProps", _this2).call(_this2, obj);
    return _this2;
  }
  (0, _inherits2["default"])(MultipleChoiceInteractionType, _InteractionType);
  return (0, _createClass2["default"])(MultipleChoiceInteractionType, null, [{
    key: "validations",
    value: function validations() {
      return {
        interactionData: {
          choices: [(0, _instructureValidations.each)(eachChoiceRule), (0, _instructureValidations.rule)('noDuplicates', {
            field: 'itemBody',
            message: (0, _validationHelpers.noDuplicatesMessage)((0, _formatMessage["default"])('Answer'))
          }), (0, _instructureValidations.onSelf)((0, _instructureValidations.rule)('listSize', {
            minMessage: (0, _formatMessage["default"])('You must have at least two choices'),
            min: 2
          }))]
        },
        scoringData: {
          value: [(0, _instructureValidations.rule)('presence', {
            message: (0, _formatMessage["default"])('You must select a correct answer')
          })]
        }
      };
    }
  }]);
}(_InteractionType2["default"]);