@gamelearn/arcade-components 1.0.3 → 1.0.5

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

@@ -49,7 +49,9 @@ var MAX_POOL_LETTERS = 26;
 var MAX_EXTRA_LETTERS = 8;
 
 var AnswerPanel = function AnswerPanel(_ref) {
-  var answer = _ref.answer;
+  var answer = _ref.answer,
+      _ref$show = _ref.show,
+      show = _ref$show === void 0 ? false : _ref$show;
   var words = [];
   var wordIndex = 0;
   answer.forEach(function (a) {
@@ -68,7 +70,12 @@ var AnswerPanel = function AnswerPanel(_ref) {
       key: "".concat(word + index),
       className: "puzzle--hanged__word",
       "data-testid": "result-".concat(index)
-    }, word.filter(function (_ref2) {
+    }, show ? word.map(function (char, i) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        key: "".concat(char + i),
+        className: "puzzle--hanged__letter active"
+      }, char);
+    }) : word.filter(function (_ref2) {
       var char = _ref2.char;
       return char !== ' ';
     }).map(function (_ref3, i) {
@@ -133,6 +140,11 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       accRewards = _useState12[0],
       setRewards = _useState12[1];
 
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      showCorrectSolution = _useState14[0],
+      setCorrectSolution = _useState14[1];
+
   var translatedAnswer = answer.toUpperCase().split('');
   var answerPanel = translatedAnswer.filter(function (char) {
     return (0, _utils.restrictCharacters)(char, 'and');
@@ -388,12 +400,15 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     }
 
     setResolveAction(function () {
-      var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: false
-      });
-      setShowPoints(rewardsData);
+      setCorrectSolution(true);
+      setTimeout(function () {
+        var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(rewardsData);
+      }, 2000);
     });
   }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -416,7 +431,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
   }, question), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged__solution ".concat(resolvedClass),
     "data-testid": "".concat(resolvedClass)
-  }, /*#__PURE__*/_react.default.createElement(AnswerPanel, {
+  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {
+    answer: answer.split(''),
+    show: true
+  }) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
     answer: resolvedAnswer
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged__keyboard"

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -177,13 +177,14 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       setPassClass('success');
       setFeedbackResult(true);
       setFeedBackText(info.solution.right.desc);
+      setInputPassword(password);
       setFinished(true);
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
       setTimeout(function () {
         closeFeedbackAndShowPoints(rewardsData);
       }, 2000);
     });
-  }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints]);
+  }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints, password]);
 
   var handleNumbClick = function handleNumbClick(row, col) {
     var char = keyboard[row][col];

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

@@ -154,11 +154,10 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    var timeout;
     setResolveAction(function () {
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
       setCorrectSolution(true);
-      timeout = setTimeout(function () {
+      setTimeout(function () {
         emitEvent({
           type: 'hidePuzzleButtons',
           payload: false
@@ -166,7 +165,6 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
         setShowPoints(rewardsData);
       }, 2000);
     });
-    if (timeout) clearTimeout(timeout);
   }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--layer",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "files": [
     "dist",