@gamelearn/arcade-components 0.17.3 → 0.17.5

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -93,6 +93,11 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   };
 
   var _endPuzzle = function endPuzzle() {
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
+
     if (info.solution.right.desc) {
       setFeedBackText(info.solution.right.desc);
       setFeedbackResult(true);
@@ -123,10 +128,18 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
         type: 'addPoints',
         payload: _toConsumableArray(rewardsData)
       });
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
     } else {
       setFeedbackResult(false);
       disableExit(false);
       setFeedbackIsShown(false);
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
     }
   };
 
@@ -140,12 +153,20 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
         setFeedbackIsShown(true);
         setTimeout(function () {
           handleFeedbackFuncionOnClose();
+          emitEvent({
+            type: 'hidePuzzleButtons',
+            payload: false
+          });
         }, 3000);
       }
 
     disableExit(true);
     setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
     playSound('fail');
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
   };
 
   (0, _react.useEffect)(function () {
@@ -155,6 +176,10 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   }, [disableExit, finished]);
   (0, _react.useEffect)(function () {
     setResolveAction(function (resolve) {
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: true
+      });
       setResolvePuzzle(true);
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
       setTimeout(function () {

package/dist/components/conversational-pro-component/components/SlotList.js

@@ -89,7 +89,7 @@ var SlotList = function SlotList(_ref) {
     flex: flex,
     currentMessage: currentMessage,
     lodSettings: lodSettings
-  }), children && children.ref ? children : /*#__PURE__*/_react.default.createElement(Slots, null));
+  }), children ? children : /*#__PURE__*/_react.default.createElement(Slots, null));
 };
 
 SlotList.propTypes = {

package/dist/components/decision-component/components/DecisionComponent.js

@@ -90,6 +90,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
   };
 
   var listProps = _objectSpread(_objectSpread({}, inheritProps), {}, {
+    slots: inheritProps.slots ? inheritProps.slots : inheritProps.characters,
     currentMessage: {
       position: -1,
       emotion: ''
@@ -130,7 +131,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
         emitEvent({
           type: 'addPoints',
           payload: rewards,
-          finish: !inherited
+          finish: !onFinish
         });
 
         if (onFinish) {
@@ -178,11 +179,13 @@ var DecisionComponent = function DecisionComponent(_ref) {
   };
 
   var CharactersWrapper = function CharactersWrapper(_ref4) {
+    var _inheritProps$backgro;
+
     var children = _ref4.children;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "conversation arcade-conversation",
       style: inheritProps.background ? {
-        backgroundImage: "url(\"".concat(inheritProps.background, "\")")
+        backgroundImage: "url(\"".concat((_inheritProps$backgro = inheritProps.background.img) === null || _inheritProps$backgro === void 0 ? void 0 : _inheritProps$backgro.url, "\")")
       } : {}
     }, /*#__PURE__*/_react.default.createElement(_SlotList.default, listProps, children), /*#__PURE__*/_react.default.createElement(_DecisionBody.default, bodyProps));
   };

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -173,6 +173,10 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
   var handleClose = (0, _react.useCallback)(function () {
     playSound('score');
     setResolveClass('success');
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
     setTimeout(function () {
       handleFinish();
     }, 2000);
@@ -184,12 +188,20 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     });
     playSound('fail');
     setResolveClass('');
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
   }, [emitEvent, playSound]);
   var handleDrop = (0, _react.useCallback)(function (e) {
     e.dragEvent.stopPropagation();
     e.dragEvent.preventDefault();
     var over = calculateOverArea(e.dragEvent);
     var object = e.relatedTarget.getAttribute('data-item');
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
 
     if (over && checkCorrectObject(object)) {
       setResolveClass('success');

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

@@ -53,7 +53,8 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
       setResolveAction = _ref.setResolveAction,
       disableExit = _ref.disableExit,
       description = _ref.description,
-      translateFromParent = _ref.translateFromParent;
+      translateFromParent = _ref.translateFromParent,
+      onHidePuzzleButtons = _ref.onHidePuzzleButtons;
   var props = list[index];
   var info = props.info;
   info.description = description;
@@ -114,7 +115,8 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
     soundActions: soundActions,
     setResolveAction: setResolveAction,
     disableExit: disableExit,
-    translateFromParent: translateFromParent
+    translateFromParent: translateFromParent,
+    emitEvent: onHidePuzzleButtons
   }));
 };
 

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

@@ -102,6 +102,10 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
   };
 
   var handleResolve = (0, _react.useCallback)(function () {
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
     emitEvent({
       type: 'puzzleAction',
       action: 'resolve',
@@ -119,6 +123,13 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     });
   };
 
+  var onHidePuzzleButtons = function onHidePuzzleButtons(e) {
+    return emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: e.payload
+    });
+  };
+
   var currentPuzzleProps = {
     list: list,
     description: description,
@@ -135,7 +146,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     soundActions: soundActions,
     setResolveAction: setResolveAction,
     disableExit: disableExit,
-    translateFromParent: translateFromParent
+    translateFromParent: translateFromParent,
+    onHidePuzzleButtons: onHidePuzzleButtons
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle-frame"

package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -123,23 +123,13 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
 
   var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      failed = _useState10[0],
-      setFailed = _useState10[1];
+      disabled = _useState10[0],
+      setDisable = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)([]),
       _useState12 = _slicedToArray(_useState11, 2),
-      disabled = _useState12[0],
-      setDisable = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      feedbackResult = _useState14[0],
-      setFeedbackResult = _useState14[1];
-
-  var _useState15 = (0, _react.useState)([]),
-      _useState16 = _slicedToArray(_useState15, 2),
-      accRewards = _useState16[0],
-      setRewards = _useState16[1];
+      accRewards = _useState12[0],
+      setRewards = _useState12[1];
 
   var translatedAnswer = answer.toUpperCase().split('');
   var answerPanel = translatedAnswer.filter(function (char) {
@@ -322,15 +312,21 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       type: 'addPoints',
       payload: _toConsumableArray(rewardsData)
     });
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
   };
 
   var handleFail = function handleFail() {
     playSound('fail');
     setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
-    setFailed(true);
     setResolveClass('');
     setDisable(false);
-    setFeedbackResult(false);
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
   };
 
   var resolvePuzzle = function resolvePuzzle(newAnswer, newPool) {
@@ -372,7 +368,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       }
     }
 
-    setFeedbackResult(true);
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
   };
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {

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

@@ -80,7 +80,12 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
       disableClick = _useState10[0],
-      setDisableClick = _useState10[1]; // Common config
+      setDisableClick = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      mounted = _useState12[0],
+      setMounted = _useState12[1]; // Common config
 
 
   var soundActions = props.soundActions,
@@ -109,18 +114,18 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     });
   };
 
-  var _useState11 = (0, _react.useState)(''),
-      _useState12 = _slicedToArray(_useState11, 2),
-      resolvedClass = _useState12[0],
-      setResolveClass = _useState12[1];
+  var _useState13 = (0, _react.useState)(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      resolvedClass = _useState14[0],
+      setResolveClass = _useState14[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
-  var _useState13 = (0, _react.useState)([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      accRewards = _useState14[0],
-      setAccRewards = _useState14[1];
+  var _useState15 = (0, _react.useState)([]),
+      _useState16 = _slicedToArray(_useState15, 2),
+      accRewards = _useState16[0],
+      setAccRewards = _useState16[1];
 
   var solution = info.solution;
   var imageUrl = image.img.url || defaultImg;
@@ -164,7 +169,14 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       setCompleted(true);
       setDisableClick(true);
       setResolveClass('success');
-      console.log('añañaña');
+
+      if (!mounted) {
+        setMounted(true);
+        emitEvent({
+          type: 'hidePuzzleButtons',
+          payload: true
+        });
+      }
 
       if (info.solution.right.desc === '') {
         timeout = setTimeout(function () {
@@ -179,7 +191,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         clearTimeout(timeout);
       }
     };
-  }, [clickedZones, areas.length, handleFinish, hideContinue, info.solution.right.desc]);
+  }, [clickedZones, areas.length, handleFinish, hideContinue, info.solution.right.desc, mounted, emitEvent]);
   (0, _react.useEffect)(function () {
     //autoResolve
     setResolveAction(function (resolve) {
@@ -202,6 +214,10 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       var _solution$wrong = solution.wrong,
           wrongRewards = _solution$wrong.rewards,
           feedback = _solution$wrong.desc;
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: true
+      });
 
       if (hasClickOrder) {
         setClickedZones([]);
@@ -214,6 +230,10 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         setTimeout(function () {
           setShowWrongFeedback(false);
           setResolveClass('');
+          emitEvent({
+            type: 'hidePuzzleButtons',
+            payload: false
+          });
           !emitFinish ? emitEvent({
             type: 'addPoints',
             payload: wrongRewards,
@@ -229,6 +249,10 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       handleFinish();
     }
 
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: false
+    });
     setResolveClass('');
     setShowWrongFeedback(false);
   };

package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js

@@ -216,6 +216,11 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
         exist = _checkCorrect.exist,
         equal = _checkCorrect.equal;
 
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
+
     if (exist && !equal) {
       if (showPublish) {
         setShowPublish(false);
@@ -248,6 +253,10 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
       return /*#__PURE__*/_react.default.createElement(_Feedback.default, {
         onNext: function onNext() {
           showCurrentFeed(null);
+          emitEvent({
+            type: 'hidePuzzleButtons',
+            payload: false
+          });
         },
         translate: translate
       });

package/package.json

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