@gamelearn/arcade-components 1.3.9 → 1.3.11

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/components/ConversationalProComponent.js

@@ -121,13 +121,13 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     return !decision ? getCurrentMessage() : {};
   }, [getCurrentMessage, decision]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var payload;
+    var payload, url;
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             if (!(currentLineData.voice.id && currentMessage)) {
-              _context.next = 5;
+              _context.next = 7;
               break;
             }
 
@@ -137,23 +137,27 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
             };
 
             if (!(payload.voiceId && payload.text)) {
-              _context.next = 5;
+              _context.next = 7;
               break;
             }
 
             _context.next = 5;
             return emitEvent({
-              type: 'playSpeech',
+              type: 'getSpeech',
               payload: payload
             });
 
           case 5:
+            url = _context.sent;
+            playSound(url, 'tts');
+
+          case 7:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [currentLineData.voice, currentMessage, emitEvent, getVoice]); // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
+  })), [currentLineData.voice, currentMessage, emitEvent, getVoice, playSound]); // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
 
   var leftWithSlots = lines.slice(0, currentLine + 1).reverse().find(function (line) {
     return line.slots;
@@ -261,13 +265,18 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     } else if (currentLineData !== null && currentLineData !== void 0 && (_currentLineData$audi = currentLineData.audio) !== null && _currentLineData$audi !== void 0 && _currentLineData$audi.url) {
       var _currentLineData$audi2;
 
-      playSound(currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$audi2 = currentLineData.audio) === null || _currentLineData$audi2 === void 0 ? void 0 : _currentLineData$audi2.url);
+      playSound(currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$audi2 = currentLineData.audio) === null || _currentLineData$audi2 === void 0 ? void 0 : _currentLineData$audi2.url, 'tts');
     }
 
     return function () {
-      stop();
+      stop('tts');
     };
   }, [currentLineData, currentMessage, finished, lines, playSound, playSpeech, stop]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      stop('tts');
+    };
+  }, [stop]);
 
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     onFinish: handleClickNext,

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/components/DialogComponent.js

@@ -149,13 +149,13 @@ var DialogComponent = function DialogComponent(_ref) {
     return null;
   }, [translate]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var payload;
+    var payload, url;
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             if (!currentLine.voice.id) {
-              _context.next = 5;
+              _context.next = 7;
               break;
             }
 
@@ -165,23 +165,32 @@ var DialogComponent = function DialogComponent(_ref) {
             };
 
             if (!(payload.voiceId && payload.text)) {
-              _context.next = 5;
+              _context.next = 7;
               break;
             }
 
             _context.next = 5;
             return emitEvent({
-              type: 'playSpeech',
+              type: 'getSpeech',
               payload: payload
             });
 
           case 5:
+            url = _context.sent;
+            playSound(url, 'tts');
+
+          case 7:
+            return _context.abrupt("return", function () {
+              stop('tts');
+            });
+
+          case 8:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, emitEvent]);
+  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, playSound, emitEvent, stop]);
   var getCurrentVisible = (0, _react.useCallback)(function (uid) {
     var object;
     scene.traverseVisible(function (node) {
@@ -227,7 +236,7 @@ var DialogComponent = function DialogComponent(_ref) {
     } else {
       onLoadAnim();
     }
-  }, [loader]); // Reset currentEmotion to defaultAnim
+  }, [loader]);
 
   var executeAnimation = function executeAnimation(element) {
     var mixer = element.userData.mixer;
@@ -244,30 +253,16 @@ var DialogComponent = function DialogComponent(_ref) {
 
       element.userData.currentEmotion = defaultAction;
     }
-  };
-
-  var resetAnims = (0, _react.useCallback)(function () {
-    var end = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  }; // Reset currentEmotion to defaultAnim
 
-    if (end) {
-      scene.traverseVisible(function (node) {
-        if (node.userData.mixer && node.userData.currentEmotion) {
-          executeAnimation(node);
-        }
-      });
-    } else if (lastLine !== null && lastLine !== void 0 && lastLine.slots) {
-      var slottedCharacters = lastLine.slots.filter(function (slot) {
-        return slot.uid;
-      });
-      slottedCharacters.forEach(function (slot) {
-        var element = getCurrentVisible(slot.uid);
 
-        if (element && element.userData.currentEmotion) {
-          executeAnimation(element);
-        }
-      });
-    }
-  }, [getCurrentVisible, lastLine === null || lastLine === void 0 ? void 0 : lastLine.slots, scene]);
+  var resetAnims = (0, _react.useCallback)(function () {
+    scene.traverseVisible(function (node) {
+      if (node.userData.mixer && node.userData.currentEmotion) {
+        executeAnimation(node);
+      }
+    });
+  }, [scene]);
   var resetCameraView = (0, _react.useCallback)(function () {
     messagePosition.current.child = null;
     messagePosition.current.parent = null;
@@ -284,7 +279,7 @@ var DialogComponent = function DialogComponent(_ref) {
       setCurrentMessage({});
       changeLine(line + 1);
     } else {
-      resetAnims(true);
+      resetAnims();
       lastSet.current = true;
       setCurrentMessage({});
       resetCameraView();
@@ -318,8 +313,7 @@ var DialogComponent = function DialogComponent(_ref) {
       });
       var slottedCharacters = currentLine.slots.filter(function (slot) {
         return slot.uid && !slot.talking;
-      });
-      resetAnims(false); // Check not talking elements emotion
+      }); // Check not talking elements emotion
 
       slottedCharacters.forEach(function (slot) {
         var element = getCurrentVisible(slot.uid);
@@ -408,7 +402,7 @@ var DialogComponent = function DialogComponent(_ref) {
         });
       }
     }
-  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetAnims, resetCameraView]); // Sound logic
+  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView]); // Sound logic
 
   (0, _react.useEffect)(function () {
     var _currentLine$audio;
@@ -418,13 +412,18 @@ var DialogComponent = function DialogComponent(_ref) {
     } else if (currentLine !== null && currentLine !== void 0 && (_currentLine$audio = currentLine.audio) !== null && _currentLine$audio !== void 0 && _currentLine$audio.url) {
       var _currentLine$audio2;
 
-      playSound(currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio2 = currentLine.audio) === null || _currentLine$audio2 === void 0 ? void 0 : _currentLine$audio2.url);
+      playSound(currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio2 = currentLine.audio) === null || _currentLine$audio2 === void 0 ? void 0 : _currentLine$audio2.url, 'tts');
     }
 
     return function () {
-      stop();
+      stop('tts');
+    };
+  }, [currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio3 = currentLine.audio) === null || _currentLine$audio3 === void 0 ? void 0 : _currentLine$audio3.url, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentMessage, lines, playSound, playSpeech, stop]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      stop('tts');
     };
-  }, [currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio3 = currentLine.audio) === null || _currentLine$audio3 === void 0 ? void 0 : _currentLine$audio3.url, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentMessage, lines, playSound, playSpeech, stop]); // Autoplay logic
+  }, [stop]); // Autoplay logic
 
   (0, _react.useEffect)(function () {
     var timeout;

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,7 +14,6 @@ var disableExit = function disableExit(attr) {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: disableExit,
   setResolveAction: function setResolveAction() {},
   image: {

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,7 +12,6 @@ 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: {

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',

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.9",
+  "version": "1.3.11",
   "main": "dist/index.js",
   "files": [
     "dist",