@gamelearn/arcade-components 0.17.4 → 0.18.0

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/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/lectures-component/components/LecturesComponent.js

@@ -36,8 +36,10 @@ var READING_TIME = 0.2;
 var LecturesComponent = function LecturesComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       name = _ref.name,
+      name_labelId = _ref.name_labelId,
       required = _ref.required,
       text = _ref.text,
+      text_labelId = _ref.text_labelId,
       visible = _ref.visible,
       documentType = _ref.documentType,
       viewed = _ref.viewed,
@@ -66,14 +68,14 @@ var LecturesComponent = function LecturesComponent(_ref) {
       emitEvent({
         type: 'finishMedia',
         payload: {
-          name: name,
+          name: name_labelId,
           type: 'text',
-          text: text,
+          text: text_labelId,
           documentType: documentType
         }
       });
     }
-  }, [documentType, emitEvent, goToLecture, name, text]);
+  }, [documentType, emitEvent, goToLecture, name_labelId, text_labelId]);
   (0, _react.useEffect)(function () {
     if (!visible && !saved) {
       close();

package/dist/components/media-visor/components/MediaVisor.js

@@ -36,7 +36,7 @@ var defaultBgImageForAudio = "https://min.gamelearn.io/css-resources/gamelearn/r
 var VideoVisor = function VideoVisor(_ref) {
   var documentType = _ref.documentType,
       url = _ref.url,
-      imgId = _ref.imgId,
+      backgroundImage = _ref.backgroundImage,
       endVideo = _ref.endVideo;
 
   var _useState = (0, _react.useState)(),
@@ -93,7 +93,7 @@ var VideoVisor = function VideoVisor(_ref) {
 
     return undefined;
   }, [isHls, url, videoPlayer]);
-  var audioBackgroundImage = imgId || defaultBgImageForAudio;
+  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
   var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
   var configForAudio = {
     backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
@@ -128,7 +128,7 @@ var VideoVisor = function VideoVisor(_ref) {
 VideoVisor.defaultProps = {
   url: "",
   name: "",
-  imgId: null,
+  backgroundImage: null,
   documentType: "",
   required: false,
   viewed: false,

package/dist/components/pdf-component/components/PdfComponent.js

@@ -40,7 +40,8 @@ var PdfComponent = function PdfComponent(_ref) {
       required = _ref.required,
       viewed = _ref.viewed,
       visible = _ref.visible,
-      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible"]);
+      documentId = _ref.documentId,
+      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible", "documentId"]);
 
   var translate = function translate(id) {
     return emitEvent({
@@ -63,10 +64,10 @@ var PdfComponent = function PdfComponent(_ref) {
     return {
       documentType: documentType,
       name: name,
-      document: documentFile,
+      documentId: documentId,
       type: 'pdf'
     };
-  }, [documentType, name, documentFile]);
+  }, [documentType, name, documentId]);
   var emitFinish = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'finishMedia',

package/dist/components/video-component/components/VideoComponent.js

@@ -22,22 +22,24 @@ var VideoComponent = function VideoComponent(_ref) {
       name = _ref.name,
       documentType = _ref.documentType,
       document = _ref.document,
+      documentId = _ref.documentId,
       required = _ref.required,
       viewed = _ref.viewed,
       visible = _ref.visible,
-      img = _ref.img;
+      img = _ref.img,
+      imgId = _ref.imgId;
   var url = document.url;
   var item = (0, _react.useMemo)(function () {
     return {
-      document: document,
-      img: img,
+      documentId: documentId,
+      imgId: imgId,
       required: required,
       name: name,
       type: 'video',
       viewed: viewed,
       documentType: documentType
     };
-  }, [document, required, name, viewed, img, documentType]);
+  }, [documentId, imgId, required, name, viewed, documentType]);
 
   var _endVideo = (0, _react.useCallback)(function () {
     emitEvent({
@@ -57,7 +59,7 @@ var VideoComponent = function VideoComponent(_ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_videoVisor.default, {
-    imgId: img === null || img === void 0 ? void 0 : img.url,
+    backgroundImage: img === null || img === void 0 ? void 0 : img.url,
     url: url,
     documentType: documentType,
     required: required,

package/dist/components/video-visor/components/VideoVisor.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _hls = _interopRequireDefault(require("hls.js"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _VideoControllers = _interopRequireDefault(require("./VideoControllers"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -42,7 +40,7 @@ var VideoVisor = function VideoVisor(_ref) {
       url = _ref.url,
       required = _ref.required,
       viewed = _ref.viewed,
-      imgId = _ref.imgId,
+      backgroundImage = _ref.backgroundImage,
       endVideo = _ref.endVideo;
 
   var _useState = (0, _react.useState)(0),
@@ -216,7 +214,7 @@ var VideoVisor = function VideoVisor(_ref) {
     }
   };
 
-  var audioBackgroundImage = imgId || defaultBgImageForAudio;
+  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
   var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
   var configForAudio = {
     backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
@@ -289,20 +287,11 @@ var VideoVisor = function VideoVisor(_ref) {
 VideoVisor.defaultProps = {
   url: "",
   name: "",
-  imgId: null,
+  backgroundImage: null,
   documentType: "",
   required: false,
   viewed: false,
   endVideo: function endVideo() {}
 };
-VideoVisor.propTypes = {
-  endVideo: _propTypes.default.func,
-  url: _propTypes.default.string,
-  documentType: _propTypes.default.string,
-  name: _propTypes.default.string,
-  imgId: _propTypes.default.string,
-  required: _propTypes.default.bool,
-  viewed: _propTypes.default.bool
-};
 var _default = VideoVisor;
 exports.default = _default;

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.4",
+  "version": "0.18.0",
   "main": "dist/index.js",
   "files": [
     "dist",