@gamelearn/arcade-components 2.41.0 → 3.0.1

package/dist/components/test-component/components/Container.js

@@ -1,211 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Questions = _interopRequireDefault(require("./Questions"));
-var _Feedbacks = _interopRequireDefault(require("./Feedbacks"));
-var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Container = function Container(_ref) {
-  var questions = _ref.questions,
-    setTime = _ref.setTime,
-    saveInterval = _ref.saveInterval,
-    result = _ref.result,
-    setTries = _ref.setTries,
-    tries = _ref.tries,
-    time = _ref.time,
-    showResults = _ref.showResults,
-    answered = _ref.answered,
-    answerPage = _ref.answerPage,
-    updateForm = _ref.updateForm,
-    disabled = _ref.disabled,
-    translate = _ref.translate,
-    soundActions = _ref.soundActions,
-    paused = _ref.paused,
-    view = _ref.view,
-    correctQuestions = _ref.correctQuestions,
-    feedbacksOnlyWhenReview = _ref.feedbacksOnlyWhenReview;
-  var layerToBeScrolled = document.querySelector(".test--container");
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentQuestionId = _useState2[0],
-    setNextQuestion = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    feedback = _useState4[0],
-    setFeedback = _useState4[1];
-  var qid = questions[currentQuestionId].id;
-  var _soundActions = _slicedToArray(soundActions, 1),
-    play = _soundActions[0];
-  (0, _react.useEffect)(function () {
-    if (time >= 0 && !disabled && !paused) {
-      var timeout = setInterval(function () {
-        if (!feedback) {
-          setTime(function (t) {
-            return t - 1;
-          });
-        }
-      }, 1000);
-      saveInterval(timeout);
-      return function () {
-        clearInterval(timeout);
-      };
-    }
-    return undefined;
-  }, [disabled, feedback, paused, saveInterval, setTime, time]);
-  var nextPage = function nextPage() {
-    layerToBeScrolled.scrollTo(0, 0);
-    play('click-ui');
-    if (answered) {
-      if (result[qid][0].feedback && !disabled && !feedbacksOnlyWhenReview) {
-        setFeedback(true);
-      } else {
-        answerPage(false);
-        setNextQuestion(currentQuestionId + 1);
-      }
-    }
-  };
-  var previousPage = function previousPage() {
-    play('click-ui');
-    setNextQuestion(currentQuestionId - 1);
-  };
-  var nextPageFeedback = function nextPageFeedback() {
-    layerToBeScrolled.scrollTo(0, 0);
-    if (questions[currentQuestionId + 1]) {
-      setFeedback(false);
-      answerPage(false);
-      setNextQuestion(currentQuestionId + 1);
-    } else {
-      showResults();
-    }
-  };
-  var finishTest = function finishTest() {
-    layerToBeScrolled.scrollTo(0, 0);
-    setTries(tries + 1);
-    if (result[qid][0].feedback && !disabled && !feedbacksOnlyWhenReview) {
-      setFeedback(true);
-    } else {
-      showResults();
-    }
-  };
-  var minutes = Math.floor(time / 60);
-  var seconds = time % 60;
-  (0, _react.useEffect)(function () {
-    // move scroll to checkbox in review mode
-    if (view === 'review') {
-      var idSelected = result["q".concat(currentQuestionId)][0].id;
-      var inputSelected = document.querySelector("#".concat(idSelected));
-      layerToBeScrolled.scrollTo(0, inputSelected.offsetTop);
-    }
-  }, [currentQuestionId, layerToBeScrolled, result, view]);
-  var questionAnsweredCorrectly = function questionAnsweredCorrectly() {
-    if (answered) {
-      var correctAnswers = correctQuestions[questions[currentQuestionId].id.substring(1)].answers;
-      var selectedAnswers = result[qid];
-      var thereAreWrongAnswersSelected = selectedAnswers.find(function (el) {
-        return el.isCorrect === false;
-      });
-      var fixedAnswers = 0;
-      selectedAnswers.forEach(function (el) {
-        if (correctAnswers.includes(el.id)) {
-          fixedAnswers += 1;
-        }
-      });
-      return !thereAreWrongAnswersSelected && fixedAnswers === correctAnswers.length;
-    }
-    return false;
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, view === 'review' || feedback ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "test-feedback-header ".concat(questionAnsweredCorrectly() ? 'success' : 'failed')
-  }, /*#__PURE__*/_react.default.createElement("h2", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(questionAnsweredCorrectly() ? 'icon-correct-thumb' : 'icon-incorrect-thumb')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "test-feedback-header__title"
-  }, questionAnsweredCorrectly() ? translate('tests.resolvedQuestion') : translate('tests.notResolvedQuestion')))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions__container"
-  }, feedback ? /*#__PURE__*/_react.default.createElement(_Feedbacks.default, {
-    selectedAnswers: result[qid],
-    correctQuestions: correctQuestions[questions[currentQuestionId].id.substring(1)].answers,
-    question: questions[currentQuestionId].text,
-    translate: translate
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions__intertitle"
-  }, /*#__PURE__*/_react.default.createElement("div", null, (0, _LangIsRtl.default)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentQuestionId + 1, "/", questions.length, " ", /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length)), view !== 'review' && time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
-    dir: "ltr",
-    className: "count-down ".concat(time < 10 ? 'count-down--finalseconds' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "test-time"
-  }, minutes < 10 ? "0".concat(minutes) : minutes, " : ", seconds < 10 ? "0".concat(seconds) : seconds)) : null), /*#__PURE__*/_react.default.createElement(_Questions.default, {
-    key: questions[currentQuestionId].id,
-    result: result,
-    disabled: disabled,
-    answered: answered,
-    updateForm: updateForm,
-    question: questions[currentQuestionId],
-    correctQuestions: disabled ? correctQuestions[questions[currentQuestionId].id.substring(1)].answers : [],
-    translate: translate
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--buttons ".concat(view === 'review' ? 'reviewmode' : 'next')
-  }, view === 'review' ? /*#__PURE__*/_react.default.createElement("button", {
-    disabled: currentQuestionId === 0,
-    id: "back-button",
-    onClick: function onClick() {
-      return previousPage();
-    },
-    type: "button",
-    className: "gat--btn__navigation ".concat(currentQuestionId === 0 ? 'disabled' : ''),
-    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.next') : translate('survey.previous')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
-  })) : null, !feedback && questions[currentQuestionId + 1] ? /*#__PURE__*/_react.default.createElement("button", {
-    disabled: !answered,
-    id: "next-button",
-    onClick: function onClick() {
-      return nextPage();
-    },
-    type: "button",
-    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : ''),
-    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  })) : null, feedback ? /*#__PURE__*/_react.default.createElement("button", {
-    id: "next-button",
-    onClick: function onClick() {
-      return nextPageFeedback();
-    },
-    type: "button",
-    className: "gat--btn__navigation"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  })) : null, !feedback && questions[currentQuestionId].id.substring(1) === (questions.length - 1).toString() ? /*#__PURE__*/_react.default.createElement("button", {
-    disabled: !answered,
-    id: "finish-button",
-    onClick: function onClick() {
-      play('click-ui');
-      if (answered) {
-        finishTest();
-      }
-    },
-    type: "button",
-    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : ''),
-    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  })) : null)));
-};
-var _default = Container;
-exports.default = _default;

package/dist/components/test-component/components/Feedbacks.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var LABELS_INDEX = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'];
-var FeedbackItem = function FeedbackItem(_ref) {
-  var selectedAnswers = _ref.selectedAnswers,
-    correctQuestions = _ref.correctQuestions,
-    question = _ref.question,
-    translate = _ref.translate;
-  var questionAnsweredCorrectly = function questionAnsweredCorrectly(optionSelected) {
-    return correctQuestions.includes(optionSelected);
-  };
-  var compare = function compare(a, b) {
-    if (a.index < b.index) {
-      return -1;
-    }
-    if (a.index > b.index) {
-      return 1;
-    }
-    return 0;
-  };
-  var selectedAnswersOrderedAlphabetically = selectedAnswers.sort(compare);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions__item"
-  }, /*#__PURE__*/_react.default.createElement("span", null, question)), selectedAnswersOrderedAlphabetically.map(function (answer) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: answer.text,
-      className: "test--response__itemwrap"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__item ".concat(questionAnsweredCorrectly(answer.id) ? 'success' : 'failed')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__index"
-    }, LABELS_INDEX[answer.index]), /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__text"
-    }, /*#__PURE__*/_react.default.createElement("span", null, answer.text)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__icon ".concat(questionAnsweredCorrectly(answer.id) ? 'icon-check-circle-black color--success' : 'icon-error-circle-black color--error')
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--feedback"
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement("span", null, translate('test.feedback'), " ", selectedAnswers.length > 1 ? LABELS_INDEX[answer.index] : ''))), /*#__PURE__*/_react.default.createElement("span", null, answer.feedback)));
-  }));
-};
-var _default = FeedbackItem;
-exports.default = _default;

package/dist/components/test-component/components/Questions.js

@@ -1,145 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var LABELS_INDEX = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'];
-var Questions = function Questions(_ref) {
-  var disabled = _ref.disabled,
-    answered = _ref.answered,
-    question = _ref.question,
-    updateForm = _ref.updateForm,
-    result = _ref.result,
-    correctQuestions = _ref.correctQuestions,
-    translate = _ref.translate;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMultiAnswers = _useState2[0],
-    setIsMultiAnswers = _useState2[1];
-  var filteredAnswers = question.answers.filter(function (answer) {
-    return answer.text;
-  });
-  var checkIfCheckboxIsChecked = function checkIfCheckboxIsChecked(id) {
-    var isChecked = false;
-    if (result[question.id].find(function (element) {
-      return element.id === id;
-    })) {
-      isChecked = true;
-    }
-    return isChecked;
-  };
-  var getInputStatus = function getInputStatus(answer) {
-    var status = '';
-    if (isMultiAnswers) {
-      if (answered && checkIfCheckboxIsChecked(answer.id)) {
-        status = 'selected';
-      }
-      if (disabled && checkIfCheckboxIsChecked(answer.id) && correctQuestions.includes(answer.id)) {
-        status = 'success';
-      }
-      if (disabled && checkIfCheckboxIsChecked(answer.id) && !correctQuestions.includes(answer.id)) {
-        status = 'failed';
-      }
-    } else {
-      if (answered && answer.id === result[question.id][0].id) {
-        status = 'selected';
-      }
-      if (disabled && answer.id === result[question.id][0].id) {
-        status = result[question.id][0].isCorrect ? 'success' : 'failed';
-      }
-    }
-    return status;
-  };
-  var getIconStatus = function getIconStatus(answer) {
-    var status = getInputStatus(answer);
-    if (status === 'selected') {
-      return 'icon-check-circle-black color--selected';
-    }
-    if (status === 'success') {
-      return 'icon-check-circle-black color--success';
-    }
-    if (status === 'failed') {
-      return 'icon-error-circle-black color--error';
-    }
-    return '';
-  };
-  var showTooltip = function showTooltip(answer) {
-    return disabled && answer.feedback && (isMultiAnswers && checkIfCheckboxIsChecked(answer.id) || answer.id === result[question.id][0].id);
-  };
-  var tooltipPosition = function tooltipPosition(answers, answerIndex) {
-    if (answerIndex === 0) {
-      return 'tooltip--right__top';
-    }
-    if (answerIndex === answers.length - 1) {
-      return 'tooltip--right__bottom';
-    }
-    return 'tooltip--center__right';
-  };
-  var checkIfIsMultiAnswer = question.answers.filter(function (a) {
-    return a.isCorrect;
-  });
-  (0, _react.useEffect)(function () {
-    if (checkIfIsMultiAnswer.length === 1) {
-      setIsMultiAnswers(false);
-    } else {
-      setIsMultiAnswers(true);
-    }
-  }, [checkIfIsMultiAnswer.length, isMultiAnswers, question.answers]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions__item"
-  }, /*#__PURE__*/_react.default.createElement("span", null, question.text)), isMultiAnswers && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--questions__intertitle test--questions__intertitle--multiresponse"
-  }, translate('tests.chooseMoreOneAnswer')) : null, filteredAnswers.map(function (answer, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__fakeinput",
-      key: answer.text
-    }, isMultiAnswers ? /*#__PURE__*/_react.default.createElement("input", {
-      checked: answered && checkIfCheckboxIsChecked(answer.id),
-      disabled: disabled && !checkIfCheckboxIsChecked(answer.id),
-      readOnly: disabled,
-      type: "checkbox",
-      id: answer.id,
-      onChange: function onChange() {
-        return !disabled ? updateForm(answer, question.id, index, 'isCheckbox', answer.id) : null;
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      checked: answered && answer.id === result[question.id][0].id,
-      disabled: disabled && !getInputStatus(answer),
-      type: "radio",
-      name: "name",
-      id: answer.id,
-      onChange: function onChange() {
-        return !disabled ? updateForm(answer, question.id, index, 'isRadio') : null;
-      }
-    })), /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: answer.id,
-      className: "test--response__item ".concat(getInputStatus(answer))
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__index"
-    }, LABELS_INDEX[index]), /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__text"
-    }, /*#__PURE__*/_react.default.createElement("span", null, answer.text)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--response__icon ".concat(getIconStatus(answer))
-    })), disabled ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "test--feedback__info ".concat(!showTooltip(answer) ? 'test--feedback__info--hidden' : '')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-info2 ".concat(getInputStatus(answer) === 'success' ? 'color--success' : 'color--error')
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      id: "tooltipFeedback-".concat(index),
-      className: "tooltip ".concat(tooltipPosition(filteredAnswers, index))
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement("span", null, translate('test.feedback')))), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, answer.feedback)))) : null);
-  }));
-};
-var _default = Questions;
-exports.default = _default;

package/dist/components/test-component/components/Results.js

@@ -1,208 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ResultsComponent = function ResultsComponent(_ref) {
-  var result = _ref.result,
-    time = _ref.time,
-    mandatory = _ref.mandatory,
-    correctQuestions = _ref.correctQuestions,
-    isFirst = _ref.isFirst,
-    reviewTest = _ref.reviewTest,
-    finishTest = _ref.finishTest,
-    restartTest = _ref.restartTest,
-    timeOver = _ref.timeOver,
-    timeOverText = _ref.timeOverText,
-    emitEvent = _ref.emitEvent,
-    minimumPercentage = _ref.minimumPercentage;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    points = _useState2[0],
-    setPoints = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    interval = _useState4[0],
-    saveInterval = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    allCorrectAnswers = _useState6[0],
-    setAllCorrectAnswers = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    allSelectedCorrectAnswers = _useState8[0],
-    setAllSelectedCorrectAnswers = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    numberOfQuestionsCorrectlyAnswered = _useState10[0],
-    setNumberOfQuestionsCorrectlyAnswered = _useState10[1];
-  var getAllAnswersCorrectFromEditor = (0, _react.useCallback)(function () {
-    var valueToReturn = [];
-    correctQuestions.forEach(function (el) {
-      return valueToReturn.push(el.answers);
-    });
-    return valueToReturn;
-  }, [correctQuestions]);
-  var getAllSelectedCorrectAnswers = (0, _react.useCallback)(function () {
-    var valueToReturn = [];
-    Object.values(result).forEach(function (answers) {
-      if (answers.length > 1) {
-        var thereAreWrongAnswersSelected = answers.find(function (el) {
-          return el.isCorrect === false;
-        });
-        var multiAnswersPerQuestions = [];
-        if (thereAreWrongAnswersSelected) {
-          valueToReturn.push([]);
-        } else {
-          answers.forEach(function (answer) {
-            if (answer.isCorrect) {
-              multiAnswersPerQuestions.push(answer.id);
-            }
-          });
-          valueToReturn.push(multiAnswersPerQuestions);
-        }
-      } else if (answers[0].isCorrect) {
-        valueToReturn.push([answers[0].id]);
-      } else if (answers[0].isCorrect === false) {
-        valueToReturn.push('');
-      }
-    });
-    return valueToReturn;
-  }, [result]);
-  var getNumberOfQuestionsCorrectlyAnswered = (0, _react.useCallback)(function () {
-    var valueToReturn = 0;
-    if (allSelectedCorrectAnswers.length > 0) {
-      allCorrectAnswers.forEach(function (question, index) {
-        if (question.length > 1) {
-          if (question.every(function (answer) {
-            return allSelectedCorrectAnswers[index].includes(answer);
-          })) {
-            valueToReturn += 1;
-          }
-        } else if (question.length === 1) {
-          if (!!allSelectedCorrectAnswers[index] && question[0] === allSelectedCorrectAnswers[index][0]) {
-            valueToReturn += 1;
-          }
-        }
-      });
-      return valueToReturn;
-    }
-    return valueToReturn;
-  }, [allCorrectAnswers, allSelectedCorrectAnswers]);
-  (0, _react.useEffect)(function () {
-    setAllCorrectAnswers(getAllAnswersCorrectFromEditor);
-    setAllSelectedCorrectAnswers(getAllSelectedCorrectAnswers);
-    setNumberOfQuestionsCorrectlyAnswered(getNumberOfQuestionsCorrectlyAnswered);
-  }, [getAllAnswersCorrectFromEditor, getAllSelectedCorrectAnswers, getNumberOfQuestionsCorrectlyAnswered]);
-  var totalCorrectAnswers = correctQuestions.length;
-  var allIsCorrect = getNumberOfQuestionsCorrectlyAnswered() === totalCorrectAnswers;
-  var minimumPercentageNotExceeded = numberOfQuestionsCorrectlyAnswered < minimumPercentage;
-  var minimumPercentageExceeded = numberOfQuestionsCorrectlyAnswered >= minimumPercentage;
-  var showFinishButton = !mandatory || minimumPercentageExceeded;
-  var bar = Math.trunc(points / totalCorrectAnswers * 100);
-  var translate = function translate(id, values) {
-    return emitEvent({
-      type: 'translate',
-      payload: id,
-      values: values
-    });
-  };
-  var failedColor = {
-    '--chart-color': "var(--color-error)"
-  };
-  (0, _react.useEffect)(function () {
-    if (points < numberOfQuestionsCorrectlyAnswered) {
-      var timeout = setInterval(function () {
-        setPoints(function (t) {
-          return t + 1;
-        });
-      }, 100);
-      saveInterval(timeout);
-      return function () {
-        clearInterval(timeout);
-      };
-    }
-    return undefined;
-  }, [numberOfQuestionsCorrectlyAnswered, points]);
-  (0, _react.useEffect)(function () {
-    if (points >= numberOfQuestionsCorrectlyAnswered) {
-      clearInterval(interval);
-    }
-  }, [numberOfQuestionsCorrectlyAnswered, interval, points]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results ".concat(minimumPercentageNotExceeded || timeOver ? 'test--results--failed' : '')
-  }, isFirst && allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "fireworks"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "before"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "after"
-  })) : null, !timeOver && minimumPercentageNotExceeded ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__title"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.NotFinishedSuccessfully'))) : null, !timeOver && minimumPercentageExceeded || allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__title"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.finishedSuccessfully'))) : null, timeOver ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__title"
-  }, /*#__PURE__*/_react.default.createElement("span", null, timeOverText)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__time",
-    id: "results-time"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time)))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "chart center chart".concat(bar)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "chart-slice"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "chart-bar",
-    style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "chart-fill",
-    style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "chart-value"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__chart"
-  }, /*#__PURE__*/_react.default.createElement("span", null, points), /*#__PURE__*/_react.default.createElement("span", null, "/", totalCorrectAnswers)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__chart--label"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.success'))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__minimum"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "icon-bell"
-  }), /*#__PURE__*/_react.default.createElement("div", null, translate('tests.minimumQuestionsMessage', {
-    minimumPercentage: minimumPercentage
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results__buttons"
-  }, !timeOver ? /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn gat--btn__secondary",
-    id: "review-button",
-    onClick: function onClick() {
-      return reviewTest();
-    },
-    type: "button"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.review'))) : null, !showFinishButton ? /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn gat--btn__primary",
-    id: "restart-button",
-    onClick: function onClick() {
-      return restartTest();
-    },
-    type: "button"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.restart'))) : null, showFinishButton ? /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn gat--btn__primary",
-    id: "finish-button",
-    onClick: function onClick() {
-      return finishTest();
-    },
-    type: "button"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.continue'))) : null));
-};
-var _default = ResultsComponent;
-exports.default = _default;