@gamelearn/arcade-components 2.30.0 → 2.31.0

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

@@ -33,7 +33,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var characterMs = 75;
 var minMs = 1400;
-var ConversationProViewer = function ConversationProViewer(_ref) {
+var ConversationalProComponent = function ConversationalProComponent(_ref) {
   var _background$img, _currentLineData$slot3, _currentMessage$text;
   var keyboardControl = _ref.keyboardControl,
     emitEvent = _ref.emitEvent,
@@ -277,6 +277,48 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       finishConversation();
     }
   }, [currentLineData.id, edges, edgesHistory, emitEvent, finishConversation, lastNodeId, lines]);
+  var decisionNotifyProgress = (0, _react.useCallback)(function (choice) {
+    if (isBranched) {
+      if (choice) {
+        var currentId = [3, 2, 1][choice.id];
+        var optionsEdges = edges.filter(function (edge) {
+          return edge.fromId === currentLineData.id;
+        });
+        var currentEdge = optionsEdges.find(function (edge) {
+          return parseInt(edge.fromPointIndex) === currentId;
+        });
+        if (currentEdge) {
+          var destinationEdge = lines.findIndex(function (l) {
+            return l.id === currentEdge.toId;
+          });
+          if (destinationEdge >= 0) {
+            emitEvent({
+              type: 'notifyProgress',
+              payload: {
+                line: destinationEdge
+              }
+            });
+          }
+        } else {
+          emitEvent({
+            type: 'saveNode'
+          });
+        }
+      }
+    } else {
+      var line = currentLine;
+      var maxLine = lines.length - 1;
+      if (line + 1 <= maxLine) {
+        var next = line + 1;
+        emitEvent({
+          type: 'notifyProgress',
+          payload: {
+            line: next
+          }
+        });
+      }
+    }
+  }, [edges, lines, emitEvent, currentLine, currentLineData.id, isBranched]);
   var handleClickNext = (0, _react.useCallback)(function (choice, reset) {
     var isLast = false;
     setTTsStart(false);
@@ -437,6 +479,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,
     branched: isBranched,
+    onAddPoints: decisionNotifyProgress,
     onFinish: handleClickNext,
     keyboardControl: keyboardControl,
     emitEvent: emitEvent,
@@ -485,10 +528,10 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))))));
 };
-ConversationProViewer.defaultProps = {
+ConversationalProComponent.defaultProps = {
   background: {},
   emitEvent: function emitEvent() {},
   soundActions: [function () {}, function () {}]
 };
-var _default = ConversationProViewer;
+var _default = ConversationalProComponent;
 exports.default = _default;

package/dist/components/decision-component/components/DecisionComponent.js

@@ -36,6 +36,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
     inheritProps = _props$inheritProps === void 0 ? {} : _props$inheritProps,
     required = props.required,
     question = props.question,
+    onAddPoints = props.onAddPoints,
     _onFinish = props.onFinish,
     branched = props.branched,
     simplifiedOptions = props.simplifiedOptions;
@@ -93,6 +94,9 @@ var DecisionComponent = function DecisionComponent(_ref) {
             });
           }
         } else {
+          if (onAddPoints) {
+            onAddPoints(choice);
+          }
           emitGameData(choice);
           emitEvent({
             type: 'addPoints',

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

@@ -385,6 +385,44 @@ var DialogComponent = function DialogComponent(_ref) {
       });
     }
   }, [handleBranchDirection, emitEvent, isBranched, lastLine, line, talkingCharacter]);
+  var decisionNotifyProgress = (0, _react.useCallback)(function (choice) {
+    if (isBranched) {
+      if (choice) {
+        var currentId = [3, 2, 1][choice.id];
+        var optionsEdges = edges.filter(function (edge) {
+          return edge.fromId === currentLineData.id;
+        });
+        var currentEdge = optionsEdges.find(function (edge) {
+          return parseInt(edge.fromPointIndex) === currentId;
+        });
+        if (currentEdge) {
+          var destinationEdge = lines.findIndex(function (l) {
+            return l.id === currentEdge.toId;
+          });
+          if (destinationEdge >= 0) {
+            emitEvent({
+              type: 'notifyProgress',
+              payload: {
+                line: destinationEdge
+              }
+            });
+          }
+        } else {
+          emitEvent({
+            type: 'saveNode'
+          });
+        }
+      }
+    } else if (line < lines.length - 1) {
+      var next = line + 1;
+      emitEvent({
+        type: 'notifyProgress',
+        payload: {
+          line: next
+        }
+      });
+    }
+  }, [edges, line, lines, emitEvent, currentLineData.id, isBranched]);
   var nextLine = (0, _react.useCallback)(function (choice, reset) {
     lastTalking.current = _objectSpread({}, talkingCharacter);
     setEdgesHistory([].concat(_toConsumableArray(edgesHistory), [currentLineData.id]));
@@ -638,6 +676,7 @@ var DialogComponent = function DialogComponent(_ref) {
       },
       required: !isBranched,
       branched: isBranched,
+      onAddPoints: decisionNotifyProgress,
       onFinish: nextLine,
       emitEvent: emitEvent,
       pause: pause,

package/package.json

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