@gamelearn/arcade-components 0.18.4 → 0.18.6

package/dist/components/arcade-render/element/index.js

@@ -97,6 +97,10 @@ var Element = function Element(_ref) {
 
           if (isCharacter) {
             node.frustumCulled = false;
+
+            node.material.onBeforeCompile = function (shader) {
+              if (shader.vertexAlphas) shader.vertexAlphas = false;
+            };
           }
 
           if (layers > 0) {

package/dist/components/arcade-render/scene/useCameraPan.js

@@ -74,7 +74,7 @@ var useCameraPan = function useCameraPan(lookingSide) {
   var moveCamera = (0, _react.useCallback)(function (delta) {
     var goal = cameraRotation.current[lookingSide];
 
-    if (camera.quaternion) {
+    if (camera.quaternion && goal) {
       if (!camera.quaternion.equals(goal)) {
         camera.quaternion.rotateTowards(goal, delta * SPEED);
       } else {
@@ -96,8 +96,10 @@ var useCameraPan = function useCameraPan(lookingSide) {
     }
   }, [camera]);
   (0, _react.useEffect)(function () {
-    movingCamera.current = true;
-  }, [lookingSide]);
+    if (cameraLoaded) {
+      movingCamera.current = true;
+    }
+  }, [lookingSide, cameraLoaded]);
   (0, _react.useEffect)(function () {
     if (cameraLoaded) {
       setCameraRotationView();

package/dist/components/conversational-component/components/ConversationalComponent.js

@@ -82,7 +82,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--layer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation",
+    className: "conversation arcade-conversation",
     style: backgroundImage ? {
       backgroundImage: "url(\"".concat(backgroundImage, "\")")
     } : {}
@@ -98,7 +98,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
     current: currentMessage,
     voiceOver: currentMessage.emotion === null
   }) : /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--controls"
+    className: "conversation--controls arcade-conversation--controls"
   }, /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn__round ".concat(messageIndex > 0 ? '' : 'visibility--hidden'),
     type: "button",

package/dist/helpers/useGLB.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // We need this to reuse GLTF and DRACO loaders for Arcade working
 // in Mobile devices, drei.useGLTF instances new loaders every time is
 // used
-var dracoDecoderPath = 'https://www.gstatic.com/draco/versioned/decoders/1.4.1/'; // TODO: Maybe download those files to statics.gamelearn
+var dracoDecoderPath = 'https://www.gstatic.com/draco/v1/decoders/'; // TODO: Maybe download those files to statics.gamelearn
 
 var whiteImage = new Image();
 whiteImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.18.4",
+  "version": "0.18.6",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -76,4 +76,4 @@
       "^react-pdf$": "react-pdf/dist/umd/entry.jest"
     }
   }
-}
+}