@gamelearn/arcade-components 2.13.3 → 2.14.0

package/dist/components/conversational-pro-component/components/scene/Panel.js

@@ -43,6 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var isMobile = (0, _deviceDetection.DeviceDetection)();
 var defaultCamPos = [0, 14.63, 16];
+var boneWhiteList = ['l_eye_jnt', 'l_eye', 'eye_l'];
 
 function Panel(_ref) {
   var _character$resource4, _character$resource6, _character$resource6$, _character$resource6$2, _character$resource7;
@@ -66,7 +67,6 @@ function Panel(_ref) {
     });
   }, [emitEvent]);
   var model = (0, _react.useRef)();
-  var defaultClip = (0, _react.useRef)();
   var emotion = (0, _react.useMemo)(function () {
     if (isCharacter) {
       var _character$animation, _character$resource, _character$resource$a, _character$resource$a2, _character$resource3, _character$resource3$;
@@ -129,14 +129,17 @@ function Panel(_ref) {
 
       if (character.type === 'character' && defaultAnim) {
         model.current = object;
-        defaultClip.current = defaultAnim.clone();
+        var isSeated = character.emotion.includes('seated');
         cameraRef.current.position.setY(size.y - 1.5 * 1.3); // Retro compatible with resources without eye bone
 
         object.traverse(function (obj) {
-          if (obj.type === 'Bone' && (obj.name.toLowerCase() === 'l_eye' || obj.name.toLowerCase() === 'eye_l')) {
+          var boneName = obj.name.toLowerCase();
+
+          if (obj.isBone && boneWhiteList.includes(boneName)) {
+            var distance = isSeated ? 5 : 0.5;
             var leftEyeVector = new _three.Vector3().setFromMatrixPosition(obj.matrixWorld);
-            cameraRef.current.position.setX(leftEyeVector.x);
-            cameraRef.current.position.setY(leftEyeVector.y - 0.5);
+            cameraRef.current.position.setX(leftEyeVector.x - 0.5);
+            cameraRef.current.position.setY(leftEyeVector.y - distance);
           }
         });
         cameraRef.current.zoom = 1.85;
@@ -147,7 +150,7 @@ function Panel(_ref) {
 
       cameraRef.current.updateProjectionMatrix();
     }
-  }, [character.type]);
+  }, [character.type, character.emotion]);
   (0, _fiber.useFrame)(function (_ref2) {
     var gl = _ref2.gl;
 

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -96,7 +96,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   };
 
   var puzzleId = "keyboard-puzzle_".concat(nodeId);
-  var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -231,11 +230,15 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
     setInputPassword(inputPassword.substring(0, inputPassword.length - 1));
   };
 
+  var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
+  var styleForBackground = {
+    backgroundSize: imageURL ? 'cover' : 'contain',
+    backgroundImage: "url(\"".concat(imageURL, "\")"),
+    backgroudPosition: 'center center'
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--keyboard",
-    style: {
-      backgroundImage: "url(".concat(imageURL, ")")
-    }
+    style: styleForBackground
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--keyboard__header"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

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