@gamelearn/arcade-components 1.1.0 → 1.1.3

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

@@ -90,13 +90,18 @@ 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 _useState15 = (0, _react.useState)([]),
-      _useState16 = _slicedToArray(_useState15, 2),
-      accRewards = _useState16[0],
-      setRewards = _useState16[1];
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      accRewards = _useState18[0],
+      setRewards = _useState18[1];
 
   var imgURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || imagenPorDefecto;
 
@@ -149,14 +154,19 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   };
 
   (0, _react.useEffect)(function () {
+    var timeout;
     setResolveAction(function () {
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: false
-      });
-      setShowPoints(rewardsData);
+      setCorrectSolution(true);
+      timeout = setTimeout(function () {
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: false
+        });
+        setShowPoints(rewardsData);
+      }, 2000);
     });
+    if (timeout) clearTimeout(timeout);
   }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--layer",
@@ -173,7 +183,14 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "puzzle--login__label"
   }, translate('puzzle.user')), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, 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", {
     disabled: finished,
     "data-testid": "username",
     className: "puzzle--login__input ".concat(successClass),
@@ -188,9 +205,16 @@ 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'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'), " ", password)), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, 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", {
     disabled: finished,
     "data-testid": "password",
     className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
@@ -208,9 +232,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       setSuccessClass('');
       setErrorMessage(false);
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), !showCorrectSolution ? /*#__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')), /*#__PURE__*/_react.default.createElement("span", {
+  }, inputPassword ? fakeHashes : translate('puzzle.password')) : null, /*#__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.1.0",
+  "version": "1.1.3",
   "main": "dist/index.js",
   "files": [
     "dist",