@gamelearn/arcade-components 0.22.9 → 0.22.10

package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js

@@ -112,7 +112,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     if (correct) {
       var _specificFeedbacks$co;
 
-      if ((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length) {
+      if ((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !currentImageProps.hasClickOnce) {
         correctClicked.current += 1;
         setSelected(selected + 1);
       } else {
@@ -141,7 +141,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
         correctClicked.current = 0;
       }
     }
-  }, [index, list.length, currentImageProps.hasClickOrder, currentImageProps.areas.length, handleFinish, specificFeedbacks, setSelected, selected, emitEvent]);
+  }, [index, list.length, currentImageProps.hasClickOrder, currentImageProps.hasClickOnce, currentImageProps.areas.length, handleFinish, specificFeedbacks, setSelected, selected, emitEvent]);
 
   var onResolve = function onResolve() {
     playSound('score');

package/dist/components/frame-click-puzzle-component/components/CurrentFramePuzzle.js

@@ -86,7 +86,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
     if (correct) {
       var _specificFeedbacks$co;
 
-      if ((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length) {
+      if ((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !props.hasClickOnce) {
         correctClicked.current += 1;
         setSelected(selected + 1);
       } else {
@@ -117,7 +117,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
         correctClicked.current = 0;
       }
     }
-  }, [emitEvent, specificFeedbacks, framesCompleted, props.hasClickOrder, props.areas.length, list.length, selected, setSelected, setRewards, index, setFramesCompleted, setIndex, handleFinish]);
+  }, [emitEvent, specificFeedbacks, framesCompleted, props.hasClickOrder, props.hasClickOnce, props.areas.length, list.length, selected, setSelected, setRewards, index, setFramesCompleted, setIndex, handleFinish]);
   var handleResolve = (0, _react.useCallback)(function () {
     playSound('score');
     emitEvent({

package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js

@@ -128,16 +128,16 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       shape: 'poly'
     }, area);
   });
-  var handleFinish = (0, _react.useCallback)(function (rewards) {
+  var handleFinish = (0, _react.useCallback)(function (rewards, success) {
     if (emitFinish) {
-      emitFinish(rewards, feedbackData.success);
+      emitFinish(rewards, success);
     } else {
       emitEvent({
         type: 'addPoints',
         payload: rewards
       });
     }
-  }, [emitEvent, emitFinish, feedbackData.success]);
+  }, [emitEvent, emitFinish]);
   (0, _react.useEffect)(function () {
     if (completed) {
       disableExit(true);
@@ -147,18 +147,24 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     setCompleted(defaultCompleted);
   }, [defaultCompleted]);
   (0, _react.useEffect)(function () {
-    if (areas.length === clickedZones.length && !completed || hasClickOnce && clickedZones.length > 0) {
+    if ((areas.length === clickedZones.length || hasClickOnce && clickedZones.length > 0) && !completed) {
       var _specificFeedbacks$co;
 
       setCompleted(true);
+      var lastClicked = clickedZones[clickedZones.length - 1];
+      var lastSpecific = specificFeedbacks.correctFeedbacks.find(function (feed) {
+        return feed.id === lastClicked.id;
+      });
 
-      if (!((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length)) {
+      if (!((_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length) || specificFeedbacks.correctFeedbacks.some(function (feed) {
+        return !feed.desc;
+      }) || hasClickOnce) {
         setFeedbackData(function (oldState) {
           return _objectSpread(_objectSpread({}, oldState), {}, {
             show: true,
             success: true,
-            text: info.solution.right.desc,
-            rewards: info.solution.right.rewards
+            text: lastSpecific ? lastSpecific.desc : info.solution.right.desc,
+            rewards: lastSpecific ? lastSpecific.rewards : info.solution.right.rewards
           });
         });
       }
@@ -188,10 +194,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
           desc = _solution$wrong.desc;
       var feedback = desc;
       var rewards = wrongRewards;
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: true
-      });
       var specific = (_specificFeedbacks$wr = specificFeedbacks.wrongFeedbacks) === null || _specificFeedbacks$wr === void 0 ? void 0 : _specificFeedbacks$wr.find(function (feed) {
         return feed.id === area.id;
       });
@@ -206,7 +208,14 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       }
 
       if (hasClickOrder) {
+        var _info$orderFeedback;
+
         setClickedZones([]);
+
+        if (info !== null && info !== void 0 && (_info$orderFeedback = info.orderFeedback) !== null && _info$orderFeedback !== void 0 && _info$orderFeedback.desc) {
+          feedback = info.orderFeedback.desc;
+          rewards = info.orderFeedback.rewards;
+        }
       }
 
       setFeedbackData(function (oldState) {
@@ -221,8 +230,8 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     }
   };
 
-  var handleOnClose = function handleOnClose() {
-    handleFinish(feedbackData.rewards);
+  var handleOnClose = (0, _react.useCallback)(function () {
+    handleFinish(feedbackData.rewards, feedbackData.success);
     playSound('click-ui');
     setFeedbackData(function (oldState) {
       return _objectSpread(_objectSpread({}, oldState), {}, {
@@ -232,7 +241,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         rewards: []
       });
     });
-  };
+  }, [feedbackData.rewards, feedbackData.success, handleFinish, playSound]);
 
   var handleCorrectAreaClick = function handleCorrectAreaClick(area) {
     if (!clickedZones.some(function (zone) {
@@ -241,6 +250,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       playSound('click-ui');
       var feedback = solution.right.desc;
       var rewards = solution.right.rewards;
+      var updatedZones = [].concat(_toConsumableArray(clickedZones), [area]);
 
       if (hasClickOrder && area.index === clickedZones.length || !hasClickOrder) {
         var _specificFeedbacks$co2;
@@ -257,17 +267,21 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
             rewards = specific.rewards;
           }
 
-          setFeedbackData(function (oldState) {
-            return _objectSpread(_objectSpread({}, oldState), {}, {
-              show: true,
-              success: true,
-              text: feedback,
-              rewards: rewards
+          if (!feedback && areas.length > updatedZones.length && !hasClickOnce) {
+            handleFinish(rewards, true);
+          } else if (feedback && !hasClickOnce) {
+            setFeedbackData(function (oldState) {
+              return _objectSpread(_objectSpread({}, oldState), {}, {
+                show: true,
+                success: true,
+                text: feedback,
+                rewards: rewards
+              });
             });
-          });
+          }
         }
 
-        setClickedZones([].concat(_toConsumableArray(clickedZones), [area]));
+        setClickedZones(updatedZones);
       } else {
         handleIncorrectAreaClick(area);
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.22.9",
+  "version": "0.22.10",
   "main": "dist/index.js",
   "files": [
     "dist",