@gamelearn/arcade-components 1.0.5 → 1.1.3
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.
|
@@ -49,9 +49,7 @@ var MAX_POOL_LETTERS = 26;
|
|
|
49
49
|
var MAX_EXTRA_LETTERS = 8;
|
|
50
50
|
|
|
51
51
|
var AnswerPanel = function AnswerPanel(_ref) {
|
|
52
|
-
var answer = _ref.answer
|
|
53
|
-
_ref$show = _ref.show,
|
|
54
|
-
show = _ref$show === void 0 ? false : _ref$show;
|
|
52
|
+
var answer = _ref.answer;
|
|
55
53
|
var words = [];
|
|
56
54
|
var wordIndex = 0;
|
|
57
55
|
answer.forEach(function (a) {
|
|
@@ -70,12 +68,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
|
|
|
70
68
|
key: "".concat(word + index),
|
|
71
69
|
className: "puzzle--hanged__word",
|
|
72
70
|
"data-testid": "result-".concat(index)
|
|
73
|
-
},
|
|
74
|
-
return /*#__PURE__*/_react.default.createElement("span", {
|
|
75
|
-
key: "".concat(char + i),
|
|
76
|
-
className: "puzzle--hanged__letter active"
|
|
77
|
-
}, char);
|
|
78
|
-
}) : word.filter(function (_ref2) {
|
|
71
|
+
}, word.filter(function (_ref2) {
|
|
79
72
|
var char = _ref2.char;
|
|
80
73
|
return char !== ' ';
|
|
81
74
|
}).map(function (_ref3, i) {
|
|
@@ -140,11 +133,6 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
|
|
|
140
133
|
accRewards = _useState12[0],
|
|
141
134
|
setRewards = _useState12[1];
|
|
142
135
|
|
|
143
|
-
var _useState13 = (0, _react.useState)(false),
|
|
144
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
145
|
-
showCorrectSolution = _useState14[0],
|
|
146
|
-
setCorrectSolution = _useState14[1];
|
|
147
|
-
|
|
148
136
|
var translatedAnswer = answer.toUpperCase().split('');
|
|
149
137
|
var answerPanel = translatedAnswer.filter(function (char) {
|
|
150
138
|
return (0, _utils.restrictCharacters)(char, 'and');
|
|
@@ -400,15 +388,12 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
|
|
|
400
388
|
}
|
|
401
389
|
|
|
402
390
|
setResolveAction(function () {
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
});
|
|
410
|
-
setShowPoints(rewardsData);
|
|
411
|
-
}, 2000);
|
|
391
|
+
var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
|
|
392
|
+
emitEvent({
|
|
393
|
+
type: 'hidePuzzleButtons',
|
|
394
|
+
payload: false
|
|
395
|
+
});
|
|
396
|
+
setShowPoints(rewardsData);
|
|
412
397
|
});
|
|
413
398
|
}, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
|
|
414
399
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -431,10 +416,7 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
|
|
|
431
416
|
}, question), /*#__PURE__*/_react.default.createElement("div", {
|
|
432
417
|
className: "puzzle--hanged__solution ".concat(resolvedClass),
|
|
433
418
|
"data-testid": "".concat(resolvedClass)
|
|
434
|
-
},
|
|
435
|
-
answer: answer.split(''),
|
|
436
|
-
show: true
|
|
437
|
-
}) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
|
|
419
|
+
}, /*#__PURE__*/_react.default.createElement(AnswerPanel, {
|
|
438
420
|
answer: resolvedAnswer
|
|
439
421
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
440
422
|
className: "puzzle--hanged__keyboard"
|
|
@@ -177,14 +177,13 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
|
|
|
177
177
|
setPassClass('success');
|
|
178
178
|
setFeedbackResult(true);
|
|
179
179
|
setFeedBackText(info.solution.right.desc);
|
|
180
|
-
setInputPassword(password);
|
|
181
180
|
setFinished(true);
|
|
182
181
|
var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
|
|
183
182
|
setTimeout(function () {
|
|
184
183
|
closeFeedbackAndShowPoints(rewardsData);
|
|
185
184
|
}, 2000);
|
|
186
185
|
});
|
|
187
|
-
}, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints
|
|
186
|
+
}, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints]);
|
|
188
187
|
|
|
189
188
|
var handleNumbClick = function handleNumbClick(row, col) {
|
|
190
189
|
var char = keyboard[row][col];
|
|
@@ -154,10 +154,11 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
|
|
|
154
154
|
};
|
|
155
155
|
|
|
156
156
|
(0, _react.useEffect)(function () {
|
|
157
|
+
var timeout;
|
|
157
158
|
setResolveAction(function () {
|
|
158
159
|
var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
|
|
159
160
|
setCorrectSolution(true);
|
|
160
|
-
setTimeout(function () {
|
|
161
|
+
timeout = setTimeout(function () {
|
|
161
162
|
emitEvent({
|
|
162
163
|
type: 'hidePuzzleButtons',
|
|
163
164
|
payload: false
|
|
@@ -165,6 +166,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
|
|
|
165
166
|
setShowPoints(rewardsData);
|
|
166
167
|
}, 2000);
|
|
167
168
|
});
|
|
169
|
+
if (timeout) clearTimeout(timeout);
|
|
168
170
|
}, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
|
|
169
171
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
170
172
|
className: "puzzle--layer",
|