@pie-element/hotspot 11.0.5-esm.0 → 11.1.0-next.0

package/controller/lib/defaults.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _default = {
+exports.default = void 0;
+var _default = exports.default = {
   dimensions: {
     height: 0,
     width: 0
@@ -30,5 +30,4 @@ var _default = {
   teacherInstructionsEnabled: true,
   toolbarEditorPosition: 'bottom'
 };
-exports["default"] = _default;
 //# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["dimensions","height","width","hotspotColor","hotspotList","imageUrl","multipleCorrect","outlineColor","outlineList","partialScoring","prompt","promptEnabled","rationaleEnabled","shapes","rectangles","polygons","circles","strokeWidth","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition"],"mappings":";;;;;;eAAe;AACbA,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAV;AAAaC,IAAAA,KAAK,EAAE;AAApB,GADC;AAEbC,EAAAA,YAAY,EAAE,2BAFD;AAGbC,EAAAA,WAAW,EAAE,CAAC,2BAAD,CAHA;AAIbC,EAAAA,QAAQ,EAAE,EAJG;AAKbC,EAAAA,eAAe,EAAE,IALJ;AAMbC,EAAAA,YAAY,EAAE,MAND;AAObC,EAAAA,WAAW,EAAE,CAAC,MAAD,CAPA;AAQbC,EAAAA,cAAc,EAAE,KARH;AASbC,EAAAA,MAAM,EAAE,EATK;AAUbC,EAAAA,aAAa,EAAE,IAVF;AAWbC,EAAAA,gBAAgB,EAAE,IAXL;AAYbC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,UAAU,EAAE,EAAd;AAAkBC,IAAAA,QAAQ,EAAE,EAA5B;AAAgCC,IAAAA,OAAO,EAAE;AAAzC,GAZK;AAabC,EAAAA,WAAW,EAAE,CAbA;AAcbC,EAAAA,0BAA0B,EAAE,IAdf;AAebC,EAAAA,mBAAmB,EAAE,EAfR;AAgBbC,EAAAA,0BAA0B,EAAE,IAhBf;AAiBbC,EAAAA,qBAAqB,EAAE;AAjBV,C","sourcesContent":["export default {\n  dimensions: { height: 0, width: 0 },\n  hotspotColor: 'rgba(137, 183, 244, 0.25)',\n  hotspotList: ['rgba(137, 183, 244, 0.25)'],\n  imageUrl: '',\n  multipleCorrect: true,\n  outlineColor: 'blue',\n  outlineList: ['blue'],\n  partialScoring: false,\n  prompt: '',\n  promptEnabled: true,\n  rationaleEnabled: true,\n  shapes: { rectangles: [], polygons: [], circles: [] },\n  strokeWidth: 5,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n};\n"],"file":"defaults.js"}
+{"version":3,"file":"defaults.js","names":["dimensions","height","width","hotspotColor","hotspotList","imageUrl","multipleCorrect","outlineColor","outlineList","partialScoring","prompt","promptEnabled","rationaleEnabled","shapes","rectangles","polygons","circles","strokeWidth","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  dimensions: { height: 0, width: 0 },\n  hotspotColor: 'rgba(137, 183, 244, 0.25)',\n  hotspotList: ['rgba(137, 183, 244, 0.25)'],\n  imageUrl: '',\n  multipleCorrect: true,\n  outlineColor: 'blue',\n  outlineList: ['blue'],\n  partialScoring: false,\n  prompt: '',\n  promptEnabled: true,\n  rationaleEnabled: true,\n  shapes: { rectangles: [], polygons: [], circles: [] },\n  strokeWidth: 5,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n};\n"],"mappings":";;;;;;iCAAe;EACbA,UAAU,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC;EACnCC,YAAY,EAAE,2BAA2B;EACzCC,WAAW,EAAE,CAAC,2BAA2B,CAAC;EAC1CC,QAAQ,EAAE,EAAE;EACZC,eAAe,EAAE,IAAI;EACrBC,YAAY,EAAE,MAAM;EACpBC,WAAW,EAAE,CAAC,MAAM,CAAC;EACrBC,cAAc,EAAE,KAAK;EACrBC,MAAM,EAAE,EAAE;EACVC,aAAa,EAAE,IAAI;EACnBC,gBAAgB,EAAE,IAAI;EACtBC,MAAM,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAG,CAAC;EACrDC,WAAW,EAAE,CAAC;EACdC,0BAA0B,EAAE,IAAI;EAChCC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

package/controller/lib/index.js

@@ -1,122 +1,106 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
+exports.getLogTrace = 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 _lodashEs = require("lodash-es");
 var _controllerUtils = require("@pie-lib/controller-utils");
-
 var _utils = require("./utils");
-
 var _defaults = _interopRequireDefault(require("./defaults"));
-
-var _excluded = ["index", "correct"],
-    _excluded2 = ["index", "correct"],
-    _excluded3 = ["index", "correct"];
-
-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(_objectSpread({}, _defaults["default"]), question);
-};
-
+const log = (0, _debug.default)('pie-elements:hotspot:controller');
+const normalize = question => ({
+  ..._defaults.default,
+  ...question
+});
 exports.normalize = normalize;
-
 function model(question, session, env) {
-  var normalizedQuestion = normalize(question);
-  var imageUrl = normalizedQuestion.imageUrl,
-      dimensions = normalizedQuestion.dimensions,
-      hotspotColor = normalizedQuestion.hotspotColor,
-      hoverOutlineColor = normalizedQuestion.hoverOutlineColor,
-      selectedHotspotColor = normalizedQuestion.selectedHotspotColor,
-      multipleCorrect = normalizedQuestion.multipleCorrect,
-      outlineColor = normalizedQuestion.outlineColor,
-      partialScoring = normalizedQuestion.partialScoring,
-      prompt = normalizedQuestion.prompt,
-      shapes = normalizedQuestion.shapes,
-      language = normalizedQuestion.language,
-      fontSizeFactor = normalizedQuestion.fontSizeFactor,
-      autoplayAudioEnabled = normalizedQuestion.autoplayAudioEnabled,
-      completeAudioEnabled = normalizedQuestion.completeAudioEnabled,
-      customAudioButton = normalizedQuestion.customAudioButton;
-
-  var _ref = shapes || {},
-      rectangles = _ref.rectangles,
-      polygons = _ref.polygons,
-      circles = _ref.circles;
-
-  var shouldIncludeCorrectResponse = env.mode === 'evaluate' || env.role === 'instructor' && env.mode === 'view';
-  return new Promise(function (resolve) {
-    var out = {
+  const normalizedQuestion = normalize(question);
+  const {
+    imageUrl,
+    dimensions,
+    hotspotColor,
+    hoverOutlineColor,
+    selectedHotspotColor,
+    multipleCorrect,
+    outlineColor,
+    partialScoring,
+    prompt,
+    shapes,
+    language,
+    fontSizeFactor,
+    autoplayAudioEnabled,
+    completeAudioEnabled,
+    customAudioButton
+  } = normalizedQuestion;
+  const {
+    rectangles,
+    polygons,
+    circles
+  } = shapes || {};
+  const shouldIncludeCorrectResponse = env.mode === 'evaluate' || env.role === 'instructor' && env.mode === 'view';
+  return new Promise(resolve => {
+    const out = {
       disabled: env.mode !== 'gather',
       mode: env.mode,
-      dimensions: dimensions,
-      imageUrl: imageUrl,
-      outlineColor: outlineColor,
-      hotspotColor: hotspotColor,
-      hoverOutlineColor: hoverOutlineColor,
-      selectedHotspotColor: selectedHotspotColor,
-      multipleCorrect: multipleCorrect,
-      partialScoring: partialScoring,
-      language: language,
-      fontSizeFactor: fontSizeFactor,
-      autoplayAudioEnabled: autoplayAudioEnabled,
-      completeAudioEnabled: completeAudioEnabled,
-      customAudioButton: customAudioButton,
-      shapes: _objectSpread(_objectSpread({}, shapes), {}, {
+      dimensions,
+      imageUrl,
+      outlineColor,
+      hotspotColor,
+      hoverOutlineColor,
+      selectedHotspotColor,
+      multipleCorrect,
+      partialScoring,
+      language,
+      fontSizeFactor,
+      autoplayAudioEnabled,
+      completeAudioEnabled,
+      customAudioButton,
+      shapes: {
+        ...shapes,
         // eslint-disable-next-line no-unused-vars
-        rectangles: (rectangles || []).map(function (_ref2) {
-          var index = _ref2.index,
-              correct = _ref2.correct,
-              rectProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-          return shouldIncludeCorrectResponse ? _objectSpread({
-            correct: correct
-          }, rectProps) : _objectSpread({}, rectProps);
+        rectangles: (rectangles || []).map(({
+          index,
+          correct,
+          ...rectProps
+        }) => shouldIncludeCorrectResponse ? {
+          correct,
+          ...rectProps
+        } : {
+          ...rectProps
         }),
         // eslint-disable-next-line no-unused-vars
-        polygons: (polygons || []).map(function (_ref3) {
-          var index = _ref3.index,
-              correct = _ref3.correct,
-              polyProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-          return shouldIncludeCorrectResponse ? _objectSpread({
-            correct: correct
-          }, polyProps) : _objectSpread({}, polyProps);
+        polygons: (polygons || []).map(({
+          index,
+          correct,
+          ...polyProps
+        }) => shouldIncludeCorrectResponse ? {
+          correct,
+          ...polyProps
+        } : {
+          ...polyProps
         }),
         // eslint-disable-next-line no-unused-vars
-        circles: (circles || []).map(function (_ref4) {
-          var index = _ref4.index,
-              correct = _ref4.correct,
-              circleProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-          return shouldIncludeCorrectResponse ? _objectSpread({
-            correct: correct
-          }, circleProps) : _objectSpread({}, circleProps);
+        circles: (circles || []).map(({
+          index,
+          correct,
+          ...circleProps
+        }) => shouldIncludeCorrectResponse ? {
+          correct,
+          ...circleProps
+        } : {
+          ...circleProps
         })
-      }),
+      },
       responseCorrect: env.mode === 'evaluate' ? (0, _utils.isResponseCorrect)(normalizedQuestion, session) : undefined,
       extraCSSRules: normalizedQuestion.extraCSSRules
     };
-
     if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
       out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;
       out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
@@ -124,188 +108,234 @@ function model(question, session, env) {
       out.rationale = null;
       out.teacherInstructions = null;
     }
-
     out.prompt = normalizedQuestion.promptEnabled ? prompt : null;
     out.strokeWidth = normalizedQuestion.strokeWidth;
     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));
+const createDefaultModel = (model = {}) => new Promise(resolve => {
+  resolve({
+    ..._defaults.default,
+    ...model
   });
-};
-
+});
 exports.createDefaultModel = createDefaultModel;
-
-var getScore = function getScore(config, session) {
-  var env = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-  var _ref5 = session || {},
-      answers = _ref5.answers;
-
+const getScore = (config, session, env = {}) => {
+  const {
+    answers
+  } = session || {};
   if (!config.shapes || !config.shapes.rectangles && !config.shapes.polygons && !config.shapes.circles) {
     return 0;
   }
-
-  var _config$shapes = config.shapes;
-  _config$shapes = _config$shapes === void 0 ? {} : _config$shapes;
-  var _config$shapes$rectan = _config$shapes.rectangles,
-      rectangles = _config$shapes$rectan === void 0 ? [] : _config$shapes$rectan,
-      _config$shapes$polygo = _config$shapes.polygons,
-      polygons = _config$shapes$polygo === void 0 ? [] : _config$shapes$polygo,
-      _config$shapes$circle = _config$shapes.circles,
-      circles = _config$shapes$circle === void 0 ? [] : _config$shapes$circle;
-
-  var partialScoringEnabled = _controllerUtils.partialScoring.enabled(config, env);
-
+  const {
+    shapes: {
+      rectangles = [],
+      polygons = [],
+      circles = []
+    } = {}
+  } = config;
+  const 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), (0, _toConsumableArray2["default"])(circles));
-  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;
-
+  let correctAnswers = 0;
+  let selectedChoices = 0;
+  const choices = [...rectangles, ...polygons, ...circles];
+  const correctChoices = choices.filter(choice => choice.correct);
+  choices.forEach(shape => {
+    const selected = answers && answers.filter(answer => answer.id === shape.id)[0];
+    const 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);
+  const extraAnswers = selectedChoices > correctChoices.length ? selectedChoices - correctChoices.length : 0;
+  const total = correctChoices.length === 0 ? 1 : correctChoices.length;
+  const 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) {
+/**
+* Generates detailed trace log for scoring evaluation
+* @param {Object} model - the question model
+* @param {Object} session - the student session
+* @param {Object} env - the environment
+* @returns {Array} traceLog - array of trace messages
+*/
+const getLogTrace = (model, session, env) => {
+  const traceLog = [];
+  const {
+    answers
+  } = session || {};
+  const {
+    shapes
+  } = model || {};
+  const allShapes = [];
+  if (shapes) {
+    if (shapes.rectangles) allShapes.push(...shapes.rectangles);
+    if (shapes.polygons) allShapes.push(...shapes.polygons);
+    if (shapes.circles) allShapes.push(...shapes.circles);
+  }
+  const correctShapes = allShapes.filter(shape => shape.correct);
+  const totalShapes = allShapes.length;
+  traceLog.push(`Total of ${totalShapes} hotspot(s) defined, ${correctShapes.length} correct.`);
+  if (answers && answers.length > 0) {
+    traceLog.push(`Student selected ${answers.length} hotspot(s).`);
+    let correctSelections = 0;
+    let incorrectSelections = 0;
+    answers.forEach(answer => {
+      const shape = allShapes.find(s => s.id === answer.id);
+      if (shape && shape.correct) {
+        correctSelections++;
+      } else {
+        incorrectSelections++;
+      }
+    });
+    const missedCorrect = correctShapes.filter(correctShape => !answers.some(answer => answer.id === correctShape.id)).length;
+    if (correctSelections > 0) {
+      traceLog.push(`${correctSelections} correct hotspot(s) selected.`);
+    }
+    if (incorrectSelections > 0) {
+      traceLog.push(`${incorrectSelections} incorrect hotspot(s) selected.`);
+    }
+    if (missedCorrect > 0) {
+      traceLog.push(`${missedCorrect} correct hotspot(s) missed.`);
+    }
+  } else {
+    traceLog.push('No hotspots selected.');
+  }
+  const partialScoringEnabled = _controllerUtils.partialScoring.enabled(model, env);
+  if (partialScoringEnabled) {
+    traceLog.push(`Score calculated using partial scoring.`);
+    if (answers && answers.length > 0) {
+      let correctSelections = 0;
+      let incorrectSelections = 0;
+      answers.forEach(answer => {
+        const shape = allShapes.find(s => s.id === answer.id);
+        if (shape && shape.correct) {
+          correctSelections++;
+        } else {
+          incorrectSelections++;
+        }
+      });
+      const totalCorrectAvailable = correctShapes.length;
+      traceLog.push(`Partial scoring calculation: ${correctSelections} correct selections out of ${totalCorrectAvailable} available.`);
+      if (incorrectSelections > totalCorrectAvailable) {
+        const extraSelections = incorrectSelections - (totalCorrectAvailable - correctSelections);
+        traceLog.push(`${extraSelections} extra incorrect selection(s) beyond required amount are deducted from score.`);
+      }
+    }
+  } else {
+    traceLog.push(`Score calculated using all-or-nothing scoring.`);
+  }
+  const score = getScore(model, session, env);
+  traceLog.push(`Score: ${score}.`);
+  return traceLog;
+};
+exports.getLogTrace = getLogTrace;
+function outcome(config, session, env = {}) {
+  return new Promise(resolve => {
     log('outcome...');
-
-    if (!session || (0, _isEmpty["default"])(session)) {
+    if (!session || (0, _lodashEs.isEmpty)(session)) {
       resolve({
         score: 0,
-        empty: true
+        empty: true,
+        traceLog: ['No hotspots selected. Score: 0.']
       });
     }
-
     if (session.answers) {
-      var score = getScore(config, session, env);
+      const traceLog = getLogTrace(config, session, env);
+      const score = getScore(config, session, env);
       resolve({
-        score: score
+        score,
+        empty: false,
+        traceLog
       });
     } else {
       resolve({
         score: 0,
-        empty: true
+        empty: true,
+        traceLog: ['No hotspots selected. Score: 0.']
       });
     }
   });
 }
-
-var returnShapesCorrect = function returnShapesCorrect(shapes) {
-  var answers = [];
-  shapes.forEach(function (i) {
-    var correct = i.correct,
-        id = i.id;
-
+const returnShapesCorrect = shapes => {
+  let answers = [];
+  shapes.forEach(i => {
+    const {
+      correct,
+      id
+    } = i;
     if (correct) {
       answers.push({
-        id: id
+        id
       });
     }
   });
   return answers;
 };
-
-var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
-  return new Promise(function (resolve) {
+const createCorrectResponseSession = (question, env) => {
+  return new Promise(resolve => {
     if (env.mode !== 'evaluate' && env.role === 'instructor') {
-      var _question$shapes = question.shapes;
-      _question$shapes = _question$shapes === void 0 ? {} : _question$shapes;
-      var _question$shapes$rect = _question$shapes.rectangles,
-          rectangles = _question$shapes$rect === void 0 ? [] : _question$shapes$rect,
-          _question$shapes$circ = _question$shapes.circles,
-          circles = _question$shapes$circ === void 0 ? [] : _question$shapes$circ,
-          _question$shapes$poly = _question$shapes.polygons,
-          polygons = _question$shapes$poly === void 0 ? {} : _question$shapes$poly;
-      var rectangleCorrect = returnShapesCorrect(rectangles);
-      var polygonsCorrect = returnShapesCorrect(polygons);
-      var circlesCorrect = returnShapesCorrect(circles);
+      const {
+        shapes: {
+          rectangles = [],
+          circles = [],
+          polygons = {}
+        } = {}
+      } = question;
+      const rectangleCorrect = returnShapesCorrect(rectangles);
+      const polygonsCorrect = returnShapesCorrect(polygons);
+      const circlesCorrect = returnShapesCorrect(circles);
       resolve({
-        answers: [].concat((0, _toConsumableArray2["default"])(rectangleCorrect), (0, _toConsumableArray2["default"])(polygonsCorrect), (0, _toConsumableArray2["default"])(circlesCorrect)),
+        answers: [...rectangleCorrect, ...polygonsCorrect, ...circlesCorrect],
         id: '1'
       });
     } else {
       resolve(null);
     }
   });
-}; // remove all html tags
-
-
-exports.createCorrectResponseSession = createCorrectResponseSession;
-
-var getInnerText = function getInnerText(html) {
-  return (html || '').replaceAll(/<[^>]*>/g, '');
-}; // remove all html tags except img, iframe and source tag for audio
-
-
-var getContent = function getContent(html) {
-  return (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
 };
 
-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 = {};
-  ['teacherInstructions', 'prompt', 'rationale'].forEach(function (field) {
-    var _config$field;
-
-    if ((_config$field = config[field]) !== null && _config$field !== void 0 && _config$field.required && !getContent(model[field])) {
+// remove all html tags
+exports.createCorrectResponseSession = createCorrectResponseSession;
+const getInnerText = html => (html || '').replaceAll(/<[^>]*>/g, '');
+
+// remove all html tags except img, iframe and source tag for audio
+const getContent = html => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
+const validate = (model = {}, config = {}) => {
+  const {
+    shapes
+  } = model;
+  const {
+    minShapes = 2,
+    maxShapes,
+    maxSelections
+  } = config;
+  const errors = {};
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(field => {
+    if (config[field]?.required && !getContent(model[field])) {
       errors[field] = 'This field is required.';
     }
   });
-  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;
-
+  const allShapes = Object.values(shapes || {}).reduce((acc, shape) => [...acc, ...shape], []);
+  const nbOfSelections = (allShapes || []).reduce((acc, shape) => shape.correct ? acc + 1 : acc, 0);
+  const nbOfShapes = (allShapes || []).length;
   if (nbOfShapes < minShapes) {
-    errors.shapes = "There should be at least ".concat(minShapes, " shapes defined.");
+    errors.shapes = `There should be at least ${minShapes} shapes defined.`;
   } else if (nbOfShapes > maxShapes) {
-    errors.shapes = "No more than ".concat(maxShapes, " shapes should be defined.");
+    errors.shapes = `No more than ${maxShapes} shapes should be defined.`;
   }
-
   if (nbOfSelections < 1) {
     errors.selections = 'There should be at least 1 shape selected.';
   } else if (nbOfSelections > maxSelections) {
-    errors.selections = "No more than ".concat(maxSelections, " shapes should be selected.");
+    errors.selections = `No more than ${maxSelections} shapes should be selected.`;
   }
-
   return errors;
 };
-
 exports.validate = validate;
 //# sourceMappingURL=index.js.map