@gamelearn/arcade-components 2.23.10 → 2.24.1

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

@@ -29,14 +29,15 @@ var ResultsComponent = function ResultsComponent(_ref) {
   var result = _ref.result,
       time = _ref.time,
       mandatory = _ref.mandatory,
-      correctAnswers = _ref.correctAnswers,
+      correctQuestions = _ref.correctQuestions,
       isFirst = _ref.isFirst,
       reviewTest = _ref.reviewTest,
       finishTest = _ref.finishTest,
       restartTest = _ref.restartTest,
       timeOver = _ref.timeOver,
       timeOverText = _ref.timeOverText,
-      emitEvent = _ref.emitEvent;
+      emitEvent = _ref.emitEvent,
+      minimumPercentage = _ref.minimumPercentage;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -48,12 +49,88 @@ var ResultsComponent = function ResultsComponent(_ref) {
       interval = _useState4[0],
       saveInterval = _useState4[1];
 
-  var correctAnswersChecked = correctAnswers.filter(function (a) {
-    return result[a.question] && result[a.question].id === a.answer;
-  }).length;
-  var totalCorrectAnswers = correctAnswers.length;
-  var showFinishButton = mandatory ? correctAnswersChecked === totalCorrectAnswers : true;
-  var showRetryButton = mandatory ? correctAnswersChecked < totalCorrectAnswers : false;
+  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;
+  console.info('adadf');
+  var showFinishButton = !mandatory || minimumPercentageExceeded;
   var bar = Math.trunc(points / totalCorrectAnswers * 100);
 
   var translate = function translate(id, values) {
@@ -64,8 +141,11 @@ var ResultsComponent = function ResultsComponent(_ref) {
     });
   };
 
+  var failedColor = {
+    '--chart-color': "var(--color-error)"
+  };
   (0, _react.useEffect)(function () {
-    if (points < correctAnswersChecked) {
+    if (points < numberOfQuestionsCorrectlyAnswered) {
       var timeout = setInterval(function () {
         setPoints(function (t) {
           return t + 1;
@@ -78,41 +158,53 @@ var ResultsComponent = function ResultsComponent(_ref) {
     }
 
     return undefined;
-  }, [correctAnswersChecked, points]);
+  }, [numberOfQuestionsCorrectlyAnswered, points]);
   (0, _react.useEffect)(function () {
-    if (points >= correctAnswersChecked) {
+    if (points >= numberOfQuestionsCorrectlyAnswered) {
       clearInterval(interval);
     }
-  }, [correctAnswersChecked, interval, points]);
+  }, [numberOfQuestionsCorrectlyAnswered, interval, points]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--results"
-  }, isFirst && correctAnswersChecked === totalCorrectAnswers ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "test--results ".concat(minimumPercentageNotExceeded || timeOver || minimumPercentage === 0 && mandatory && !allIsCorrect ? '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, /*#__PURE__*/_react.default.createElement("div", {
+  })) : null, !timeOver && minimumPercentageNotExceeded || !timeOver && minimumPercentage === 0 && mandatory && !allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "test--results__title"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.NotFinishedSuccessfully'))) : null, !timeOver && minimumPercentage > 0 && 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, timeOver ? timeOverText : translate('tests.finished'))), time ? /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time)))) : null, minimumPercentage === 0 && !mandatory ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "test--results__title"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.finished'))) : 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"
+    className: "chart-bar",
+    style: minimumPercentage === 0 && mandatory && !allIsCorrect || minimumPercentageNotExceeded || timeOver ? failedColor : {}
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "chart-fill"
+    className: "chart-fill",
+    style: minimumPercentage === 0 && mandatory && !allIsCorrect || 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--buttons"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.success'))))), minimumPercentage > 0 ? /*#__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'), "\xA0", /*#__PURE__*/_react.default.createElement("strong", null, minimumPercentage))) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "test--results__buttons"
   }, !timeOver ? /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn gat--btn__secondary",
     id: "review-button",
@@ -120,7 +212,7 @@ var ResultsComponent = function ResultsComponent(_ref) {
       return reviewTest();
     },
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.review'))) : null, showRetryButton ? /*#__PURE__*/_react.default.createElement("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() {

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

@@ -53,11 +53,9 @@ var TestComponent = function TestComponent(_ref) {
       soundActions = _ref.soundActions,
       audio = _ref.audio,
       required = _ref.required,
-      pause = _ref.pause;
+      pause = _ref.pause,
+      minimumPercentage = _ref.minimumPercentage;
   var questions = test.questions;
-  var indicators = emitEvent({
-    type: 'loadIndicators'
-  });
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -76,8 +74,8 @@ var TestComponent = function TestComponent(_ref) {
 
   var _useState7 = (0, _react.useState)([]),
       _useState8 = _slicedToArray(_useState7, 2),
-      correctAnswers = _useState8[0],
-      setCorrectAnswers = _useState8[1];
+      correctQuestions = _useState8[0],
+      setCorrectQuestions = _useState8[1];
 
   var _useState9 = (0, _react.useState)(countdown.time),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -117,22 +115,61 @@ var TestComponent = function TestComponent(_ref) {
   var isRequired = required || test.required || false;
   var rewardedCorrectAnswers = (0, _react.useRef)({});
 
+  var _useState23 = (0, _react.useState)(),
+      _useState24 = _slicedToArray(_useState23, 2),
+      calculatedMinimum = _useState24[0],
+      setCalculateMinimum = _useState24[1];
+
   var _soundActions = _slicedToArray(soundActions, 2),
       playSound = _soundActions[0],
       stop = _soundActions[1];
 
-  var updateForm = function updateForm(optionSelected, question, index) {
-    var actualQuestion = _objectSpread(_objectSpread({}, optionSelected), {}, {
+  var updateForm = function updateForm(optionSelected, question, index, inputType, answerId) {
+    var actualAnswer = _objectSpread(_objectSpread({}, optionSelected), {}, {
       index: index
     });
 
     if (tries > 0) {
-      actualQuestion.rewards = actualQuestion.rewards.filter(function (reward) {
+      actualAnswer.rewards = actualAnswer.rewards.filter(function (reward) {
         return !historicAnswers[optionSelected.id] || reward.points < 0;
       });
     }
 
-    var actualResult = _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, question, actualQuestion));
+    if (result[question]) {
+      // Check if any answer is checked in order to be able to unchecked it
+      var checkIfOptionExisted = result[question].find(function (element) {
+        return element.id === answerId;
+      });
+
+      if (checkIfOptionExisted) {
+        if (checkIfOptionExisted.id === optionSelected.id) {
+          var answerToUnCheck = result[question].find(function (element) {
+            return element.id === answerId;
+          });
+          var indexOfAnswerToUnCheck = result[question].indexOf(answerToUnCheck);
+          result[question].splice(indexOfAnswerToUnCheck, 1); // no answers, no run
+
+          if (result[question].length === 0) {
+            answerPage(false);
+            return;
+          }
+        }
+      } // if there is already an option checked
+      else {
+        result[question].push(actualAnswer);
+      }
+    } // if no option is checked
+    else {
+      result[question] = [actualAnswer];
+    }
+
+    var actualResult;
+
+    if (inputType === 'isRadio') {
+      actualResult = _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, question, [actualAnswer]));
+    } else {
+      actualResult = _objectSpread({}, result);
+    }
 
     setResult(actualResult);
     setShowingResult(actualResult);
@@ -145,18 +182,28 @@ var TestComponent = function TestComponent(_ref) {
       playSound(audio.url, 'tts');
     }
   }, [playSound, audio]);
-  (0, _react.useEffect)(function () {
-    var answers = questions.map(function (q) {
-      var answer = q.answers.find(function (a) {
-        return a.isCorrect;
-      });
-      return {
-        question: q.id,
-        answer: answer.id
-      };
+  var getCorrectQuestions = questions.map(function (q) {
+    var allQuestionsWithHisCorrectAnswers = q.answers.filter(function (a) {
+      return a.isCorrect;
     });
-    setCorrectAnswers(answers);
-  }, [questions]);
+    var correctAnswersPerQuestions = [];
+    allQuestionsWithHisCorrectAnswers.forEach(function (el) {
+      correctAnswersPerQuestions.push(el.id);
+    });
+    return {
+      question: q.id,
+      answers: correctAnswersPerQuestions
+    };
+  });
+  (0, _react.useEffect)(function () {
+    setCorrectQuestions(getCorrectQuestions);
+  }, [getCorrectQuestions]);
+  (0, _react.useEffect)(function () {
+    if (minimumPercentage) {
+      var calculateMinimum = Math.ceil(questions.length * minimumPercentage / 100);
+      setCalculateMinimum(calculateMinimum);
+    }
+  }, [questions.length, minimumPercentage]);
   (0, _react.useEffect)(function () {
     if (time === 0) {
       clearInterval(interval);
@@ -180,15 +227,17 @@ var TestComponent = function TestComponent(_ref) {
 
   var finishTest = function finishTest() {
     var actualResult = {
-      correctAnswers: correctAnswers.length,
+      correctQuestions: correctQuestions.length,
       result: result,
       status: 'resolved'
     };
     var resultKeys = Object.keys(result);
     resultKeys.forEach(function (k) {
-      if (rewardedCorrectAnswers.current[result[k].id]) {
-        result[k].rewards = [];
-      }
+      result[k].forEach(function (option) {
+        if (rewardedCorrectAnswers.current[option.id]) {
+          option.rewards = [];
+        }
+      });
     });
     emitEvent({
       type: 'saveTest',
@@ -211,17 +260,23 @@ var TestComponent = function TestComponent(_ref) {
     };
 
     var resultAnswers = Object.values(result);
-    resultAnswers.forEach(function (a) {
-      if (a.isCorrect) {
-        if (!rewardedCorrectAnswers.current[a.id]) {
-          rewardedCorrectAnswers.current[a.id] = true;
-        } else {
-          a.rewards = [];
+    resultAnswers.forEach(function (question) {
+      question.forEach(function (a) {
+        if (a.isCorrect) {
+          if (!rewardedCorrectAnswers.current[a.id]) {
+            rewardedCorrectAnswers.current[a.id] = true;
+          } else {
+            a.rewards = [];
+          }
         }
-      }
+      });
     });
     var rewards = resultAnswers.reduce(function (acc, current) {
-      return [].concat(_toConsumableArray(acc), _toConsumableArray(current.rewards));
+      var valueToReturn = [];
+      current.forEach(function (answer) {
+        valueToReturn.push(answer.rewards);
+      });
+      return [].concat(_toConsumableArray(acc), _toConsumableArray(valueToReturn.flat()));
     }, []);
 
     if (timeOver && countdown.rewards) {
@@ -254,7 +309,6 @@ var TestComponent = function TestComponent(_ref) {
     className: "test--container",
     dir: "auto"
   }, view !== 'results' ? /*#__PURE__*/_react.default.createElement(_Container.default, {
-    type: test.type,
     result: result,
     time: time,
     setTries: setTries,
@@ -269,7 +323,9 @@ var TestComponent = function TestComponent(_ref) {
     updateForm: updateForm,
     showResults: showResults,
     translate: translate,
-    soundActions: soundActions
+    soundActions: soundActions,
+    view: view,
+    correctQuestions: correctQuestions
   }) : /*#__PURE__*/_react.default.createElement(_Results.default, {
     reviewTest: function reviewTest() {
       changeFirst(false);
@@ -279,16 +335,14 @@ var TestComponent = function TestComponent(_ref) {
     finishTest: finishTest,
     time: time,
     mandatory: isRequired,
-    type: test.type,
     restartTest: restartTest,
     result: result,
-    showingResult: showingResult,
-    correctAnswers: correctAnswers,
-    indicators: indicators,
+    correctQuestions: correctQuestions,
     timeOver: timeOver,
     timeOverText: countdown.text,
     emitEvent: emitEvent,
-    soundActions: soundActions
+    soundActions: soundActions,
+    minimumPercentage: calculatedMinimum || 0
   })));
 };
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.23.10",
+  "version": "2.24.1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@gamelearn/arcade-styles": "2.16.1",
+    "@gamelearn/arcade-styles": "2.17.1",
     "@gamelearn/arcade-three-core": "1.24.3",
     "@react-three/a11y": "^3.0.0",
     "@react-three/drei": "9.4.3",

package/dist/components/media-visor/components/MediaVisor.js

@@ -1,143 +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 _hls = _interopRequireDefault(require("hls.js"));
-
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var defaultBgImageForAudio = 'https://min.gamelearn.io/css-resources/gamelearn/resources/bgAudioPiece.jpg';
-
-var VideoVisor = function VideoVisor(_ref) {
-  var documentType = _ref.documentType,
-      url = _ref.url,
-      backgroundImage = _ref.backgroundImage,
-      endVideo = _ref.endVideo;
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      videoPlayer = _useState2[0],
-      setVideo = _useState2[1];
-
-  var isHls = url && url.match(/\.m3u8(\?.+=.+)*$/i) && _hls.default.isSupported();
-
-  var isEmbeddedVideo = url && (url.match(/youtube/i) || url.match(/vimeo/i));
-  var isAudio = url && (url.match(/.mp3/i) || url.match(/.ogg/i) || url.match(/.wav/i));
-  var videoProps = {
-    ref: function ref(videoRef) {
-      setVideo(videoRef);
-    },
-    src: url,
-    style: {
-      height: '100%',
-      width: '100%'
-    }
-  };
-
-  var onEnded = function onEnded() {
-    videoPlayer.pause();
-
-    if (documentType !== 'document' && documentType !== 'lesson') {
-      endVideo();
-    }
-  };
-
-  var onError = function onError() {
-    endVideo();
-  };
-
-  (0, _react.useEffect)(function () {
-    var hls;
-
-    if (videoPlayer) {
-      if (isHls) {
-        hls = new _hls.default();
-        var URL_RAND = "".concat(url, "?v=").concat(Math.floor(Math.random() * 99999999));
-        hls.loadSource(URL_RAND);
-        hls.attachMedia(videoPlayer);
-      }
-
-      return function () {
-        if (hls) {
-          hls.destroy();
-        }
-
-        hls = null;
-      };
-    }
-
-    return undefined;
-  }, [isHls, url, videoPlayer]);
-  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
-  var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? 'cover' : 'contain';
-  var configForAudio = {
-    backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
-    backgroundSize: CoverOrContain,
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center center'
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "video media-visor",
-    style: isAudio ? configForAudio : null
-  }, !isEmbeddedVideo ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("video", _extends({
-    onEnded: onEnded,
-    onError: onError
-  }, videoProps, {
-    controls: true,
-    disablePictureInPicture: true,
-    controlsList: "nofullscreen nodownload noremoteplayback"
-  }), /*#__PURE__*/_react.default.createElement("track", {
-    kind: "captions"
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute right top z-index1"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "gat--btn__round gat--btn__close",
-    role: "button",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
-    "aria-label": "close button",
-    onClick: endVideo
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
-  }))), /*#__PURE__*/_react.default.createElement("iframe", _extends({
-    className: "embeddedVideo",
-    title: "title"
-  }, videoProps))));
-};
-
-VideoVisor.defaultProps = {
-  url: '',
-  name: '',
-  backgroundImage: null,
-  documentType: '',
-  required: false,
-  viewed: false,
-  endVideo: function endVideo() {}
-};
-var _default = VideoVisor;
-exports.default = _default;

package/dist/components/media-visor/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _MediaVisor = _interopRequireDefault(require("./components/MediaVisor"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _MediaVisor.default;
-exports.default = _default;

package/dist/components/media-visor/mocks/mockForStory.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps = exports.default = void 0;
-
-/* eslint-disable max-len */
-var path = 'https://min.gamelearn.io/statics.triskelion';
-var cloudfront = 'https://dszv2c8p7i9xo.cloudfront.net/';
-var mockProps = [{
-  name: 'video',
-  required: true,
-  documentType: 'document',
-  url: "".concat(cloudfront, "10fdf3ba-8bcb-49ef-b6fd-2cdd083b8e0d/hls/radio.m3u8"),
-  viewed: false
-}, {
-  url: "".concat(path, "/triskelion-statics/videos/ada_hack.mp4")
-}, {
-  url: "https://www.youtube.com/embed/5KcuphEhO8Q"
-}, {
-  url: 'https://player.vimeo.com/video/144094036'
-}, {
-  url: 'https://pokemoncries.com/cries-old/1.mp3'
-}, {
-  imgId: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60224b7a901f3e0012350158/vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg',
-  url: 'https://pokemoncries.com/cries-old/1.mp3'
-}];
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;