@pie-element/hotspot 5.7.1-beta.3 → 5.7.1-beta.4

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_cloneDeep","_interopRequireDefault","require","_excluded","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","updateImageDimensions","initialDim","nextDim","keepAspectRatio","resizeType","imageAspectRatio","width","height","exports","getDelta","referenceInitialValue","referenceNextValue","currentValue","getUpdatedRectangle","shape","x","y","getUpdatedPlygon","points","map","point","getUpdatedShapes","shapes","group","getAllShapes","shapesMap","shapesArray","shapesKeys","reduce","acc","currentShapeKey","concat","index","groupShapes","rectangles","polygons","_ref","shapeProps","_objectWithoutProperties2","_toConsumableArray2","cloneDeep","generateValidationMessage","config","minShapes","maxShapes","maxSelections","shapesMessage","selectionsMessage","message"],"sources":["../src/utils.js"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\n\nconst updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType) => {\n  // if we want to keep image aspect ratio\n  if (keepAspectRatio) {\n    const imageAspectRatio = initialDim.width / initialDim.height;\n\n    if (resizeType === 'height') {\n      // if we want to change image height => we update the width accordingly\n      return {\n        width: nextDim.height * imageAspectRatio,\n        height: nextDim.height,\n      };\n    }\n\n    // if we want to change image width => we update the height accordingly\n    return {\n      width: nextDim.width,\n      height: nextDim.width / imageAspectRatio,\n    };\n  }\n\n  // if we don't want to keep aspect ratio, we just update both values\n  return {\n    width: nextDim.width,\n    height: nextDim.height,\n  };\n};\n\n// referenceInitialValue = the initial value of the Stage\n// referenceNextValue = the next value of the Stage\n// currentValue = the value that has to be re-sized influenced by the changes that were made on the Stage\nconst getDelta = (referenceInitialValue, referenceNextValue, currentValue) =>\n  (referenceNextValue / referenceInitialValue) * currentValue;\n\nconst getUpdatedRectangle = (initialDim, nextDim, shape) => ({\n  ...shape,\n  width: getDelta(initialDim.width, nextDim.width, shape.width),\n  height: getDelta(initialDim.height, nextDim.height, shape.height),\n  x: getDelta(initialDim.width, nextDim.width, shape.x),\n  y: getDelta(initialDim.height, nextDim.height, shape.y),\n});\n\nconst getUpdatedPlygon = (initialDim, nextDim, shape) => ({\n  ...shape,\n  points: shape.points.map((point) => ({\n    x: getDelta(initialDim.width, nextDim.width, point.x),\n    y: getDelta(initialDim.height, nextDim.height, point.y),\n  })),\n});\n\n// initialDim = the initial dimensions: { width, height } of the Stage\n// nextDim = the next dimensions: { width, height } of the Stage\n// shapes = array of shapes that have to be re-sized and re-positioned\nconst getUpdatedShapes = (initialDim, nextDim, shapes) => {\n  return shapes.map((shape) => {\n    if (shape.group === 'rectangles') {\n      return getUpdatedRectangle(initialDim, nextDim, shape);\n    }\n\n    if (shape.group === 'polygons') {\n      return getUpdatedPlygon(initialDim, nextDim, shape);\n    }\n  });\n};\n\n// converts shapes map to shapes array\n// example:\n// from: { rectangles: [r1], polygons: [p1, p2]}\n// to: [{ ...r1, group: 'rectangles' }, { ...p1, group: 'polygons' }, { ...p2, group: 'polygons' }]\n// if a shape has index defined, keep it, otherwise initialize it\n// index is used for the UNDO function\nconst getAllShapes = (shapesMap) => {\n  shapesMap = shapesMap || {};\n  const shapesArray = [];\n  const shapesKeys = Object.keys(shapesMap);\n\n  return shapesKeys.length\n    ? shapesKeys.reduce(\n        (acc, currentShapeKey) =>\n          acc.concat(\n            shapesMap[currentShapeKey]\n              ? shapesMap[currentShapeKey].map((shape, index) => ({\n                  ...shape,\n                  group: currentShapeKey,\n                  index: shape.index || acc.length + index,\n                }))\n              : [],\n          ),\n        shapesArray,\n      )\n    : shapesArray;\n};\n\n// converts shapes array to shapes map\n// is the reverse of getAllShapes function\n// example:\n// from: [{ ...r1, group: 'rectangles' }, { ...p1, group: 'polygons' }, { ...p2, group: 'polygons' }]\n// to: { rectangles: [r1], polygons: [p1, p2]}\nconst groupShapes = (shapesArray) => {\n  shapesArray = shapesArray || [];\n  const shapesMap = {\n    rectangles: [],\n    polygons: [],\n  };\n\n  if (shapesArray.length) {\n    return shapesArray.reduce((acc, { group, ...shapeProps }) => {\n      acc[group] = [...(acc[group] || []), shapeProps];\n      return acc;\n    }, shapesMap);\n  }\n\n  return cloneDeep(shapesMap);\n};\n\nconst generateValidationMessage = (config) => {\n  const { minShapes, maxShapes, maxSelections } = config;\n\n  const shapesMessage =\n    `\\nThere should be at least ${minShapes} ` + (maxShapes ? `and at most ${maxShapes} ` : '') + 'shapes defined.';\n\n  const selectionsMessage =\n    `\\nThere should be at least 1 ` +\n    (maxSelections ? `and at most ${maxSelections} ` : '') +\n    'shape' +\n    (maxSelections ? 's' : '') +\n    ' selected.';\n\n  const message = 'Validation requirements:' + shapesMessage + selectionsMessage;\n\n  return message;\n};\n\nexport {\n  updateImageDimensions,\n  generateValidationMessage,\n  getUpdatedShapes,\n  getAllShapes,\n  groupShapes,\n  getUpdatedRectangle,\n  getUpdatedPlygon,\n};\n"],"mappings":"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"}

package/controller/lib/defaults.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  prompt: 'This is the question prompt',
+  imageUrl: '',
+  shapes: {
+    rectangles: [],
+    polygons: []
+  },
+  multipleCorrect: true,
+  partialScoring: false,
+  dimensions: {
+    height: 0,
+    width: 0
+  },
+  hotspotColor: 'rgba(137, 183, 244, 0.25)',
+  hotspotList: ['rgba(137, 183, 244, 0.25)'],
+  outlineColor: 'blue',
+  outlineList: ['blue']
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["prompt","imageUrl","shapes","rectangles","polygons","multipleCorrect","partialScoring","dimensions","height","width","hotspotColor","hotspotList","outlineColor","outlineList","exports","_default"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  prompt: 'This is the question prompt',\n  imageUrl: '',\n  shapes: {\n    rectangles: [],\n    polygons: [],\n  },\n  multipleCorrect: true,\n  partialScoring: false,\n  dimensions: {\n    height: 0,\n    width: 0,\n  },\n  hotspotColor: 'rgba(137, 183, 244, 0.25)',\n  hotspotList: ['rgba(137, 183, 244, 0.25)'],\n  outlineColor: 'blue',\n  outlineList: ['blue'],\n};\n"],"mappings":";;;;;;eAAe;EACbA,MAAM,EAAE,6BAA6B;EACrCC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE;IACNC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE,IAAI;EACrBC,cAAc,EAAE,KAAK;EACrBC,UAAU,EAAE;IACVC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT,CAAC;EACDC,YAAY,EAAE,2BAA2B;EACzCC,WAAW,EAAE,CAAC,2BAA2B,CAAC;EAC1CC,YAAY,EAAE,MAAM;EACpBC,WAAW,EAAE,CAAC,MAAM;AACtB,CAAC;AAAAC,OAAA,cAAAC,QAAA"}

package/controller/lib/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
+exports.model = model;
+exports.normalize = void 0;
+exports.outcome = outcome;
+exports.validate = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _debug = _interopRequireDefault(require("debug"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _controllerUtils = require("@pie-lib/controller-utils");
+var _utils = require("./utils");
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _excluded = ["index"],
+  _excluded2 = ["index"];
+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 log = (0, _debug["default"])('pie-elements:hotspot:controller');
+var normalize = function normalize(question) {
+  return _objectSpread({
+    promptEnabled: true,
+    rationaleEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    strokeWidth: 5
+  }, question);
+};
+exports.normalize = normalize;
+function model(question, session, env) {
+  var normalizedQuestion = normalize(question);
+  var imageUrl = normalizedQuestion.imageUrl,
+    dimensions = normalizedQuestion.dimensions,
+    hotspotColor = normalizedQuestion.hotspotColor,
+    multipleCorrect = normalizedQuestion.multipleCorrect,
+    outlineColor = normalizedQuestion.outlineColor,
+    partialScoring = normalizedQuestion.partialScoring,
+    prompt = normalizedQuestion.prompt,
+    shapes = normalizedQuestion.shapes;
+  var _ref = shapes || {},
+    rectangles = _ref.rectangles,
+    polygons = _ref.polygons;
+  return new Promise(function (resolve) {
+    var out = {
+      disabled: env.mode !== 'gather',
+      mode: env.mode,
+      dimensions: dimensions,
+      imageUrl: imageUrl,
+      outlineColor: outlineColor,
+      hotspotColor: hotspotColor,
+      multipleCorrect: multipleCorrect,
+      partialScoring: partialScoring,
+      shapes: _objectSpread(_objectSpread({}, shapes), {}, {
+        // eslint-disable-next-line no-unused-vars
+        rectangles: (rectangles || []).map(function (_ref2) {
+          var index = _ref2.index,
+            rectProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+          return _objectSpread({}, rectProps);
+        }),
+        // eslint-disable-next-line no-unused-vars
+        polygons: (polygons || []).map(function (_ref3) {
+          var index = _ref3.index,
+            polyProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+          return _objectSpread({}, polyProps);
+        })
+      }),
+      responseCorrect: env.mode === 'evaluate' ? (0, _utils.isResponseCorrect)(normalizedQuestion, session) : undefined
+    };
+    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
+      out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;
+      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
+    } else {
+      out.rationale = null;
+      out.teacherInstructions = null;
+    }
+    out.prompt = normalizedQuestion.promptEnabled ? prompt : null;
+    out.strokeWidth = normalizedQuestion.strokeWidth;
+
+    // console.log(out);
+    resolve(out);
+  });
+}
+var createDefaultModel = function createDefaultModel() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return new Promise(function (resolve) {
+    resolve(_objectSpread(_objectSpread({}, _defaults["default"]), model));
+  });
+};
+exports.createDefaultModel = createDefaultModel;
+var getScore = function getScore(config, session) {
+  var env = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _ref4 = session || {},
+    answers = _ref4.answers;
+  if (!config.shapes || !config.shapes.rectangles && !config.shapes.polygons) {
+    return 0;
+  }
+  var _config$shapes = config.shapes,
+    _config$shapes2 = _config$shapes === void 0 ? {} : _config$shapes,
+    _config$shapes2$recta = _config$shapes2.rectangles,
+    rectangles = _config$shapes2$recta === void 0 ? [] : _config$shapes2$recta,
+    _config$shapes2$polyg = _config$shapes2.polygons,
+    polygons = _config$shapes2$polyg === void 0 ? [] : _config$shapes2$polyg;
+  var partialScoringEnabled = _controllerUtils.partialScoring.enabled(config, env);
+  if (!partialScoringEnabled) {
+    return (0, _utils.isResponseCorrect)(config, session) ? 1 : 0;
+  }
+  var correctAnswers = 0;
+  var selectedChoices = 0;
+  var choices = [].concat((0, _toConsumableArray2["default"])(rectangles), (0, _toConsumableArray2["default"])(polygons));
+  var correctChoices = choices.filter(function (choice) {
+    return choice.correct;
+  });
+  choices.forEach(function (shape) {
+    var selected = answers && answers.filter(function (answer) {
+      return answer.id === shape.id;
+    })[0];
+    var correctlySelected = shape.correct && selected;
+    if (selected) {
+      selectedChoices += 1;
+    }
+    if (correctlySelected) {
+      correctAnswers += 1;
+    }
+  });
+  var extraAnswers = selectedChoices > correctChoices.length ? selectedChoices - correctChoices.length : 0;
+  var total = correctChoices.length === 0 ? 1 : correctChoices.length;
+  var str = ((correctAnswers - extraAnswers) / total).toFixed(2);
+  return str < 0 ? 0 : parseFloat(str);
+};
+function outcome(config, session) {
+  var env = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return new Promise(function (resolve) {
+    log('outcome...');
+    if (!session || (0, _isEmpty["default"])(session)) {
+      resolve({
+        score: 0,
+        empty: true
+      });
+    }
+    if (session.answers) {
+      var score = getScore(config, session, env);
+      resolve({
+        score: score
+      });
+    } else {
+      resolve({
+        score: 0,
+        empty: true
+      });
+    }
+  });
+}
+var returnShapesCorrect = function returnShapesCorrect(shapes) {
+  var answers = [];
+  shapes.forEach(function (i) {
+    var correct = i.correct,
+      id = i.id;
+    if (correct) {
+      answers.push({
+        id: id
+      });
+    }
+  });
+  return answers;
+};
+var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
+  return new Promise(function (resolve) {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      var _question$shapes = question.shapes,
+        _question$shapes2 = _question$shapes === void 0 ? {} : _question$shapes,
+        _question$shapes2$rec = _question$shapes2.rectangles,
+        rectangles = _question$shapes2$rec === void 0 ? [] : _question$shapes2$rec,
+        _question$shapes2$pol = _question$shapes2.polygons,
+        polygons = _question$shapes2$pol === void 0 ? {} : _question$shapes2$pol;
+      var rectangleCorrect = returnShapesCorrect(rectangles);
+      var polygonsCorrect = returnShapesCorrect(polygons);
+      resolve({
+        answers: [].concat((0, _toConsumableArray2["default"])(rectangleCorrect), (0, _toConsumableArray2["default"])(polygonsCorrect)),
+        id: '1'
+      });
+    } else {
+      resolve(null);
+    }
+  });
+};
+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 shapes = model.shapes;
+  var _config$minShapes = config.minShapes,
+    minShapes = _config$minShapes === void 0 ? 2 : _config$minShapes,
+    maxShapes = config.maxShapes,
+    maxSelections = config.maxSelections;
+  var errors = {};
+  var allShapes = Object.values(shapes || {}).reduce(function (acc, shape) {
+    return [].concat((0, _toConsumableArray2["default"])(acc), (0, _toConsumableArray2["default"])(shape));
+  }, []);
+  var nbOfSelections = (allShapes || []).reduce(function (acc, shape) {
+    return shape.correct ? acc + 1 : acc;
+  }, 0);
+  var nbOfShapes = (allShapes || []).length;
+  if (nbOfShapes < minShapes) {
+    errors.shapesError = "There should be at least ".concat(minShapes, " shapes defined.");
+  } else if (nbOfShapes > maxShapes) {
+    errors.shapesError = "No more than ".concat(maxShapes, " shapes should be defined.");
+  }
+  if (nbOfSelections < 1) {
+    errors.selectionsError = 'There should be at least 1 shape selected.';
+  } else if (nbOfSelections > maxSelections) {
+    errors.selectionsError = "No more than ".concat(maxSelections, " shapes should be selected.");
+  }
+  return errors;
+};
+exports.validate = validate;
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_debug","_interopRequireDefault","require","_isEmpty","_controllerUtils","_utils","_defaults","_excluded","_excluded2","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","normalize","question","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","strokeWidth","exports","model","session","env","normalizedQuestion","imageUrl","dimensions","hotspotColor","multipleCorrect","outlineColor","partialScoring","prompt","shapes","_ref","rectangles","polygons","Promise","resolve","out","disabled","mode","map","_ref2","index","rectProps","_objectWithoutProperties2","_ref3","polyProps","responseCorrect","isResponseCorrect","undefined","role","rationale","teacherInstructions","createDefaultModel","defaults","getScore","config","_ref4","answers","_config$shapes","_config$shapes2","_config$shapes2$recta","_config$shapes2$polyg","partialScoringEnabled","enabled","correctAnswers","selectedChoices","choices","concat","_toConsumableArray2","correctChoices","choice","correct","shape","selected","answer","id","correctlySelected","extraAnswers","total","str","toFixed","parseFloat","outcome","isEmpty","score","empty","returnShapesCorrect","createCorrectResponseSession","_question$shapes","_question$shapes2","_question$shapes2$rec","_question$shapes2$pol","rectangleCorrect","polygonsCorrect","validate","_config$minShapes","minShapes","maxShapes","maxSelections","errors","allShapes","values","reduce","acc","nbOfSelections","nbOfShapes","shapesError","selectionsError"],"sources":["../src/index.js"],"sourcesContent":["import debug from 'debug';\nimport isEmpty from 'lodash/isEmpty';\nimport { partialScoring } from '@pie-lib/controller-utils';\n\nimport { isResponseCorrect } from './utils';\n\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:hotspot:controller');\n\nexport const normalize = (question) => ({\n  promptEnabled: true,\n  rationaleEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  strokeWidth: 5,\n  ...question,\n});\n\nexport function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n  const { imageUrl, dimensions, hotspotColor, multipleCorrect, outlineColor, partialScoring, prompt, shapes } =\n    normalizedQuestion;\n  const { rectangles, polygons } = shapes || {};\n\n  return new Promise((resolve) => {\n    const out = {\n      disabled: env.mode !== 'gather',\n      mode: env.mode,\n      dimensions,\n      imageUrl,\n      outlineColor,\n      hotspotColor,\n      multipleCorrect,\n      partialScoring,\n      shapes: {\n        ...shapes,\n        // eslint-disable-next-line no-unused-vars\n        rectangles: (rectangles || []).map(({ index, ...rectProps }) => ({ ...rectProps })),\n        // eslint-disable-next-line no-unused-vars\n        polygons: (polygons || []).map(({ index, ...polyProps }) => ({ ...polyProps })),\n      },\n      responseCorrect: env.mode === 'evaluate' ? isResponseCorrect(normalizedQuestion, session) : undefined,\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    out.prompt = normalizedQuestion.promptEnabled ? prompt : null;\n    out.strokeWidth = normalizedQuestion.strokeWidth;\n\n    // console.log(out);\n    resolve(out);\n  });\n}\n\nexport const createDefaultModel = (model = {}) =>\n  new Promise((resolve) => {\n    resolve({\n      ...defaults,\n      ...model,\n    });\n  });\n\nconst getScore = (config, session, env = {}) => {\n  const { answers } = session || {};\n\n  if (!config.shapes || (!config.shapes.rectangles && !config.shapes.polygons)) {\n    return 0;\n  }\n\n  const { shapes: { rectangles = [], polygons = [] } = {} } = config;\n  const partialScoringEnabled = partialScoring.enabled(config, env);\n\n  if (!partialScoringEnabled) {\n    return isResponseCorrect(config, session) ? 1 : 0;\n  }\n\n  let correctAnswers = 0;\n  let selectedChoices = 0;\n\n  const choices = [...rectangles, ...polygons];\n\n  const correctChoices = choices.filter((choice) => choice.correct);\n\n  choices.forEach((shape) => {\n    const selected = answers && answers.filter((answer) => answer.id === shape.id)[0];\n    const correctlySelected = shape.correct && selected;\n\n    if (selected) {\n      selectedChoices += 1;\n    }\n\n    if (correctlySelected) {\n      correctAnswers += 1;\n    }\n  });\n\n  const extraAnswers = selectedChoices > correctChoices.length ? selectedChoices - correctChoices.length : 0;\n\n  const total = correctChoices.length === 0 ? 1 : correctChoices.length;\n  const str = ((correctAnswers - extraAnswers) / total).toFixed(2);\n\n  return str < 0 ? 0 : parseFloat(str);\n};\n\nexport function outcome(config, session, env = {}) {\n  return new Promise((resolve) => {\n    log('outcome...');\n\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    }\n\n    if (session.answers) {\n      const score = getScore(config, session, env);\n      resolve({ score });\n    } else {\n      resolve({ score: 0, empty: true });\n    }\n  });\n}\n\nconst returnShapesCorrect = (shapes) => {\n  let answers = [];\n\n  shapes.forEach((i) => {\n    const { correct, id } = i;\n    if (correct) {\n      answers.push({ id });\n    }\n  });\n  return answers;\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { shapes: { rectangles = [], polygons = {} } = {} } = question;\n\n      const rectangleCorrect = returnShapesCorrect(rectangles);\n      const polygonsCorrect = returnShapesCorrect(polygons);\n\n      resolve({\n        answers: [...rectangleCorrect, ...polygonsCorrect],\n        id: '1',\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (model = {}, config = {}) => {\n  const { shapes } = model;\n  const { minShapes = 2, maxShapes, maxSelections } = config;\n  const errors = {};\n\n  const allShapes = Object.values(shapes || {}).reduce((acc, shape) => [...acc, ...shape], []);\n\n  const nbOfSelections = (allShapes || []).reduce((acc, shape) => (shape.correct ? acc + 1 : acc), 0);\n\n  const nbOfShapes = (allShapes || []).length;\n\n  if (nbOfShapes < minShapes) {\n    errors.shapesError = `There should be at least ${minShapes} shapes defined.`;\n  } else if (nbOfShapes > maxShapes) {\n    errors.shapesError = `No more than ${maxShapes} shapes should be defined.`;\n  }\n\n  if (nbOfSelections < 1) {\n    errors.selectionsError = 'There should be at least 1 shape selected.';\n  } else if (nbOfSelections > maxSelections) {\n    errors.selectionsError = `No more than ${maxSelections} shapes should be selected.`;\n  }\n\n  return errors;\n};\n"],"mappings":"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"}

package/controller/lib/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isResponseCorrect = exports.getCorrectResponse = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var getCorrectResponse = function getCorrectResponse(choices) {
+  return choices.filter(function (c) {
+    return c.correct;
+  }).map(function (c) {
+    return c.id;
+  }).sort();
+};
+exports.getCorrectResponse = getCorrectResponse;
+var isResponseCorrect = function isResponseCorrect(question, session) {
+  var _question$shapes = question.shapes,
+    rectangles = _question$shapes.rectangles,
+    polygons = _question$shapes.polygons;
+  var choices = [].concat((0, _toConsumableArray2["default"])(rectangles), (0, _toConsumableArray2["default"])(polygons));
+  var correctResponseIds = getCorrectResponse(choices);
+  if (!session || (0, _isEmpty["default"])(session)) {
+    return false;
+  }
+  if (session.answers && session.answers.length) {
+    var answerIds = (session.answers || []).map(function (a) {
+      return a.id;
+    });
+    return (0, _isEqual["default"])(answerIds.sort(), correctResponseIds);
+  } else if (!(correctResponseIds && correctResponseIds.length)) {
+    return true;
+  }
+  return false;
+};
+exports.isResponseCorrect = isResponseCorrect;
+//# sourceMappingURL=utils.js.map

package/controller/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_isEqual","_interopRequireDefault","require","_isEmpty","getCorrectResponse","choices","filter","c","correct","map","id","sort","exports","isResponseCorrect","question","session","_question$shapes","shapes","rectangles","polygons","concat","_toConsumableArray2","correctResponseIds","isEmpty","answers","length","answerIds","a","isEqual"],"sources":["../src/utils.js"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\n\nexport const getCorrectResponse = (choices) =>\n  choices\n    .filter((c) => c.correct)\n    .map((c) => c.id)\n    .sort();\n\nexport const isResponseCorrect = (question, session) => {\n  const {\n    shapes: { rectangles, polygons },\n  } = question;\n  const choices = [...rectangles, ...polygons];\n  let correctResponseIds = getCorrectResponse(choices);\n\n  if (!session || isEmpty(session)) {\n    return false;\n  }\n\n  if (session.answers && session.answers.length) {\n    let answerIds = (session.answers || []).map((a) => a.id);\n\n    return isEqual(answerIds.sort(), correctResponseIds);\n  } else if (!(correctResponseIds && correctResponseIds.length)) {\n    return true;\n  }\n\n  return false;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,OAAO;EAAA,OACxCA,OAAO,CACJC,MAAM,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACC,OAAO;EAAA,EAAC,CACxBC,GAAG,CAAC,UAACF,CAAC;IAAA,OAAKA,CAAC,CAACG,EAAE;EAAA,EAAC,CAChBC,IAAI,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAEL,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAQ,EAAEC,OAAO,EAAK;EACtD,IAAAC,gBAAA,GAEIF,QAAQ,CADVG,MAAM;IAAIC,UAAU,GAAAF,gBAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,gBAAA,CAARG,QAAQ;EAEhC,IAAMd,OAAO,MAAAe,MAAA,KAAAC,mBAAA,aAAOH,UAAU,OAAAG,mBAAA,aAAKF,QAAQ,EAAC;EAC5C,IAAIG,kBAAkB,GAAGlB,kBAAkB,CAACC,OAAO,CAAC;EAEpD,IAAI,CAACU,OAAO,IAAI,IAAAQ,mBAAO,EAACR,OAAO,CAAC,EAAE;IAChC,OAAO,KAAK;EACd;EAEA,IAAIA,OAAO,CAACS,OAAO,IAAIT,OAAO,CAACS,OAAO,CAACC,MAAM,EAAE;IAC7C,IAAIC,SAAS,GAAG,CAACX,OAAO,CAACS,OAAO,IAAI,EAAE,EAAEf,GAAG,CAAC,UAACkB,CAAC;MAAA,OAAKA,CAAC,CAACjB,EAAE;IAAA,EAAC;IAExD,OAAO,IAAAkB,mBAAO,EAACF,SAAS,CAACf,IAAI,CAAC,CAAC,EAAEW,kBAAkB,CAAC;EACtD,CAAC,MAAM,IAAI,EAAEA,kBAAkB,IAAIA,kBAAkB,CAACG,MAAM,CAAC,EAAE;IAC7D,OAAO,IAAI;EACb;EAEA,OAAO,KAAK;AACd,CAAC;AAACb,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

package/lib/hotspot/container.js

@@ -0,0 +1,211 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Container = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactKonva = require("react-konva");
+var _styles = require("@material-ui/core/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var _rectangle = _interopRequireDefault(require("./rectangle"));
+var _polygon = _interopRequireDefault(require("./polygon"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["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; } }
+var Container = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Container, _React$Component);
+  var _super = _createSuper(Container);
+  function Container() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Container);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "correctness", function (isCorrect, isChecked) {
+      return isCorrect ? isChecked : !isChecked;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getEvaluateText", function (isCorrect, selected) {
+      if (selected && isCorrect) {
+        return 'Correctly\nselected';
+      }
+      if (selected && !isCorrect) {
+        return 'Should not have\nbeen selected';
+      }
+      if (!selected && isCorrect) {
+        return 'Should have\nbeen selected';
+      }
+      return null;
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Container, [{
+    key: "isSelected",
+    value: function isSelected(shape) {
+      var selectedShape = this.props.session.answers.filter(function (answer) {
+        return answer.id === shape.id;
+      })[0];
+      return !!selectedShape;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        _this$props$dimension = _this$props.dimensions,
+        withProp = _this$props$dimension.width,
+        heightProp = _this$props$dimension.height,
+        disabled = _this$props.disabled,
+        hotspotColor = _this$props.hotspotColor,
+        imageUrl = _this$props.imageUrl,
+        isEvaluateMode = _this$props.isEvaluateMode,
+        outlineColor = _this$props.outlineColor,
+        onSelectChoice = _this$props.onSelectChoice,
+        _this$props$shapes = _this$props.shapes,
+        rectangles = _this$props$shapes.rectangles,
+        polygons = _this$props$shapes.polygons,
+        SCALE = _this$props.scale,
+        strokeWidth = _this$props.strokeWidth,
+        showCorrect = _this$props.showCorrect;
+      var width = withProp * SCALE;
+      var height = heightProp * SCALE;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.base,
+        style: {
+          padding: strokeWidth / 2
+        }
+      }, imageUrl ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.imageContainer
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        alt: "hotspot-image",
+        className: classes.image,
+        height: "auto",
+        src: imageUrl,
+        style: {
+          width: width,
+          height: height,
+          maxWidth: width,
+          maxHeight: height
+        }
+      })) : null, /*#__PURE__*/_react["default"].createElement(_reactKonva.Stage, {
+        className: classes.stage,
+        height: height + strokeWidth,
+        width: width + strokeWidth,
+        x: strokeWidth / 2,
+        y: strokeWidth / 2
+      }, /*#__PURE__*/_react["default"].createElement(_reactKonva.Layer, null, rectangles.map(function (shape) {
+        var selected = _this2.isSelected(shape);
+        var isCorrect = isEvaluateMode ? _this2.correctness(shape.correct, selected) : undefined;
+        var evaluateText = isEvaluateMode ? _this2.getEvaluateText(shape.correct, selected) : null;
+        var markAsCorrect = !!(isEvaluateMode && showCorrect && shape.correct);
+        return /*#__PURE__*/_react["default"].createElement(_rectangle["default"], {
+          scale: SCALE,
+          isEvaluateMode: isEvaluateMode,
+          isCorrect: isCorrect,
+          evaluateText: evaluateText,
+          disabled: disabled,
+          selected: selected,
+          height: shape.height,
+          hotspotColor: hotspotColor,
+          id: shape.id,
+          key: shape.id,
+          onClick: onSelectChoice,
+          outlineColor: outlineColor,
+          width: shape.width,
+          x: shape.x,
+          y: shape.y,
+          strokeWidth: strokeWidth,
+          markAsCorrect: markAsCorrect,
+          showCorrectEnabled: showCorrect
+        });
+      }), polygons.map(function (polygon) {
+        var selected = _this2.isSelected(polygon);
+        var isCorrect = isEvaluateMode ? _this2.correctness(polygon.correct, selected) : undefined;
+        var evaluateText = isEvaluateMode ? _this2.getEvaluateText(polygon.correct, selected) : null;
+        var markAsCorrect = !!(isEvaluateMode && showCorrect && polygon.correct);
+        return /*#__PURE__*/_react["default"].createElement(_polygon["default"], {
+          scale: SCALE,
+          isEvaluateMode: isEvaluateMode,
+          isCorrect: !!isCorrect,
+          evaluateText: evaluateText,
+          disabled: disabled,
+          selected: selected,
+          hotspotColor: hotspotColor,
+          id: polygon.id,
+          key: polygon.id,
+          onClick: onSelectChoice,
+          outlineColor: outlineColor,
+          points: polygon.points,
+          strokeWidth: strokeWidth,
+          markAsCorrect: markAsCorrect,
+          showCorrectEnabled: showCorrect
+        });
+      }))));
+    }
+  }]);
+  return Container;
+}(_react["default"].Component);
+exports.Container = Container;
+var styles = function styles(theme) {
+  return {
+    base: {
+      marginTop: theme.spacing.unit * 3,
+      position: 'relative'
+    },
+    image: {
+      alignItems: 'center',
+      display: 'flex',
+      justifyContent: 'center'
+    },
+    imageContainer: {
+      position: 'relative',
+      width: 'fit-content'
+    },
+    stage: {
+      left: 0,
+      top: 0,
+      position: 'absolute'
+    },
+    resize: {
+      borderBottom: "1px solid ".concat(_renderUi.color.disabled()),
+      borderRight: "1px solid ".concat(_renderUi.color.disabled()),
+      bottom: '-10px',
+      cursor: 'se-resize',
+      height: '10px',
+      position: 'absolute',
+      right: '-10px',
+      width: '10px'
+    }
+  };
+};
+Container.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  dimensions: _propTypes["default"].object.isRequired,
+  disabled: _propTypes["default"].bool.isRequired,
+  hotspotColor: _propTypes["default"].string.isRequired,
+  imageUrl: _propTypes["default"].string.isRequired,
+  isEvaluateMode: _propTypes["default"].bool.isRequired,
+  onSelectChoice: _propTypes["default"].func.isRequired,
+  outlineColor: _propTypes["default"].string.isRequired,
+  session: _propTypes["default"].object.isRequired,
+  shapes: _propTypes["default"].object.isRequired,
+  strokeWidth: _propTypes["default"].number,
+  scale: _propTypes["default"].number,
+  showCorrect: _propTypes["default"].bool
+};
+Container.defaultProps = {
+  scale: 1
+};
+var _default = (0, _styles.withStyles)(styles)(Container);
+exports["default"] = _default;
+//# sourceMappingURL=container.js.map

package/lib/hotspot/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_styles","_renderUi","_rectangle","_polygon","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Container","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","isCorrect","isChecked","selected","_createClass2","key","value","isSelected","shape","selectedShape","props","session","answers","filter","answer","id","render","_this2","_this$props","classes","_this$props$dimension","dimensions","withProp","width","heightProp","height","disabled","hotspotColor","imageUrl","isEvaluateMode","outlineColor","onSelectChoice","_this$props$shapes","shapes","rectangles","polygons","SCALE","scale","strokeWidth","showCorrect","createElement","className","base","style","padding","imageContainer","alt","image","src","maxWidth","maxHeight","Stage","stage","x","y","Layer","map","correctness","correct","undefined","evaluateText","getEvaluateText","markAsCorrect","onClick","showCorrectEnabled","polygon","points","React","Component","exports","styles","theme","marginTop","spacing","unit","position","alignItems","display","justifyContent","left","top","resize","borderBottom","color","borderRight","bottom","cursor","right","propTypes","PropTypes","object","isRequired","bool","string","func","number","defaultProps","_default","withStyles"],"sources":["../../src/hotspot/container.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Layer, Stage } from 'react-konva';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport Rectangle from './rectangle';\nimport Polygon from './polygon';\n\nexport class Container extends React.Component {\n  isSelected(shape) {\n    const selectedShape = this.props.session.answers.filter((answer) => answer.id === shape.id)[0];\n    return !!selectedShape;\n  }\n\n  correctness = (isCorrect, isChecked) => (isCorrect ? isChecked : !isChecked);\n\n  getEvaluateText = (isCorrect, selected) => {\n    if (selected && isCorrect) {\n      return 'Correctly\\nselected';\n    }\n\n    if (selected && !isCorrect) {\n      return 'Should not have\\nbeen selected';\n    }\n\n    if (!selected && isCorrect) {\n      return 'Should have\\nbeen selected';\n    }\n\n    return null;\n  };\n\n  render() {\n    const {\n      classes,\n      dimensions: { width: withProp, height: heightProp },\n      disabled,\n      hotspotColor,\n      imageUrl,\n      isEvaluateMode,\n      outlineColor,\n      onSelectChoice,\n      shapes: { rectangles, polygons },\n      scale: SCALE,\n      strokeWidth,\n      showCorrect,\n    } = this.props;\n\n    const width = withProp * SCALE;\n    const height = heightProp * SCALE;\n\n    return (\n      <div className={classes.base} style={{ padding: strokeWidth / 2 }}>\n        {imageUrl ? (\n          <div className={classes.imageContainer}>\n            <img\n              alt=\"hotspot-image\"\n              className={classes.image}\n              height=\"auto\"\n              src={imageUrl}\n              style={{ width, height, maxWidth: width, maxHeight: height }}\n            />\n          </div>\n        ) : null}\n\n        <Stage\n          className={classes.stage}\n          height={height + strokeWidth}\n          width={width + strokeWidth}\n          x={strokeWidth / 2}\n          y={strokeWidth / 2}\n        >\n          <Layer>\n            {rectangles.map((shape) => {\n              const selected = this.isSelected(shape);\n              const isCorrect = isEvaluateMode ? this.correctness(shape.correct, selected) : undefined;\n              const evaluateText = isEvaluateMode ? this.getEvaluateText(shape.correct, selected) : null;\n              const markAsCorrect = !!(isEvaluateMode && showCorrect && shape.correct);\n\n              return (\n                <Rectangle\n                  scale={SCALE}\n                  isEvaluateMode={isEvaluateMode}\n                  isCorrect={isCorrect}\n                  evaluateText={evaluateText}\n                  disabled={disabled}\n                  selected={selected}\n                  height={shape.height}\n                  hotspotColor={hotspotColor}\n                  id={shape.id}\n                  key={shape.id}\n                  onClick={onSelectChoice}\n                  outlineColor={outlineColor}\n                  width={shape.width}\n                  x={shape.x}\n                  y={shape.y}\n                  strokeWidth={strokeWidth}\n                  markAsCorrect={markAsCorrect}\n                  showCorrectEnabled={showCorrect}\n                />\n              );\n            })}\n            {polygons.map((polygon) => {\n              const selected = this.isSelected(polygon);\n              const isCorrect = isEvaluateMode ? this.correctness(polygon.correct, selected) : undefined;\n              const evaluateText = isEvaluateMode ? this.getEvaluateText(polygon.correct, selected) : null;\n              const markAsCorrect = !!(isEvaluateMode && showCorrect && polygon.correct);\n\n              return (\n                <Polygon\n                  scale={SCALE}\n                  isEvaluateMode={isEvaluateMode}\n                  isCorrect={!!isCorrect}\n                  evaluateText={evaluateText}\n                  disabled={disabled}\n                  selected={selected}\n                  hotspotColor={hotspotColor}\n                  id={polygon.id}\n                  key={polygon.id}\n                  onClick={onSelectChoice}\n                  outlineColor={outlineColor}\n                  points={polygon.points}\n                  strokeWidth={strokeWidth}\n                  markAsCorrect={markAsCorrect}\n                  showCorrectEnabled={showCorrect}\n                />\n              );\n            })}\n          </Layer>\n        </Stage>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  base: {\n    marginTop: theme.spacing.unit * 3,\n    position: 'relative',\n  },\n  image: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  imageContainer: {\n    position: 'relative',\n    width: 'fit-content',\n  },\n  stage: {\n    left: 0,\n    top: 0,\n    position: 'absolute',\n  },\n  resize: {\n    borderBottom: `1px solid ${color.disabled()}`,\n    borderRight: `1px solid ${color.disabled()}`,\n    bottom: '-10px',\n    cursor: 'se-resize',\n    height: '10px',\n    position: 'absolute',\n    right: '-10px',\n    width: '10px',\n  },\n});\n\nContainer.propTypes = {\n  classes: PropTypes.object.isRequired,\n  dimensions: PropTypes.object.isRequired,\n  disabled: PropTypes.bool.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  imageUrl: PropTypes.string.isRequired,\n  isEvaluateMode: PropTypes.bool.isRequired,\n  onSelectChoice: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  session: PropTypes.object.isRequired,\n  shapes: PropTypes.object.isRequired,\n  strokeWidth: PropTypes.number,\n  scale: PropTypes.number,\n  showCorrect: PropTypes.bool,\n};\n\nContainer.defaultProps = {\n  scale: 1,\n};\n\nexport default withStyles(styles)(Container);\n"],"mappings":"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"}