@gamelearn/arcade-components 1.30.2 → 1.31.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.
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({
|
|
@@ -120,7 +120,6 @@ var Visor = function Visor(_ref) {
|
|
|
120
120
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
121
121
|
className: "puzzle--terminal__visor"
|
|
122
122
|
}, /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
|
|
123
|
-
shortText: true,
|
|
124
123
|
playSound: playSound,
|
|
125
124
|
success: fileId === solutionId,
|
|
126
125
|
text: fileId === solutionId ? info.solution.right.desc : info.solution.wrong.desc,
|
|
@@ -131,13 +130,13 @@ var Visor = function Visor(_ref) {
|
|
|
131
130
|
puzzleHeaderClass: "puzzle--terminal__visor--message"
|
|
132
131
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
133
132
|
className: "puzzle--terminal__visor--body"
|
|
134
|
-
}, /*#__PURE__*/_react.default.createElement(View, viewProps)), /*#__PURE__*/_react.default.createElement("div", {
|
|
133
|
+
}, /*#__PURE__*/_react.default.createElement(View, viewProps)), fileId === solutionId && showContinue ? /*#__PURE__*/_react.default.createElement("div", {
|
|
135
134
|
className: "puzzle--terminal__button"
|
|
136
|
-
},
|
|
135
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
137
136
|
className: "gat--btn gat--btn__primary green",
|
|
138
137
|
type: "button",
|
|
139
138
|
onClick: resolvePuzzle
|
|
140
|
-
}, translate('screens.continue')) : null))
|
|
139
|
+
}, translate('screens.continue'))) : null));
|
|
141
140
|
};
|
|
142
141
|
|
|
143
142
|
var _default = Visor;
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@gamelearn/arcade-components",
|
|
3
3
|
"author": "Gamelearn",
|
|
4
4
|
"license": "unlicense",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.31.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"url": "https://github.com/gamelearn/arcade-components"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@gamelearn/arcade-styles": "0.
|
|
16
|
+
"@gamelearn/arcade-styles": "0.15.1",
|
|
17
17
|
"@gamelearn/arcade-three-core": "1.14.5",
|
|
18
18
|
"@react-three/drei": "9.4.3",
|
|
19
19
|
"@react-three/fiber": "8.0.17",
|