@gamelearn/arcade-components 1.4.3 → 1.4.5

package/dist/components/test-component/components/Results.js

@@ -94,7 +94,7 @@ var ResultsComponent = function ResultsComponent(_ref) {
     className: "after"
   })) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: "test--results__title"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate(timeOver ? timeOverText : 'tests.finished'))), time ? /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, timeOver ? timeOverText : translate('tests.finished'))), time ? /*#__PURE__*/_react.default.createElement("div", {
     className: "test--results__time",
     id: "results-time"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time))) : null, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -3,11 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = exports.default = void 0;
+exports.mockProps2 = exports.default = void 0;
 
 var _mocker = require("helpers/mocker");
 
-/* eslint-disable max-len */
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
@@ -93,6 +98,14 @@ var mockProps = {
     }]
   }
 };
-exports.mockProps = mockProps;
+
+var mockProps2 = _objectSpread(_objectSpread({}, mockProps), {}, {
+  countdown: {
+    time: 5,
+    text: 'se te acabao el tiempo'
+  }
+});
+
+exports.mockProps2 = mockProps2;
 var _default = mockProps;
 exports.default = _default;

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

@@ -291,7 +291,8 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     var _list$currentSlide, _list$currentSlide$sp, _list$currentSlide2, _list$currentSlide2$s;
 
     e.stopPropagation();
-    var allDataTextIds = document.querySelectorAll("[data-text-id=\"".concat(id, "\"]"));
+    var currentTextDom = document.querySelectorAll("[data-text-id=\"".concat(id, "\"]"));
+    var allDataTextIds = document.querySelectorAll("[data-text-id]");
     var feedbackCorrect = list[currentSlide].correctTexts.find(function (element) {
       return element.id === id;
     });
@@ -311,17 +312,24 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
       if (list[currentSlide].correctTexts[orderCounter].id === id) {
         setOrderCounter(orderCounter + 1); // hacer verde 🎉
 
-        handleCorrectClick(allDataTextIds, specificCorrectFeedback);
+        handleCorrectClick(currentTextDom, specificCorrectFeedback);
       } else if (list[currentSlide].correctTexts.find(function (c) {
         return c.id === id;
       }) && list[currentSlide].correctTexts[orderCounter].id !== id) {
         // si has dado buena fuera de orden
+        allDataTextIds.forEach(function (el) {
+          return el.classList.remove('text-click__success');
+        });
+        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
@@ -329,15 +337,15 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         });
       } else {
         // si has click en mala repuesta
-        handleIncorrectClick(allDataTextIds, specificWrongFeedback);
+        handleIncorrectClick(currentTextDom, specificWrongFeedback);
       }
     } else if ((feedbackCorrect === null || feedbackCorrect === void 0 ? void 0 : feedbackCorrect.id) === id) {
       // si no va en orden
       // si la opción clickada es correcta
-      handleCorrectClick(allDataTextIds, specificCorrectFeedback);
+      handleCorrectClick(currentTextDom, specificCorrectFeedback);
     } else if ((feedbackIncorrect === null || feedbackIncorrect === void 0 ? void 0 : feedbackIncorrect.id) === id || id === 'allWrong') {
       // si la opción clickada es incorrecta
-      handleIncorrectClick(allDataTextIds, specificWrongFeedback);
+      handleIncorrectClick(currentTextDom, specificWrongFeedback);
     }
   }, [list, currentSlide, orderCounter, handleCorrectClick, emitEvent, translate, handleIncorrectClick, playSound]);
   var recursiveStuff = (0, _react.useCallback)(function (jsx) {

package/package.json

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