@gamelearn/arcade-components 1.29.0 → 1.29.1

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

@@ -113,10 +113,8 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
 
       if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !currentImageProps.hasClickOnce && !finish) {
         correctClicked.current += 1;
-        setSelected(selected + 1);
       } else {
         correctClicked.current += currentImageProps.areas.length;
-        setSelected(selected + currentImageProps.areas.length);
       }
 
       if (correctClicked.current === currentImageProps.areas.length) {
@@ -163,13 +161,19 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     setInfo(_objectSpread(_objectSpread({}, info), {}, {
       hintId: puzzleId
     }));
-  }, [info, setInfo, puzzleId]);
+  }, [info, puzzleId, setInfo]);
   (0, _react.useEffect)(function () {
     if (currentPuzzleStatus && !resolvedItems.current[puzzleId]) {
       onComplete([], true, true);
       resolvedItems.current[puzzleId] = true;
     }
   }, [onComplete, puzzleId, currentPuzzleStatus]);
+
+  var checkSelectedAreas = function checkSelectedAreas() {
+    var areasSelected = currentImageProps.hasClickOnce ? currentImageProps.areas.length : 1;
+    setSelected(selected + areasSelected);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_imageClickWrapperComponent.default, _extends({
     key: index
   }, currentImageProps, {
@@ -184,6 +188,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     isLast: index + 1 === list.length,
     defaultCompleted: currentPuzzleStatus,
     hideContinue: !(index + 1 === list.length),
+    handleClick: checkSelectedAreas,
     emitEvent: emitEvent,
     disableExit: disableExit,
     soundActions: soundActions,

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

@@ -94,10 +94,8 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
 
       if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !props.hasClickOnce && !finish) {
         correctClicked.current += 1;
-        setSelected(selected + 1);
       } else {
         correctClicked.current += props.areas.length;
-        setSelected(selected + props.areas.length);
       }
 
       if (correctClicked.current === props.areas.length) {
@@ -155,6 +153,12 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
       onComplete([], true, true);
     }
   }, [framesCompleted, loadPuzzleStatus, onComplete]);
+
+  var checkSelectedAreas = function checkSelectedAreas() {
+    var areasSelected = props.hasClickOnce ? props.areas.length : 1;
+    setSelected(selected + areasSelected);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_imageClickWrapperComponent.default, _extends({
     key: index
   }, _objectSpread({}, props), {
@@ -175,6 +179,7 @@ var CurrentFramePuzzle = function CurrentFramePuzzle(_ref) {
     translateFromParent: translateFromParent,
     emitEvent: emitEvent,
     slideNumber: index,
+    handleClick: checkSelectedAreas,
     emitResetPuzzle: handleResetPuzzle,
     firstTryForFrame: firstTryForFrame,
     puzzlesAutoCompleted: puzzlesAutoCompleted,

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

@@ -66,6 +66,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   // Common config
   var soundActions = props.soundActions,
       emitEvent = props.emitEvent,
+      handleClick = props.handleClick,
       disableExit = props.disableExit,
       setResolveAction = props.setResolveAction,
       info = props.info,
@@ -382,6 +383,8 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       if (hasClickOrder && area.index === clickedZones.length || !hasClickOrder) {
         var _specificFeedbacks$co2;
 
+        handleClick();
+
         if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co2 = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co2 !== void 0 && _specificFeedbacks$co2.length) {
           var _specificFeedbacks$co3;
 
@@ -490,7 +493,8 @@ ImageClickWrapperComponent.defaultProps = {
   hasImageReview: false,
   defaultCompleted: false,
   hideContinue: false,
-  emitAreaClick: function emitAreaClick() {}
+  emitAreaClick: function emitAreaClick() {},
+  handleClick: function handleClick() {}
 };
 var _default = ImageClickWrapperComponent;
 exports.default = _default;

package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -382,8 +382,8 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
   };
 
   var onIsWriting = function onIsWriting() {
-    if (automaticScroll.current.querySelector('.Typist').offsetHeight > automaticScroll.current.offsetHeight) {
-      var scrollToAdd = automaticScroll.current.querySelector('.Typist').offsetHeight;
+    if (automaticScroll.current.querySelector('.wrapfixed').offsetHeight > automaticScroll.current.offsetHeight) {
+      var scrollToAdd = automaticScroll.current.querySelector('.wrapfixed').offsetHeight;
       automaticScroll.current.scrollTo({
         top: scrollToAdd,
         behavior: 'smooth'
@@ -492,9 +492,11 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
       height: '95%'
     },
     ref: automaticScroll
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "wrapfixed"
   }, isActive && !reviewDone && Object.values(textHolder).map(function (text, i) {
     return handleText(text, Object.values(textHolder).length - 1, i);
-  }), reviewDone && Object.values(textHolder).map(function (text, i) {
+  })), reviewDone && Object.values(textHolder).map(function (text, i) {
     return handleShownText(text, i);
   }))), finished && /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-puzzle__footer"

package/dist/components/writer-puzzle-component/mocks/mockForStory.js

@@ -32,8 +32,6 @@ var messages = {
   fullText11: '<p>sdfsdfsdf</p>',
   fullText12: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
   fullText13: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
-  fullTextXXL: // eslint-disable-next-line max-len
-  '<p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p><p><br></p><p>asfd asdf</p><p><br></p><p>adsfasf</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.</p><p><br></p><p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda fin.</p>',
   previewText1: 'Preview Text 1',
   previewText2: 'este pinta bien ;)',
   previewText3: 'correcto este',
@@ -1036,8 +1034,103 @@ var mock9 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
   texts: [{
-    type: 'fixed',
-    fullText: messages.fullTextXXL
+    fullText: // eslint-disable-next-line max-len
+    '<p><strong>SHARON B:</strong>&nbsp;<br>Hola Joanna. Soy Sharon B.<br><br><strong>JOANNA:&nbsp;<br></strong>Ya claro, ¡y yo soy una Spice Girl!<br><br></p>',
+    fullText_labelId: 'fullText_0_2gMZwWlK',
+    type: 'fixed'
+  }, {
+    electionTexts: [{
+      correct: true,
+      feedback: {
+        body: '¡Bien! Te estás metiendo en la piel de Sharon B.. ',
+        body_labelId: 'body_1_0_2gMZw4CT',
+        rewards: [],
+        title: null,
+        title_labelId: 'title_1_0_2gMZwxk1'
+      },
+      fullText: // eslint-disable-next-line max-len
+      '<p><strong>SHARON B:&nbsp;<br></strong>Soy yo y éste es mi perfil personal. Sólo lo uso para comunicarme con mis fans más importantes.</p>',
+      fullText_labelId: 'fullText_1_0_2gMZwaDp',
+      previewText: 'Soy yo',
+      previewText_labelId: 'previewText_1_0_2gMZwq0y'
+    }, {
+      correct: true,
+      feedback: {
+        body: '¡Bien! Te estás metiendo en la piel de Sharon B.. ',
+        body_labelId: 'body_1_1_2gMZxTbh',
+        title: null,
+        title_labelId: 'title_1_1_2gMZxSPT'
+      },
+      fullText: // eslint-disable-next-line max-len
+      '<p><strong>SHARON B:&nbsp;<br></strong>Jaja… Muy graciosa. La diferencia entre tú y yo es que yo sí soy la&nbsp;verdadera Sharon B.</p>',
+      fullText_labelId: 'fullText_1_1_2gMZx1HK',
+      previewText: 'Muy graciosa',
+      previewText_labelId: 'previewText_1_1_2gMZxqfn'
+    }, {
+      correct: true,
+      feedback: {
+        body: '¡Bien! Te estás metiendo en la piel de Sharon B.. ',
+        body_labelId: 'body_1_2_2gMZyT39',
+        title: null,
+        title_labelId: 'title_1_2_2gMZygwn'
+      },
+      fullText: // eslint-disable-next-line max-len
+      '<p><strong>SHARON B:&nbsp;<br></strong>Yo que tú no sería tan borde. No todo el mundo puede hablar con Sharon B.</p>',
+      fullText_labelId: 'fullText_1_2_2gMZxpzh',
+      previewText: 'Tranquila',
+      previewText_labelId: 'previewText_1_2_2gMZx0VN'
+    }],
+    fullText_labelId: 'fullText_1_2gMZw34m',
+    type: 'election'
+  }, {
+    fullText: // eslint-disable-next-line max-len
+    '<p><br><br><strong>JOANNA:<br></strong>¿Me lo dices en serio? ¿De verdad eres Sharon B.?<br><br><strong>SHARON B:&nbsp;<br></strong>¿Qué iba a conseguir mintiéndote?<br><br><strong>JOANNA:&nbsp;<br></strong>…<br><br><strong>SHARON B:</strong>&nbsp;<br>¿Joanna?<br><br><strong>JOANNA:&nbsp;<br></strong>¡¡¡¡NO ME LO PUEDO CREER!!!! ¡¡Estoy chateando con SHARON B!<br><br><strong>SHARON B:</strong>&nbsp;<br>Jajaja. Verás, te escribo porque estoy interesada en conocer y hablar con mis fans más exclusivas. Necesito sus opiniones para incluirlas en mi nuevo libro sobre Mastermind. ¿Te interesa participar?<br><br><strong>JOANNA:</strong>&nbsp;<br>¡Oh, wow… claro que sí! ¡Qué emoción!<br><br><strong>SHARON B:</strong>&nbsp;<br>¿Puedes quedar ahora?&nbsp;<br><br><strong>JOANNA:&nbsp;<br></strong>¿Ahora?<br><br><strong>SHARON B:</strong>&nbsp;<br>Sí, salgo en dos horas al aeropuerto. ¿No me irás a decir que no?<br><br><strong>JOANNA:</strong>&nbsp;<br>¡Dios! ¡Hago lo que sea por conocerte!<br><br></p>',
+    fullText_labelId: 'fullText_2_2gMZyEbj',
+    type: 'fixed'
+  }, {
+    electionTexts: [{
+      correct: true,
+      feedback: {
+        body: '¡Bien! Has atraído con un falso pretexto a Joanna. ',
+        body_labelId: 'body_3_0_2gMZzKgD',
+        title: null,
+        title_labelId: 'title_3_0_2gMZyTXZ'
+      },
+      fullText: '<p><strong>SHARON B:&nbsp;<br></strong>¡Súper! Te espero en el Oxford Vintage Cafe. ¿Sabes cuál es, verdad?</p>',
+      fullText_labelId: 'fullText_3_0_2gMZyI3C',
+      previewText: 'Quedamos en: Cafetería',
+      previewText_labelId: 'previewText_3_0_2gMZy5Ai'
+    }, {
+      correct: true,
+      feedback: {
+        body: '¡Bien! Has atraído con un falso pretexto a Joanna. ',
+        body_labelId: 'body_3_1_2gMZ0a7m',
+        title: null,
+        title_labelId: 'title_3_1_2gMZzTFL'
+      },
+      fullText: '<p><strong>SHARON B:&nbsp;<br></strong>¡Genial! ¿Te apetece tomar una pinta en el Candem Pub?</p>',
+      fullText_labelId: 'fullText_3_1_2gMZzWvV',
+      previewText: 'Quedamos en: Un pub',
+      previewText_labelId: 'previewText_3_1_2gMZzjyc'
+    }, {
+      correct: true,
+      feedback: {
+        body: '¡Bien! Has atraído con un falso pretexto a Joanna. ',
+        body_labelId: 'body_3_2_2gMZ21Cz',
+        title: null,
+        title_labelId: 'title_3_2_2gMZ2uAH'
+      },
+      fullText: '<p><strong>SHARON B:&nbsp;<br></strong>¡Estupendo! ¿Comemos algo en el&nbsp;Trafalgar Burger?</p>',
+      fullText_labelId: 'fullText_3_2_2gMZ1pfM',
+      previewText: 'Quedamos en: Burger',
+      previewText_labelId: 'previewText_3_2_2gMZ1NW0'
+    }],
+    fullText_labelId: 'fullText_3_2gMZyFZU',
+    type: 'election'
+  }, {
+    fullText: '<p><br><br><strong>JOANNA:<br></strong>Enseguida salgo para allá. ¡Qué emoción!<br></p>',
+    fullText_labelId: 'fullText_4_2gMZ2MWR',
+    type: 'fixed'
   }],
   info: {
     solution: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.29.0",
+  "version": "1.29.1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -13,7 +13,7 @@
     "url": "https://github.com/gamelearn/arcade-components"
   },
   "dependencies": {
-    "@gamelearn/arcade-styles": "0.14.1",
+    "@gamelearn/arcade-styles": "0.14.2",
     "@gamelearn/arcade-three-core": "1.14.5",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.17",