@gamelearn/arcade-components 0.23.0 → 0.23.1

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

@@ -301,7 +301,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   }) : null, /*#__PURE__*/_react.default.createElement(_KonvaMapper.default, {
     completed: completed,
     imageUrl: imageUrl,
-    areas: areasList,
+    areas: hasClickOnce && clickedZones.length ? [clickedZones[0]] : areasList,
     badAreas: badAreasList,
     clickedZones: clickedZones,
     onClick: handleCorrectAreaClick,

package/dist/components/image-click-wrapper-component/mocks/mockForStory.js

@@ -8,7 +8,7 @@ exports.mockPropsOnce = exports.mockProps4 = exports.mockProps3 = exports.mockPr
 var emitEvent = function emitEvent(_ref) {
   var type = _ref.type,
       payload = _ref.payload;
-  console.log('Emit event called', type);
+  console.log('Emit event called', type, payload);
 
   if (type === 'translate') {
     return payload;
@@ -417,6 +417,28 @@ var mockPropsOnce = {
     closed: true
   }],
   badAreas: [],
+  specificFeedbacks: {
+    correctFeedbacks: [{
+      id: '1601910616179',
+      desc: 'specificFeedbacks 1 correcto',
+      rewards: [{
+        id: 'k2koxnkq',
+        name: 'Power',
+        points: 10,
+        type: 'score'
+      }]
+    }, {
+      id: '1601910626254',
+      desc: 'specificFeedbacks 2 correcto',
+      rewards: [{
+        id: 'k2koxnkq',
+        name: 'Ranger',
+        points: 10,
+        type: 'score'
+      }]
+    }],
+    wrongFeedbacks: []
+  },
   hasClickOrder: false,
   hasClickOnce: true,
   hasHighlights: true

package/dist/components/konva-components/Area/index.js

@@ -30,9 +30,11 @@ var Area = function Area(_ref) {
 
   var mouseEnterArea = function mouseEnterArea() {
     if (hasHighlights && !completed && !isClicked) {
-      areaRef.current.setAttr('fill', 'rgba(130, 134, 142, 0.4)');
-      areaRef.current.setAttr('stroke', 'rgba(255, 255, 255, 0.3)');
-      areaRef.current.to({
+      var _areaRef$current, _areaRef$current2, _areaRef$current3;
+
+      (_areaRef$current = areaRef.current) === null || _areaRef$current === void 0 ? void 0 : _areaRef$current.setAttr('fill', 'rgba(130, 134, 142, 0.4)');
+      (_areaRef$current2 = areaRef.current) === null || _areaRef$current2 === void 0 ? void 0 : _areaRef$current2.setAttr('stroke', 'rgba(255, 255, 255, 0.3)');
+      (_areaRef$current3 = areaRef.current) === null || _areaRef$current3 === void 0 ? void 0 : _areaRef$current3.to({
         duration: 0.25,
         opacity: 1
       });
@@ -41,7 +43,9 @@ var Area = function Area(_ref) {
 
   var mouseLeaveArea = function mouseLeaveArea() {
     if (hasHighlights && !completed && !isClicked) {
-      areaRef.current.to({
+      var _areaRef$current4;
+
+      (_areaRef$current4 = areaRef.current) === null || _areaRef$current4 === void 0 ? void 0 : _areaRef$current4.to({
         duration: 0.25,
         opacity: 0
       });
@@ -51,13 +55,17 @@ var Area = function Area(_ref) {
   (0, _react.useEffect)(function () {
     if (completed && !finished) {
       if (!isBad) {
-        areaRef.current.to({
+        var _areaRef$current5, _areaRef$current6;
+
+        (_areaRef$current5 = areaRef.current) === null || _areaRef$current5 === void 0 ? void 0 : _areaRef$current5.to({
           duration: 0.25,
           opacity: 1
         });
-        areaRef.current.globalCompositeOperation('destination-out');
+        (_areaRef$current6 = areaRef.current) === null || _areaRef$current6 === void 0 ? void 0 : _areaRef$current6.globalCompositeOperation('destination-out');
       } else {
-        areaRef.current.to({
+        var _areaRef$current7;
+
+        (_areaRef$current7 = areaRef.current) === null || _areaRef$current7 === void 0 ? void 0 : _areaRef$current7.to({
           duration: 0.25,
           opacity: 0
         });
@@ -67,14 +75,16 @@ var Area = function Area(_ref) {
 
   var clickArea = function clickArea() {
     if (!completed) {
+      var _areaRef$current8, _areaRef$current9;
+
       if (isBad) {
         onClickOutside(area);
       } else {
         onClick(area);
       }
 
-      areaRef.current.setAttr('fill', fillColor);
-      areaRef.current.setAttr('stroke', strokeColor);
+      (_areaRef$current8 = areaRef.current) === null || _areaRef$current8 === void 0 ? void 0 : _areaRef$current8.setAttr('fill', fillColor);
+      (_areaRef$current9 = areaRef.current) === null || _areaRef$current9 === void 0 ? void 0 : _areaRef$current9.setAttr('stroke', strokeColor);
     }
   };
 

package/dist/components/text-click-puzzle-component/mocks/mockForStory.js

@@ -13,7 +13,7 @@ var emitEvent = function emitEvent(_ref) {
     return payload;
   }
 
-  console.log('Emit event called');
+  console.log('Emit event called:', type, 'payload:', payload);
 };
 
 var messages = {
@@ -260,7 +260,9 @@ exports.mockProps = mockProps;
 var mockPropsOnce = {
   emitEvent: emitEvent,
   setResolveAction: function setResolveAction() {},
-  setShowPoints: function setShowPoints() {},
+  setShowPoints: function setShowPoints(points) {
+    console.log('points', points);
+  },
   showFrames: true,
   soundActions: [function () {}, function () {}],
   styles: 'chalkboard',
@@ -323,7 +325,7 @@ var mockPropsOnce = {
         rewards: [{
           id: 'k2koxnkq',
           name: 'Power',
-          points: 10,
+          points: 5,
           type: 'score'
         }]
       }],

package/package.json

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