@gamelearn/arcade-components 1.0.3 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -90,18 +90,13 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
90
90
  errorMessage = _useState14[0],
91
91
  setErrorMessage = _useState14[1];
92
92
 
93
- var _useState15 = (0, _react.useState)(false),
94
- _useState16 = _slicedToArray(_useState15, 2),
95
- showCorrectSolution = _useState16[0],
96
- setCorrectSolution = _useState16[1];
97
-
98
93
  var _soundActions = _slicedToArray(soundActions, 1),
99
94
  playSound = _soundActions[0];
100
95
 
101
- var _useState17 = (0, _react.useState)([]),
102
- _useState18 = _slicedToArray(_useState17, 2),
103
- accRewards = _useState18[0],
104
- setRewards = _useState18[1];
96
+ var _useState15 = (0, _react.useState)([]),
97
+ _useState16 = _slicedToArray(_useState15, 2),
98
+ accRewards = _useState16[0],
99
+ setRewards = _useState16[1];
105
100
 
106
101
  var imgURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || imagenPorDefecto;
107
102
 
@@ -154,19 +149,14 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
154
149
  };
155
150
 
156
151
  (0, _react.useEffect)(function () {
157
- var timeout;
158
152
  setResolveAction(function () {
159
153
  var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
160
- setCorrectSolution(true);
161
- timeout = setTimeout(function () {
162
- emitEvent({
163
- type: 'hidePuzzleButtons',
164
- payload: false
165
- });
166
- setShowPoints(rewardsData);
167
- }, 2000);
154
+ emitEvent({
155
+ type: 'hidePuzzleButtons',
156
+ payload: false
157
+ });
158
+ setShowPoints(rewardsData);
168
159
  });
169
- if (timeout) clearTimeout(timeout);
170
160
  }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
171
161
  return /*#__PURE__*/_react.default.createElement("div", {
172
162
  className: "puzzle--layer",
@@ -183,14 +173,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
183
173
  className: "puzzle--login__label"
184
174
  }, translate('puzzle.user')), /*#__PURE__*/_react.default.createElement("div", {
185
175
  className: "puzzle--login__group"
186
- }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
187
- disabled: finished,
188
- "data-testid": "username",
189
- className: "puzzle--login__input ".concat(successClass),
190
- type: "text",
191
- placeholder: user,
192
- value: user
193
- }) : /*#__PURE__*/_react.default.createElement("input", {
176
+ }, /*#__PURE__*/_react.default.createElement("input", {
194
177
  disabled: finished,
195
178
  "data-testid": "username",
196
179
  className: "puzzle--login__input ".concat(successClass),
@@ -205,16 +188,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
205
188
  className: "icon-circle-check"
206
189
  }, " "))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
207
190
  className: "puzzle--login__label"
208
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'), " ", password)), /*#__PURE__*/_react.default.createElement("div", {
191
+ }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
209
192
  className: "puzzle--login__group"
210
- }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
211
- disabled: finished,
212
- "data-testid": "password",
213
- className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
214
- type: "text",
215
- placeholder: password,
216
- value: password
217
- }) : /*#__PURE__*/_react.default.createElement("input", {
193
+ }, /*#__PURE__*/_react.default.createElement("input", {
218
194
  disabled: finished,
219
195
  "data-testid": "password",
220
196
  className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
@@ -232,9 +208,9 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
232
208
  setSuccessClass('');
233
209
  setErrorMessage(false);
234
210
  }
235
- }), !showCorrectSolution ? /*#__PURE__*/_react.default.createElement("div", {
211
+ }), /*#__PURE__*/_react.default.createElement("div", {
236
212
  className: "login-fakepassword".concat(inputPasswordFocus ? ' login-fakepassword--focus' : '').concat(fakeHashes.length ? ' login-fakepassword--fill' : '', " ").concat(successClass || '')
237
- }, inputPassword ? fakeHashes : translate('puzzle.password')) : null, /*#__PURE__*/_react.default.createElement("span", {
213
+ }, inputPassword ? fakeHashes : translate('puzzle.password')), /*#__PURE__*/_react.default.createElement("span", {
238
214
  className: "icon-circle-check"
239
215
  }, " ")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
240
216
  type: "button",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "license": "Gamelearn",
4
- "version": "1.0.3",
4
+ "version": "1.1.0",
5
5
  "main": "dist/index.js",
6
6
  "files": [
7
7
  "dist",