@instructure/quiz-interactions/lib/records/interactions/categorization.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
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 _times3 = _interopRequireDefault(require("lodash/times"));
var _uuid = require("uuid");
var _instructureValidations = require("instructure-validations");
var _uiText = require("@instructure/ui-text");
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));
}
var CategorizationInteractionType = exports["default"] = /*#__PURE__*/function (_InteractionType) {
  function CategorizationInteractionType(obj) {
    var _this2;
    (0, _classCallCheck2["default"])(this, CategorizationInteractionType);
    _this2 = _callSuper(this, CategorizationInteractionType);
    (0, _defineProperty2["default"])(_this2, "slug", _interaction_slugs.CATEGORIZATION_SLUG);
    (0, _defineProperty2["default"])(_this2, "translatedName", (0, _formatMessage["default"])('Categorization'));
    (0, _defineProperty2["default"])(_this2, "defaultProperties", {});
    (0, _defineProperty2["default"])(_this2, "getDefaultScoringData", function (intData) {
      var i = 0;
      var categories = Object.keys(intData.categories).map(function (uuid) {
        var matchingDistractorId = Object.keys(intData.distractors)[i];
        i++;
        return {
          id: uuid,
          scoringAlgorithm: 'AllOrNothing',
          scoringData: {
            value: [matchingDistractorId]
          }
        };
      });
      return {
        score_method: 'all_or_nothing',
        // snake case for backend
        value: categories
      };
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultInteractionData", function () {
      var _times = (0, _times3["default"])(4, _uuid.v4),
        _times2 = (0, _slicedToArray2["default"])(_times, 4),
        categoryIdA = _times2[0],
        categoryIdB = _times2[1],
        distractorIdA = _times2[2],
        distractorIdB = _times2[3];
      return {
        categoryOrder: [categoryIdA, categoryIdB],
        categories: (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, categoryIdA, {
          id: categoryIdA,
          itemBody: ''
        }), categoryIdB, {
          id: categoryIdB,
          itemBody: ''
        }),
        distractors: (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, distractorIdA, {
          id: distractorIdA,
          itemBody: ''
        }), distractorIdB, {
          id: distractorIdB,
          itemBody: ''
        })
      };
    });
    (0, _defineProperty2["default"])(_this2, "getRenderedResponse", function (responseValue, interactionData) {
      var distractors = interactionData.distractors;
      return /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
        color: "primary"
      }, responseValue.map(function (category) {
        var c = interactionData.categories[category.id];
        var categoryValue = c ? c.itemBody : '';
        var categoryDistractors = category.value.map(function (distractorId) {
          var distractorValue = distractors[distractorId];
          return distractorValue ? distractorValue.itemBody : '';
        }).join(', ');
        return (0, _formatMessage["default"])('Category: {categoryValue} | Distractors: {categoryDistractors}', {
          categoryValue: categoryValue,
          categoryDistractors: categoryDistractors
        });
      }).join(', '));
    });
    (0, _get2["default"])((_this2, (0, _getPrototypeOf2["default"])(CategorizationInteractionType.prototype)), "initializeProps", _this2).call(_this2, obj);
    return _this2;
  }
  (0, _inherits2["default"])(CategorizationInteractionType, _InteractionType);
  return (0, _createClass2["default"])(CategorizationInteractionType, [{
    key: "getDefaultUserResponse",
    value: function getDefaultUserResponse(intData) {
      var categories = Object.keys(intData.categories).map(function (uuid) {
        return {
          id: uuid,
          value: [],
          type: 'ArrayText'
        };
      });
      return {
        value: categories
      };
    }
  }, {
    key: "hasResponse",
    value: function hasResponse(resp) {
      return resp.some(function (category) {
        return category.value.length > 0;
      });
    }
  }]);
}(_InteractionType2["default"]);
(0, _defineProperty2["default"])(CategorizationInteractionType, "useNewValidations", true);
(0, _defineProperty2["default"])(CategorizationInteractionType, "validations", function (data) {
  var scoringDataValue = data.scoringData.value;
  var categoryAnswers = scoringDataValue.reduce(function (list, v) {
    return list.concat(v.scoringData.value || []);
  }, []);
  return {
    interactionData: {
      categories: [(0, _instructureValidations.each)({
        itemBody: [(0, _instructureValidations.rule)('presence', {
          message: (0, _validationHelpers.presenceMessage)((0, _formatMessage["default"])('Category'))
        })]
      }), (0, _instructureValidations.rule)('noDuplicates', {
        field: 'itemBody',
        message: (0, _validationHelpers.noDuplicatesMessage)((0, _formatMessage["default"])('Category'))
      })],
      distractors: [(0, _instructureValidations.each)({
        itemBody: [(0, _instructureValidations.rule)('presence', {
          message: (0, _validationHelpers.presenceMessage)((0, _formatMessage["default"])('Distractor'))
        })]
      }), (0, _instructureValidations.rule)('noDuplicates', {
        field: 'itemBody',
        message: (0, _validationHelpers.noDuplicatesMessage)((0, _formatMessage["default"])('Distractor'))
      })]
    },
    scoringData: {
      value: [(0, _instructureValidations.onSelf)((0, _instructureValidations.rule)('listSize', {
        listOverride: categoryAnswers,
        min: 1,
        minMessage: (0, _formatMessage["default"])('You must have at least one answer in a category')
      }))]
    }
  };
});