@gamelearn/arcade-components 1.3.8 → 1.3.10

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

@@ -46,7 +46,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       disableExit = _ref.disableExit,
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
-      setShowPoints = _ref.setShowPoints,
       bgImg = _ref.bgImg;
 
   var _useState = (0, _react.useState)(false),
@@ -101,8 +100,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(rewardsData);
-  }, [emitEvent, setShowPoints]);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
+  }, [emitEvent]);
 
   var _endPuzzle = function endPuzzle() {
     emitEvent({
@@ -190,7 +194,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
         closeFeedbackAndShowPoints(rewardsData);
       }, 2000);
     });
-  }, [setResolveAction, disableExit, accRewards, info.resolve.rewards, emitEvent, setShowPoints, closeFeedbackAndShowPoints]);
+  }, [setResolveAction, disableExit, accRewards, info.resolve.rewards, emitEvent, closeFeedbackAndShowPoints]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "cards-selector",
     style: bgImg ? {

package/dist/components/cards-selector-puzzle-component/mocks/mockForStory.js

@@ -16,7 +16,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -93,7 +92,6 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -170,7 +168,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{
@@ -275,7 +272,6 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   cards: [{

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

@@ -38,8 +38,7 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
       soundActions = props.soundActions,
       showFrames = props.showFrames,
       disableExit = props.disableExit,
-      setResolveAction = props.setResolveAction,
-      setShowPoints = props.setShowPoints;
+      setResolveAction = props.setResolveAction;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -56,8 +55,7 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
     soundActions: soundActions,
     setInfo: setInfo,
     setSelected: setSelected,
-    selected: selected,
-    setShowPoints: setShowPoints
+    selected: selected
   };
   var totalCorrects = list.reduce(function (acc, current) {
     return acc + current.areas.length;

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

@@ -55,8 +55,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
       setSelected = _ref.setSelected,
-      selected = _ref.selected,
-      setShowPoints = _ref.setShowPoints;
+      selected = _ref.selected;
   var accRewards = (0, _react.useRef)([]);
   var correctClicked = (0, _react.useRef)(0);
 
@@ -87,8 +86,13 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints([].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards)));
-  }, [playSound, emitEvent, setShowPoints]);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards))
+    });
+  }, [playSound, emitEvent]);
   var currentImageProps = list[index];
   var info = currentImageProps.info,
       specificFeedbacks = currentImageProps.specificFeedbacks;

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

@@ -13,7 +13,6 @@ var mockProps = {
   description: 'Dale al arma',
   showFrames: true,
   setInfo: function setInfo() {},
-  setShowPoints: _mocker.setShowPoints,
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
   disableExit: function disableExit() {},
@@ -170,7 +169,6 @@ var mockProps2 = {
   soundActions: _mocker.soundActions,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   list: [{
     info: {
       hint: {

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

@@ -11,7 +11,6 @@ var _mocker = require("helpers/mocker");
 var comicProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   slides: [{
     slideOrder: 1,
     transitionEffects: null,

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

@@ -22,7 +22,6 @@ var animations = {
 var converOld = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   messages: [{
     character: 'Puerta',
     emotion: 'neutral',
@@ -77,7 +76,6 @@ exports.converOld = converOld;
 var conversationProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   lines: [{
     flex: true,
     slots: [{
@@ -344,7 +342,6 @@ exports.conversationProps = conversationProps;
 var voiceOverProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   lines: [{
     flex: false,
     slots: [{
@@ -478,7 +475,6 @@ exports.voiceOverProps = voiceOverProps;
 var withoutBackground = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   lines: [{
     flex: false,
     slots: [{
@@ -608,7 +604,6 @@ exports.withoutBackground = withoutBackground;
 var conversationPropsNoFeedbackNoRewards = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   lines: [{
     flex: true,
     slots: [{
@@ -869,7 +864,6 @@ exports.conversationPropsNoFeedbackNoRewards = conversationPropsNoFeedbackNoRewa
 var conversationPropsLodSettings = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   lodSettings: {
     currentLOD: 'original',
     rgbSimulation: true,

package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js

@@ -74,8 +74,7 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       password = _ref.password,
       disableExit = _ref.disableExit,
       difficulty = _ref.difficulty,
-      setResolveAction = _ref.setResolveAction,
-      setShowPoints = _ref.setShowPoints;
+      setResolveAction = _ref.setResolveAction;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -147,7 +146,12 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(info.resolve.rewards);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: info.resolve.rewards
+        });
       }, 0);
     });
   }, [setResolveAction, playSound]);
@@ -155,7 +159,12 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
-    setShowPoints(rewards);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewards
+    });
   };
 
   var generatePasswordPositions = function generatePasswordPositions() {

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

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'slow',
@@ -64,7 +63,6 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fast',
@@ -118,7 +116,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fastest',
@@ -172,7 +169,6 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'fastest',
@@ -226,7 +222,6 @@ exports.mockProps4 = mockProps4;
 var mockProps5 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   velocity: 'slow',

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

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

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

@@ -28,7 +28,6 @@ var animations = {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   autoPlay: false,
   lines: [{
     flex: true,

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

@@ -62,8 +62,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       consume = _ref.consume,
       disableExit = _ref.disableExit,
       emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      setShowPoints = _ref.setShowPoints;
+      soundActions = _ref.soundActions;
   var solution = info.solution;
   var areaRef = (0, _react.useRef)();
   var areaTextRef = (0, _react.useRef)();
@@ -169,7 +168,12 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(accRewards.current);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: accRewards.current
+    });
 
     if (consume) {
       emitEvent({
@@ -186,7 +190,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'closeUI',
       ui: 'inventory'
     });
-  }, [consume, emitEvent, resolveObject.name, resolveObject.uid, setShowPoints]);
+  }, [consume, emitEvent, resolveObject.name, resolveObject.uid]);
   var handleClose = (0, _react.useCallback)(function () {
     playSound('score');
     setResolveClass('success');

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

@@ -92,6 +92,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
   var handleFinish = (0, _react.useCallback)(function (rewards) {
     emitEvent({
       type: 'addPoints',
+      complex: true,
+      finish: true,
       payload: [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards))
     });
   }, [emitEvent]);

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

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

package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js

@@ -77,8 +77,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
       type = _ref.type,
       writingSpeed = _ref.writingSpeed,
       disableExit = _ref.disableExit,
-      setResolveAction = _ref.setResolveAction,
-      setShowPoints = _ref.setShowPoints;
+      setResolveAction = _ref.setResolveAction;
 
   var translate = function translate(id) {
     return emitEvent({
@@ -133,7 +132,12 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
-    setShowPoints(rewards);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewards
+    });
   };
 
   (0, _react.useEffect)(function () {
@@ -145,13 +149,16 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
     setResolveAction(function () {
       playSound('score');
       setFinished(true);
-      setTimeout(function () {
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-        setShowPoints(info.resolve.rewards);
-      }, 0);
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      emitEvent({
+        type: 'addPoints',
+        complex: true,
+        finish: true,
+        payload: info.resolve.rewards
+      });
     });
   }, [setResolveAction]);
 

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

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

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

@@ -102,7 +102,6 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       info = _ref4.info,
       answer = _ref4.answer,
       hintUsed = _ref4.hintUsed,
-      setShowPoints = _ref4.setShowPoints,
       setResolveAction = _ref4.setResolveAction;
 
   var _soundActions = _slicedToArray(soundActions, 1),
@@ -327,7 +326,12 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(rewardsData);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
   };
 
   var handleFail = function handleFail() {
@@ -407,10 +411,15 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(rewardsData);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: rewardsData
+        });
       }, 2000);
     });
-  }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
+  }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged",
     style: {

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

@@ -14,11 +14,11 @@ var disableExit = function disableExit(attr) {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: disableExit,
   setResolveAction: function setResolveAction() {},
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   },

package/dist/components/image-click-puzzle-component/components/ImageClickPuzzleComponent.js

@@ -18,6 +18,8 @@ var ImageClickPuzzleComponent = function ImageClickPuzzleComponent(props) {
     if (success) {
       props.emitEvent({
         type: 'addPoints',
+        complex: true,
+        finish: true,
         payload: rw
       });
     } else {

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

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -115,7 +114,6 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -220,7 +218,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -325,7 +322,6 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {

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

@@ -12,7 +12,6 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   transitionEffects: null,
   audioId: '',
   itemOrder: 1,
@@ -186,7 +185,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,
@@ -335,7 +333,6 @@ exports.mockProps4 = mockProps4;
 var mockPropsOnce = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,

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

@@ -49,8 +49,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       info = _ref.info,
       disableExit = _ref.disableExit,
       soundActions = _ref.soundActions,
-      setResolveAction = _ref.setResolveAction,
-      setShowPoints = _ref.setShowPoints;
+      setResolveAction = _ref.setResolveAction;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -106,8 +105,13 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(rewardsData);
-  }, [emitEvent, setShowPoints]);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
+  }, [emitEvent]);
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
     if (feedbackResult) {

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

@@ -12,11 +12,11 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   password: '1234',
   keyboard: [['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ['*', '0', '#']],
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   },

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

@@ -45,7 +45,6 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       login = _ref.login,
       password = _ref.password,
       image = _ref.image,
-      setShowPoints = _ref.setShowPoints,
       setResolveAction = _ref.setResolveAction;
 
   var translate = function translate(id) {
@@ -108,7 +107,12 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     var rewards = info.solution.right.rewards;
     var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
-    setShowPoints(rewardsData);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
   };
 
   var checkInput = function checkInput() {
@@ -162,10 +166,15 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(rewardsData);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: rewardsData
+        });
       }, 2000);
     });
-  }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
+  }, [accRewards, info.resolve.rewards, emitEvent, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--layer",
     style: {
@@ -203,12 +212,12 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "icon-circle-check"
   }, " "))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__label"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'), " ", password)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
   }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
-    disabled: finished,
+    disabled: true,
     "data-testid": "password",
-    className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
+    className: "puzzle--login__input puzzle--login__input--fakepassword success",
     type: "text",
     placeholder: password,
     value: password

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

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   soundActions: _mocker.soundActions,
   user: 'pepe',
   password: '1234',
@@ -30,6 +29,7 @@ var mockProps = {
   },
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   }

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

@@ -67,7 +67,6 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       info = _ref.info,
       disableExit = _ref.disableExit,
       soundActions = _ref.soundActions,
-      setShowPoints = _ref.setShowPoints,
       setResolveAction = _ref.setResolveAction;
 
   // todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
@@ -148,9 +147,14 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
         type: 'hidePuzzleButtons',
         payload: false
       });
-      setShowPoints(rewards);
+      emitEvent({
+        type: 'addPoints',
+        complex: true,
+        finish: true,
+        payload: rewards
+      });
     });
-  }, [setResolveAction, info.resolve.rewards, emitEvent, setShowPoints]);
+  }, [setResolveAction, info.resolve.rewards, emitEvent]);
 
   var backFile = function backFile() {
     accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(info.solution.wrong.rewards));
@@ -201,7 +205,12 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       payload: false
     });
     playSound('score');
-    setShowPoints(rewards);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewards
+    });
   };
 
   var backgroundURL = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url) || DEFAULT_IMG;

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

@@ -12,7 +12,6 @@ var mockProps = {
   emitEvent: _mocker.emitEvent,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   soundActions: _mocker.soundActions,
   items: [{
     children: [{
@@ -112,7 +111,6 @@ var realMockProps = {
   emitEvent: _mocker.emitEvent,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   soundActions: _mocker.soundActions,
   backgroundImage: {
     url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg'

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

@@ -55,7 +55,6 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       soundActions = _ref.soundActions,
       description = _ref.description,
       setInfo = _ref.setInfo,
-      setShowPoints = _ref.setShowPoints,
       setResolveAction = _ref.setResolveAction;
 
   var _useState = (0, _react.useState)({
@@ -132,7 +131,12 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
 
           return acc;
         }, []);
-        setShowPoints(totalRewards);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: totalRewards
+        });
       } else {
         parsedText.current = null;
         setCurrentSlide(currentSlide + 1);
@@ -142,7 +146,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         }, 1200);
       }
     }
-  }, [isCompleted, correctTextFragmentsAccumulated, numberAllCorrectFragments, setShowPoints, currentSlide]);
+  }, [isCompleted, correctTextFragmentsAccumulated, numberAllCorrectFragments, emitEvent, currentSlide]);
   var handleFeedbackFuncionOnClose = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -383,10 +387,15 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(resolveRewards);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: resolveRewards
+        });
       }, 2000);
     });
-  }, [setResolveAction, emitEvent, setShowPoints, list, currentSlide]);
+  }, [setResolveAction, emitEvent, list, currentSlide]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "text-click text-click--".concat(styles),
     style: feedbackData.show ? {

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

@@ -17,7 +17,6 @@ exports.messages = messages;
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   showFrames: true,
   soundActions: _mocker.soundActions,
   styles: 'chalkboard',
@@ -252,7 +251,6 @@ exports.mockProps = mockProps;
 var mockPropsOnce = {
   emitEvent: _mocker.emitEvent,
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   showFrames: true,
   soundActions: _mocker.soundActions,
   styles: 'chalkboard',

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

@@ -77,8 +77,7 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       emitEvent = _ref.emitEvent,
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
-      disableExit = _ref.disableExit,
-      setShowPoints = _ref.setShowPoints;
+      disableExit = _ref.disableExit;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -175,7 +174,12 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       var rewards = info.solution.right.rewards;
       var wrongRewards = info.solution.wrong.rewards;
       playSound(failed ? 'fail' : 'score');
-      setShowPoints(failed ? wrongRewards : rewards);
+      emitEvent({
+        type: 'addPoints',
+        complex: true,
+        finish: true,
+        payload: failed ? wrongRewards : rewards
+      });
     }
   };
 
@@ -304,11 +308,16 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       showReference(false);
       setTimeout(function () {
         showCurrentFeed('');
-        setShowPoints(info.resolve.rewards);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: info.resolve.rewards
+        });
       }, 4000);
     });
     disableExit(true);
-  }, [setResolveAction, disableExit, setShowPoints, info.resolve.rewards]);
+  }, [setResolveAction, disableExit, info.resolve.rewards, emitEvent]);
   var props = {
     showingReference: showingReference || resolved,
     isFacebook: isFacebook,

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

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

package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -274,6 +274,8 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
 
     emitEvent({
       type: 'addPoints',
+      complex: true,
+      finish: true,
       payload: pointsToEmit
     });
   };

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

@@ -56,7 +56,6 @@ exports.messages = messages;
 var mock = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -165,7 +164,6 @@ exports.mock = mock;
 var mock2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -351,7 +349,6 @@ exports.mock2 = mock2;
 var mock3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -507,7 +504,6 @@ exports.mock3 = mock3;
 var mock4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -693,7 +689,6 @@ exports.mock4 = mock4;
 var mock5 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -780,7 +775,6 @@ exports.mock5 = mock5;
 var mock6 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -867,7 +861,6 @@ exports.mock6 = mock6;
 var mock7 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -954,7 +947,6 @@ exports.mock7 = mock7;
 var mock8 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -81,6 +81,7 @@
     "eslint-plugin-prettier": "^4.0.0",
     "nodemon": "^2.0.13",
     "plop": "^2.7.4",
+    "prettier": "^2.5.0",
     "react": "0.0.0-experimental-27659559e",
     "react-dom": "0.0.0-experimental-27659559e",
     "react-scripts": "4.0.1",
@@ -95,4 +96,4 @@
       "^react-konva-utils$": "react-pdf/dist/umd/entry.jest"
     }
   }
-}
+}