@gamelearn/arcade-components 0.22.6 → 0.22.8

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

@@ -17,6 +17,7 @@ var mockProps = {
   description: 'Dale al arma',
   showFrames: true,
   setInfo: function setInfo() {},
+  setShowPoints: function setShowPoints() {},
   emitEvent: emitEvent,
   soundActions: soundActions,
   disableExit: function disableExit() {},

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

@@ -69,10 +69,6 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
-  var totalCorrects = list.reduce(function (acc, current) {
-    return acc + current.areas.length;
-  }, 0);
-
   var setRewards = function setRewards(rw) {
     accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rw));
   };
@@ -166,7 +162,7 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     className: "puzzle-frame__info"
   }, /*#__PURE__*/_react.default.createElement(_Counter.default, {
     current: Object.values(framesCompleted).length,
-    total: totalCorrects,
+    total: list.length,
     tooltip: !hideTooltipRef.current,
     emitEvent: emitEvent
   })) : null));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = void 0;
+exports.mockPropsOnce = exports.mockProps = void 0;
 
 var emitEvent = function emitEvent(type) {
   console.log('Emit event called', type);
@@ -158,7 +158,159 @@ var mockProps = {
       closed: true
     }],
     hasClickOrder: true,
+    hasHighlights: true,
+    hasClickOnce: false
+  }]
+};
+exports.mockProps = mockProps;
+var mockPropsOnce = {
+  nodeId: 'xxas',
+  description: 'Dale al arma',
+  isFrame: true,
+  showFrames: true,
+  setInfo: function setInfo() {},
+  emitEvent: emitEvent,
+  soundActions: soundActions,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  list: [{
+    info: {
+      hint: {
+        active: true,
+        desc: 'hint',
+        rewards: []
+      },
+      resolve: {
+        rewards: []
+      },
+      solution: {
+        right: {
+          desc: 'Estupendo',
+          desc_labelId: 'alfalfa01',
+          rewards: []
+        },
+        wrong: {
+          desc: 'BUUUU',
+          desc_labelId: 'fabada01',
+          rewards: [{
+            id: 'grade',
+            name: 'grade',
+            points: -17,
+            type: 'grade'
+          }]
+        }
+      },
+      instructions: 'instructions'
+    },
+    itemOrder: 1,
+    image: {
+      imgName: 'Paz-Vizla-Concept.png',
+      img: {
+        url: 'https://gl-lms-storage.s3-eu-west-1.amazonaws.com/development/clients/58dccfba26561500117caf53/image/609a9b30901f3e001247c031/Paz-Vizla-Concept.png',
+        imgName: 'Paz-Vizla-Concept.png',
+        resourceId: '609a9b30901f3e001247c031'
+      },
+      width: 1920,
+      height: 1097
+    },
+    areas: [{
+      name: 'Uno',
+      x: 0,
+      y: 0,
+      fill: 'rgba(255, 255, 255, 0.1)',
+      draggable: true,
+      points: [1150.0742574257429, 217.48228650990103, 1570.95297029703, 65.42288056930694, 1704.0049504950498, 195.7595142326733, 1576.383663366337, 421.13327660891093, 1247.8267326732675, 510.73971225247533],
+      stroke: 'rgb(101,154,93)',
+      closed: true
+    }],
+    badAreas: [{
+      id: 'AllArea',
+      name: 'BadArea',
+      x: 0,
+      y: 0,
+      fill: 'rgba(255, 255, 255, 0.1)',
+      draggable: true,
+      points: [0, 0, 1920, 0, 1920, 1097, 0, 1097, 0, 0],
+      stroke: '#ff634d',
+      strokeWidth: 2,
+      closed: true
+    }],
+    hasClickOrder: false,
     hasHighlights: true
+  }, {
+    info: {
+      hint: {
+        active: true,
+        desc: 'hint',
+        rewards: []
+      },
+      resolve: {
+        rewards: []
+      },
+      solution: {
+        right: {
+          desc: 'Estupendo',
+          desc_labelId: 'alfalfa01',
+          rewards: []
+        },
+        wrong: {
+          desc: 'BUUUU',
+          desc_labelId: 'fabada01',
+          rewards: [{
+            id: 'grade',
+            name: 'grade',
+            points: -17,
+            type: 'grade'
+          }]
+        }
+      },
+      instructions: 'instructions'
+    },
+    itemOrder: 2,
+    image: {
+      imgName: 'pablo-carpio-slave2.jpeg',
+      img: {
+        url: 'https://gl-lms-storage.s3-eu-west-1.amazonaws.com/development/clients/58dccfba26561500117caf53/image/609e3d358782ea00116a7eee/pablo-carpio-slave2.jpeg',
+        imgName: 'Paz-Vizla-Concept.png',
+        resourceId: '609e3d358782ea00116a7eee'
+      },
+      width: 1920,
+      height: 1099
+    },
+    areas: [{
+      name: 'Uno',
+      x: 0,
+      y: 0,
+      fill: 'rgba(68, 215, 171, 0.56)',
+      draggable: true,
+      points: [1305.4777227722775, 606.8812654702971, 1455.094059405941, 593.2797803217823, 1463.2549504950498, 941.4778001237626, 1346.282178217822, 1012.2055228960397, 1275.5544554455448, 906.1139387376239],
+      stroke: 'rgb(101,154,93)',
+      closed: true
+    }, {
+      name: 'Dos',
+      x: 0,
+      y: 0,
+      fill: 'rgba(68, 215, 171, 0.56)',
+      draggable: true,
+      points: [171.1138613861387, 506.23027537128723, 312.5693069306932, 519.8317605198021, 304.4084158415843, 593.2797803217823, 157.51237623762387, 585.1188892326734],
+      stroke: 'rgb(101,154,93)',
+      closed: true
+    }],
+    badAreas: [{
+      id: 'AllArea',
+      name: 'BadArea',
+      x: 0,
+      y: 0,
+      fill: 'rgba(255, 255, 255, 0.1)',
+      draggable: true,
+      points: [0, 0, 1920, 0, 1920, 1099, 0, 1099, 0, 0],
+      stroke: '#ff634d',
+      strokeWidth: 2,
+      closed: true
+    }],
+    hasClickOrder: false,
+    hasHighlights: true,
+    hasClickOnce: true
   }]
 };
-exports.mockProps = mockProps;
+exports.mockPropsOnce = mockPropsOnce;

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

@@ -92,6 +92,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       areas = props.areas,
       badAreas = props.badAreas,
       hasClickOrder = props.hasClickOrder,
+      hasClickOnce = props.hasClickOnce,
       hasHighlights = props.hasHighlights,
       hasImageReview = props.hasImageReview,
       defaultCompleted = props.defaultCompleted,
@@ -152,12 +153,12 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     setCompleted(defaultCompleted);
   }, [defaultCompleted]);
   (0, _react.useEffect)(function () {
-    if (areas.length === clickedZones.length && !completed) {
+    if (areas.length === clickedZones.length && !completed || hasClickOnce && clickedZones.length > 0) {
       setCompleted(true);
       setDisableClick(true);
       setResolveClass('success');
     }
-  }, [clickedZones, areas.length, handleFinish, completed, info.solution.right.desc, emitEvent]);
+  }, [clickedZones, areas.length, completed, info.solution.right.desc, emitEvent, hasClickOnce]);
   (0, _react.useEffect)(function () {
     setResolveAction(function (resolve) {
       setCompleted(true);
@@ -272,6 +273,7 @@ ImageClickWrapperComponent.defaultProps = {
   badAreas: [],
   className: 'puzzle--image__click',
   hasClickOrder: false,
+  hasClickOnce: false,
   hasHighlights: false,
   hasImageReview: false,
   defaultCompleted: false,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
+exports.mockPropsOnce = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
 
 var emitEvent = function emitEvent(_ref) {
   var type = _ref.type,
@@ -346,4 +346,79 @@ var mockProps4 = {
   hasClickOrder: false,
   hasHighlights: false
 };
-exports.mockProps4 = mockProps4;
+exports.mockProps4 = mockProps4;
+var mockPropsOnce = {
+  emitEvent: emitEvent,
+  soundActions: soundActions,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  transitionEffects: null,
+  audioId: '',
+  itemOrder: 1,
+  info: {
+    hint: {
+      active: true,
+      desc: 'hint',
+      rewards: []
+    },
+    resolve: {
+      rewards: []
+    },
+    solution: {
+      right: {
+        desc: 'correctSolution',
+        desc_labelId: 'alfalfa01',
+        rewards: []
+      },
+      wrong: {
+        desc: 'wrongSolution',
+        desc_labelId: 'fabada01',
+        rewards: [{
+          id: 'grade',
+          name: 'grade',
+          points: -17,
+          type: 'grade'
+        }]
+      }
+    },
+    instructions: 'instructions'
+  },
+  image: {
+    imgName: 'gato5.jpg',
+    img: {
+      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
+      imgName: 'gato5.jpg',
+      resourceId: '6007f80eac41ad001120f135'
+    },
+    width: 1280,
+    height: 720
+  },
+  areas: [{
+    id: '1601910616179',
+    name: 'a',
+    x: 0,
+    y: 0,
+    draggable: true,
+    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
+    strokeWidth: 2,
+    stroke: '#44d7ab',
+    fill: 'rgba(68, 215, 171, 0.56)',
+    closed: true
+  }, {
+    id: '1601910626254',
+    name: 'b',
+    x: 0,
+    y: 0,
+    draggable: true,
+    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
+    strokeWidth: 2,
+    stroke: '#44d7ab',
+    fill: 'rgba(68, 215, 171, 0.56)',
+    closed: true
+  }],
+  badAreas: [],
+  hasClickOrder: false,
+  hasClickOnce: true,
+  hasHighlights: true
+};
+exports.mockPropsOnce = mockPropsOnce;

package/dist/components/lectures-component/components/LecturesComponent.js

@@ -41,7 +41,6 @@ var LecturesComponent = function LecturesComponent(_ref) {
       visible = _ref.visible,
       documentType = _ref.documentType,
       viewed = _ref.viewed,
-      btnText = _ref.btnText,
       soundActions = _ref.soundActions;
 
   var _useState = (0, _react.useState)(),
@@ -66,6 +65,13 @@ var LecturesComponent = function LecturesComponent(_ref) {
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var close = (0, _react.useCallback)(function () {
     playSound('click-ui');
 
@@ -125,7 +131,7 @@ var LecturesComponent = function LecturesComponent(_ref) {
     close: close,
     minutes: minutes,
     seconds: seconds,
-    btnText: btnText
+    btnText: translate('screens.continue')
   }) : null));
 };
 
@@ -137,8 +143,7 @@ LecturesComponent.defaultProps = {
   documentType: '',
   viewed: false,
   required: false,
-  context: {},
-  btnText: 'continue'
+  context: {}
 };
 var _default = LecturesComponent;
 exports.default = _default;

package/dist/components/lectures-component/mocks/mockForStory.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockProps = void 0;
 
-var emitEvent = function emitEvent() {
-  console.log('Emit event called');
+var emitEvent = function emitEvent(_ref) {
+  var type = _ref.type,
+      payload = _ref.payload;
+  console.log('Emit event called', type, payload);
+
+  if (type === 'translate') {
+    return mockProps.messages[payload];
+  }
 };
 
 var mockProps = {
@@ -18,6 +24,8 @@ var mockProps = {
   visible: true,
   documentType: 'text',
   viewed: false,
-  btnText: 'continua'
+  messages: {
+    "screens.continue": "Continuar"
+  }
 };
 exports.mockProps = mockProps;

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

@@ -107,8 +107,11 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     });
   }, [emitEvent]);
   var parsedText = (0, _react.useRef)(null);
+  var isCompleted = (0, _react.useCallback)(function () {
+    return correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length || list[currentSlide].hasClickOnce && correctTextFragmentsPartial.current >= 1;
+  }, [currentSlide, list]);
   var goForward = (0, _react.useCallback)(function () {
-    if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+    if (isCompleted()) {
       setFeedbackData(function (prevState) {
         return _objectSpread(_objectSpread({}, prevState), {}, {
           result: false
@@ -140,7 +143,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
         }, 1200);
       }
     }
-  }, [list, currentSlide, correctTextFragmentsAccumulated, numberAllCorrectFragments, setShowPoints]);
+  }, [isCompleted, correctTextFragmentsAccumulated, numberAllCorrectFragments, setShowPoints, currentSlide]);
   var handleFeedbackFuncionOnClose = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -174,7 +177,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
 
     if ((_list$currentSlide$in = list[currentSlide].info.solution.right) !== null && _list$currentSlide$in !== void 0 && _list$currentSlide$in.desc) {
       //solo muestra la caja verde y suma puntos cuando resuelves todos los fragmentos correctos
-      if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+      if (isCompleted()) {
         accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
         setFeedbackData(function (prevState) {
           return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -205,7 +208,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
           if (list[currentSlide].specificFeedbacks.specificCorrectFeedbacks) {
             accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(specificFeedback === null || specificFeedback === void 0 ? void 0 : specificFeedback.rewards));
 
-            if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+            if (isCompleted()) {
               setFeedbackData(function (prevState) {
                 return _objectSpread(_objectSpread({}, prevState), {}, {
                   show: true,
@@ -216,7 +219,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
             }
           } // si tiene puntos generales
           else {
-              if (correctTextFragmentsPartial.current === list[currentSlide].correctTexts.length) {
+              if (isCompleted()) {
                 accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(list[currentSlide].info.solution.right.rewards));
                 setFeedbackData(function (prevState) {
                   return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -228,7 +231,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
               }
             }
         }
-  }, [correctTextFragmentsAccumulated, emitEvent, playSound, list, currentSlide]);
+  }, [correctTextFragmentsAccumulated, emitEvent, playSound, list, currentSlide, isCompleted]);
   var handleIncorrectClick = (0, _react.useCallback)(function (allDataTextIds, specificFeedback) {
     allDataTextIds.forEach(function (el) {
       return el.classList.add('text-click__failed');
@@ -368,18 +371,25 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
     var counter = 0;
 
     for (var i = 0; i < list.length; i++) {
-      for (var j = 0; j < list[i].correctTexts.length; j++) {
+      if (list[i].hasClickOnce) {
         counter++;
         setNumberAllCorrectFragments(counter);
+      } else {
+        for (var j = 0; j < list[i].correctTexts.length; j++) {
+          counter++;
+          setNumberAllCorrectFragments(counter);
+        }
       }
     }
   }, [list]);
   (0, _react.useEffect)(function () {
-    setInfo(_objectSpread(_objectSpread({}, list[currentSlide].info), {}, {
+    var _list$currentSlide3;
+
+    (list === null || list === void 0 ? void 0 : list[currentSlide]) && setInfo(_objectSpread(_objectSpread({}, list[currentSlide].info), {}, {
       description: description
     }));
 
-    if (list[currentSlide].text) {
+    if ((_list$currentSlide3 = list[currentSlide]) !== null && _list$currentSlide3 !== void 0 && _list$currentSlide3.text) {
       var jsx = (0, _htmlReactParser.default)(list[currentSlide].text);
       parsedText.current = recursiveStuff(jsx);
       getnumberAllCorrectFragments();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = exports.messages = void 0;
+exports.mockPropsOnce = exports.mockProps = exports.messages = void 0;
 
 var emitEvent = function emitEvent(_ref) {
   var type = _ref.type,
@@ -25,6 +25,7 @@ exports.messages = messages;
 var mockProps = {
   emitEvent: emitEvent,
   setResolveAction: function setResolveAction() {},
+  setShowPoints: function setShowPoints() {},
   showFrames: true,
   soundActions: [function () {}, function () {}],
   styles: 'chalkboard',
@@ -39,6 +40,7 @@ var mockProps = {
     }],
     hasClickOrder: false,
     hasHighlights: true,
+    hasClickOnce: false,
     info: {
       solution: {
         right: {
@@ -103,8 +105,8 @@ var mockProps = {
     },
     text: messages.fullText1,
     wrongTexts: [{
-      id: "text-click-2",
-      value: "este value no le hace falta a arcade"
+      id: 'text-click-2',
+      value: 'este value no le hace falta a arcade'
     }]
   }, {
     allWrong: false,
@@ -117,6 +119,7 @@ var mockProps = {
     }],
     hasClickOrder: false,
     hasHighlights: true,
+    hasClickOnce: false,
     info: {
       solution: {
         right: {
@@ -191,10 +194,245 @@ var mockProps = {
     text: messages.fullText2,
     wrongTexts: [{
       id: 'text-click-5',
-      value: "este value no le hace falta a arcade"
+      value: 'este value no le hace falta a arcade'
     }, {
       id: 'text-click-6',
-      value: "este value no le hace falta a arcade"
+      value: 'este value no le hace falta a arcade'
+    }]
+  }, {
+    allWrong: true,
+    correctTexts: [{
+      id: 'text-click-8',
+      value: 'este value no le hace falta a arcade'
+    }],
+    hasClickOrder: false,
+    hasHighlights: false,
+    hasClickOnce: false,
+    info: {
+      solution: {
+        right: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: 10,
+            type: 'score'
+          }]
+        },
+        wrong: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: -10,
+            type: 'score'
+          }]
+        }
+      },
+      hint: {
+        active: false,
+        desc: '',
+        rewards: []
+      },
+      resolve: {
+        rewards: []
+      }
+    },
+    itemOrder: 3,
+    specificFeedbacks: {
+      correctFeedbacks: [{
+        id: 'text-click-8',
+        desc: 'text-click-8',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: 10,
+          type: 'score'
+        }]
+      }],
+      wrongFeedbacks: []
+    },
+    text: messages.fullText3,
+    wrongTexts: []
+  }]
+};
+exports.mockProps = mockProps;
+var mockPropsOnce = {
+  emitEvent: emitEvent,
+  setResolveAction: function setResolveAction() {},
+  setShowPoints: function setShowPoints() {},
+  showFrames: true,
+  soundActions: [function () {}, function () {}],
+  styles: 'chalkboard',
+  list: [{
+    allWrong: true,
+    correctTexts: [{
+      id: 'text-click-0',
+      value: 'este value no le hace falta a arcade'
+    }, {
+      id: 'text-click-1',
+      value: 'este value no le hace falta a arcade'
+    }],
+    hasClickOrder: false,
+    hasHighlights: true,
+    hasClickOnce: true,
+    info: {
+      solution: {
+        right: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: 10,
+            type: 'score'
+          }]
+        },
+        wrong: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: -10,
+            type: 'score'
+          }]
+        }
+      },
+      hint: {
+        active: false,
+        desc: '',
+        rewards: []
+      },
+      resolve: {
+        rewards: []
+      }
+    },
+    itemOrder: 1,
+    specificFeedbacks: {
+      correctFeedbacks: [{
+        id: 'text-click-0',
+        desc: '',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: 10,
+          type: 'score'
+        }]
+      }, {
+        id: 'text-click-1',
+        desc: 'specificFeedbacks text-click-1 correcto',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: 10,
+          type: 'score'
+        }]
+      }],
+      wrongFeedbacks: [{
+        id: 'text-click-2',
+        desc: 'specificFeedbacks text-click-2 incorrecto',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: -10,
+          type: 'score'
+        }]
+      }]
+    },
+    text: messages.fullText1,
+    wrongTexts: [{
+      id: 'text-click-2',
+      value: 'este value no le hace falta a arcade'
+    }]
+  }, {
+    allWrong: false,
+    correctTexts: [{
+      id: 'text-click-4',
+      value: 'este value no le hace falta a arcade'
+    }, {
+      id: 'text-click-7',
+      value: 'este value no le hace falta a arcade'
+    }],
+    hasClickOrder: false,
+    hasHighlights: true,
+    hasClickOnce: true,
+    info: {
+      solution: {
+        right: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: 10,
+            type: 'score'
+          }]
+        },
+        wrong: {
+          desc: '',
+          rewards: [{
+            id: 'k2koxnkq',
+            name: 'Power',
+            points: 10,
+            type: 'score'
+          }]
+        }
+      },
+      hint: {
+        active: false,
+        desc: '',
+        rewards: []
+      },
+      resolve: {
+        rewards: []
+      }
+    },
+    itemOrder: 2,
+    specificFeedbacks: {
+      correctFeedbacks: [{
+        id: 'text-click-4',
+        desc: 'item 2 specificFeedbacks correctFeedbacks 4 (1)',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: 10,
+          type: 'score'
+        }]
+      }, {
+        id: 'text-click-7',
+        desc: '',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: -10,
+          type: 'score'
+        }]
+      }],
+      wrongFeedbacks: [{
+        id: 'text-click-6',
+        desc: 'item 6 specificFeedbacks wrongFeedbacks 6 (1)',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: -10,
+          type: 'score'
+        }]
+      }, {
+        id: 'text-click-5',
+        desc: 'item 5 specificFeedbacks wrongFeedbacks 5 (1)',
+        rewards: [{
+          id: 'k2koxnkq',
+          name: 'Power',
+          points: -10,
+          type: 'score'
+        }]
+      }]
+    },
+    text: messages.fullText2,
+    wrongTexts: [{
+      id: 'text-click-5',
+      value: 'este value no le hace falta a arcade'
+    }, {
+      id: 'text-click-6',
+      value: 'este value no le hace falta a arcade'
     }]
   }, {
     allWrong: true,
@@ -204,6 +442,7 @@ var mockProps = {
     }],
     hasClickOrder: false,
     hasHighlights: false,
+    hasClickOnce: true,
     info: {
       solution: {
         right: {
@@ -252,4 +491,4 @@ var mockProps = {
     wrongTexts: []
   }]
 };
-exports.mockProps = mockProps;
+exports.mockPropsOnce = mockPropsOnce;

package/package.json

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