@gamelearn/arcade-components 0.20.9 → 0.21.0

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

@@ -45,7 +45,8 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       cards = _ref.cards,
       disableExit = _ref.disableExit,
       setResolveAction = _ref.setResolveAction,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      setShowPoints = _ref.setShowPoints;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -92,6 +93,16 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     });
   };
 
+  var closeFeedbackAndShowPoints = (0, _react.useCallback)(function (rewardsData) {
+    setFeedbackResult(false);
+    setFeedbackIsShown(false);
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
+    setShowPoints(rewardsData);
+  }, [emitEvent, setShowPoints]);
+
   var _endPuzzle = function endPuzzle() {
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -110,10 +121,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
       setTimeout(function () {
         playSound('score');
-        emitEvent({
-          type: 'addPoints',
-          payload: _toConsumableArray(rewardsData)
-        });
+        closeFeedbackAndShowPoints(rewardsData);
       }, 3000);
     }
   };
@@ -124,14 +132,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       var rewards = info.solution.right.rewards;
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
       playSound('score');
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: false
-      });
-      emitEvent({
-        type: 'addPoints',
-        payload: _toConsumableArray(rewardsData)
-      });
+      closeFeedbackAndShowPoints(rewardsData);
     } else {
       setFeedbackResult(false);
       disableExit(false);
@@ -183,13 +184,10 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       setResolvePuzzle(true);
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
       setTimeout(function () {
-        emitEvent({
-          type: 'addPoints',
-          payload: _toConsumableArray(rewardsData)
-        });
-      }, 4000);
+        closeFeedbackAndShowPoints(rewardsData);
+      }, 2000);
     });
-  }, [setResolveAction, disableExit, accRewards, info.resolve.rewards, emitEvent]);
+  }, [setResolveAction, disableExit, accRewards, info.resolve.rewards, emitEvent, setShowPoints, closeFeedbackAndShowPoints]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "cards-selector"
   }, /*#__PURE__*/_react.default.createElement(_Board.default, {

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

@@ -74,7 +74,8 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       password = _ref.password,
       disableExit = _ref.disableExit,
       difficulty = _ref.difficulty,
-      setResolveAction = _ref.setResolveAction;
+      setResolveAction = _ref.setResolveAction,
+      setShowPoints = _ref.setShowPoints;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -138,22 +139,23 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
     }
   }, [finished, disableExit]);
   (0, _react.useEffect)(function () {
-    setResolveAction(function (resolve) {
+    setResolveAction(function () {
       playSound('score');
       setFinished(true);
       setTimeout(function () {
-        resolve();
-      }, 4000);
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(info.resolve.rewards);
+      }, 0);
     });
   }, [setResolveAction, playSound]);
 
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
-    emitEvent({
-      type: 'addPoints',
-      payload: rewards
-    });
+    setShowPoints(rewards);
   };
 
   var generatePasswordPositions = function generatePasswordPositions() {

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

@@ -52,7 +52,8 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       consume = _ref.consume,
       disableExit = _ref.disableExit,
       emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      setShowPoints = _ref.setShowPoints;
   var solution = info.solution;
   var areaRef = (0, _react.useRef)();
   var areaTextRef = (0, _react.useRef)();
@@ -149,10 +150,12 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
   }, [resolveObject.uid]);
   var handleFinish = (0, _react.useCallback)(function () {
     var rewards = solution.right.rewards;
+    setResolveClass('');
     emitEvent({
-      type: 'addPoints',
-      payload: rewards
+      type: 'hidePuzzleButtons',
+      payload: false
     });
+    setShowPoints(rewards);
 
     if (consume) {
       emitEvent({
@@ -169,7 +172,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'closeUI',
       ui: 'inventory'
     });
-  }, [consume, emitEvent, resolveObject.name, resolveObject.uid, solution.right]);
+  }, [consume, emitEvent, resolveObject.name, resolveObject.uid, setShowPoints, solution.right]);
   var handleClose = (0, _react.useCallback)(function () {
     playSound('score');
     setResolveClass('success');

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

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTypist = _interopRequireDefault(require("react-typist"));
 
 var _languages = _interopRequireDefault(require("./languages"));
@@ -79,7 +77,8 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
       type = _ref.type,
       writingSpeed = _ref.writingSpeed,
       disableExit = _ref.disableExit,
-      setResolveAction = _ref.setResolveAction;
+      setResolveAction = _ref.setResolveAction,
+      setShowPoints = _ref.setShowPoints;
 
   var translate = function translate(id) {
     return emitEvent({
@@ -174,10 +173,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
-    emitEvent({
-      type: 'addPoints',
-      payload: rewards
-    });
+    setShowPoints(rewards);
   };
 
   (0, _react.useEffect)(function () {
@@ -186,12 +182,16 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
     }
   }, [finished]);
   (0, _react.useEffect)(function () {
-    setResolveAction(function (resolve) {
+    setResolveAction(function () {
       playSound('score');
       setFinished(true);
       setTimeout(function () {
-        resolve();
-      }, 4000);
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(info.resolve.rewards);
+      }, 0);
     });
   }, [setResolveAction]);
 
@@ -272,7 +272,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "gat--btn gat--btn__primary gat--btn__cracker",
-    onClick: handleFinish()
+    onClick: handleFinish
   }, translate('screens.continue'))));
 };
 
@@ -283,11 +283,5 @@ HackerPuzzleComponent.defaultProps = {
   info: {},
   themeNumber: 1
 };
-HackerPuzzleComponent.propTypes = {
-  type: _propTypes.default.string,
-  writingSpeed: _propTypes.default.number,
-  themeNumber: _propTypes.default.number,
-  info: _propTypes.default.shape({})
-};
 var _default = HackerPuzzleComponent;
 exports.default = _default;

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

@@ -8,7 +8,7 @@ exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
 var emitEvent = function emitEvent(_ref) {
   var type = _ref.type,
       payload = _ref.payload;
-  console.log('Emit event called');
+  console.log('Emit event called', type);
 
   if (type === 'translate') {
     return payload;

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

@@ -94,7 +94,9 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       image = _ref4.image,
       info = _ref4.info,
       answer = _ref4.answer,
-      hintUsed = _ref4.hintUsed;
+      hintUsed = _ref4.hintUsed,
+      setShowPoints = _ref4.setShowPoints,
+      setResolveAction = _ref4.setResolveAction;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -306,27 +308,25 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
 
   var handleClose = function handleClose() {
     disableExit(true);
-    var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
+    setResolveClass('');
+    var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.right.rewards));
     playSound('score');
-    emitEvent({
-      type: 'addPoints',
-      payload: _toConsumableArray(rewardsData)
-    });
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: false
     });
+    setShowPoints(rewardsData);
   };
 
   var handleFail = function handleFail() {
     playSound('fail');
-    setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
-    setResolveClass('');
-    setDisable(false);
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: false
     });
+    setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
+    setResolveClass('');
+    setDisable(false);
   };
 
   var resolvePuzzle = function resolvePuzzle(newAnswer, newPool) {
@@ -348,6 +348,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     var correctLetters = evaluatedAnswer.filter(function (letter) {
       return letter.fixed;
     }).length;
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
 
     if (correctLetters === translatedAnswer.length) {
       setResolveClass('success');
@@ -367,11 +371,6 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
         }, 2000);
       }
     }
-
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: true
-    });
   };
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
@@ -387,7 +386,16 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       setMounted(true);
       setHiddenAnswer();
     }
-  }, [setHiddenAnswer, mounted]);
+
+    setResolveAction(function () {
+      var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      setShowPoints(rewardsData);
+    });
+  }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged",
     style: {

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

@@ -13,6 +13,14 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -36,7 +44,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       user = _ref.user,
       login = _ref.login,
       password = _ref.password,
-      image = _ref.image;
+      image = _ref.image,
+      setShowPoints = _ref.setShowPoints,
+      setResolveAction = _ref.setResolveAction;
 
   var translate = function translate(id) {
     return emitEvent({
@@ -70,23 +80,20 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       errorMessage = _useState10[0],
       setErrorMessage = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      failed = _useState12[0],
-      setFailed = _useState12[1];
-
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      accRewards = _useState12[0],
+      setRewards = _useState12[1];
+
   var imgURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || imagenPorDefecto;
 
   var handleFinish = function handleFinish() {
     var rewards = info.solution.right.rewards;
-    var wrongRewards = info.solution.wrong.rewards;
-    emitEvent({
-      type: 'addPoints',
-      payload: failed ? wrongRewards : rewards
-    });
+    var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
+    setShowPoints(rewardsData);
   };
 
   var checkInput = function checkInput() {
@@ -112,13 +119,23 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
         handleFinish();
       }, 2000);
     } else {
+      setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
       playSound('fail');
-      setFailed(true);
       setSuccessClass('failed');
       setErrorMessage(true);
     }
   };
 
+  (0, _react.useEffect)(function () {
+    setResolveAction(function () {
+      var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      setShowPoints(rewardsData);
+    });
+  }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--layer",
     style: {

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

@@ -66,7 +66,9 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
       solution = _ref.solution,
       info = _ref.info,
       disableExit = _ref.disableExit,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      setShowPoints = _ref.setShowPoints,
+      setResolveAction = _ref.setResolveAction;
 
   // todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
   var _useState = (0, _react.useState)({}),
@@ -117,6 +119,31 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
     selectFile(initFile);
     setBreadcrumb([initFile]);
   }, [initFile]);
+  (0, _react.useEffect)(function () {
+    setResolveAction(function () {
+      var rewards = info.resolve.rewards.map(function (reward) {
+        var name = reward.name,
+            points = reward.points,
+            type = reward.type;
+        var parsedReward = {
+          name: name,
+          points: points,
+          type: type
+        };
+
+        if (reward.document.resourceId) {
+          parsedReward.id = reward.document.resourceId;
+        }
+
+        return parsedReward;
+      });
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      setShowPoints(rewards);
+    });
+  }, [setResolveAction, info.resolve.rewards, emitEvent, setShowPoints]);
 
   var backFile = function backFile() {
     var breadcrumbLength = breadcrumb.length - 1;
@@ -140,11 +167,28 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
   };
 
   var resolvePuzzle = function resolvePuzzle() {
-    playSound('score');
+    var rewards = info.solution.right.rewards.map(function (reward) {
+      var name = reward.name,
+          points = reward.points,
+          type = reward.type;
+      var parsedReward = {
+        name: name,
+        points: points,
+        type: type
+      };
+
+      if (reward.document.resourceId) {
+        parsedReward.id = reward.document.resourceId;
+      }
+
+      return parsedReward;
+    });
     emitEvent({
-      type: 'addPoints',
-      payload: info.solution.right.rewards
+      type: 'hidePuzzleButtons',
+      payload: false
     });
+    playSound('score');
+    setShowPoints(rewards);
   };
 
   var backgroundURL = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url) || DEFAULT_IMG;

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

@@ -107,7 +107,7 @@ var Visor = function Visor(_ref) {
     shortText: true,
     success: fileId === solutionId,
     text: fileId === solutionId ? info.solution.right.desc : info.solution.wrong.desc,
-    functionOnClose: backFile,
+    functionOnClose: fileId === solutionId ? resolvePuzzle : backFile,
     additionalStyle: ICONS[file.type],
     secondText: title,
     translate: translate,

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

@@ -55,7 +55,9 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       soundActions = _ref.soundActions,
       description = _ref.description,
       info = _ref.info,
-      setInfo = _ref.setInfo;
+      setInfo = _ref.setInfo,
+      setShowPoints = _ref.setShowPoints,
+      setResolveAction = _ref.setResolveAction;
 
   var _useState = (0, _react.useState)({
     result: null,
@@ -128,10 +130,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
 
           return acc;
         }, []);
-        emitEvent({
-          type: 'addPoints',
-          payload: totalRewards
-        });
+        setShowPoints(totalRewards);
       } else {
         parsedText.current = null;
         setCurrentSlide(currentSlide + 1);
@@ -141,7 +140,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         }, 1200);
       }
     }
-  }, [correctTextFragmentsAccumulated, currentSlide, list, numberAllCorrectFragments, emitEvent]);
+  }, [list, currentSlide, correctTextFragmentsAccumulated, numberAllCorrectFragments, setShowPoints]);
   var handleFeedbackFuncionOnClose = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -165,12 +164,6 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     allDataTextIds.forEach(function (el) {
       return el.classList.add('text-click__success');
     });
-    setFeedbackData(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        result: 'success',
-        timeout: true
-      });
-    });
     setCorrectTextFragmentsAccumulated(correctTextFragmentsAccumulated + 1);
     correctTextFragmentsPartial.current += 1;
     emitEvent({
@@ -180,13 +173,18 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     playSound('score'); // si tiene feedback general definido
 
     if ((_list$currentSlide$in = list[currentSlide].info.solution.right) !== null && _list$currentSlide$in !== void 0 && _list$currentSlide$in.desc) {
-      accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
-      setFeedbackData(function (prevState) {
-        return _objectSpread(_objectSpread({}, prevState), {}, {
-          text: list[currentSlide].info.solution.right.desc,
-          timeout: false
+      //solo muestra la caja verde y suma puntos cuando resuelves todos los fragmentos correctos
+      if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+        accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
+        setFeedbackData(function (prevState) {
+          return _objectSpread(_objectSpread({}, prevState), {}, {
+            show: true,
+            result: 'success',
+            text: list[currentSlide].info.solution.right.desc,
+            timeout: false
+          });
         });
-      });
+      }
     } // si no tiene feedback general y tiene specificFeedbacks definido
     else if (list[currentSlide].info.solution.right.desc === '' && specificFeedback !== null && specificFeedback !== void 0 && specificFeedback.desc) {
         var _specificFeedback$rew;
@@ -194,13 +192,41 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         accRewards.current = !!(specificFeedback !== null && specificFeedback !== void 0 && (_specificFeedback$rew = specificFeedback.rewards) !== null && _specificFeedback$rew !== void 0 && _specificFeedback$rew.length) ? [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards)) : _toConsumableArray(accRewards.current);
         setFeedbackData(function (prevState) {
           return _objectSpread(_objectSpread({}, prevState), {}, {
+            show: true,
             text: specificFeedback.desc,
             timeout: false
           });
         });
-      } else {
-        accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
-      }
+      } // si no tiene feedback general ni specificFeedbacks,
+      // solo muestra la caja verde y suma puntos cuando resuelves todos los fragmentos correctos
+      else {
+          // si tiene puntos definidos por feedbacks correctos
+          if (list[currentSlide].specificFeedbacks.specificCorrectFeedbacks) {
+            accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards));
+
+            if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+              setFeedbackData(function (prevState) {
+                return _objectSpread(_objectSpread({}, prevState), {}, {
+                  show: true,
+                  result: 'success',
+                  timeout: true
+                });
+              });
+            }
+          } // si tiene puntos generales
+          else {
+              if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+                accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
+                setFeedbackData(function (prevState) {
+                  return _objectSpread(_objectSpread({}, prevState), {}, {
+                    show: true,
+                    result: 'success',
+                    timeout: true
+                  });
+                });
+              }
+            }
+        }
   }, [correctTextFragmentsAccumulated, emitEvent, playSound, list, currentSlide]);
   var handleIncorrectClick = (0, _react.useCallback)(function (allDataTextIds, specificFeedback) {
     allDataTextIds.forEach(function (el) {
@@ -210,44 +236,55 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: true
     });
-    playSound('fail');
-    setFeedbackData(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        result: null,
-        timeout: true
-      });
-    }); // si tiene feedback general definido
+    playSound('fail'); // si tiene feedback general definido
 
     if (list[currentSlide].info.solution.wrong.desc !== '') {
       accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.wrong.rewards));
       setFeedbackData(function (prevState) {
         return _objectSpread(_objectSpread({}, prevState), {}, {
+          show: true,
           text: list[currentSlide].info.solution.wrong.desc,
           timeout: false
         });
       });
-    } // si no tiene feedback general y tiene specificFeedbacks definido
-    else if (list[currentSlide].info.solution.wrong.desc === '' && specificFeedback.desc !== '') {
-        accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards)); // accRewards.current = [...accRewards.current, ...feedbackIncorrect.rewards];
+    } // si no tiene feedback general pero tiene specificFeedbacks definido
+    else if (list[currentSlide].info.solution.wrong.desc === '' && specificFeedback !== null && specificFeedback !== void 0 && specificFeedback.desc) {
+        var _specificFeedback$rew2;
 
+        accRewards.current = !!(specificFeedback !== null && specificFeedback !== void 0 && (_specificFeedback$rew2 = specificFeedback.rewards) !== null && _specificFeedback$rew2 !== void 0 && _specificFeedback$rew2.length) ? [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards)) : _toConsumableArray(accRewards.current);
         setFeedbackData(function (prevState) {
           return _objectSpread(_objectSpread({}, prevState), {}, {
+            show: true,
             text: specificFeedback.desc,
             timeout: false
           });
         });
-      } else {
-        accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.wrong.rewards));
-      }
+      } // si no tiene feedback general ni specificFeedbacks definido
+      else {
+          // si tiene puntos definidos por feedbacks negativos
+          if (list[currentSlide].specificFeedbacks.specificWrongFeedbacks) {
+            accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards));
+            setFeedbackData(function (prevState) {
+              return _objectSpread(_objectSpread({}, prevState), {}, {
+                show: true,
+                timeout: true
+              });
+            });
+          } // si tiene puntos generales definidos por feedbacks negativo
+          else {
+              accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.wrong.rewards));
+              setFeedbackData(function (prevState) {
+                return _objectSpread(_objectSpread({}, prevState), {}, {
+                  show: true,
+                  timeout: true
+                });
+              });
+            }
+        }
   }, [emitEvent, playSound, list, currentSlide]);
   var onClickMark = (0, _react.useCallback)(function (e, id) {
     var _list$currentSlide, _list$currentSlide$sp, _list$currentSlide2, _list$currentSlide2$s;
 
-    setFeedbackData(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        show: true
-      });
-    });
     e.stopPropagation();
     var allDataTextIds = document.querySelectorAll("[data-text-id=\"".concat(id, "\"]"));
     var feedbackCorrect = list[currentSlide].correctTexts.find(function (element) {
@@ -343,6 +380,22 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       parsedText.current = '';
     }
   }, [currentSlide, description, getnumberAllCorrectFragments, list, recursiveStuff, setInfo]);
+  (0, _react.useEffect)(function () {
+    setResolveAction(function () {
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: true
+      });
+      var resolveRewards = list[currentSlide].info.resolve.rewards;
+      setTimeout(function () {
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(resolveRewards);
+      }, 2000);
+    });
+  }, [setResolveAction, emitEvent, setShowPoints, 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/web-builder-puzzle-component/components/WebBuilderHeader/FacebookHeader.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,10 +39,5 @@ FacebookHeader.defaultProps = {
   usingTemplate: {},
   header: {}
 };
-FacebookHeader.propTypes = {
-  showingReference: _propTypes.default.bool,
-  usingTemplate: _propTypes.default.shape({}),
-  header: _propTypes.default.shape({})
-};
 var _default = FacebookHeader;
 exports.default = _default;

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

@@ -77,7 +77,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       emitEvent = _ref.emitEvent,
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
-      disableExit = _ref.disableExit;
+      disableExit = _ref.disableExit,
+      setShowPoints = _ref.setShowPoints;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -161,7 +162,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
     if (Component) {
       return /*#__PURE__*/_react.default.createElement(Component, _extends({}, popup.props, {
         closingAction: closePopup,
-        translate: translate
+        translate: translate,
+        soundActions: soundActions
       }));
     }
 
@@ -173,10 +175,7 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       var rewards = info.solution.right.rewards;
       var wrongRewards = info.solution.wrong.rewards;
       playSound(failed ? 'fail' : 'score');
-      emitEvent({
-        type: 'addPoints',
-        payload: failed ? rewards : wrongRewards
-      });
+      setShowPoints(failed ? wrongRewards : rewards);
     }
   };
 
@@ -305,11 +304,21 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
 
   (0, _react.useEffect)(function () {
     setResolveAction(function (resolve) {
+      console.info(resolve);
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: true
+      });
       setResolved(true);
       showCurrentFeed('success');
       showReference(false);
       setTimeout(function () {
-        resolve();
+        showCurrentFeed('');
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(info.resolve.rewards);
       }, 4000);
     });
     disableExit(true);

package/dist/helpers/LightSet.js

@@ -18,9 +18,7 @@ var LightSet = function LightSet() {
     distance: 0,
     decay: 1,
     castShadow: true,
-    shadow: {
-      bias: -0.002
-    }
+    "shadow-bias": -0.002
   }), /*#__PURE__*/_react.default.createElement("pointLight", {
     position: [2.25, 16.57, -1.9],
     color: 4234239,
@@ -28,9 +26,7 @@ var LightSet = function LightSet() {
     power: 250,
     distance: 0,
     decay: 1,
-    shadow: {
-      bias: -0.002
-    }
+    "shadow-bias": -0.002
   }), /*#__PURE__*/_react.default.createElement("hemisphereLight", {
     color: 7918828,
     groundColor: 7429837,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.20.9",
+  "version": "0.21.0",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -26,7 +26,7 @@
     "react-pdf": "5.2.0",
     "react-promise-suspense": "0.3.3",
     "react-typist": "^2.0.5",
-    "three": "^0.130.1",
+    "three": "^0.131.0",
     "web-vitals": "0.2.4"
   },
   "scripts": {
@@ -55,7 +55,7 @@
     "@babel/cli": "7.12.10",
     "@babel/preset-env": "7.12.11",
     "@babel/preset-react": "7.12.10",
-    "@gamelearn/ui-components-core": "5.40.0",
+    "@gamelearn/ui-components-core": "5.42.0",
     "@react-three/test-renderer": "6.0.6",
     "@storybook/addon-actions": "6.1.11",
     "@storybook/addon-essentials": "6.1.11",

package/dist/components/hacker-puzzle-component/components/Feedback/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utilsCore = require("@gamelearn/utils-core");
-
-var _uiComponentsCore = require("@gamelearn/ui-components-core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Feedback = function Feedback(_ref) {
-  var text = _ref.text,
-      success = _ref.success;
-
-  var _useHowler = (0, _uiComponentsCore.useHowler)(success ? 'correct_01' : 'incorrect_01'),
-      _useHowler2 = _slicedToArray(_useHowler, 1),
-      howler = _useHowler2[0];
-
-  (0, _react.useEffect)(function () {
-    if (text) {
-      howler.play();
-    }
-  }, [howler, text]);
-
-  if (!text) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--image__result ".concat(success ? 'success' : 'failed')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, /*#__PURE__*/_react.default.createElement(_utilsCore.FormatData, {
-    id: text
-  })));
-};
-
-Feedback.defaultProps = {
-  text: '',
-  success: false
-};
-Feedback.propTypes = {
-  text: _propTypes.default.string,
-  success: _propTypes.default.bool
-};
-var _default = Feedback;
-exports.default = _default;