@gamelearn/arcade-components 0.19.3 → 0.19.5

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

@@ -19,6 +19,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -112,15 +118,17 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
 
   var onResolve = function onResolve(resolve) {
     playSound('score');
-    resolve(false);
+    resolve(puzzleId);
     setTimeout(function () {
       onComplete(info.resolve.rewards || [], false);
     }, 2000);
   };
 
   (0, _react.useEffect)(function () {
-    setInfo(info);
-  }, [info, setInfo]);
+    setInfo(_objectSpread(_objectSpread({}, info), {}, {
+      hintId: puzzleId
+    }));
+  }, [info, setInfo, puzzleId]);
   (0, _react.useEffect)(function () {
     var timeout;
 
@@ -140,7 +148,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     key: index
   }, currentImageProps, {
     puzzle: {
-      name: "chained-image-click-puzzle_".concat(index),
+      name: puzzleId,
       component: 'chained-image-click-puzzle'
     },
     emitFinish: onComplete,

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

@@ -55,16 +55,20 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
       description = _ref.description,
       translateFromParent = _ref.translateFromParent,
       onHidePuzzleButtons = _ref.onHidePuzzleButtons,
-      setInfo = _ref.setInfo;
+      setInfo = _ref.setInfo,
+      nodeId = _ref.nodeId;
   var props = list[index];
   var info = props.info;
   info.description = description;
+  var puzzleId = "frame-click-puzzle_".concat(index, "_").concat(nodeId);
   (0, _react.useEffect)(function () {
     puzzlesCompiledRef.current += 1;
   }, [puzzlesCompiledRef]);
   (0, _react.useEffect)(function () {
-    setInfo(info);
-  }, [setInfo, info]);
+    setInfo(_objectSpread(_objectSpread({}, info), {}, {
+      hintId: puzzleId
+    }));
+  }, [setInfo, info, puzzleId]);
   var onComplete = (0, _react.useCallback)(function (rw) {
     var emit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
@@ -85,7 +89,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
   }, [accRewards, framesCompleted, handleFinish, handleResolve, index, list.length, setFramesCompleted, setIndex, setRewards]);
 
   var onResolve = function onResolve(resolve) {
-    resolve(false);
+    resolve(puzzleId);
     setTimeout(function () {
       onComplete([], false);
     }, 2000);
@@ -96,7 +100,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (!!loadPuzzleStatus) {
+    if (loadPuzzleStatus) {
       setTimeout(function () {
         onComplete([], false);
       }, 2000);
@@ -107,7 +111,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
   }, _objectSpread({}, props), {
     className: "puzzle-frame__canvas",
     puzzle: {
-      name: "frame-click-puzzle_".concat(index),
+      name: "",
       component: 'frame-click-puzzle'
     },
     emitFinish: onComplete,

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

@@ -149,7 +149,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     disableExit: disableExit,
     translateFromParent: translateFromParent,
     onHidePuzzleButtons: onHidePuzzleButtons,
-    setInfo: setInfo
+    setInfo: setInfo,
+    nodeId: nodeId
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle-frame"

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

@@ -103,6 +103,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       hideContinue = props.hideContinue,
       className = props.className,
       emitFinish = props.emitFinish,
+      emitResolve = props.emitResolve,
       translateFromParent = props.translateFromParent;
 
   var translate = function translate(id) {
@@ -199,10 +200,10 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       setDisableClick(true);
       setFinished(true);
       setTimeout(function () {
-        resolve();
+        emitResolve ? emitResolve(resolve) : resolve();
       }, 4000);
     });
-  }, [setResolveAction]);
+  }, [setResolveAction, emitResolve]);
   (0, _react.useEffect)(function () {
     if (finished) {
       disableExit(true);

package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js

@@ -351,7 +351,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     } else {
       parsedText.current = '';
     }
-  }, [currentSlide, description, getnumberAllCorrectFragments, info, list, recursiveStuff, setInfo]);
+  }, [currentSlide, description, getnumberAllCorrectFragments, list, recursiveStuff, setInfo]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "text-click text-click--".concat(styles),
     style: feedbackData.show ? {

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

@@ -17,7 +17,7 @@ var emitEvent = function emitEvent(_ref) {
 };
 
 var messages = {
-  fullText1: '<div><p><strong>Texto de prueba:</strong></p><p>Con <span data-text-id="text-click-0">un texto correcto normal</span></p><p>Con <span data-text-id="text-click-2">un texto incorrecto normal</span></p><p>Con un texto <span data-text-id="text-click-1">corr</span></p><p><span data-text-id="text-click-1">ecto partido</span></p></div>',
+  fullText1: '<div><p><span></span><strong>Texto de prueba:</strong></p><p>Con <span data-text-id="text-click-0">un texto correcto normal</span></p><p>Con <span data-text-id="text-click-2">un texto incorrecto normal</span></p><p>Con un texto <span data-text-id="text-click-1">corr</span></p><p><span data-text-id="text-click-1">ecto partido</span></p></div>',
   fullText2: '<div><mark data-text-id="text-click-4">FRAGMENTO <strong>CORRECTO</strong> id4</mark> que <mark data-text-id="text-click-7">FRAGMENTO <strong>CORRECTO id7</strong> 4</mark> en <mark data-text-id="text-click-6">FRAGMENTO <strong>inCORRECTO id6</strong> 4</mark> asdf asdf asf <mark data-text-id="text-click-5">FRAGMENTO <strong>INCORRECTO id5</strong></mark></div>',
   fullText3: '<div>Todo es incorrecto salvo <span data-text-id="text-click-8">alguna cosa</span></div>'
 };

package/package.json

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