@gamelearn/arcade-components 1.26.1-hotfix-3-hanged → 1.26.2

package/dist/components/dialog-component/components/DialogComponent.js

@@ -392,13 +392,13 @@ var DialogComponent = function DialogComponent(_ref) {
     target.applyQuaternion(camera.quaternion);
     var distance = camera.position.distanceTo(target.position);
     var staticDisplay = distance > 70 && !zoomInActor && !showArrowTop;
-    target.translateY(staticDisplay || showArrowTop ? -1 : 0); // Detectar posicion de personaje a izq o derecha de pantalla
+    target.translateY(staticDisplay || showArrowTop ? 0 : 2); // Detectar posicion de personaje a izq o derecha de pantalla
 
     var vector = new _three.Vector3();
     vector.setFromMatrixPosition(head.matrixWorld);
     var p = vector.project(defaultCamera);
+    target.translateX(headSize);
     var isLeft = p.x < 0;
-    target.translateX(-1);
     messagePosition.current = {
       pos: target.position.toArray(),
       child: head,
@@ -570,7 +570,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }, [currentMessage, nextLine, start, stop, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, autoPlayCond, audio, voice, audioFailed]); // Positioning Bubble Message logic
 
   var checkBubbleBounds = (0, _react.useCallback)(function (group, bubble) {
-    if (currentLine !== null && currentLine !== void 0 && currentLine.slots && currentMessage.show && bubble !== null && bubble !== void 0 && bubble.current) {
+    if (currentLine !== null && currentLine !== void 0 && currentLine.slots && currentMessage.show) {
       var talkingCharacter = currentLine === null || currentLine === void 0 ? void 0 : currentLine.slots.find(function (slot) {
         return slot.talking;
       });
@@ -633,7 +633,7 @@ var DialogComponent = function DialogComponent(_ref) {
 
         messagePosition.current.pos[0] -= headSpace;
         animationTarget.current.translateX(-10 + headSpace);
-        animationTarget.current.translateY(0);
+        animationTarget.current.translateY(-5);
         animationTarget.current.translateZ(30);
       }
 

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

@@ -52,8 +52,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
   var answer = _ref.answer,
       flickerPosition = _ref.flickerPosition,
       _ref$show = _ref.show,
-      show = _ref$show === void 0 ? false : _ref$show,
-      showCorrectSolution = _ref.showCorrectSolution;
+      show = _ref$show === void 0 ? false : _ref$show;
   var words = [];
   var wordIndex = 0;
   answer.forEach(function (a) {
@@ -67,9 +66,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
       wordIndex += 1;
     }
 
-    if (!showCorrectSolution) {
-      a.positionInitial = a.index;
-    }
+    a.positionInitial = a.index;
   });
   return words.map(function (word, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -506,12 +503,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     dir: "auto",
     className: "puzzle--hanged__solution ".concat(resolvedClass),
     "data-testid": "".concat(resolvedClass)
-  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnswerPanel, {
-    showCorrectSolution: showCorrectSolution,
+  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {
     answer: answer.split(''),
     show: true
-  })) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
-    showCorrectSolution: showCorrectSolution,
+  }) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
     flickerPosition: flickerPosition,
     answer: resolvedAnswer
   })), /*#__PURE__*/_react.default.createElement("div", {

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/video-visor/components/VideoVisor.js

@@ -274,7 +274,9 @@ var VideoVisor = function VideoVisor(_ref) {
     onEnded: onEnded,
     onError: onError,
     onPlaying: onPlaying
-  }, videoProps)), loading ? /*#__PURE__*/_react.default.createElement("div", {
+  }, videoProps), /*#__PURE__*/_react.default.createElement("track", {
+    kind: "captions"
+  })), loading ? /*#__PURE__*/_react.default.createElement("div", {
     className: "video-loading-container",
     style: {
       top: 0,

package/dist/helpers/index.js

@@ -158,7 +158,6 @@ var setWeight = function setWeight(action, weight) {
 
 var executeCrossFade = function executeCrossFade(startAction, endAction, duration) {
   if (startAction === endAction) return;
-  if (!startAction || !endAction) return;
   startAction.play();
   startAction.reset();
   endAction.reset();

package/package.json

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