@gamelearn/arcade-components 1.27.1 → 1.27.3

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

@@ -40,7 +40,7 @@ var BubbleWrapper = function BubbleWrapper(_ref) {
     ref: group,
     position: position
   }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
-    zIndexRange: [2, 2],
+    zIndexRange: [1, 1],
     calculatePosition: currentMessage.inScene ? undefined : function () {
       return [0, 0];
     },

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

@@ -392,13 +392,13 @@ var DialogComponent = function DialogComponent(_ref) {
     target.applyQuaternion(camera.quaternion);
     var distance = camera.position.distanceTo(target.position);
     var staticDisplay = distance > 70 && !zoomInActor && !showArrowTop;
-    target.translateY(staticDisplay || showArrowTop ? 0 : 2); // Detectar posicion de personaje a izq o derecha de pantalla
+    target.translateY(staticDisplay || showArrowTop ? -1 : 0); // Detectar posicion de personaje a izq o derecha de pantalla
 
     var vector = new _three.Vector3();
     vector.setFromMatrixPosition(head.matrixWorld);
     var p = vector.project(defaultCamera);
-    target.translateX(headSize);
     var isLeft = p.x < 0;
+    target.translateX(-1);
     messagePosition.current = {
       pos: target.position.toArray(),
       child: head,
@@ -570,7 +570,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }, [currentMessage, nextLine, start, stop, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, autoPlayCond, audio, voice, audioFailed]); // Positioning Bubble Message logic
 
   var checkBubbleBounds = (0, _react.useCallback)(function (group, bubble) {
-    if (currentLine !== null && currentLine !== void 0 && currentLine.slots && currentMessage.show) {
+    if (currentLine !== null && currentLine !== void 0 && currentLine.slots && currentMessage.show && bubble !== null && bubble !== void 0 && bubble.current) {
       var talkingCharacter = currentLine === null || currentLine === void 0 ? void 0 : currentLine.slots.find(function (slot) {
         return slot.talking;
       });
@@ -633,7 +633,7 @@ var DialogComponent = function DialogComponent(_ref) {
 
         messagePosition.current.pos[0] -= headSpace;
         animationTarget.current.translateX(-10 + headSpace);
-        animationTarget.current.translateY(-5);
+        animationTarget.current.translateY(0);
         animationTarget.current.translateZ(30);
       }
 
@@ -700,7 +700,7 @@ var DialogComponent = function DialogComponent(_ref) {
     });
 
     return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
-      zIndexRange: [6, 6],
+      zIndexRange: [2, 2],
       style: cleanStyle,
       calculatePosition: function calculatePosition() {
         return [0, 0];
@@ -708,8 +708,7 @@ var DialogComponent = function DialogComponent(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_decisionComponent.default, _extends({
       inScene: true
     }, decisionPayload)));
-  } // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
-
+  }
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentMessage.text ? /*#__PURE__*/_react.default.createElement(_BubbleWrapper.default, {
     position: messagePosition.current.pos,
@@ -720,7 +719,7 @@ var DialogComponent = function DialogComponent(_ref) {
       width: '100vw',
       height: '100vh'
     },
-    zIndexRange: [6, 6],
+    zIndexRange: [2, 2],
     onOcclude: function onOcclude() {},
     calculatePosition: function calculatePosition() {
       return [0, 0];

package/dist/helpers/index.js

@@ -158,6 +158,7 @@ var setWeight = function setWeight(action, weight) {
 
 var executeCrossFade = function executeCrossFade(startAction, endAction, duration) {
   if (startAction === endAction) return;
+  if (!startAction || !endAction) return;
   startAction.play();
   startAction.reset();
   endAction.reset();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.27.1",
+  "version": "1.27.3",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -13,7 +13,7 @@
     "url": "https://github.com/gamelearn/arcade-components"
   },
   "dependencies": {
-    "@gamelearn/arcade-styles": "0.13.0",
+    "@gamelearn/arcade-styles": "0.13.1",
     "@gamelearn/arcade-three-core": "1.13.0",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.10",