@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
|
|
102
|
-
|
|
103
|
-
accRewards =
|
|
104
|
-
setRewards =
|
|
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
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
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
|
-
},
|
|
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')
|
|
191
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
209
192
|
className: "puzzle--login__group"
|
|
210
|
-
},
|
|
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
|
-
}),
|
|
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'))
|
|
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",
|