@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
- }, show ? word.map(function (char, i) {
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
- setCorrectSolution(true);
404
- setTimeout(function () {
405
- var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
406
- emitEvent({
407
- type: 'hidePuzzleButtons',
408
- payload: false
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
- }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {
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, password]);
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",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "license": "Gamelearn",
4
- "version": "1.0.5",
4
+ "version": "1.1.3",
5
5
  "main": "dist/index.js",
6
6
  "files": [
7
7
  "dist",