@gamelearn/arcade-components 2.10.0 → 2.11.1

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -50,7 +50,8 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
       backgroundImage = _ref.backgroundImage,
-      nodeId = _ref.nodeId;
+      nodeId = _ref.nodeId,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -304,7 +305,8 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     text: feedBackText,
     hasTimeout: !feedBackText,
     translate: translate,
-    functionOnClose: handleFeedbackFuncionOnClose
+    functionOnClose: handleFeedbackFuncionOnClose,
+    keyboardControl: keyboardControl
   }));
 };
 

package/dist/components/cards-selector-puzzle-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,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -92,6 +93,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -168,6 +170,7 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -272,6 +275,7 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{

package/dist/components/cartel-component/components/CartelComponent.js

@@ -38,7 +38,8 @@ var CartelComponent = function CartelComponent(_ref) {
       emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
       audioVolume = _ref.audioVolume,
-      pause = _ref.pause;
+      pause = _ref.pause,
+      keyboardControl = _ref.keyboardControl;
   var resourceUrl = (img === null || img === void 0 ? void 0 : img.url) || 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg';
   var textBox = (0, _react.useRef)();
   var picture = (0, _react.useRef)();
@@ -64,6 +65,8 @@ var CartelComponent = function CartelComponent(_ref) {
     });
   };
 
+  keyboardControl(null, close, close);
+
   var assignValueByMediaQuery = function assignValueByMediaQuery(valueMobile, valueDesktop) {
     if (window.matchMedia('(min-width: 1280px)').matches) {
       /* Screen >= 1200  */

package/dist/components/chained-image-click-puzzle-component/components/ChainedImageClickPuzzleComponent.js

@@ -38,7 +38,8 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
       soundActions = props.soundActions,
       showFrames = props.showFrames,
       disableExit = props.disableExit,
-      setResolveAction = props.setResolveAction;
+      setResolveAction = props.setResolveAction,
+      keyboardControl = props.keyboardControl;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -77,7 +78,8 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
     setIndex: setIndex,
     slidesCompleted: slidesCompleted,
     setSlidesCompleted: setSlidesCompleted,
-    loadPuzzleStatus: loadPuzzleStatus
+    loadPuzzleStatus: loadPuzzleStatus,
+    keyboardControl: keyboardControl
   };
   var totalCorrects = list.reduce(function (acc, current) {
     return acc + current.areas.length;

package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js

@@ -61,7 +61,8 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       index = _ref.index,
       setIndex = _ref.setIndex,
       slidesCompleted = _ref.slidesCompleted,
-      setSlidesCompleted = _ref.setSlidesCompleted;
+      setSlidesCompleted = _ref.setSlidesCompleted,
+      keyboardControl = _ref.keyboardControl;
   var accRewards = (0, _react.useRef)([]);
   var correctClicked = (0, _react.useRef)(0);
   var currentSelected = (0, _react.useRef)(0);
@@ -185,7 +186,6 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   var checkSelectedAreas = function checkSelectedAreas() {
     var areasSelected = currentImageProps.hasClickOnce ? currentImageProps.areas.length : 1;
     currentSelected.current += areasSelected;
-    console.info('checkSelectedAreas', currentSelected.current);
     setSelected(selected + areasSelected);
   };
 
@@ -208,7 +208,8 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     disableExit: disableExit,
     soundActions: soundActions,
     setResolveAction: setResolveAction,
-    pause: pause
+    pause: pause,
+    keyboardControl: keyboardControl
   }));
 };
 

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

@@ -15,6 +15,7 @@ var mockProps = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -167,6 +168,7 @@ var mockProps2 = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{

package/dist/components/comic-component/components/ComicComponent.js

@@ -45,7 +45,8 @@ var ComicComponent = function ComicComponent(_ref) {
       _ref$soundActions = _ref.soundActions,
       soundActions = _ref$soundActions === void 0 ? [function () {}, function () {}] : _ref$soundActions,
       autoPlay = _ref.autoPlay,
-      pause = _ref.pause;
+      pause = _ref.pause,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -120,6 +121,7 @@ var ComicComponent = function ComicComponent(_ref) {
     goToPreviousSlide();
   };
 
+  keyboardControl(slideCount > 0 ? handleManualBack : null, slideCount + 1 >= slides.length && close || (slideCount + 1 < slides.length ? handleManualNext : null), slideCount + 1 >= slides.length ? close : null);
   (0, _useEkho.default)({
     audioType: slides === null || slides === void 0 ? void 0 : (_slides$slideCount = slides[slideCount]) === null || _slides$slideCount === void 0 ? void 0 : _slides$slideCount.audioType,
     voice: slides === null || slides === void 0 ? void 0 : (_slides$slideCount2 = slides[slideCount]) === null || _slides$slideCount2 === void 0 ? void 0 : _slides$slideCount2.voice,

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

@@ -11,6 +11,7 @@ var _mocker = require("helpers/mocker");
 var comicProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   slides: [{
     slideOrder: 1,
     transitionEffects: null,
@@ -85,6 +86,7 @@ exports.comicProps = comicProps;
 var comicNoImageProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   slides: [{
     alias_labelId: 'alias_0_WU81OYcP',
     audioId: '',
@@ -171,6 +173,7 @@ exports.comicNoImageProps = comicNoImageProps;
 var comicWithTTS = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   slides: [{
     slideOrder: 1,
     transitionEffects: null,
@@ -231,6 +234,7 @@ exports.comicWithTTS = comicWithTTS;
 var comicWithAlias = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   slides: [{
     slideOrder: 1,
     transitionEffects: null,

package/dist/components/conversational-pro-component/components/ConversationalProComponent.js

@@ -61,7 +61,8 @@ var minMs = 1400;
 var ConversationProViewer = function ConversationProViewer(_ref) {
   var _background$img, _currentLineData$slot3, _currentMessage$text;
 
-  var emitEvent = _ref.emitEvent,
+  var keyboardControl = _ref.keyboardControl,
+      emitEvent = _ref.emitEvent,
       pause = _ref.pause,
       lines = _ref.lines,
       edges = _ref.edges,
@@ -469,11 +470,13 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       }
     }
   }, [edges, isBranched, lines, mounted]);
+  keyboardControl(isDecision || disableBackButton ? null : manualClickBack, isDecision ? null : manualClickNext);
 
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,
     branched: isBranched,
     onFinish: handleClickNext,
+    keyboardControl: keyboardControl,
     emitEvent: emitEvent,
     soundActions: soundActions,
     inheritProps: {

package/dist/components/conversational-pro-component/mocks/mockForStory.js

@@ -22,6 +22,7 @@ var animations = {
 var branchedConver = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lines: [{
     id: 'line1',
     type: 'conversationalPhrase',
@@ -316,6 +317,7 @@ exports.branchedConver = branchedConver;
 var converOld = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   messages: [{
     character: 'Puerta',
     emotion: 'neutral',
@@ -370,6 +372,7 @@ exports.converOld = converOld;
 var conversationProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lines: [{
     flex: true,
     slots: [{
@@ -636,6 +639,7 @@ exports.conversationProps = conversationProps;
 var voiceOverProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lines: [{
     flex: false,
     slots: [{
@@ -769,6 +773,7 @@ exports.voiceOverProps = voiceOverProps;
 var withoutBackground = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lines: [{
     flex: false,
     slots: [{
@@ -898,6 +903,7 @@ exports.withoutBackground = withoutBackground;
 var conversationPropsNoFeedbackNoRewards = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lines: [{
     flex: true,
     slots: [{
@@ -1158,6 +1164,7 @@ exports.conversationPropsNoFeedbackNoRewards = conversationPropsNoFeedbackNoRewa
 var conversationPropsLodSettings = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   lodSettings: {
     currentLOD: 'original',
     rgbSimulation: true,

package/dist/components/cracker-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() {},
   velocity: 'slow',
@@ -63,6 +64,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fast',
@@ -116,6 +118,7 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fastest',
@@ -169,6 +172,7 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fastest',
@@ -222,6 +226,7 @@ exports.mockProps4 = mockProps4;
 var mockProps5 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'slow',

package/dist/components/decision-component/components/DecisionComponent.js

@@ -15,7 +15,7 @@ var _DecisionBody = _interopRequireDefault(require("./DecisionBody"));
 
 var _Feedback = _interopRequireDefault(require("./Feedback"));
 
-var _excluded = ["emitEvent", "soundActions", "inScene"];
+var _excluded = ["emitEvent", "soundActions", "keyboardControl", "inScene"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -48,6 +48,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var DecisionComponent = function DecisionComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl,
       inScene = _ref.inScene,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -102,6 +103,85 @@ var DecisionComponent = function DecisionComponent(_ref) {
     }
   }
 
+  var onNext = function onNext(choice) {
+    if (!failed && selectedView === 'results') {
+      playSound('click-ui');
+
+      if (inherited) {
+        if (simplifiedOptions) {
+          if (_onFinish) {
+            _onFinish(choice, function () {
+              setResultChoice({});
+              selectView('options');
+            });
+          }
+        } else {
+          emitEvent({
+            type: 'addPoints',
+            payload: choice.rewards,
+            finish: true,
+            complex: true,
+            onFinish: function onFinish() {
+              if (_onFinish) {
+                _onFinish(choice, function () {
+                  setResultChoice({});
+                  selectView('options');
+                });
+              } else {
+                emitEvent({
+                  type: 'success'
+                });
+              }
+
+              setResultChoice({});
+              selectView('options');
+            }
+          });
+        }
+      } else {
+        emitEvent({
+          type: 'addPoints',
+          payload: choice.rewards,
+          finish: true,
+          complex: true
+        });
+      }
+    } else if (Object.keys(choice).length > 0) {
+      playSound('click-ui');
+
+      if (!simplifiedOptions) {
+        if (choice.right) {
+          playSound('score');
+        } else {
+          playSound('fail');
+
+          if (!branched) {
+            if (inherited || required) {
+              emitEvent({
+                type: 'addPoints',
+                payload: choice.rewards,
+                finish: false,
+                complex: true
+              });
+            } else if (!required) {
+              setResultChoice({});
+              selectView('options');
+            }
+          }
+        }
+
+        setResultChoice(choice);
+        playCurrentAudio(choice);
+        selectView('results');
+      } else {
+        _onFinish(choice, function () {
+          setResultChoice({});
+          selectView('options');
+        });
+      }
+    }
+  };
+
   var bodyProps = _objectSpread(_objectSpread({}, props), {}, {
     selectView: selectView,
     selectedView: selectedView,
@@ -121,82 +201,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
       setResultChoice(option);
       selectView('options');
     },
-    onNext: function onNext(choice) {
-      playSound('click-ui');
-
-      if (!failed && selectedView === 'results') {
-        if (inherited) {
-          if (simplifiedOptions) {
-            if (_onFinish) {
-              _onFinish(choice, function () {
-                setResultChoice({});
-                selectView('options');
-              });
-            }
-          } else {
-            emitEvent({
-              type: 'addPoints',
-              payload: choice.rewards,
-              finish: true,
-              complex: true,
-              onFinish: function onFinish() {
-                if (_onFinish) {
-                  _onFinish(choice, function () {
-                    setResultChoice({});
-                    selectView('options');
-                  });
-                } else {
-                  emitEvent({
-                    type: 'success'
-                  });
-                }
-
-                setResultChoice({});
-                selectView('options');
-              }
-            });
-          }
-        } else {
-          emitEvent({
-            type: 'addPoints',
-            payload: choice.rewards,
-            finish: true,
-            complex: true
-          });
-        }
-      } else if (Object.keys(choice).length > 0) {
-        if (!simplifiedOptions) {
-          if (choice.right) {
-            playSound('score');
-          } else {
-            playSound('fail');
-
-            if (!branched) {
-              if (inherited || required) {
-                emitEvent({
-                  type: 'addPoints',
-                  payload: choice.rewards,
-                  finish: false,
-                  complex: true
-                });
-              } else if (!required) {
-                setResultChoice({});
-                selectView('options');
-              }
-            }
-          }
-
-          setResultChoice(choice);
-          playCurrentAudio(choice);
-          selectView('results');
-        } else {
-          _onFinish(choice, function () {
-            setResultChoice({});
-            selectView('options');
-          });
-        }
-      }
-    },
+    onNext: onNext,
     translate: function translate(id) {
       return emitEvent({
         type: 'translate',
@@ -205,6 +210,10 @@ var DecisionComponent = function DecisionComponent(_ref) {
     }
   });
 
+  keyboardControl(null, selectedView === 'results' ? function () {
+    onNext(resultChoice);
+  } : null);
+
   var BackgroundWrapper = function BackgroundWrapper(_ref2) {
     var children = _ref2.children;
 

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

@@ -10,6 +10,7 @@ var _mocker = require("helpers/mocker");
 var decisionProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   onFinish: function onFinish() {
     return (0, _mocker.onFinish)('decision-component');
   },
@@ -128,6 +129,7 @@ exports.decisionProps = decisionProps;
 var decisionPropsWithRadios = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   options: [{
     id: 0,
     right: false,

package/dist/components/dialog-component/components/DialogComponent.js

@@ -76,7 +76,8 @@ raycast.firstHitOnly = true;
 var DialogComponent = function DialogComponent(_ref) {
   var _currentLineData$slot;
 
-  var emitEvent = _ref.emitEvent,
+  var keyboardControl = _ref.keyboardControl,
+      emitEvent = _ref.emitEvent,
       lines = _ref.lines,
       actors = _ref.actors,
       edges = _ref.edges,
@@ -750,6 +751,7 @@ var DialogComponent = function DialogComponent(_ref) {
     var disabled = line === 0 || previousLineWasDecision();
     return disabled;
   }, [line, previousLineWasDecision]);
+  keyboardControl(disableBackButton || animationRunning ? null : manualBackLine, animationRunning ? null : manualNextLine);
 
   if (isDecision) {
     var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
@@ -762,7 +764,8 @@ var DialogComponent = function DialogComponent(_ref) {
       onFinish: nextLine,
       emitEvent: emitEvent,
       pause: pause,
-      soundActions: soundActions
+      soundActions: soundActions,
+      keyboardControl: keyboardControl
     });
 
     return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {

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

@@ -28,6 +28,7 @@ var animations = {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   autoPlay: false,
   zoomInActor: true,
   lines: [{
@@ -279,6 +280,7 @@ exports.mockProps = mockProps;
 var branchedMockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   autoPlay: false,
   lines: [{
     id: 'line1',

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -62,7 +62,8 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       consume = _ref.consume,
       disableExit = _ref.disableExit,
       emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      keyboardControl = _ref.keyboardControl;
   var solution = info.solution;
   var areaRef = (0, _react.useRef)();
   var areaTextRef = (0, _react.useRef)();
@@ -413,7 +414,8 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     success: resolvedClass === 'success',
     translate: translate,
     playSound: playSound,
-    functionOnClose: handleFeedbackFuncionOnClose
+    functionOnClose: handleFeedbackFuncionOnClose,
+    keyboardControl: keyboardControl
   }) : null);
 };
 

package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js

@@ -11,6 +11,7 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
+  keyboardControl: _mocker.keyboardControl,
   disableExit: function disableExit() {},
   resolveObject: {
     uid: '123',

package/dist/components/feedback-component/components/FeedbackComponent.js

@@ -36,7 +36,8 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
       shortText = _ref.shortText,
       hasTimeout = _ref.hasTimeout,
       delay = _ref.delay,
-      timeExpired = _ref.timeExpired;
+      timeExpired = _ref.timeExpired,
+      keyboardControl = _ref.keyboardControl;
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -92,6 +93,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
     return 'icon-error-circle-black';
   };
 
+  keyboardControl(null, text && functionOnClose && explain || functionOnClose && shortText ? functionOnClose : null, text && functionOnClose && explain || functionOnClose && shortText ? functionOnClose : null);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "feedback-layer ".concat(explain ? 'feedback-layer--withexplain' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -11,6 +11,7 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   functionOnClose: _mocker.functionOnClose,
   playSound: _mocker.soundActions[0],
+  keyboardControl: _mocker.keyboardControl,
   success: true,
   translate: _mocker.translate,
   text: '500A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count thea sf as'
@@ -19,6 +20,7 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   functionOnClose: _mocker.functionOnClose,
   playSound: _mocker.soundActions[0],
+  keyboardControl: _mocker.keyboardControl,
   translate: _mocker.translate,
   text: '500A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A while back I needed to count thea sf as'
 };
@@ -26,22 +28,26 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   success: true,
   playSound: _mocker.soundActions[0],
+  keyboardControl: _mocker.keyboardControl,
   translate: _mocker.translate
 };
 exports.mockProps3 = mockProps3;
 var mockProps4 = {
   playSound: _mocker.soundActions[0],
+  keyboardControl: _mocker.keyboardControl,
   translate: _mocker.translate
 };
 exports.mockProps4 = mockProps4;
 var mockProps5 = {
   translate: _mocker.translate,
-  timeExpired: true
+  timeExpired: true,
+  keyboardControl: _mocker.keyboardControl
 };
 exports.mockProps5 = mockProps5;
 var mockProps6 = {
   translate: _mocker.translate,
   text: 'story with timer finish feedback',
-  timeExpired: true
+  timeExpired: true,
+  keyboardControl: _mocker.keyboardControl
 };
 exports.mockProps6 = mockProps6;

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

@@ -66,7 +66,8 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
       emitOpenPopupCounterInfo = _ref.emitOpenPopupCounterInfo,
       resetValues = _ref.resetValues,
       setResetValues = _ref.setResetValues,
-      pause = _ref.pause;
+      pause = _ref.pause,
+      keyboardControl = _ref.keyboardControl;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -213,7 +214,8 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
     firstTryForFrame: firstTryForFrame,
     puzzlesAutoCompleted: puzzlesAutoCompleted,
     emitOpenPopupCounterInfo: emitOpenPopupCounterInfo,
-    pause: pause
+    pause: pause,
+    keyboardControl: keyboardControl
   }));
 };