@gamelearn/arcade-components 1.26.1 → 1.26.2

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

@@ -110,6 +110,17 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
   var isCompleted = (0, _react.useCallback)(function () {
     return correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length || list[currentSlide].hasClickOnce && correctTextFragmentsPartial.current >= 1;
   }, [currentSlide, list]);
+  var modifyFeedbackData = (0, _react.useCallback)(function (show, data) {
+    if (show) emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
+    setFeedbackData(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        show: show
+      }, data);
+    });
+  }, [emitEvent]);
   var goForward = (0, _react.useCallback)(function () {
     if (isCompleted()) {
       setFeedbackData(function (prevState) {
@@ -177,23 +188,16 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     });
     setCorrectTextFragmentsAccumulated(correctTextFragmentsAccumulated + 1);
     correctTextFragmentsPartial.current += 1;
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: true
-    });
     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) {
       // solo muestra la caja verde y suma puntos cuando resuelves todos los fragmentos correctos
       if (isCompleted()) {
         accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
-        setFeedbackData(function (prevState) {
-          return _objectSpread(_objectSpread({}, prevState), {}, {
-            show: true,
-            result: true,
-            text: list[currentSlide].info.solution.right.desc,
-            timeout: false
-          });
+        modifyFeedbackData(true, {
+          result: true,
+          text: list[currentSlide].info.solution.right.desc,
+          timeout: false
         });
       }
     } // si no tiene feedback general y tiene specificFeedbacks definido
@@ -201,13 +205,10 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       var _specificFeedback$rew;
 
       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,
-          result: true,
-          text: specificFeedback.desc,
-          timeout: false
-        });
+      modifyFeedbackData(true, {
+        result: true,
+        text: specificFeedback.desc,
+        timeout: false
       });
     } // si no tiene feedback general ni specificFeedbacks,
     // solo muestra la caja verde y suma puntos cuando resuelves todos los fragmentos correctos
@@ -216,34 +217,24 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards));
 
       if (isCompleted()) {
-        setFeedbackData(function (prevState) {
-          return _objectSpread(_objectSpread({}, prevState), {}, {
-            show: true,
-            result: true,
-            timeout: true
-          });
+        modifyFeedbackData(true, {
+          result: true,
+          timeout: true
         });
       }
     } // si tiene puntos generales
     else if (isCompleted()) {
       accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
-      setFeedbackData(function (prevState) {
-        return _objectSpread(_objectSpread({}, prevState), {}, {
-          show: true,
-          result: true,
-          timeout: true
-        });
+      modifyFeedbackData(true, {
+        result: true,
+        timeout: true
       });
     }
-  }, [correctTextFragmentsAccumulated, emitEvent, playSound, list, currentSlide, isCompleted]);
+  }, [correctTextFragmentsAccumulated, playSound, list, currentSlide, isCompleted, modifyFeedbackData]);
   var handleIncorrectClick = (0, _react.useCallback)(function (allDataTextIds, specificFeedback) {
     allDataTextIds.forEach(function (el) {
       return el.classList.add('text-click__failed');
     });
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: true
-    });
     playSound('fail');
     emitEvent({
       type: 'failPuzzle'
@@ -251,50 +242,38 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
 
     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,
-          result: false,
-          text: list[currentSlide].info.solution.wrong.desc,
-          timeout: false
-        });
+      modifyFeedbackData(true, {
+        result: false,
+        text: list[currentSlide].info.solution.wrong.desc,
+        timeout: false
       });
     } // 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,
-          result: false,
-          text: specificFeedback.desc,
-          timeout: false
-        });
+      modifyFeedbackData(true, {
+        result: false,
+        text: specificFeedback.desc,
+        timeout: false
       });
     } // si no tiene feedback general ni specificFeedbacks definido
     else if (list[currentSlide].specificFeedbacks.specificWrongFeedbacks) {
       // si tiene puntos definidos por feedbacks negativos
       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,
-          result: false,
-          timeout: true
-        });
+      modifyFeedbackData(true, {
+        result: false,
+        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,
-          result: false,
-          timeout: true
-        });
+      modifyFeedbackData(true, {
+        result: false,
+        timeout: true
       });
     }
-  }, [emitEvent, playSound, list, currentSlide]);
+  }, [playSound, emitEvent, list, currentSlide, modifyFeedbackData]);
   var onClickMark = (0, _react.useCallback)(function (e, id) {
     var _list$currentSlide, _list$currentSlide$sp, _list$currentSlide2, _list$currentSlide2$s;
 
@@ -331,17 +310,10 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         setOrderCounter(0);
         setCorrectTextFragmentsAccumulated(0);
         correctTextFragmentsPartial.current = 0;
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: true
-        });
-        setFeedbackData(function (prevState) {
-          return _objectSpread(_objectSpread({}, prevState), {}, {
-            show: true,
-            result: false,
-            text: list[currentSlide].info.orderFeedback.desc || translate('puzzles.incorrectOrder'),
-            timeout: false
-          });
+        modifyFeedbackData(true, {
+          result: false,
+          text: list[currentSlide].info.orderFeedback.desc || translate('puzzles.incorrectOrder'),
+          timeout: false
         });
       } else {
         // si has click en mala repuesta
@@ -355,7 +327,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       // si la opción clickada es incorrecta
       handleIncorrectClick(currentTextDom, specificWrongFeedback);
     }
-  }, [list, currentSlide, orderCounter, handleCorrectClick, emitEvent, translate, handleIncorrectClick, playSound]);
+  }, [list, currentSlide, playSound, orderCounter, handleCorrectClick, modifyFeedbackData, translate, handleIncorrectClick]);
   var recursiveStuff = (0, _react.useCallback)(function (jsx) {
     return (0, _utils.getRecursiveJSX)(jsx, 0, list[currentSlide], onClickMark);
   }, [currentSlide, list, onClickMark]);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "main": "dist/index.js",
   "files": [
     "dist",