@gamelearn/arcade-components 1.24.1 → 1.24.3

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

@@ -80,6 +80,7 @@ var ComicComponent = function ComicComponent(_ref) {
 
   var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
   var close = (0, _react.useCallback)(function () {
+    setStarted(false);
     emitEvent({
       type: 'success'
     });

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

@@ -262,6 +262,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     }
   }, [currentLineData.id, edges, finishConversation, lines]);
   var handleClickNext = (0, _react.useCallback)(function (choice, reset) {
+    var isLast = false;
     setPreviousLineWasDecision(currentLineData.decision);
     setStarted(false);
     setAudioFailed(false);
@@ -279,11 +280,14 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       if (line + 1 <= maxLine) {
         setCurrentLine(line + 1);
       } else {
+        isLast = true;
         finishConversation();
       }
     }
 
-    setStarted(true);
+    if (!isLast) {
+      setStarted(true);
+    }
   }, [currentLine, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.decision, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length]);
 
   var handleClickBack = function handleClickBack() {

package/dist/helpers/useEkho.js

@@ -65,14 +65,7 @@ var useEkho = function useEkho(_ref) {
       type: 'translate',
       payload: id
     });
-  }, [emitEvent]); // Setted when is mounted
-
-  (0, _react.useEffect)(function () {
-    setIsMounted(true);
-    return function () {
-      setIsMounted(false);
-    };
-  }, []); // Get translated voices, todo: translate this in arcade translateProps i18n.helper.js
+  }, [emitEvent]); // Get translated voices, todo: translate this in arcade translateProps i18n.helper.js
 
   var getVoice = (0, _react.useCallback)(function (_ref2) {
     var id = _ref2.id,
@@ -117,7 +110,7 @@ var useEkho = function useEkho(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (!(payload.voiceId && payload.text)) {
+              if (!(isMounted && payload.voiceId && payload.text)) {
                 _context.next = 7;
                 break;
               }
@@ -154,7 +147,7 @@ var useEkho = function useEkho(_ref) {
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [emitEvent, onError, setCurrentPlaying]);
+  }(), [emitEvent, isMounted, onError, setCurrentPlaying]);
   var stopCurrentAudio = (0, _react.useCallback)(function () {
     if (currentPlaying.current.url) {
       currentPlaying.current = {
@@ -163,16 +156,24 @@ var useEkho = function useEkho(_ref) {
       };
       stop(currentPlaying.current.cc);
     }
-  }, [stop]);
+  }, [stop]); // Setted when is mounted
+
+  (0, _react.useEffect)(function () {
+    setIsMounted(true);
+    return function () {
+      setIsMounted(false);
+      stopCurrentAudio();
+    };
+  }, [stopCurrentAudio]);
   (0, _react.useEffect)(function () {
     if (noAudio) {
       stopCurrentAudio();
     }
   }, [noAudio, stopCurrentAudio]);
   (0, _react.useEffect)(function () {
-    if (isMounted && started) {
-      stopCurrentAudio();
+    stopCurrentAudio();
 
+    if (isMounted && started) {
       if (audioType === 'voice' && voice !== null && voice !== void 0 && voice.id) {
         var voiceId = getVoice(voice);
         playSpeech({

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.24.1",
+  "version": "1.24.3",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -13,7 +13,7 @@
     "url": "https://github.com/gamelearn/arcade-components"
   },
   "dependencies": {
-    "@gamelearn/arcade-styles": "0.11.10",
+    "@gamelearn/arcade-styles": "0.12.0",
     "@gamelearn/arcade-three-core": "1.10.4",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.10",