@gamelearn/arcade-components 2.2.0 → 2.2.3

package/dist/components/auto-evaluation-component/components/AutoEvaluation.js

@@ -106,9 +106,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--container__overlay"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "test--container",
     dir: "auto"
   }, phase === 'start' && /*#__PURE__*/_react.default.createElement(_StartScreen.default, {
@@ -159,7 +157,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   })))), phase === 'end' && /*#__PURE__*/_react.default.createElement(_EndScreen.default, {
     onFinish: close,
     translate: translate
-  })));
+  }));
 };
 
 var _default = AutoEvaluation;

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -142,11 +142,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
 
   var onFinish = function onFinish() {
     setFinished(true);
-
-    if (info.solution.right.desc && !(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks)) {
-      setFeedBackText(info.solution.right.desc);
-      setFeedbackIsShown(true);
-    }
   };
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
@@ -175,11 +170,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
 
       if (pickedCard !== null && pickedCard !== void 0 && pickedCard.desc) {
         setFeedBackText(pickedCard.desc);
-        setFeedbackIsShown(true);
       }
+    } else if (info.solution.right.desc) {
+      setFeedBackText(info.solution.right.desc);
     }
 
     playSound('score');
+    setFeedbackIsShown(true);
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: true

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

@@ -46,8 +46,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
-  var _specificFeedbacks$co2;
-
   var list = _ref.list,
       description = _ref.description,
       nodeId = _ref.nodeId,
@@ -57,11 +55,9 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
       setSelected = _ref.setSelected,
-      selected = _ref.selected,
-      pause = _ref.pause;
+      selected = _ref.selected;
   var accRewards = (0, _react.useRef)([]);
   var correctClicked = (0, _react.useRef)(0);
-  var currentSelected = (0, _react.useRef)(0);
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -107,7 +103,6 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   info.description = description;
   (0, _react.useEffect)(function () {
     correctClicked.current = 0;
-    currentSelected.current = 0;
   }, [index]);
   var onComplete = (0, _react.useCallback)(function (rw) {
     var correct = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -119,14 +114,7 @@ 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;
       } else {
-        var total = selected;
-
-        if (currentSelected.current) {
-          total -= currentSelected.current;
-        }
-
-        correctClicked.current = currentImageProps.areas.length;
-        setSelected(total + correctClicked.current);
+        correctClicked.current += currentImageProps.areas.length;
       }
 
       if (correctClicked.current === currentImageProps.areas.length) {
@@ -154,7 +142,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
         type: 'failPuzzle'
       });
     }
-  }, [specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$co2 = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co2 === void 0 ? void 0 : _specificFeedbacks$co2.length, currentImageProps.hasClickOnce, currentImageProps.areas.length, currentImageProps.hasClickOrder, index, list.length, handleFinish, emitEvent, setSelected, selected]);
+  }, [index, list.length, currentImageProps.hasClickOrder, currentImageProps.hasClickOnce, currentImageProps.areas.length, handleFinish, specificFeedbacks, setSelected, selected, emitEvent]);
 
   var onResolve = function onResolve() {
     playSound('score');
@@ -180,11 +168,12 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       resolvedItems.current[puzzleId] = true;
     }
   }, [onComplete, puzzleId, currentPuzzleStatus]);
-  var checkSelectedAreas = (0, _react.useCallback)(function () {
+
+  var checkSelectedAreas = function checkSelectedAreas() {
     var areasSelected = currentImageProps.hasClickOnce ? currentImageProps.areas.length : 1;
-    currentSelected.current += areasSelected;
     setSelected(selected + areasSelected);
-  }, [currentImageProps.areas.length, currentImageProps.hasClickOnce, selected, setSelected]);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_imageClickWrapperComponent.default, _extends({
     key: index
   }, currentImageProps, {
@@ -203,8 +192,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     emitEvent: emitEvent,
     disableExit: disableExit,
     soundActions: soundActions,
-    setResolveAction: setResolveAction,
-    pause: pause
+    setResolveAction: setResolveAction
   }));
 };
 

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

@@ -93,8 +93,10 @@ var ComicComponent = function ComicComponent(_ref) {
       setTransition('slide-animation');
       setCount(slideCount + 1);
       setStarted(true);
+    } else {
+      close();
     }
-  }, [slideCount, slides === null || slides === void 0 ? void 0 : slides.length]);
+  }, [close, slideCount, slides === null || slides === void 0 ? void 0 : slides.length]);
   var goToPreviousSlide = (0, _react.useCallback)(function () {
     setStarted(false);
     setAudioFailed(false);
@@ -132,7 +134,7 @@ var ComicComponent = function ComicComponent(_ref) {
       setAudioFailed(true);
     },
     onFinish: function onFinish() {
-      if (automatic && !(slide !== null && slide !== void 0 && slide.slideTimer)) {
+      if (automatic) {
         goToNextSlide();
       }
     }

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

@@ -27,22 +27,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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 _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."); }
@@ -59,10 +49,9 @@ var characterMs = 75;
 var minMs = 1400;
 
 var ConversationProViewer = function ConversationProViewer(_ref) {
-  var _background$img, _currentLineData$slot3, _currentMessage$text;
+  var _background$img, _currentLineData$slot;
 
   var emitEvent = _ref.emitEvent,
-      pause = _ref.pause,
       lines = _ref.lines,
       edges = _ref.edges,
       characters = _ref.characters,
@@ -97,11 +86,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       currentLine = _useState10[0],
       setCurrentLine = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      ttsStarted = _useState12[0],
-      setTTsStart = _useState12[1];
-
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
@@ -111,43 +95,19 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
 
   var backgroundImage = (background === null || background === void 0 ? void 0 : (_background$img = background.img) === null || _background$img === void 0 ? void 0 : _background$img.url) || null;
   var currentLineData = lines[currentLine];
+  var voiceOverSlots = [];
   var voiceOver = currentLineData.voiceOver,
       decision = currentLineData.decision;
-  var voiceOverSlots = [];
   var isBranched = !!edges;
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      previousLineWasDecision = _useState12[0],
+      setPreviousLineWasDecision = _useState12[1];
+
   var isVoiceOver = voiceOver || currentLineData.type === 'conversationalNarration';
   var isDecision = decision || currentLineData.type === 'conversationalDecision';
   var isFlex = currentLineData.flex;
-
-  var _useState13 = (0, _react.useState)([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      edgesHistory = _useState14[0],
-      setEdgesHistory = _useState14[1];
-
-  var lastNodeId = (0, _react.useMemo)(function () {
-    return edgesHistory[edgesHistory.length - 1];
-  }, [edgesHistory]);
-  var findLastLineBranched = (0, _react.useCallback)(function () {
-    var lastEdge = edges.find(function (edge) {
-      return edge.fromId === lastNodeId;
-    });
-    var lastLine = lines.find(function (line) {
-      return line.id === lastEdge.fromId;
-    });
-    return lastLine;
-  }, [edges, lines, lastNodeId]);
-  var previousLineWasDecision = (0, _react.useCallback)(function () {
-    if (isBranched) {
-      // if we have edges, we need to check if the previous line was a decision
-      var _lastLine = findLastLineBranched();
-
-      return _lastLine === null || _lastLine === void 0 ? void 0 : _lastLine.decision;
-    } // if there is no branching, the previous line is the previous one
-
-
-    var lastLine = lines[currentLine - 1] ? lines[currentLine - 1] : {};
-    return currentLine > 0 && (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision);
-  }, [isBranched, findLastLineBranched, lines, currentLine]);
   var translate = (0, _react.useCallback)(function (id) {
     return emitEvent({
       type: 'translate',
@@ -155,13 +115,11 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     });
   }, [emitEvent]);
   var getCurrentMessage = (0, _react.useCallback)(function () {
-    var _currentLineData$slot, _currentLineData$slot2;
-
     if (isVoiceOver) {
       return currentLineData;
     }
 
-    var currentMessage = currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$slot = currentLineData.slots) === null || _currentLineData$slot === void 0 ? void 0 : _currentLineData$slot.find(function (slot) {
+    var currentMessage = currentLineData.slots.find(function (slot) {
       return slot.uid && slot.talking;
     });
 
@@ -170,30 +128,21 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     } // Old conversational schema
 
 
-    return currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$slot2 = currentLineData.slots) === null || _currentLineData$slot2 === void 0 ? void 0 : _currentLineData$slot2.find(function (slot) {
+    return currentLineData.slots.find(function (slot) {
       return slot.uid && slot.text;
     });
   }, [currentLineData, isVoiceOver]);
   var currentMessage = (0, _react.useMemo)(function () {
     return !isDecision ? getCurrentMessage() : {};
-  }, [getCurrentMessage, isDecision]);
-  var listProps = {
-    characters: currentCharacters,
-    lodSettings: lodSettings,
-    actors: actors,
-    currentMessage: currentMessage || {},
-    slots: !isVoiceOver ? currentLineData.slots : voiceOverSlots,
-    flex: isFlex,
-    pause: pause
-  }; // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
+  }, [getCurrentMessage, isDecision]); // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
 
   var leftWithSlots = lines.slice(0, currentLine + 1).reverse().find(function (line) {
     return line.slots;
   });
-  var hasCharacters = !isDecision && ((_currentLineData$slot3 = currentLineData.slots) === null || _currentLineData$slot3 === void 0 ? void 0 : _currentLineData$slot3.filter(function (slot) {
+  var lastLine = lines[currentLine - 1] ? lines[currentLine - 1] : {};
+  var hasCharacters = !isDecision && ((_currentLineData$slot = currentLineData.slots) === null || _currentLineData$slot === void 0 ? void 0 : _currentLineData$slot.filter(function (slot) {
     return slot.uid;
   }).length);
-  var autoPlayTime = characterMs * ((currentMessage === null || currentMessage === void 0 ? void 0 : (_currentMessage$text = currentMessage.text) === null || _currentMessage$text === void 0 ? void 0 : _currentMessage$text.length) || 0);
   var currentSlots = [];
 
   if (currentLineData.slots) {
@@ -253,6 +202,14 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     }
   }
 
+  var listProps = {
+    characters: currentCharacters,
+    lodSettings: lodSettings,
+    actors: actors,
+    currentMessage: currentMessage || {},
+    slots: !isVoiceOver ? currentLineData.slots : voiceOverSlots,
+    flex: isFlex
+  };
   var finishConversation = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'success'
@@ -286,36 +243,27 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   var handleBranchDirection = (0, _react.useCallback)(function () {
     var forward = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     var keys = forward ? ['fromId', 'toId'] : ['toId', 'fromId'];
-    var foundEdges = edges.filter(function (edge) {
+    var foundEdge = edges.find(function (edge) {
       return edge[keys[0]] === currentLineData.id;
     });
-    var foundEdge = foundEdges.length === 1 ? foundEdges[0] : foundEdges.find(function (edge) {
-      return edge[keys[1]] === lastNodeId;
-    });
 
     if (!(foundEdge !== null && foundEdge !== void 0 && foundEdge[keys[0]])) {
-      return;
-    } // if going backwards, we need to remove the last node from the history
-
-
-    if (!forward) {
-      setEdgesHistory(edgesHistory.slice(0, -1));
-    }
-
-    var destination = lines.findIndex(function (line) {
-      return line.id === foundEdge[keys[1]];
-    });
-
-    if (destination >= 0) {
-      setCurrentLine(destination);
-    } else {
       finishConversation();
+    } else {
+      var destination = lines.findIndex(function (line) {
+        return line.id === foundEdge[keys[1]];
+      });
+
+      if (destination >= 0) {
+        setCurrentLine(destination);
+      } else {
+        finishConversation();
+      }
     }
-  }, [currentLineData.id, edges, edgesHistory, finishConversation, lastNodeId, lines]);
+  }, [currentLineData.id, edges, finishConversation, lines]);
   var handleClickNext = (0, _react.useCallback)(function (choice, reset) {
     var isLast = false;
-    setTTsStart(false);
-    setEdgesHistory([].concat(_toConsumableArray(edgesHistory), [currentLineData.id]));
+    setPreviousLineWasDecision(currentLineData.decision);
     setStarted(false);
     setAudioFailed(false);
 
@@ -331,21 +279,19 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
 
       if (line + 1 <= maxLine) {
         setCurrentLine(line + 1);
-      } else if (currentLineData.decision) {
-        finishConversation();
       } else {
         isLast = true;
+        finishConversation();
       }
     }
 
     if (!isLast) {
       setStarted(true);
     }
-  }, [currentLine, currentLineData.decision, currentLineData.id, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length, edgesHistory]);
+  }, [currentLine, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.decision, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length]);
 
   var handleClickBack = function handleClickBack() {
     setStarted(false);
-    setTTsStart(false);
     setAudioFailed(false);
 
     if (isBranched) {
@@ -357,25 +303,10 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     setStarted(true);
   };
 
-  var isEndNode = (0, _react.useCallback)(function () {
-    if (isBranched) {
-      return currentLineData && currentLineData.type !== 'conversationalDecision' && !edges.find(function (edge) {
-        return edge.fromId === currentLineData.id;
-      });
-    }
-
-    return currentLine === lines.length - 1;
-  }, [currentLine, currentLineData, edges, isBranched, lines.length]);
-
   var manualClickNext = function manualClickNext() {
     playSound('click-ui');
-
-    if (isEndNode()) {
-      finishConversation();
-    } else {
-      setAutomatic(false);
-      handleClickNext();
-    }
+    setAutomatic(false);
+    handleClickNext();
   };
 
   var manualClickBack = function manualClickBack() {
@@ -384,8 +315,8 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     handleClickBack();
   };
 
-  var autoplayCond = automatic && !isDecision && !pause;
-  var disableBackButton = currentLine === 0 || previousLineWasDecision();
+  var autoplayCond = automatic && !isDecision;
+  var disableBackButton = currentLine === 0 || previousLineWasDecision || currentLine > 0 && (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision);
   (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     volume: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioVolume,
@@ -395,53 +326,28 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
     soundActions: soundActions,
     emitEvent: emitEvent,
-    pause: pause,
-    onStart: function onStart() {
-      var _currentMessage$emoti;
-
-      if (currentMessage !== null && currentMessage !== void 0 && (_currentMessage$emoti = currentMessage.emotion) !== null && _currentMessage$emoti !== void 0 && _currentMessage$emoti.includes('think')) return;
-      setTTsStart(true);
-    },
     onError: function onError() {
       setAudioFailed(true);
     },
     onFinish: function onFinish() {
-      setTTsStart(false);
-
       if (autoplayCond) {
         handleClickNext();
       }
     }
-  });
-  (0, _react.useEffect)(function () {
-    var _currentMessage$emoti2;
-
-    var timeout;
-
-    if (((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed) && !(currentMessage !== null && currentMessage !== void 0 && (_currentMessage$emoti2 = currentMessage.emotion) !== null && _currentMessage$emoti2 !== void 0 && _currentMessage$emoti2.includes('think'))) {
-      setTTsStart(true);
-      timeout = setTimeout(function () {
-        setTTsStart(false);
-      }, autoPlayTime < minMs ? minMs : autoPlayTime);
-    }
-
-    return function () {
-      if (timeout) clearTimeout(timeout);
-    };
-  }, [audioFailed, currentLineData, currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.emotion, autoPlayTime]); // Autoplay logic
+  }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
     if (autoplayCond && ((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed)) {
-      // if it's not last node
-      if (!isEndNode()) {
-        start(handleClickNext, autoPlayTime < minMs ? minMs : autoPlayTime);
-      }
+      var _currentMessage$text;
+
+      var time = characterMs * ((currentMessage === null || currentMessage === void 0 ? void 0 : (_currentMessage$text = currentMessage.text) === null || _currentMessage$text === void 0 ? void 0 : _currentMessage$text.length) || 0);
+      start(handleClickNext, time < minMs ? minMs : time);
     }
 
     return function () {
       stop();
     };
-  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed, lines, isEndNode, autoPlayTime]); // Calculate start node
+  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed, lines]); // Calculate start node
 
   (0, _react.useEffect)(function () {
     if (isBranched && !mounted) {
@@ -488,9 +394,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     style: backgroundImage ? {
       backgroundImage: "url(\"".concat(backgroundImage, "\")")
     } : null
-  }, /*#__PURE__*/_react.default.createElement(_SlotList.default, _extends({}, listProps, {
-    ttsStarted: ttsStarted
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_SlotList.default, listProps), /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--body",
     dir: "auto"
   }, currentMessage ? /*#__PURE__*/_react.default.createElement(_Message.default, {
@@ -506,7 +410,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn__round ".concat(automatic && isEndNode() ? 'glowing-animation' : ''),
+    className: "gat--btn__round",
     type: "button",
     onClick: manualClickNext
   }, /*#__PURE__*/_react.default.createElement("span", {

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

@@ -25,12 +25,10 @@ var SlotList = function SlotList(_ref) {
   var characters = _ref.characters,
       actors = _ref.actors,
       lodSettings = _ref.lodSettings,
-      ttsStarted = _ref.ttsStarted,
       currentMessage = _ref.currentMessage,
       flex = _ref.flex,
       slots = _ref.slots,
-      children = _ref.children,
-      pause = _ref.pause;
+      children = _ref.children;
 
   var characterProps = function characterProps(_ref2) {
     var character = _ref2.character,
@@ -144,9 +142,7 @@ var SlotList = function SlotList(_ref) {
     slots: slots,
     flex: flex,
     currentMessage: currentMessage,
-    lodSettings: lodSettings,
-    ttsStarted: ttsStarted,
-    pause: pause
+    lodSettings: lodSettings
   }), children || /*#__PURE__*/_react.default.createElement(Slots, null));
 };
 

package/dist/components/conversational-pro-component/components/scene/Panel.js

@@ -29,38 +29,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var isMobile = (0, _deviceDetection.DeviceDetection)();
 var defaultCamPos = [0, 14.63, 16];
 
 function Panel(_ref) {
-  var _character$resource4, _character$resource6, _character$resource6$, _character$resource6$2, _character$resource7;
+  var _character$resource4, _character$resource5;
 
   var character = _ref.character,
-      ttsStarted = _ref.ttsStarted,
       active = _ref.active;
   var cameraRef = (0, _react.useRef)(null);
   var sceneRef = (0, _react.useRef)(null);
   var isCharacter = character.type === 'character';
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      talking = _useState2[0],
-      setTalking = _useState2[1];
-
-  var model = (0, _react.useRef)();
-  var defaultClip = (0, _react.useRef)();
   var emotion = (0, _react.useMemo)(function () {
     if (isCharacter) {
       var _character$resource, _character$resource$a, _character$resource$a2, _character$resource3, _character$resource3$;
@@ -76,66 +55,26 @@ function Panel(_ref) {
 
     return {};
   }, [character.emotion, character === null || character === void 0 ? void 0 : (_character$resource4 = character.resource) === null || _character$resource4 === void 0 ? void 0 : _character$resource4.animations, isCharacter]);
-  var resetAnimation = (0, _react.useCallback)(function () {
-    var _model$current$userDa = model.current.userData,
-        mixer = _model$current$userDa.mixer,
-        defaultAnim = _model$current$userDa.defaultAnim,
-        emotionClip = _model$current$userDa.emotionClip;
-
-    if (defaultAnim && emotionClip) {
-      var emotionAction = mixer.clipAction(emotionClip, model.current);
-      var defaultAction = mixer.clipAction(defaultAnim, model.current);
-      mixer.stopAllAction();
-      (0, _helpers.executeCrossFade)(emotionAction, defaultAction);
-      setTalking(false);
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (model.current) {
-      if (active) {
-        if (ttsStarted) {
-          var _character$resource5, _character$resource5$, _character$resource5$2;
-
-          (0, _helpers.executeTalkingAnimation)(model.current, character === null || character === void 0 ? void 0 : (_character$resource5 = character.resource) === null || _character$resource5 === void 0 ? void 0 : (_character$resource5$ = _character$resource5.animations) === null || _character$resource5$ === void 0 ? void 0 : (_character$resource5$2 = _character$resource5$.talking) === null || _character$resource5$2 === void 0 ? void 0 : _character$resource5$2.url);
-          setTalking(true);
-        } else {
-          resetAnimation();
-        }
-      } else if (talking) {
-        resetAnimation();
-      }
-    }
-  }, [character === null || character === void 0 ? void 0 : (_character$resource6 = character.resource) === null || _character$resource6 === void 0 ? void 0 : (_character$resource6$ = _character$resource6.animations) === null || _character$resource6$ === void 0 ? void 0 : (_character$resource6$2 = _character$resource6$.talking) === null || _character$resource6$2 === void 0 ? void 0 : _character$resource6$2.url, ttsStarted, active, resetAnimation, talking]);
-  var onLoadElement = (0, _react.useCallback)(function (object) {
+  var onLoadElement = (0, _react.useCallback)(function (model) {
     if (cameraRef.current) {
       var boundingBox = new _three.Box3();
-      boundingBox.setFromObject(object);
+      boundingBox.setFromObject(model);
       var size = boundingBox.getSize(new _three.Vector3());
       cameraRef.current.position.fromArray(defaultCamPos);
       cameraRef.current.rotation.set(0, 0, 0);
       cameraRef.current.updateProjectionMatrix();
 
       if (character.type === 'character') {
-        var defaultAnim = object.userData.defaultAnim;
-        model.current = object;
-        defaultClip.current = defaultAnim.clone();
-        cameraRef.current.position.setY(size.y - 1.5 * 1.3); // Retro compatible with resources without eye bone
-
-        object.traverse(function (obj) {
-          if (obj.type === 'Bone' && (obj.name.toLowerCase() === 'l_eye' || obj.name.toLowerCase() === 'eye_l')) {
-            var leftEyeVector = new _three.Vector3().setFromMatrixPosition(obj.matrixWorld);
-            cameraRef.current.position.setY(leftEyeVector.y - 0.5);
-          }
-        });
+        cameraRef.current.position.setY(size.y - 1.5 * 1.3);
         cameraRef.current.zoom = 1.85;
       } else if (character.type === 'object') {
-        (0, _helpers.cameraFitAnyObject)(object, cameraRef.current);
+        (0, _helpers.cameraFitAnyObject)(model, cameraRef.current);
         cameraRef.current.zoom = 1;
       }
 
       cameraRef.current.updateProjectionMatrix();
     }
-  }, [character.type]);
+  }, [character]);
   (0, _fiber.useFrame)(function (_ref2) {
     var gl = _ref2.gl;
 
@@ -165,8 +104,9 @@ function Panel(_ref) {
   }, 100);
   return character.type === 'image' ? null : /*#__PURE__*/_react.default.createElement("scene", {
     ref: sceneRef
-  }, (_character$resource7 = character.resource) !== null && _character$resource7 !== void 0 && _character$resource7.url ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.LodWrapper, {
-    progressive: true
+  }, (_character$resource5 = character.resource) !== null && _character$resource5 !== void 0 && _character$resource5.url ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.LodWrapper, {
+    progressive: true,
+    individualProgress: true
   }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.TriggerWrapper, {
     name: "char_".concat(character.uid),
     url: character.resource.url,
@@ -179,9 +119,7 @@ function Panel(_ref) {
     fov: 35,
     focus: 10,
     ref: cameraRef,
-    position: defaultCamPos,
-    makeDefault: true,
-    defaultCamera: true
+    position: defaultCamPos
   }), /*#__PURE__*/_react.default.createElement(_LightSet.default, null));
 }