@gamelearn/arcade-components 0.25.2 → 0.25.3

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

@@ -17,10 +17,20 @@ var _three = require("three");
 
 var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader");
 
+var _decisionComponent = _interopRequireDefault(require("../../decision-component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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."); }
@@ -37,6 +47,7 @@ var DialogComponent = function DialogComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       lines = _ref.lines,
       actors = _ref.actors,
+      soundActions = _ref.soundActions,
       enableZoom = _ref.enableZoom;
 
   var _useState = (0, _react.useState)(0),
@@ -68,10 +79,12 @@ var DialogComponent = function DialogComponent(_ref) {
   var currentLine = lines[line];
   var lastLine = lines[line - 1];
   var resetAnims = (0, _react.useCallback)(function (end) {
-    var slottedCharacters = currentLine.slots.filter(function (slot) {
+    var _currentLine$slots, _lastLine$slots;
+
+    var slottedCharacters = (_currentLine$slots = currentLine.slots) === null || _currentLine$slots === void 0 ? void 0 : _currentLine$slots.filter(function (slot) {
       return slot.uid;
     });
-    var lastSlotterCharacters = lastLine === null || lastLine === void 0 ? void 0 : lastLine.slots.filter(function (slot) {
+    var lastSlotterCharacters = lastLine === null || lastLine === void 0 ? void 0 : (_lastLine$slots = lastLine.slots) === null || _lastLine$slots === void 0 ? void 0 : _lastLine$slots.filter(function (slot) {
       return slot.uid;
     });
 
@@ -99,28 +112,35 @@ var DialogComponent = function DialogComponent(_ref) {
       }
     });
   }, [lastLine === null || lastLine === void 0 ? void 0 : lastLine.slots, currentLine, scene]);
+  var nextLine = (0, _react.useCallback)(function () {
+    resetAnims(line >= lines.length - 1);
+
+    if (line < lines.length - 1) {
+      changeLine(line + 1);
+    } else {
+      messagePosition.current = defaultCamera.current.position.clone().add(new _three.Vector3(0, 5, -35));
+      animationStart.current = true;
+      setCurrentMessage({
+        text: ''
+      });
+      setTimeout(function () {
+        camera.copy(defaultCamera.current);
+        emitEvent({
+          type: 'success'
+        });
+      }, 2000);
+    }
+  }, [camera, emitEvent, line, lines.length, resetAnims]);
   var onKeyCallback = (0, _react.useCallback)(function (e) {
     if (e.keyCode === 32) {
-      resetAnims(line >= lines.length - 1);
-
-      if (line < lines.length - 1) {
-        changeLine(line + 1);
-      } else {
-        messagePosition.current = defaultCamera.current.position.clone().add(new _three.Vector3(0, 5, -35));
-        animationStart.current = true;
-        setCurrentMessage({
-          text: ''
-        });
-        setTimeout(function () {
-          camera.copy(defaultCamera.current);
-          emitEvent({
-            type: 'success'
-          });
-        }, 2000);
-      }
+      nextLine();
     }
-  }, [line, lines, camera, resetAnims, emitEvent]);
+  }, [nextLine]);
   (0, _react.useEffect)(function () {
+    setCurrentMessage({
+      text: ''
+    });
+    if (currentLine.decision) return;
     var talkingCharacter = currentLine.slots.find(function (slot) {
       return slot.talking;
     });
@@ -178,7 +198,22 @@ var DialogComponent = function DialogComponent(_ref) {
       }
     }
   });
-  return currentMessage.text ? /*#__PURE__*/_react.default.createElement(_drei.Html, {
+
+  var decisionPayload = _objectSpread(_objectSpread({}, currentLine.payload), {}, {
+    onFinish: nextLine,
+    emitEvent: emitEvent,
+    soundActions: soundActions
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentLine.decision ? /*#__PURE__*/_react.default.createElement(_drei.Html, {
+    style: {
+      width: '100vw',
+      height: '100vh'
+    },
+    calculatePosition: function calculatePosition() {
+      return [0, 0];
+    }
+  }, /*#__PURE__*/_react.default.createElement(_decisionComponent.default, decisionPayload)) : null, currentMessage.text ? /*#__PURE__*/_react.default.createElement(_drei.Html, {
     position: messagePosition.current,
     zIndexRange: [3, 0],
     sprite: true
@@ -203,7 +238,7 @@ var DialogComponent = function DialogComponent(_ref) {
       wordWrap: 'break-word',
       overflow: 'auto'
     }
-  }, currentMessage.text))) : null;
+  }, currentMessage.text))) : null);
 };
 
 var _default = DialogComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.25.2",
+  "version": "0.25.3",
   "main": "dist/index.js",
   "files": [
     "dist",