@gamelearn/arcade-components 1.0.5 → 1.1.0

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

@@ -49,9 +49,7 @@ var MAX_POOL_LETTERS = 26;
 var MAX_EXTRA_LETTERS = 8;
 
 var AnswerPanel = function AnswerPanel(_ref) {
-  var answer = _ref.answer,
-      _ref$show = _ref.show,
-      show = _ref$show === void 0 ? false : _ref$show;
+  var answer = _ref.answer;
   var words = [];
   var wordIndex = 0;
   answer.forEach(function (a) {
@@ -70,12 +68,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
       key: "".concat(word + index),
       className: "puzzle--hanged__word",
       "data-testid": "result-".concat(index)
-    }, 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) {
+    }, word.filter(function (_ref2) {
       var char = _ref2.char;
       return char !== ' ';
     }).map(function (_ref3, i) {
@@ -140,11 +133,6 @@ 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');
@@ -400,15 +388,12 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     }
 
     setResolveAction(function () {
-      setCorrectSolution(true);
-      setTimeout(function () {
-        var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-        setShowPoints(rewardsData);
-      }, 2000);
+      var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      setShowPoints(rewardsData);
     });
   }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -431,10 +416,7 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
   }, question), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged__solution ".concat(resolvedClass),
     "data-testid": "".concat(resolvedClass)
-  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {
-    answer: answer.split(''),
-    show: true
-  }) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
+  }, /*#__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,14 +177,13 @@ 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, password]);
+  }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints]);
 
   var handleNumbClick = function handleNumbClick(row, col) {
     var char = keyboard[row][col];

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

@@ -90,18 +90,13 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       errorMessage = _useState14[0],
       setErrorMessage = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      showCorrectSolution = _useState16[0],
-      setCorrectSolution = _useState16[1];
-
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
-  var _useState17 = (0, _react.useState)([]),
-      _useState18 = _slicedToArray(_useState17, 2),
-      accRewards = _useState18[0],
-      setRewards = _useState18[1];
+  var _useState15 = (0, _react.useState)([]),
+      _useState16 = _slicedToArray(_useState15, 2),
+      accRewards = _useState16[0],
+      setRewards = _useState16[1];
 
   var imgURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || imagenPorDefecto;
 
@@ -156,14 +151,11 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   (0, _react.useEffect)(function () {
     setResolveAction(function () {
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
-      setCorrectSolution(true);
-      setTimeout(function () {
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-        setShowPoints(rewardsData);
-      }, 2000);
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      setShowPoints(rewardsData);
     });
   }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -181,14 +173,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "puzzle--login__label"
   }, translate('puzzle.user')), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
-  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
-    disabled: finished,
-    "data-testid": "username",
-    className: "puzzle--login__input ".concat(successClass),
-    type: "text",
-    placeholder: user,
-    value: user
-  }) : /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     disabled: finished,
     "data-testid": "username",
     className: "puzzle--login__input ".concat(successClass),
@@ -203,16 +188,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "icon-circle-check"
   }, " "))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__label"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'), " ", password)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
-  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
-    disabled: finished,
-    "data-testid": "password",
-    className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
-    type: "text",
-    placeholder: password,
-    value: password
-  }) : /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     disabled: finished,
     "data-testid": "password",
     className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
@@ -230,9 +208,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       setSuccessClass('');
       setErrorMessage(false);
     }
-  }), !showCorrectSolution ? /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "login-fakepassword".concat(inputPasswordFocus ? ' login-fakepassword--focus' : '').concat(fakeHashes.length ? ' login-fakepassword--fill' : '', " ").concat(successClass || '')
-  }, inputPassword ? fakeHashes : translate('puzzle.password')) : null, /*#__PURE__*/_react.default.createElement("span", {
+  }, inputPassword ? fakeHashes : translate('puzzle.password')), /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-circle-check"
   }, " ")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",

package/package.json

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