@gamelearn/arcade-components 1.30.2 → 1.30.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.
package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js
CHANGED
|
@@ -60,6 +60,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
|
|
|
60
60
|
selected = _ref.selected;
|
|
61
61
|
var accRewards = (0, _react.useRef)([]);
|
|
62
62
|
var correctClicked = (0, _react.useRef)(0);
|
|
63
|
+
var currentSelected = (0, _react.useRef)(0);
|
|
63
64
|
|
|
64
65
|
var _useState = (0, _react.useState)(0),
|
|
65
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -105,6 +106,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
|
|
|
105
106
|
info.description = description;
|
|
106
107
|
(0, _react.useEffect)(function () {
|
|
107
108
|
correctClicked.current = 0;
|
|
109
|
+
currentSelected.current = 0;
|
|
108
110
|
}, [index]);
|
|
109
111
|
var onComplete = (0, _react.useCallback)(function (rw) {
|
|
110
112
|
var correct = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
@@ -116,7 +118,14 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
|
|
|
116
118
|
if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !currentImageProps.hasClickOnce && !finish) {
|
|
117
119
|
correctClicked.current += 1;
|
|
118
120
|
} else {
|
|
121
|
+
var total = selected;
|
|
122
|
+
|
|
123
|
+
if (currentSelected.current) {
|
|
124
|
+
total -= currentSelected.current;
|
|
125
|
+
}
|
|
126
|
+
|
|
119
127
|
correctClicked.current = currentImageProps.areas.length;
|
|
128
|
+
setSelected(total + correctClicked.current);
|
|
120
129
|
}
|
|
121
130
|
|
|
122
131
|
if (correctClicked.current === currentImageProps.areas.length) {
|
|
@@ -172,6 +181,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
|
|
|
172
181
|
}, [onComplete, puzzleId, currentPuzzleStatus]);
|
|
173
182
|
var checkSelectedAreas = (0, _react.useCallback)(function () {
|
|
174
183
|
var areasSelected = currentImageProps.hasClickOnce ? currentImageProps.areas.length : 1;
|
|
184
|
+
currentSelected.current += areasSelected;
|
|
175
185
|
setSelected(selected + areasSelected);
|
|
176
186
|
}, [currentImageProps.areas.length, currentImageProps.hasClickOnce, selected, setSelected]);
|
|
177
187
|
return /*#__PURE__*/_react.default.createElement(_imageClickWrapperComponent.default, _extends({
|