@gamelearn/arcade-components 2.2.5 → 2.2.8-hotfix

package/dist/components/comic-component/components/ComicComponent.js

@@ -124,6 +124,7 @@ var ComicComponent = function ComicComponent(_ref) {
     voice: slides === null || slides === void 0 ? void 0 : (_slides$slideCount2 = slides[slideCount]) === null || _slides$slideCount2 === void 0 ? void 0 : _slides$slideCount2.voice,
     text: slides === null || slides === void 0 ? void 0 : (_slides$slideCount3 = slides[slideCount]) === null || _slides$slideCount3 === void 0 ? void 0 : (_slides$slideCount3$v = _slides$slideCount3.vignettes[0].textData) === null || _slides$slideCount3$v === void 0 ? void 0 : _slides$slideCount3$v.text,
     audio: slides === null || slides === void 0 ? void 0 : (_slides$slideCount4 = slides[slideCount]) === null || _slides$slideCount4 === void 0 ? void 0 : _slides$slideCount4.audio,
+    slide: slideCount,
     started: started,
     soundActions: soundActions,
     emitEvent: emitEvent,

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

@@ -350,7 +350,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
 
     if (isBranched) {
       handleBranchDirection(false);
-    } else if (currentLine > 0) {
+    } else if (!previousLineWasDecision()) {
       setCurrentLine(currentLine - 1);
     }
 
@@ -385,12 +385,15 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   };
 
   var autoplayCond = automatic && !isDecision && !pause;
-  var disableBackButton = currentLine === 0 || previousLineWasDecision();
+  var disableBackButton = (0, _react.useMemo)(function () {
+    return currentLine === 0 || previousLineWasDecision();
+  }, [currentLine, previousLineWasDecision]);
   (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     volume: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioVolume,
     voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
     started: started,
+    slide: currentLine,
     text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
     audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
     soundActions: soundActions,

package/dist/components/dialog-component/components/DialogComponent.js

@@ -227,8 +227,8 @@ var DialogComponent = function DialogComponent(_ref) {
     } // if there is no branching, the previous line is the previous one
 
 
-    var lastL = lines[currentLineData - 1] ? lines[currentLineData - 1] : {};
-    return currentLineData > 0 && (lastL === null || lastL === void 0 ? void 0 : lastL.decision);
+    var lastL = lines[line - 1] ? lines[line - 1] : {};
+    return line > 0 && (lastL === null || lastL === void 0 ? void 0 : lastL.decision);
   }, [currentLineData, isBranched, lines, lastNodeId, edges]);
   var getCurrentVisible = (0, _react.useCallback)(function (uid) {
     if (!uid) return null;
@@ -414,7 +414,7 @@ var DialogComponent = function DialogComponent(_ref) {
 
     if (isBranched) {
       handleBranchDirection(false);
-    } else if (previousLineWasDecision()) {
+    } else if (!previousLineWasDecision()) {
       setCurrentMessage({
         show: false
       });
@@ -638,6 +638,7 @@ var DialogComponent = function DialogComponent(_ref) {
     started: currentMessage.show,
     text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
     audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
+    slide: line,
     soundActions: soundActions,
     emitEvent: emitEvent,
     pauseTTS: pause,
@@ -807,7 +808,10 @@ var DialogComponent = function DialogComponent(_ref) {
     height: '100vh',
     position: 'static'
   };
-  var disableBackButton = line === 0 || previousLineWasDecision();
+  var disableBackButton = (0, _react.useMemo)(function () {
+    var disabled = line === 0 || previousLineWasDecision();
+    return disabled;
+  }, [line, previousLineWasDecision]);
 
   if (isDecision) {
     var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {

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

@@ -168,13 +168,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       shape: 'poly'
     }, area);
   });
-  (0, _react.useEffect)(function () {
-    if (pause) {
-      clearInterval(intervalForCountDown.current);
-    } else {
-      startCountDown();
-    }
-  }, [pause, startCountDown]);
   var startCountDown = (0, _react.useCallback)(function () {
     var timeout = setInterval(function () {
       setCountDownTime(function (t) {
@@ -183,6 +176,13 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     }, 1000);
     intervalForCountDown.current = timeout;
   }, []);
+  (0, _react.useEffect)(function () {
+    if (pause) {
+      clearInterval(intervalForCountDown.current);
+    } else {
+      startCountDown();
+    }
+  }, [pause, startCountDown]);
   var handleFinish = (0, _react.useCallback)(function (rewards, success) {
     if (emitFinish) {
       emitFinish(rewards, success);

package/dist/helpers/mocker.js

@@ -95,7 +95,7 @@ var soundActions = [function (sound) {
     var exSound = new Audio(sound);
     exSound.play();
   }
-}, function () {}];
+}, function () {}, function () {}, function () {}];
 exports.soundActions = soundActions;
 
 var setShowPoints = function setShowPoints() {

package/dist/helpers/useEkho.js

@@ -35,6 +35,8 @@ var useEkho = function useEkho(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       _ref$started = _ref.started,
       started = _ref$started === void 0 ? true : _ref$started,
+      _ref$slide = _ref.slide,
+      slide = _ref$slide === void 0 ? 0 : _ref$slide,
       audio = _ref.audio,
       soundActions = _ref.soundActions,
       emitEvent = _ref.emitEvent,
@@ -94,16 +96,17 @@ var useEkho = function useEkho(_ref) {
   var setCurrentPlaying = (0, _react.useCallback)(function (url) {
     var cc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'tts';
 
-    if (currentPlaying.current.url === url) {
+    if (currentPlaying.current.url === url && slide === currentPlaying.current.slide) {
       return;
     }
 
     currentPlaying.current = {
       url: url,
-      cc: cc
+      cc: cc,
+      slide: slide
     };
     playSound(url, cc, loop, volume, onFinish, onStart);
-  }, [onStart, playSound, loop, onFinish, volume]);
+  }, [slide, playSound, loop, volume, onFinish, onStart]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
       var url;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.2.5",
+  "version": "2.2.8-hotfix",
   "main": "dist/index.js",
   "files": [
     "dist",