@gamelearn/arcade-components 1.27.2 → 1.27.4-hanged-snapshot

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

@@ -36,14 +36,18 @@ var BubbleWrapper = function BubbleWrapper(_ref) {
     onLoad(group, bubble);
   };
 
+  var container = document.querySelector('.screens--container');
   return /*#__PURE__*/_react.default.createElement("group", {
     ref: group,
     position: position
   }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
-    zIndexRange: [2, 2],
+    zIndexRange: [6, 6],
     calculatePosition: currentMessage.inScene ? undefined : function () {
       return [0, 0];
     },
+    portal: container ? {
+      current: container
+    } : undefined,
     style: currentMessage.inScene ? {
       position: 'static'
     } : cleanStyle

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

@@ -679,6 +679,7 @@ var DialogComponent = function DialogComponent(_ref) {
       checkBubbleBounds();
     }
   });
+  var container = document.querySelector('.screens--container');
   var cleanStyle = {
     width: '100vw',
     height: '100vh',
@@ -702,14 +703,16 @@ var DialogComponent = function DialogComponent(_ref) {
     return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
       zIndexRange: [6, 6],
       style: cleanStyle,
+      portal: container ? {
+        current: container
+      } : undefined,
       calculatePosition: function calculatePosition() {
         return [0, 0];
       }
     }, /*#__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,6 +723,9 @@ var DialogComponent = function DialogComponent(_ref) {
       width: '100vw',
       height: '100vh'
     },
+    portal: container ? {
+      current: container
+    } : undefined,
     zIndexRange: [6, 6],
     onOcclude: function onOcclude() {},
     calculatePosition: function calculatePosition() {

package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -52,7 +52,8 @@ var AnswerPanel = function AnswerPanel(_ref) {
   var answer = _ref.answer,
       flickerPosition = _ref.flickerPosition,
       _ref$show = _ref.show,
-      show = _ref$show === void 0 ? false : _ref$show;
+      show = _ref$show === void 0 ? false : _ref$show,
+      showCorrectSolution = _ref.showCorrectSolution;
   var words = [];
   var wordIndex = 0;
   answer.forEach(function (a) {
@@ -66,7 +67,9 @@ var AnswerPanel = function AnswerPanel(_ref) {
       wordIndex += 1;
     }
 
-    a.positionInitial = a.index;
+    if (!showCorrectSolution) {
+      a.positionInitial = a.index;
+    }
   });
   return words.map(function (word, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -503,10 +506,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
     dir: "auto",
     className: "puzzle--hanged__solution ".concat(resolvedClass),
     "data-testid": "".concat(resolvedClass)
-  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {
+  }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "ESTO"), /*#__PURE__*/_react.default.createElement(AnswerPanel, {
     answer: answer.split(''),
     show: true
-  }) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
+  })) : /*#__PURE__*/_react.default.createElement(AnswerPanel, {
     flickerPosition: flickerPosition,
     answer: resolvedAnswer
   })), /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.27.2",
+  "version": "1.27.4-hanged-snapshot",
   "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",