@gamelearn/arcade-components 0.22.3 → 0.22.4

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

@@ -38,7 +38,8 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
       soundActions = props.soundActions,
       showFrames = props.showFrames,
       disableExit = props.disableExit,
-      setResolveAction = props.setResolveAction;
+      setResolveAction = props.setResolveAction,
+      setShowPoints = props.setShowPoints;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -55,7 +56,8 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
     soundActions: soundActions,
     setInfo: setInfo,
     setSelected: setSelected,
-    selected: selected
+    selected: selected,
+    setShowPoints: setShowPoints
   };
   var totalCorrects = list.reduce(function (acc, current) {
     return acc + current.areas.length;

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

@@ -55,7 +55,8 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
       setSelected = _ref.setSelected,
-      selected = _ref.selected;
+      selected = _ref.selected,
+      setShowPoints = _ref.setShowPoints;
   var accRewards = (0, _react.useRef)([]);
 
   var _useState = (0, _react.useState)(0),
@@ -82,10 +83,11 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   var handleFinish = (0, _react.useCallback)(function (rewards) {
     playSound('score');
     emitEvent({
-      type: 'addPoints',
-      payload: [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards))
+      type: 'hidePuzzleButtons',
+      payload: false
     });
-  }, [emitEvent, playSound]);
+    setShowPoints([].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards)));
+  }, [playSound, emitEvent, setShowPoints]);
   var currentImageProps = list[index];
   var info = currentImageProps.info;
   info.description = description;

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

@@ -133,7 +133,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   });
   var handleFinish = (0, _react.useCallback)(function () {
     var rewards = solution.right.rewards;
-    playSound('score');
 
     if (emitFinish) {
       emitFinish(rewards);
@@ -143,7 +142,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         payload: rewards
       });
     }
-  }, [emitEvent, emitFinish, solution.right, playSound]);
+  }, [emitEvent, emitFinish, solution.right]);
   (0, _react.useEffect)(function () {
     if (completed) {
       disableExit(true);
@@ -154,16 +153,13 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   }, [defaultCompleted]);
   (0, _react.useEffect)(function () {
     if (areas.length === clickedZones.length && !completed) {
-      playSound('score');
       setCompleted(true);
       setDisableClick(true);
       setResolveClass('success');
     }
-  }, [clickedZones, areas.length, handleFinish, completed, info.solution.right.desc, playSound, emitEvent]);
+  }, [clickedZones, areas.length, handleFinish, completed, info.solution.right.desc, emitEvent]);
   (0, _react.useEffect)(function () {
-    //autoResolve
     setResolveAction(function (resolve) {
-      playSound('score');
       setCompleted(true);
       setDisableClick(true);
       setFinished(true);

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

@@ -15,8 +15,14 @@ var emitEvent = function emitEvent(_ref) {
   }
 };
 
+var audio = {
+  fail: new Audio('https://www.soundjay.com/buttons/button-10.mp3'),
+  'click-ui': new Audio('https://www.soundjay.com/buttons/button-16.mp3'),
+  score: new Audio('https://www.soundjay.com/mechanical/camera-shutter-click-01.mp3')
+};
 var soundActions = [function (sound) {
   console.log('PlaySound called :', sound);
+  sound && audio[sound].play();
 }, function () {}];
 var mockProps = {
   emitEvent: emitEvent,
@@ -87,7 +93,34 @@ var mockProps = {
     fill: 'rgba(68, 215, 171, 0.56)',
     closed: true
   }],
-  badAreas: [],
+  badAreas: [{
+    name: 'Bad1',
+    x: 0,
+    y: 0,
+    fill: 'rgba(255, 255, 255, 0.1)',
+    draggable: true,
+    points: [700, 200, 800, 190, 900, 450, 640.8, 396],
+    stroke: 'rgb(101,154,93)',
+    closed: true
+  }, {
+    name: 'Bad',
+    x: 0,
+    y: 0,
+    fill: 'rgba(255, 255, 255, 0.1)',
+    draggable: true,
+    points: [900, 300, 900, 233, 1200, 555, 777, 555],
+    stroke: 'rgb(101,154,93)',
+    closed: true
+  }, {
+    name: 'Bad',
+    x: 0,
+    y: 0,
+    fill: 'rgba(255, 255, 255, 0.1)',
+    draggable: true,
+    points: [111, 111, 222, 111, 666, 450, 640.8, 396],
+    stroke: 'rgb(101,154,93)',
+    closed: true
+  }],
   hasClickOrder: true,
   hasHighlights: true
 };

package/package.json

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