@gamelearn/arcade-components 1.26.1 → 1.26.3

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/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -185,7 +185,7 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
     });
   };
 
-  var fixedDelay = 2;
+  var fixedDelay = 12;
 
   var checkAllDecisionsRightWrong = function checkAllDecisionsRightWrong() {
     if (decisionsList) {
@@ -382,7 +382,13 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
   };
 
   var onIsWriting = function onIsWriting() {
-    automaticScroll.current.scrollTop += automaticScroll.current.scrollTop + 1;
+    if (automaticScroll.current.querySelector('.Typist').offsetHeight > automaticScroll.current.offsetHeight) {
+      var scrollToAdd = automaticScroll.current.querySelector('.Typist').offsetHeight - automaticScroll.current.offsetHeight;
+      automaticScroll.current.scrollTo({
+        top: scrollToAdd,
+        behavior: 'smooth'
+      });
+    }
   };
 
   var handleFixed = function handleFixed(text, length, index) {
@@ -480,6 +486,10 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
     dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-puzzle__scroll",
+    style: {
+      overflowX: 'hidden',
+      padding: '0 0 20px 0'
+    },
     ref: automaticScroll
   }, isActive && !reviewDone && Object.values(textHolder).map(function (text, i) {
     return handleText(text, Object.values(textHolder).length - 1, i);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mock8 = exports.mock7 = exports.mock6 = exports.mock5 = exports.mock4 = exports.mock3 = exports.mock2 = exports.mock = exports.messages = void 0;
+exports.mock9 = exports.mock8 = exports.mock7 = exports.mock6 = exports.mock5 = exports.mock4 = exports.mock3 = exports.mock2 = exports.mock = exports.messages = void 0;
 
 var _mocker = require("helpers/mocker");
 
@@ -32,6 +32,8 @@ var messages = {
   fullText11: '<p>sdfsdfsdf</p>',
   fullText12: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
   fullText13: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
+  fullTextXXL: // eslint-disable-next-line max-len
+  '<p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.<br><br>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p>',
   previewText1: 'Preview Text 1',
   previewText2: 'este pinta bien ;)',
   previewText3: 'correcto este',
@@ -1029,4 +1031,57 @@ var mock8 = {
   skip: false,
   documentTitle: messages.documentTitle5
 };
-exports.mock8 = mock8;
+exports.mock8 = mock8;
+var mock9 = {
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  texts: [{
+    type: 'fixed',
+    fullText: messages.fullTextXXL
+  }],
+  info: {
+    solution: {
+      right: {
+        desc: 'Great!!',
+        rewards: [],
+        desc_labelId: 'desc_bEo7Tp88'
+      },
+      wrong: {
+        desc: 'Boooo',
+        rewards: [],
+        desc_labelId: 'desc_bEo7TrDd'
+      }
+    },
+    hint: {
+      active: true,
+      desc: 'Just choose',
+      rewards: [{
+        id: 'k7d3gq9i',
+        name: 'asdasd',
+        rewards: -10,
+        type: 'score'
+      }],
+      desc_labelId: 'desc_bEo7TTUl'
+    },
+    resolve: {
+      rewards: [{
+        id: 'k7d3gq9i',
+        name: 'asdasd',
+        rewards: 100,
+        type: 'score'
+      }]
+    },
+    title: 'Writter Title',
+    instructions: 'Instructions for doing this Puzzle',
+    description: 'This is a puzzle about writting',
+    title_labelId: 'title_bEo7SRDk',
+    instructions_labelId: 'instructions_bEo7TDEq'
+  },
+  styles: 'whatsapp-dark',
+  type: 'view',
+  visible: true,
+  retry: false,
+  skip: false,
+  documentTitle: messages.documentTitle5
+};
+exports.mock9 = mock9;

package/package.json

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