@gamelearn/arcade-components 0.12.0 → 0.14.1

package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -9,12 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
@@ -33,10 +29,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "und
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -67,7 +59,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
       wordIndex += 1;
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, words.map(function (word, index) {
+  return words.map(function (word, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       className: "puzzle--hanged__word",
@@ -83,12 +75,9 @@ var AnswerPanel = function AnswerPanel(_ref) {
         className: "puzzle--hanged__letter ".concat(!fixed ? 'active' : '')
       }, char);
     }));
-  }));
+  });
 };
 
-AnswerPanel.propTypes = {
-  answer: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired
-};
 var defaultImage = 'https://min.gamelearn.io/css-resources/gamelearn/resources/partenon.jpg';
 
 var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
@@ -101,8 +90,7 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       image = _ref4.image,
       info = _ref4.info,
       answer = _ref4.answer,
-      hintUsed = _ref4.hintUsed,
-      props = _objectWithoutProperties(_ref4, ["soundActions", "emitEvent", "disableExit", "question", "image", "info", "answer", "hintUsed"]);
+      hintUsed = _ref4.hintUsed;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -114,32 +102,36 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       poolLetters = _useState2[0],
       setPoolLetters = _useState2[1];
 
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      resolvedAnswer = _useState4[0],
-      setAnswer = _useState4[1];
+      mounted = _useState4[0],
+      setMounted = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(''),
+  var _useState5 = (0, _react.useState)([]),
       _useState6 = _slicedToArray(_useState5, 2),
-      resolvedClass = _useState6[0],
-      setResolveClass = _useState6[1];
+      resolvedAnswer = _useState6[0],
+      setAnswer = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(false),
+  var _useState7 = (0, _react.useState)(''),
       _useState8 = _slicedToArray(_useState7, 2),
-      failed = _useState8[0],
-      setFailed = _useState8[1];
+      resolvedClass = _useState8[0],
+      setResolveClass = _useState8[1];
 
   var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      disabled = _useState10[0],
-      setDisable = _useState10[1];
+      failed = _useState10[0],
+      setFailed = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      disabled = _useState12[0],
+      setDisable = _useState12[1];
 
   var translatedAnswer = answer.toUpperCase().split('');
   var answerPanel = translatedAnswer.filter(function (char) {
     return (0, _utils.restrictCharacters)(char, 'and');
   });
-
-  var resetPool = function resetPool() {
+  var resetPool = (0, _react.useCallback)(function () {
     var newPool = answerPanel.map(function (char) {
       return {
         char: char
@@ -147,20 +139,16 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     });
     var extraPool = [];
 
-    if (true) {
-      //true by default
-      while (extraPool.length < MAX_EXTRA_LETTERS) {
-        var char = (0, _utils.makeChar)();
-        extraPool = [].concat(_toConsumableArray(extraPool), [{
-          char: char
-        }]);
-      }
+    while (extraPool.length < MAX_EXTRA_LETTERS) {
+      var char = (0, _utils.makeChar)();
+      extraPool = [].concat(_toConsumableArray(extraPool), [{
+        char: char
+      }]);
     }
 
     return [].concat(_toConsumableArray(newPool), _toConsumableArray(extraPool));
-  };
-
-  var setHiddenAnswer = function setHiddenAnswer() {
+  }, [answerPanel]);
+  var setHiddenAnswer = (0, _react.useCallback)(function () {
     var hiddenAnswer = answer.toUpperCase().split('').map(function (char, index) {
       if ((0, _utils.restrictCharacters)(char, 'or')) {
         return {
@@ -211,7 +199,7 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
 
     setAnswer(hiddenAnswer);
     setPoolLetters(newPool);
-  };
+  }, [answer, hintUsed, resetPool]);
 
   var removedPool = function removedPool(character, ind) {
     var newPool = poolLetters.map(function (letter, index) {
@@ -349,8 +337,11 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
   };
 
   (0, _react.useEffect)(function () {
-    setHiddenAnswer();
-  }, []);
+    if (!mounted) {
+      setMounted(true);
+      setHiddenAnswer();
+    }
+  }, [setHiddenAnswer, mounted]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged",
     style: {
@@ -403,27 +394,5 @@ HangedPuzzleComponent.defaultProps = {
     hintBought: {}
   }
 };
-HangedPuzzleComponent.propTypes = {
-  question: _propTypes.default.string,
-  answer: _propTypes.default.string,
-  image: _propTypes.default.shape({
-    imgId: _propTypes.default.string
-  }),
-  hintBought: _propTypes.default.bool,
-  info: _propTypes.default.shape({
-    description: _propTypes.default.string,
-    instructions: _propTypes.default.string,
-    resolve: _propTypes.default.shape({}),
-    solution: _propTypes.default.shape({
-      right: _propTypes.default.shape({
-        rewards: _propTypes.default.arrayOf(_propTypes.default.shape({}))
-      }),
-      wrong: _propTypes.default.shape({
-        rewards: _propTypes.default.arrayOf(_propTypes.default.shape({}))
-      })
-    }),
-    hintBought: _propTypes.default.shape({})
-  })
-};
 var _default = HangedPuzzleComponent;
 exports.default = _default;

package/dist/components/index.js

@@ -185,6 +185,12 @@ Object.defineProperty(exports, "SurveyComponent", {
     return _surveyComponent.default;
   }
 });
+Object.defineProperty(exports, "MediaVisor", {
+  enumerable: true,
+  get: function get() {
+    return _mediaVisor.default;
+  }
+});
 
 var _scene = _interopRequireDefault(require("./arcade-render/scene"));
 
@@ -244,6 +250,8 @@ var _testComponent = _interopRequireDefault(require("./test-component"));
 
 var _surveyComponent = _interopRequireDefault(require("./survey-component"));
 
+var _mediaVisor = _interopRequireDefault(require("./media-visor"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }

package/dist/components/inventory-item/components/InventoryItem.js

@@ -31,7 +31,8 @@ var InventoryItem = function InventoryItem(_ref) {
   var name = _ref.name,
       description = _ref.description,
       element = _ref.element,
-      onFinish = _ref.onFinish;
+      onFinish = _ref.onFinish,
+      lodSettings = _ref.lodSettings;
   var orbit = (0, _react.useRef)();
 
   if (!element) {
@@ -52,7 +53,7 @@ var InventoryItem = function InventoryItem(_ref) {
       camera.fov = 35;
       camera.updateProjectionMatrix();
       (0, _helpers.cameraFitAnyObject)(model, camera, null, orbit.current);
-      (0, _drawLOD.default)(scene, camera);
+      (0, _drawLOD.default)(scene, camera, lodSettings);
     }
   };
 

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -40,6 +40,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       keyboard = _ref.keyboard,
       info = _ref.info,
       disableExit = _ref.disableExit,
+      soundActions = _ref.soundActions,
       setResolveAction = _ref.setResolveAction;
 
   var _useState = (0, _react.useState)(false),
@@ -79,10 +80,14 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
 
   var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var checkPass = function checkPass(current) {
     if (current === password) {
       disableExit(false);
       setPassClass('success');
+      playSound('score');
       setFeedbackResult(true);
       setFeedBackText(info.solution.right.desc);
       setFeedbackIsShown(true);
@@ -98,6 +103,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       setFailed(true);
       setFeedbackIsShown(true);
       setPassClass('failed');
+      playSound('fail');
       setFeedbackResult(false);
       setFeedBackText(info.solution.wrong.desc);
       setTimeout(function () {
@@ -111,6 +117,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   (0, _react.useEffect)(function () {
     setResolveAction(function (resolve) {
       disableExit(false);
+      playSound('score');
       setPassClass('success');
       setFeedbackResult(true);
       setFeedBackText(info.solution.right.desc);
@@ -119,10 +126,11 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
         resolve();
       }, 4000);
     });
-  }, [setResolveAction, disableExit, info.solution.right.desc]);
+  }, [setResolveAction, disableExit, info.solution.right.desc, playSound]);
 
   var handleNumbClick = function handleNumbClick(row, col) {
     var char = keyboard[row][col];
+    playSound('click-ui');
 
     if (inputPassword.length < password.length + 1) {
       setInputPassword(inputPassword + char);
@@ -134,6 +142,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   };
 
   var handleRemoveChar = function handleRemoveChar() {
+    playSound('click-ui');
     setInputPassword(inputPassword.substring(0, inputPassword.length - 1));
   };
 

package/dist/components/keyboard-puzzle-component/mocks/mockForStory.js

@@ -13,6 +13,7 @@ var mockProps = {
   emitEvent: emitEvent,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
+  soundActions: [function () {}, function () {}],
   password: '1234',
   keyboard: [['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ['*', '0', '#']],
   image: {

package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js

@@ -31,6 +31,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   var _image$img;
 
   var emitEvent = _ref.emitEvent,
+      soundActions = _ref.soundActions,
       info = _ref.info,
       user = _ref.user,
       login = _ref.login,
@@ -74,6 +75,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       failed = _useState12[0],
       setFailed = _useState12[1];
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var imgURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || imagenPorDefecto;
 
   var handleFinish = function handleFinish() {
@@ -102,10 +106,12 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       setSuccessClass('success');
       setFinished(true);
       setErrorMessage(false);
+      playSound('score');
       setTimeout(function () {
         handleFinish();
       }, 2000);
     } else {
+      playSound('fail');
       setFailed(true);
       setSuccessClass('failed');
       setErrorMessage(true);

package/dist/components/login-puzzle-component/mocks/mockForStory.js

@@ -16,6 +16,7 @@ var emitEvent = function emitEvent(_ref) {
 
 var mockProps = {
   emitEvent: emitEvent,
+  soundActions: [function () {}, function () {}],
   user: 'pepe',
   password: '1234',
   login: true,

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

@@ -0,0 +1,140 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hls = _interopRequireDefault(require("hls.js"));
+
+require("../styles/MediaVisor.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 && (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,
+      imgId = _ref.imgId,
+      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 = imgId || defaultBgImageForAudio;
+  var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
+  var configForAudio = {
+    backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
+    backgroundSize: CoverOrContain,
+    backgroundRepeat: "no-repeat",
+    backgroundPosition: "center center"
+  };
+  console.log('re-render control');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "video media-visor",
+    style: isAudio ? configForAudio : null
+  }, !isEmbeddedVideo ? /*#__PURE__*/_react.default.createElement("video", _extends({
+    onEnded: onEnded,
+    onError: onError
+  }, videoProps, {
+    controls: true,
+    disablePictureInPicture: true,
+    controlsList: "nofullscreen nodownload noremoteplayback"
+  })) : /*#__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",
+    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: "",
+  imgId: null,
+  documentType: "",
+  required: false,
+  viewed: false,
+  endVideo: function endVideo() {}
+};
+var _default = VideoVisor;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps = void 0;
+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;

package/dist/components/pdf-component/components/PdfComponent.js

@@ -81,7 +81,7 @@ var PdfComponent = function PdfComponent(_ref) {
     if (!required) {
       setcloseVisible(true);
     }
-  }, [visible, emitFinish]);
+  }, [visible, emitFinish, required]);
 
   if (!visible) {
     return null;

package/dist/components/pdf-component/components/PdfVisor.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _deviceDetection = require("../../../helpers/deviceDetection");
+
 var _reactPdf = require("react-pdf");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -50,16 +52,13 @@ var PdfVisor = function PdfVisor(_ref) {
       currentPage = _useState6[0],
       setCurrentPage = _useState6[1];
 
-  var isMobile = (0, _react.useMemo)(function () {
-    return navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i);
-  }, []);
-  var scale = isMobile ? 1 : 2;
+  var scale = (0, _deviceDetection.DeviceDetection)() ? 1 : 2;
   var handleLoadSucess = (0, _react.useCallback)(function (pdf) {
     setPages(pdf.numPages);
 
     var timeOut = function timeOut() {
       setTimeout(function () {
-        if (scrollElement.current.scrollHeight <= scrollElement.current.offsetHeight) {
+        if (scrollElement.current && scrollElement.current.scrollHeight <= scrollElement.current.offsetHeight) {
           setOverlay(false);
         }
       }, 1000);

package/dist/components/rewards-component/components/RewardsComponent.js

@@ -39,7 +39,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var RewardsComponent = function RewardsComponent(_ref) {
   var rewards = _ref.rewards,
-      addPoints = _ref.addPoints,
       emitEvent = _ref.emitEvent;
   var carouselRef = (0, _react.useRef)();
   var indicators = emitEvent({

package/dist/components/survey-component/components/SurveyComponent.js

@@ -41,16 +41,20 @@ var INIT_SURVEY = {
 };
 var PAGES = [{
   component: _ApplicableBox.default,
-  id: 'applicable'
+  id: 'applicable',
+  disableContinue: true
 }, {
   component: _OpinionBox.default,
-  id: 'opinion'
+  id: 'opinion',
+  disableContinue: true
 }, {
   component: _TextBox.default,
-  id: 'comments'
+  id: 'comments',
+  disableContinue: true
 }, {
   component: _TextBox.default,
-  id: 'suggestions'
+  id: 'suggestions',
+  disableContinue: false
 }];
 
 var SurveyComponent = function SurveyComponent(_ref) {
@@ -84,8 +88,9 @@ var SurveyComponent = function SurveyComponent(_ref) {
     });
   };
 
-  var nextPage = function nextPage() {
-    disable(true);
+  var changePage = function changePage() {
+    var nextPage = PAGES[page + 1];
+    disable(nextPage ? nextPage.disableContinue : true);
     setPage(page + 1);
   };
 
@@ -119,7 +124,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
     id: "survey-button",
     type: "button",
     onClick: function onClick() {
-      return disabled ? null : nextPage();
+      return disabled ? null : changePage();
     },
     className: "gat--btn__navigation"
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -131,7 +136,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
       if (!finished) {
         finish();
         emitEvent({
-          type: 'survey',
+          type: 'saveSurvey',
           payload: survey
         });
       }

package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js

@@ -65,7 +65,8 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       backgroundImage = _ref.backgroundImage,
       solution = _ref.solution,
       info = _ref.info,
-      disableExit = _ref.disableExit;
+      disableExit = _ref.disableExit,
+      soundActions = _ref.soundActions;
 
   // todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
   var _useState = (0, _react.useState)({}),
@@ -82,6 +83,9 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       breadcrumb = _useState6[0],
       setBreadcrumb = _useState6[1];
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
@@ -126,6 +130,7 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
   };
 
   var resolvePuzzle = function resolvePuzzle() {
+    playSound('score');
     emitEvent({
       type: 'addPoints',
       payload: info.solution.right.rewards

package/dist/components/terminal-puzzle-component/mocks/mockForStory.js

@@ -17,6 +17,7 @@ var disableExit = function disableExit(p) {
 var mockProps = {
   emitEvent: emitEvent,
   disableExit: disableExit,
+  soundActions: [function () {}, function () {}],
   items: [{
     children: [{
       children: [{