@instructure/quiz-interactions/lib/records/interactions/multiple_answer.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 _compact = _interopRequireDefault(require("lodash/compact"));
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 MultipleAnswerInteractionType = exports["default"] = /*#__PURE__*/function (_InteractionType) {
  function MultipleAnswerInteractionType(obj) {
    var _this2;
    (0, _classCallCheck2["default"])(this, MultipleAnswerInteractionType);
    _this2 = _callSuper(this, MultipleAnswerInteractionType);
    (0, _defineProperty2["default"])(_this2, "slug", _interaction_slugs.MULTIPLE_ANSWER_SLUG);
    (0, _defineProperty2["default"])(_this2, "translatedName", (0, _formatMessage["default"])('Multiple Answer'));
    (0, _defineProperty2["default"])(_this2, "defaultProperties", {
      shuffleRules: {
        choices: {
          shuffled: false,
          toLock: []
        }
      }
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultScoringData", function (intData) {
      return {
        value: [intData.choices[0].id, intData.choices[1].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) {
      var interactionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
        choices: []
      };
      return (0, _compact["default"])(responseValue.map(function (value) {
        var choice = interactionData.choices.find(function (choice) {
          return choice.id === value;
        });
        if (choice !== void 0) {
          return /*#__PURE__*/_react["default"].createElement(_quizRce.RichContentRenderer, {
            key: choice.id,
            content: choice ? choice.itemBody : ''
          });
        } else {
          return null;
        }
      }));
    });
    (0, _get2["default"])((_this2, (0, _getPrototypeOf2["default"])(MultipleAnswerInteractionType.prototype)), "initializeProps", _this2).call(_this2, obj);
    return _this2;
  }
  (0, _inherits2["default"])(MultipleAnswerInteractionType, _InteractionType);
  return (0, _createClass2["default"])(MultipleAnswerInteractionType, [{
    key: "hasResponse",
    value: function hasResponse(resp) {
      return resp.length > 0;
    }
  }], [{
    key: "validations",
    value: function validations() {
      var eachChoiceRule = {
        itemBody: [(0, _instructureValidations.rule)('presence', {
          message: (0, _validationHelpers.presenceMessage)((0, _formatMessage["default"])('Answer'))
        })]
      };
      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.onSelf)((0, _instructureValidations.rule)('listSize', {
            minMessage: (0, _formatMessage["default"])('You must select at least one correct answer'),
            min: 1
          }))]
        }
      };
    }
  }]);
}(_InteractionType2["default"]);