@gamelearn/arcade-components 2.9.0 → 2.11.1

package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js

@@ -49,7 +49,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
       disableExit = _ref.disableExit,
       setResolveAction = _ref.setResolveAction,
       setInfo = _ref.setInfo,
-      pause = _ref.pause;
+      pause = _ref.pause,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -171,7 +172,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     setPuzzlesAutoCompleted: setPuzzlesAutoCompleted,
     puzzlesAutoCompleted: puzzlesAutoCompleted,
     emitOpenPopupCounterInfo: onInitPuzzle,
-    pause: pause
+    pause: pause,
+    keyboardControl: keyboardControl
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle-frame"

package/dist/components/frame-click-puzzle-component/mocks/mockForStory.js

@@ -16,6 +16,7 @@ var mockProps = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -170,6 +171,7 @@ var mockPropsOnce = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -321,6 +323,7 @@ var mockProps2 = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -572,6 +575,7 @@ var mockProps3 = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{

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

@@ -10,6 +10,7 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'js',
@@ -41,6 +42,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'python',
@@ -72,6 +74,7 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'lua',

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

@@ -110,7 +110,8 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       answer = _ref4.answer,
       hintUsed = _ref4.hintUsed,
       setResolveAction = _ref4.setResolveAction,
-      setHintAction = _ref4.setHintAction;
+      setHintAction = _ref4.setHintAction,
+      keyboardControl = _ref4.keyboardControl;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -494,7 +495,8 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     text: info.solution[resolvedClass === 'success' ? 'right' : 'wrong'].desc,
     success: resolvedClass === 'success',
     translate: translate,
-    functionOnClose: handleFeedbackFuncionOnClose
+    functionOnClose: handleFeedbackFuncionOnClose,
+    keyboardControl: keyboardControl
   }) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged__content"
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -14,6 +14,7 @@ var disableExit = function disableExit(attr) {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: disableExit,
   setResolveAction: function setResolveAction() {},
   setHintAction: function setHintAction() {},

package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js

@@ -89,7 +89,8 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       firstTryForFrame = props.firstTryForFrame,
       puzzlesAutoCompleted = props.puzzlesAutoCompleted,
       emitOpenPopupCounterInfo = props.emitOpenPopupCounterInfo,
-      pause = props.pause;
+      pause = props.pause,
+      keyboardControl = props.keyboardControl;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -482,7 +483,8 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     hasTimeout: !feedbackData.text,
     delay: timer ? 1000 : 2000,
     functionOnClose: handleOnClose,
-    timeExpired: timeExpired
+    timeExpired: timeExpired,
+    keyboardControl: keyboardControl
   }) : null, /*#__PURE__*/_react.default.createElement(_KonvaMapper.default, {
     completed: completed,
     imageUrl: imageUrl,

package/dist/components/image-click-wrapper-component/mocks/mockForStory.js

@@ -12,6 +12,7 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   transitionEffects: null,
   audioId: '',
   itemOrder: 1,
@@ -111,6 +112,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,
@@ -185,6 +187,7 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,
@@ -259,6 +262,7 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,
@@ -333,6 +337,7 @@ exports.mockProps4 = mockProps4;
 var mockPropsOnce = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,

package/dist/components/image-component/components/ImageComponent.js

@@ -33,7 +33,8 @@ var ImageComponent = function ImageComponent(_ref) {
       visible = _ref.visible,
       viewed = _ref.viewed,
       imgId = _ref.imgId_labelId,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -59,6 +60,7 @@ var ImageComponent = function ImageComponent(_ref) {
       payload: item
     });
   }, [playSound, imgId, imgName, documentType, emitEvent]);
+  keyboardControl(null, !viewed ? close : null, !viewed ? close : null);
   (0, _react.useEffect)(function () {
     if (!visible && !saved) {
       save(true);

package/dist/components/image-component/mocks/mockForStory.js

@@ -9,6 +9,7 @@ var _mocker = require("helpers/mocker");
 
 var mockProps = {
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   emitEvent: _mocker.emitEvent,
   img: {
     imgId: 'alfalfa',
@@ -23,6 +24,7 @@ var mockProps = {
 exports.mockProps = mockProps;
 var mockWithNotVisible = {
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   emitEvent: _mocker.emitEvent,
   img: {
     imgId: 'alfalfa2',
@@ -37,6 +39,7 @@ var mockWithNotVisible = {
 exports.mockWithNotVisible = mockWithNotVisible;
 var mockWithImageNotViewed = {
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   emitEvent: _mocker.emitEvent,
   img: {
     imgId: 'alfalfa2',

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

@@ -50,7 +50,8 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       disableExit = _ref.disableExit,
       soundActions = _ref.soundActions,
       setResolveAction = _ref.setResolveAction,
-      nodeId = _ref.nodeId;
+      nodeId = _ref.nodeId,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -271,7 +272,8 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
     translate: translate,
     text: feedBackText,
     success: feedbackResult,
-    functionOnClose: handleFeedbackFuncionOnClose
+    functionOnClose: handleFeedbackFuncionOnClose,
+    keyboardControl: keyboardControl
   }));
 };
 

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

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

package/dist/components/lectures-component/components/LecturesComponent.js

@@ -44,7 +44,8 @@ var LecturesComponent = function LecturesComponent(_ref) {
       documentType = _ref.documentType,
       viewed = _ref.viewed,
       soundActions = _ref.soundActions,
-      backgroundImage = _ref.backgroundImage;
+      backgroundImage = _ref.backgroundImage,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -76,9 +77,8 @@ var LecturesComponent = function LecturesComponent(_ref) {
   };
 
   var close = (0, _react.useCallback)(function () {
-    playSound('click-ui');
-
     if (goToLecture) {
+      playSound('click-ui');
       emitEvent({
         type: 'finishMedia',
         payload: {
@@ -90,6 +90,7 @@ var LecturesComponent = function LecturesComponent(_ref) {
       });
     }
   }, [documentType, emitEvent, goToLecture, nameLabel, textLabel, playSound]);
+  keyboardControl(null, !viewed ? close : null, !viewed ? close : null);
   (0, _react.useEffect)(function () {
     if (!visible && !saved) {
       close();

package/dist/components/lectures-component/mocks/mockForStory.js

@@ -16,6 +16,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'lecture',
   required: true,
   text: '<p>hola</p><div>soy un hermoso trozo de hmtl</div><div>y yo otro</div>',

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

@@ -11,6 +11,7 @@ var mockProps = {
   emitEvent: _mocker.emitEvent,
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   user: 'pepe',
   password: '1234',
   login: true,

package/dist/components/pattern-component/components/PatternComponent.js

@@ -26,7 +26,8 @@ var PatternComponent = function PatternComponent(_ref) {
       name = _ref.name,
       viewed = _ref.viewed,
       emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -58,6 +59,7 @@ var PatternComponent = function PatternComponent(_ref) {
     });
   };
 
+  keyboardControl(null, !viewed ? close : null, !viewed ? close : null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: viewed ? 'notes--results' : 'readings--container pattern-wrap--overlay'
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/pattern-component/mocks/mockForStory.js

@@ -10,6 +10,7 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   img: {
     imgId: 'alfalfa',
     url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
@@ -23,6 +24,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   img: {
     imgId: 'space',
     url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg.jpg',

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _PdfVisor = _interopRequireDefault(require("./PdfVisor"));
 
-var _excluded = ["emitEvent", "soundActions", "documentType", "name", "required", "viewed", "visible", "documentId", "documentId_labelId"];
+var _excluded = ["emitEvent", "soundActions", "keyboardControl", "documentType", "name", "required", "viewed", "visible", "documentId", "documentId_labelId"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -38,6 +38,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var PdfComponent = function PdfComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl,
       documentType = _ref.documentType,
       name = _ref.name,
       required = _ref.required,
@@ -87,6 +88,11 @@ var PdfComponent = function PdfComponent(_ref) {
       onlyOnePage = _useState4[0],
       setOnlyOnePage = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLastPage = _useState6[0],
+      setIsLastPage = _useState6[1];
+
   (0, _react.useEffect)(function () {
     if (!visible) {
       emitFinish();
@@ -105,12 +111,19 @@ var PdfComponent = function PdfComponent(_ref) {
     setcloseVisible(true);
   };
 
-  var readNumberOfPages = function readNumberOfPages(e) {
-    if (e === 1) {
+  var readNumberOfPages = function readNumberOfPages(event) {
+    if (event.numPages === event.currentPage) {
+      setIsLastPage(true);
+    } else {
+      setIsLastPage(false);
+    }
+
+    if (event.numPages === 1) {
       setOnlyOnePage(true);
     }
   };
 
+  keyboardControl(null, onlyOnePage || !viewed && isLastPage || isLastPage && !required ? emitFinish : null, onlyOnePage || !viewed && isLastPage || !required ? emitFinish : null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(viewed ? 'notes--results' : '')
   }, (onlyOnePage || !viewed && closeVisible) && /*#__PURE__*/_react.default.createElement("div", {
@@ -131,7 +144,8 @@ var PdfComponent = function PdfComponent(_ref) {
     },
     url: url,
     endPdf: endPdf,
-    translate: translate
+    translate: translate,
+    keyboardControl: keyboardControl
   }));
 };
 

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

@@ -77,7 +77,8 @@ var PdfVisor = function PdfVisor(_ref) {
       endPdf = _ref.endPdf,
       emitNumberOfPages = _ref.emitNumberOfPages,
       translate = _ref.translate,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl;
   var scrollElement = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(1),
@@ -116,13 +117,15 @@ var PdfVisor = function PdfVisor(_ref) {
       var validScale = maxScaleByArea < maxScaleBySide ? maxScaleByArea : maxScaleBySide;
       setScale(validScale > SCALE_LIMIT ? SCALE_LIMIT : validScale);
     });
+    setPages(pdf.numPages);
 
     if (pdf.numPages) {
-      emitNumberOfPages(pdf.numPages);
+      emitNumberOfPages({
+        numPages: pdf.numPages,
+        currentPage: currentPage
+      });
     }
 
-    setPages(pdf.numPages);
-
     var timeOut = function timeOut() {
       setTimeout(function () {
         if (scrollElement.current && scrollElement.current.scrollHeight <= scrollElement.current.offsetHeight) {
@@ -135,7 +138,7 @@ var PdfVisor = function PdfVisor(_ref) {
     };
 
     timeOut();
-  }, [emitNumberOfPages]);
+  }, [currentPage, emitNumberOfPages]);
   (0, _react.useEffect)(function () {
     setCurrentPage(1);
   }, []);
@@ -150,16 +153,27 @@ var PdfVisor = function PdfVisor(_ref) {
   };
 
   var turnPage = function turnPage(value) {
+    console.info('trunpage', value);
     play('click-ui');
     scrollElement.current.scrollTo(0, 0);
     setOverlay(false);
     setCurrentPage(currentPage + value);
+    emitNumberOfPages({
+      numPages: pages,
+      currentPage: currentPage + value
+    });
 
     if (currentPage === pages - 1) {
       endPdf();
     }
   };
 
+  keyboardControl(pages > 1 && currentPage !== 1 ? function () {
+    return turnPage(-1);
+  } : null, pages > 1 && currentPage !== pages ? function () {
+    return turnPage(1);
+  } : null);
+
   var removeOverlay = function removeOverlay() {
     setOverlay(false);
   };

package/dist/components/pdf-component/mocks/mockForProps.js

@@ -12,6 +12,7 @@ var mockPropsMandatory = {
   emitEvent: _mocker.emitEvent,
   documentType: 'lesson',
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'pdf',
   required: true,
   document: {

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

@@ -68,7 +68,8 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       disableExit = _ref.disableExit,
       soundActions = _ref.soundActions,
       setResolveAction = _ref.setResolveAction,
-      nodeId = _ref.nodeId;
+      nodeId = _ref.nodeId,
+      keyboardControl = _ref.keyboardControl;
 
   // todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
   var _useState = (0, _react.useState)({}),
@@ -245,7 +246,8 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
     showContinue: !resolved,
     solution: solution,
     file: file,
-    translate: translate
+    translate: translate,
+    keyboardControl: keyboardControl
   }));
 };
 

package/dist/components/terminal-puzzle-component/components/Visor/index.js

@@ -56,7 +56,8 @@ var Visor = function Visor(_ref) {
       resolvePuzzle = _ref.resolvePuzzle,
       backFile = _ref.backFile,
       translate = _ref.translate,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl;
   var fileId = file.fileId;
   var url = ((_file$document = file.document) === null || _file$document === void 0 ? void 0 : _file$document.url) || '';
 
@@ -128,7 +129,8 @@ var Visor = function Visor(_ref) {
     additionalStyle: ICONS[file.type],
     secondText: title,
     translate: translate,
-    puzzleHeaderClass: "puzzle--terminal__visor--message"
+    puzzleHeaderClass: "puzzle--terminal__visor--message",
+    keyboardControl: keyboardControl
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--terminal__visor--body"
   }, /*#__PURE__*/_react.default.createElement(View, viewProps)), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -13,6 +13,7 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   items: [{
     children: [{
       children: [{

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

@@ -223,6 +223,11 @@ var TestComponent = function TestComponent(_ref) {
     var rewards = resultAnswers.reduce(function (acc, current) {
       return [].concat(_toConsumableArray(acc), _toConsumableArray(current.rewards));
     }, []);
+
+    if (timeOver && countdown.rewards) {
+      rewards = [].concat(_toConsumableArray(rewards), _toConsumableArray(countdown.rewards));
+    }
+
     emitEvent({
       type: 'addPoints',
       payload: rewards,

package/dist/components/test-component/mocks/mockForStory.js

@@ -102,7 +102,13 @@ var mockProps = {
 var mockProps2 = _objectSpread(_objectSpread({}, mockProps), {}, {
   countdown: {
     time: 5,
-    text: 'se te acabao el tiempo'
+    text: 'se te acabao el tiempo',
+    rewards: [{
+      id: 'id010001',
+      name: 'love',
+      points: -25,
+      type: 'score'
+    }]
   }
 });
 

package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js

@@ -57,7 +57,8 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       soundActions = _ref.soundActions,
       description = _ref.description,
       setInfo = _ref.setInfo,
-      setResolveAction = _ref.setResolveAction;
+      setResolveAction = _ref.setResolveAction,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)({
     result: null,
@@ -406,7 +407,8 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     text: feedbackData.text,
     translate: translate,
     functionOnClose: handleFeedbackFuncionOnClose,
-    hasTimeout: feedbackData.timeout
+    hasTimeout: feedbackData.timeout,
+    keyboardControl: keyboardControl
   }));
 };
 

package/dist/components/text-click-puzzle-component/mocks/mockForStory.js

@@ -19,6 +19,7 @@ var mockProps = {
   setResolveAction: function setResolveAction() {},
   showFrames: true,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   styles: 'chalkboard',
   list: [{
     allWrong: true,
@@ -253,6 +254,7 @@ var mockPropsOnce = {
   setResolveAction: function setResolveAction() {},
   showFrames: true,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   styles: 'chalkboard',
   list: [{
     allWrong: true,

package/dist/components/video-component/components/VideoComponent.js

@@ -28,7 +28,8 @@ var VideoComponent = function VideoComponent(_ref) {
       viewed = _ref.viewed,
       visible = _ref.visible,
       img = _ref.img,
-      imgIdLabel = _ref.imgId_labelId;
+      imgIdLabel = _ref.imgId_labelId,
+      keyboardControl = _ref.keyboardControl;
   var url = document.url;
   var item = (0, _react.useMemo)(function () {
     return {
@@ -59,6 +60,7 @@ var VideoComponent = function VideoComponent(_ref) {
     return null;
   }
 
+  keyboardControl(null, !viewed ? _endVideo : null, !viewed ? _endVideo : null);
   return /*#__PURE__*/_react.default.createElement(_videoVisor.default, {
     backgroundImage: img === null || img === void 0 ? void 0 : img.url,
     url: url,

package/dist/components/video-component/mocks/mockForStory.js

@@ -10,6 +10,7 @@ var _mocker = require("helpers/mocker");
 var mockProps = [{
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video',
   required: true,
   isLesson: true,
@@ -23,6 +24,7 @@ var mockProps = [{
 }, {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video2',
   required: true,
   isLesson: true,
@@ -35,6 +37,7 @@ var mockProps = [{
 }, {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video3',
   required: true,
   isLesson: true,
@@ -47,6 +50,7 @@ var mockProps = [{
 }, {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video4',
   required: true,
   isLesson: true,
@@ -59,6 +63,7 @@ var mockProps = [{
 }, {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video5',
   required: true,
   isLesson: true,
@@ -71,6 +76,7 @@ var mockProps = [{
 }, {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   name: 'video6',
   required: true,
   isLesson: true,

package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js

@@ -77,7 +77,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       emitEvent = _ref.emitEvent,
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
-      disableExit = _ref.disableExit;
+      disableExit = _ref.disableExit,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -186,6 +187,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
     }
   };
 
+  keyboardControl(null, currentFeed === 'success' ? handleFinish : null, currentFeed === 'success' ? handleFinish : null);
+
   var checkObjs = function checkObjs(obj1, obj2) {
     var usingOBject = Object.keys(obj1);
     var result = {

package/dist/components/web-builder-puzzle-component/mocks/mockForStory.js

@@ -21,6 +21,7 @@ var mockProps = {
   },
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   setResolveAction: noop,
   disableExit: noop
 };