@gamelearn/arcade-components 1.22.9 → 1.22.10-hotfix-2

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'
     });
@@ -120,7 +121,7 @@ var ComicComponent = function ComicComponent(_ref) {
     goToPreviousSlide();
   };
 
-  var stopEkho = (0, _useEkho.default)({
+  (0, _useEkho.default)({
     audioType: slides === null || slides === void 0 ? void 0 : (_slides$slideCount = slides[slideCount]) === null || _slides$slideCount === void 0 ? void 0 : _slides$slideCount.audioType,
     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,
@@ -137,9 +138,6 @@ var ComicComponent = function ComicComponent(_ref) {
       }
     }
   });
-  (0, _react.useEffect)(function () {
-    stopEkho();
-  }, [slideCount, stopEkho]);
   (0, _react.useEffect)(function () {
     if (automatic && ((slide === null || slide === void 0 ? void 0 : slide.audioType) === 'none' || audioFailed)) {
       var _slide$vignettes$, _slide$vignettes$$tex;

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() {
@@ -313,7 +317,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
 
   var autoplayCond = automatic && !isDecision;
   var disableBackButton = currentLine === 0 || previousLineWasDecision || currentLine > 0 && (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision);
-  var stopEkho = (0, _useEkho.default)({
+  (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
     started: started,
@@ -329,10 +333,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
         handleClickNext();
       }
     }
-  });
-  (0, _react.useEffect)(function () {
-    stopEkho();
-  }, [currentLine, stopEkho]); // Autoplay logic
+  }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
     if (autoplayCond && ((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed)) {

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

@@ -45,6 +45,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -145,6 +153,20 @@ var DialogComponent = function DialogComponent(_ref) {
       voiceOver = _ref2.voiceOver,
       decision = _ref2.decision;
 
+  var charactersInvolved = (0, _react.useMemo)(function () {
+    return lines.reduce(function (acc, current) {
+      if (current.slots) {
+        var participants = current.slots.filter(function (slot) {
+          return slot.uid;
+        });
+        participants.forEach(function (currentParticipant) {
+          if (!acc.includes(currentParticipant.uid)) acc.push(currentParticipant.uid);
+        });
+      }
+
+      return acc;
+    }, []);
+  }, [lines]);
   var translate = (0, _react.useCallback)(function (id) {
     return emitEvent({
       type: 'translate',
@@ -184,10 +206,10 @@ var DialogComponent = function DialogComponent(_ref) {
     var _slot$character2;
 
     var onLoadAnim = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
-    var animation = (_slot$character2 = slot.character) === null || _slot$character2 === void 0 ? void 0 : _slot$character2.resource.animations[slot.emotion];
+    var animation = (_slot$character2 = slot.character) === null || _slot$character2 === void 0 ? void 0 : _slot$character2.resource.animations[element.isSeated ? "".concat(slot.emotion, "-seated") : slot.emotion];
     var mixer = element.userData.mixer;
 
-    if (animation && animation.url && !element.isSeated) {
+    if (animation && animation.url) {
       loader.load(animation.url, function (anim) {
         var emotionClip = anim.animations[0];
         var defaultClip = element.userData.defaultAnim;
@@ -206,31 +228,31 @@ var DialogComponent = function DialogComponent(_ref) {
     }
   }, [loader]);
 
-  var executeAnimation = function executeAnimation(element) {
-    var mixer = element.userData.mixer;
-    var startAction = mixer.clipAction(element.userData.currentEmotion.getClip(), element);
-    var defaultAction = mixer.clipAction(element.userData.defaultAnim, element);
+  var executeDefaultAnimation = function executeDefaultAnimation(element) {
+    if (element.userData.mixer && element.userData.currentEmotion) {
+      var mixer = element.userData.mixer;
+      var startAction = mixer.clipAction(element.userData.currentEmotion.getClip(), element);
+      var defaultAction = mixer.clipAction(element.userData.defaultAnim, element);
 
-    if (element.userData.currentEmotion !== defaultAction) {
-      setTimeout(function () {
-        mixer.stopAllAction();
-        (0, _helpers.executeCrossFade)(startAction, defaultAction, crossFadeDuration / Math.floor(Math.random() * 3));
+      if (element.userData.currentEmotion !== defaultAction) {
+        setTimeout(function () {
+          mixer.stopAllAction();
+          (0, _helpers.executeCrossFade)(startAction, defaultAction, crossFadeDuration / Math.floor(Math.random() * 3));
 
-        if (element.userData.currentEmotion) {
-          element.userData.lastEmotion = element.userData.currentEmotion;
-        }
+          if (element.userData.currentEmotion) {
+            element.userData.lastEmotion = element.userData.currentEmotion;
+          }
 
-        element.userData.currentEmotion = defaultAction;
-      }, Math.floor(Math.random() * 3) * 500);
+          element.userData.currentEmotion = defaultAction;
+        }, Math.floor(Math.random() * 3) * 500);
+      }
     }
   }; // Reset currentEmotion to defaultAnim
 
 
   var resetAnims = (0, _react.useCallback)(function () {
     scene.traverseVisible(function (node) {
-      if (node.userData.mixer && node.userData.currentEmotion) {
-        executeAnimation(node);
-      }
+      return executeDefaultAnimation(node);
     });
   }, [scene]);
   var resetCameraView = (0, _react.useCallback)(function () {
@@ -387,6 +409,19 @@ var DialogComponent = function DialogComponent(_ref) {
       });
       var slottedCharacters = currentLine === null || currentLine === void 0 ? void 0 : currentLine.slots.filter(function (slot) {
         return slot.uid && !slot.talking;
+      });
+      var currentParticipants = [].concat(_toConsumableArray(slottedCharacters.map(function (slot) {
+        return slot.uid;
+      }) || []), [talkingCharacter.uid]);
+      var notInvolvedParticipants = charactersInvolved.filter(function (charUid) {
+        return !currentParticipants.includes(charUid);
+      });
+      notInvolvedParticipants.forEach(function (uid) {
+        var element = getCurrentVisible(uid);
+
+        if (element) {
+          executeDefaultAnimation(element);
+        }
       }); // Check not talking elements emotion
 
       slottedCharacters.forEach(function (slot) {
@@ -420,45 +455,45 @@ var DialogComponent = function DialogComponent(_ref) {
               mixer.stopAllAction();
               (0, _helpers.executeCrossFade)(startAction, action, crossFadeDuration);
             }
-          });
-
-          if (talkingCharacter.uid === element.uid) {
-            var showArrowTop = talkingCharacter.text.length > maxCharacterToSwitch;
-            var head = element.getObjectByName('Head_M');
-            var target = new _three.Object3D();
-            head.getWorldPosition(target.position);
-            target.applyQuaternion(camera.quaternion);
-            target.translateX(1.25);
-            var distance = camera.position.distanceTo(target.position);
-            var staticDisplay = distance > 70 && !zoomInActor && !showArrowTop;
-            target.translateY(staticDisplay || showArrowTop ? 0 : 3);
-            messagePosition.current = {
-              pos: target.position.toArray(),
-              child: head,
-              parent: element
-            };
-
-            if (zoomInActor) {
-              animationStart.current = true;
-            } // Ugly timeout to wait for zoom in ( maybe use tween (?))
 
-
-            setTimeout(function () {
-              var _talkingCharacter$cha;
-
-              distance = camera.position.distanceTo(target.position);
-              setCurrentMessage({
-                text: talkingCharacter.text,
-                name: talkingCharacter.alias || ((_talkingCharacter$cha = talkingCharacter.character) === null || _talkingCharacter$cha === void 0 ? void 0 : _talkingCharacter$cha.name),
-                left: true,
-                top: showArrowTop || distance > 70,
-                inScene: true,
-                thinkful: talkingCharacter.emotion === 'thinkful',
-                avatar: '',
-                show: true
-              });
-            }, zoomInActor ? 1200 : 0);
-          }
+            if (talkingCharacter.uid === element.uid) {
+              var showArrowTop = talkingCharacter.text.length > maxCharacterToSwitch;
+              var head = element.getObjectByName('Head_M');
+              var target = new _three.Object3D();
+              head.getWorldPosition(target.position);
+              target.applyQuaternion(camera.quaternion);
+              target.translateX(1.25);
+              var distance = camera.position.distanceTo(target.position);
+              var staticDisplay = distance > 70 && !zoomInActor && !showArrowTop;
+              target.translateY(staticDisplay || showArrowTop ? 0 : 3);
+              messagePosition.current = {
+                pos: target.position.toArray(),
+                child: head,
+                parent: element
+              };
+
+              if (zoomInActor) {
+                animationStart.current = true;
+              } // Ugly timeout to wait for zoom in ( maybe use tween (?))
+
+
+              setTimeout(function () {
+                var _talkingCharacter$cha;
+
+                distance = camera.position.distanceTo(target.position);
+                setCurrentMessage({
+                  text: talkingCharacter.text,
+                  name: talkingCharacter.alias || ((_talkingCharacter$cha = talkingCharacter.character) === null || _talkingCharacter$cha === void 0 ? void 0 : _talkingCharacter$cha.name),
+                  left: true,
+                  top: showArrowTop || distance > 70,
+                  inScene: true,
+                  thinkful: talkingCharacter.emotion === 'thinkful',
+                  avatar: '',
+                  show: true
+                });
+              }, zoomInActor ? 1200 : 0);
+            }
+          });
         } else {
           var _talkingCharacter$cha2;
 
@@ -481,7 +516,7 @@ var DialogComponent = function DialogComponent(_ref) {
         });
       }
     }
-  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView, isDecision, isVoiceOver]);
+  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView, isDecision, isVoiceOver, charactersInvolved]);
   var autoPlayCond = automatic && !(currentLine !== null && currentLine !== void 0 && currentLine.decision);
   var audio = Object.keys((currentLine === null || currentLine === void 0 ? void 0 : currentLine.audio) || {}).length;
   var voice = Object.keys((currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice) || {}).length; // Sound logic
@@ -505,6 +540,9 @@ var DialogComponent = function DialogComponent(_ref) {
   });
   (0, _react.useEffect)(function () {
     stopEkho();
+    return function () {
+      stopEkho();
+    };
   }, [line, stopEkho]); // Autoplay logic
 
   (0, _react.useEffect)(function () {

package/dist/helpers/useEkho.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _react = require("react");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -71,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,
@@ -123,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;
               }
@@ -160,21 +147,32 @@ 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 = _objectSpread(_objectSpread({}, currentPlaying.current), {}, {
-        url: ''
-      });
+      currentPlaying.current = {
+        url: '',
+        cc: 'tts'
+      };
       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 () {
+    stopCurrentAudio();
+
     if (isMounted && started) {
       if (audioType === 'voice' && voice !== null && voice !== void 0 && voice.id) {
         var voiceId = getVoice(voice);
@@ -188,7 +186,7 @@ var useEkho = function useEkho(_ref) {
         onError();
       }
     }
-  }, [getVoice, playSpeech, isMounted, voice, text, audioType, audio === null || audio === void 0 ? void 0 : audio.url, audio, setCurrentPlaying, onError, started]);
+  }, [getVoice, playSpeech, isMounted, voice, text, audioType, audio === null || audio === void 0 ? void 0 : audio.url, audio, setCurrentPlaying, onError, started, stopCurrentAudio]);
   return stopCurrentAudio;
 };
 

package/package.json

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