@gamelearn/arcade-components 1.4.27 → 1.4.30-fix1

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

@@ -419,7 +419,25 @@ var DialogComponent = function DialogComponent(_ref) {
                 head.getWorldPosition(target.position);
                 target.applyQuaternion(camera.quaternion);
                 target.translateX(1.25);
-                target.translateY(showArrowTop ? 1.25 : 2);
+                var distanceToCam = camera.position.distanceTo(element.position);
+                var bbox = new _three.Box3().setFromObject(element);
+                var size = bbox.getSize(new _three.Vector3());
+                var distanceMultiplier = 1;
+
+                if (distanceToCam > 200 && !zoomInActor) {
+                  distanceMultiplier = size.y / 3.5;
+
+                  if (distanceToCam > 400) {
+                    distanceMultiplier = size.y / 2;
+
+                    if (distanceToCam > 600) {
+                      distanceMultiplier = size.y / 1.5;
+                    }
+                  }
+                }
+
+                var baseY = 3 * distanceMultiplier;
+                target.translateY(showArrowTop ? 1.25 : baseY);
                 messagePosition.current = {
                   pos: target.position.toArray(),
                   child: head,

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -264,19 +264,21 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     currentImage.src = imageUrl;
 
     currentImage.onload = function () {
-      layerConfig.current = {
-        x: canvas.current.clientWidth / 2,
-        y: canvas.current.clientHeight / 2,
-        width: currentImage.width,
-        height: currentImage.height,
-        offsetX: currentImage.width / 2,
-        offsetY: currentImage.height / 2,
-        scale: {
-          x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
-          y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
-        }
-      };
-      setImageLoaded(true);
+      if (canvas.current) {
+        layerConfig.current = {
+          x: canvas.current.clientWidth / 2,
+          y: canvas.current.clientHeight / 2,
+          width: currentImage.width,
+          height: currentImage.height,
+          offsetX: currentImage.width / 2,
+          offsetY: currentImage.height / 2,
+          scale: {
+            x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
+            y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
+          }
+        };
+        setImageLoaded(true);
+      }
     };
 
     setShowTooltip(true);

package/dist/components/pattern-component/components/PatternComponent.js

@@ -42,31 +42,42 @@ var PatternComponent = function PatternComponent(_ref) {
     emitEvent({
       type: 'emitSavePattern',
       payload: {
-        imgId: img.imgId,
+        imgId: img.resourceId,
         name: name,
-        viewed: true
+        viewed: true,
+        url: imgUrl,
+        type: 'pattern'
       }
     });
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: viewed ? 'notes--results' : 'readings--container'
+    className: viewed ? 'notes--results' : 'readings--container pattern-wrap--overlay'
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: viewed ? 'notes--results__text' : 'readings readings--image'
-  }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
-    src: imgUrl,
-    alt: "pattern"
-  }), !viewed ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute top right"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: viewed ? 'notes--results__text' : 'pattern-wrap'
+  }, !viewed ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern__header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern__title"
+  }, "Modelo"), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "pattern__close gat--btn__round",
     onClick: function onClick() {
       return close();
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+  }))), /*#__PURE__*/_react.default.createElement("figure", {
+    className: "pattern__figure"
+  }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
+    src: imgUrl,
+    alt: "pattern"
+  }))) : /*#__PURE__*/_react.default.createElement("div", null, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
+    src: imgUrl,
+    alt: "pattern"
+  }))));
 };
 
 var _default = PatternComponent;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.4.27",
+  "version": "1.4.30-fix1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -64,7 +64,7 @@
     "@babel/eslint-parser": "^7.15.8",
     "@babel/preset-env": "7.12.11",
     "@babel/preset-react": "7.12.10",
-    "@gamelearn/arcade-styles": "0.5.10",
+    "@gamelearn/arcade-styles": "0.5.11",
     "@gamelearn/version": "^1.3.1",
     "@react-three/test-renderer": "6.0.6",
     "@storybook/addon-actions": "6.1.11",