@gamelearn/arcade-components 1.22.8 → 1.22.9

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

@@ -61,25 +61,30 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       lodSettings = _ref.lodSettings,
       autoPlay = _ref.autoPlay;
 
-  var _useState = (0, _react.useState)(true),
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      started = _useState2[0],
-      setStarted = _useState2[1];
+      mounted = _useState2[0],
+      setMounted = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(!!autoPlay),
+  var _useState3 = (0, _react.useState)(true),
       _useState4 = _slicedToArray(_useState3, 2),
-      automatic = _useState4[0],
-      setAutomatic = _useState4[1];
+      started = _useState4[0],
+      setStarted = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(!!autoPlay),
       _useState6 = _slicedToArray(_useState5, 2),
-      audioFailed = _useState6[0],
-      setAudioFailed = _useState6[1];
+      automatic = _useState6[0],
+      setAutomatic = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(0),
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      currentLine = _useState8[0],
-      setCurrentLine = _useState8[1];
+      audioFailed = _useState8[0],
+      setAudioFailed = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      currentLine = _useState10[0],
+      setCurrentLine = _useState10[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -95,10 +100,10 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       decision = currentLineData.decision;
   var isBranched = !!edges;
 
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      previousLineWasDecision = _useState10[0],
-      setPreviousLineWasDecision = _useState10[1];
+  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';
@@ -279,7 +284,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     }
 
     setStarted(true);
-  }, [currentLine, currentLineData, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length]);
+  }, [currentLine, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.decision, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length]);
 
   var handleClickBack = function handleClickBack() {
     setStarted(false);
@@ -340,7 +345,27 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     return function () {
       stop();
     };
-  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed]);
+  }, [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) {
+      var startNodes = lines.filter(function (node) {
+        return !edges.find(function (edge) {
+          return edge.toId === node.id;
+        });
+      });
+
+      if (startNodes.length) {
+        var initialNode = startNodes[0];
+        var newInitiaIndexlNode = lines.indexOf(initialNode);
+
+        if (newInitiaIndexlNode >= 0) {
+          setMounted(true);
+          setCurrentLine(newInitiaIndexlNode);
+        }
+      }
+    }
+  }, [edges, isBranched, lines, mounted]);
 
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,

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

@@ -102,8 +102,13 @@ var DialogComponent = function DialogComponent(_ref) {
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      audioFailed = _useState8[0],
-      setAudioFailed = _useState8[1];
+      mounted = _useState8[0],
+      setMounted = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      audioFailed = _useState10[0],
+      setAudioFailed = _useState10[1];
 
   var _useThree = (0, _fiber.useThree)(function (state) {
     return [state.camera, state.scene];
@@ -147,10 +152,10 @@ var DialogComponent = function DialogComponent(_ref) {
     });
   }, [emitEvent]);
 
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      previousLineWasDecision = _useState10[0],
-      setPreviousLineWasDecision = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      previousLineWasDecision = _useState12[0],
+      setPreviousLineWasDecision = _useState12[1];
 
   var isVoiceOver = voiceOver || (currentLine === null || currentLine === void 0 ? void 0 : currentLine.type) === 'conversationalNarration';
   var isDecision = decision || (currentLine === null || currentLine === void 0 ? void 0 : currentLine.type) === 'conversationalDecision';
@@ -327,7 +332,7 @@ var DialogComponent = function DialogComponent(_ref) {
     } else {
       finishConversation();
     }
-  }, [currentLineData.decision, isBranched, line, lines.length, handleDecisionBranch, handleBranchDirection, finishConversation]);
+  }, [currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.decision, isBranched, line, lines.length, handleDecisionBranch, handleBranchDirection, finishConversation]);
 
   var manualBackLine = function manualBackLine() {
     setAutomatic(false);
@@ -337,8 +342,28 @@ var DialogComponent = function DialogComponent(_ref) {
   var manualNextLine = function manualNextLine() {
     setAutomatic(false);
     nextLine();
-  }; // Position bubble over talking character/and switch emotions
+  }; // Calculate start node
+
+
+  (0, _react.useEffect)(function () {
+    if (isBranched && !mounted) {
+      var startNodes = lines.filter(function (node) {
+        return !edges.find(function (edge) {
+          return edge.toId === node.id;
+        });
+      });
+
+      if (startNodes.length) {
+        var initialNode = startNodes[0];
+        var newInitiaIndexlNode = lines.indexOf(initialNode);
 
+        if (newInitiaIndexlNode >= 0) {
+          setMounted(true);
+          changeLine(newInitiaIndexlNode);
+        }
+      }
+    }
+  }, [edges, isBranched, lines, mounted]); // Position bubble over talking character/and switch emotions
 
   (0, _react.useEffect)(function () {
     if (isDecision) {

package/package.json

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