@gamelearn/arcade-components 1.3.5-1 → 1.3.5-hotfix-compile

package/dist/components/decision-component/components/DecisionComponent.js

@@ -15,11 +15,13 @@ var _DecisionBody = _interopRequireDefault(require("./DecisionBody"));
 
 var _Feedback = _interopRequireDefault(require("./Feedback"));
 
+var _excluded = ["emitEvent", "soundActions", "inScene"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -29,7 +31,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -43,7 +45,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -55,7 +57,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
       inScene = _ref.inScene,
-      props = _objectWithoutProperties(_ref, ["emitEvent", "soundActions", "inScene"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _props$inheritProps = props.inheritProps,
       inheritProps = _props$inheritProps === void 0 ? {} : _props$inheritProps,
@@ -95,7 +97,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
   var listProps = _objectSpread(_objectSpread({}, inheritProps), {}, {
     slots: inheritProps.slots ? inheritProps.slots : inheritProps.characters,
     currentMessage: {
-      position: -1,
+      position: null,
       emotion: ''
     }
   });

package/dist/components/decision-component/components/Feedback.js

@@ -20,18 +20,27 @@ var FeedBack = function FeedBack(_ref) {
 
   var Wrapper = function Wrapper(_ref2) {
     var children = _ref2.children;
-    return inherited ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "conversation--feedback ".concat(!choice.feedback ? 'only--rewards' : '')
-    }, children) : !choice.feedback ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "popup__basicDecision__only--rewards only--rewards"
-    }, children) : children;
+
+    if (inherited) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "conversation--feedback ".concat(!choice.feedback ? 'only--rewards' : '')
+      }, children);
+    }
+
+    if (!choice.feedback) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "popup__basicDecision__only--rewards only--rewards"
+      }, children);
+    }
+
+    return children;
   };
 
   var noRewards = rewards.filter(function (reward) {
     return reward.type !== 'grade';
   }).length === 0;
   if (!choice.feedback && noRewards) return null;
-  return /*#__PURE__*/_react.default.createElement(Wrapper, null, !!choice.feedback ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, choice.feedback ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--feedback__title"
   }, "Feedback"), /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--feedback__text"

package/dist/components/decision-component/mocks/mockForStory.js

@@ -12,7 +12,7 @@ var decisionProps = {
   soundActions: _mocker.soundActions,
   setShowPoints: _mocker.setShowPoints,
   onFinish: function onFinish() {
-    return (0, _mocker.onFinish)("decision-component");
+    return (0, _mocker.onFinish)('decision-component');
   },
   options: [{
     id: 0,

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

@@ -15,25 +15,25 @@ var _three = require("three");
 
 var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader");
 
+var _arcadeThreeCore = require("@gamelearn/arcade-three-core");
+
 var _SpeechBubbleComponent = _interopRequireDefault(require("./SpeechBubbleComponent"));
 
 var _decisionComponent = _interopRequireDefault(require("../../decision-component"));
 
 var _helpers = require("../../../helpers");
 
-var _HtmlPro = _interopRequireDefault(require("../../../helpers/HtmlPro"));
-
 var _deviceDetection = require("../../../helpers/deviceDetection");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -51,13 +51,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var isMobile = (0, _deviceDetection.DeviceDetection)();
 var crossFadeDuration = 0.5; // Mobile always zoom in?
 
+var raycast = new _three.Raycaster();
+raycast.firstHitOnly = true;
+
 var DialogComponent = function DialogComponent(_ref) {
   var _currentLine$audio3, _currentLine$audio4;
 
@@ -85,14 +88,13 @@ var DialogComponent = function DialogComponent(_ref) {
     inScene: false,
     thinkful: false,
     voiceOver: false,
-    avatar: ''
+    avatar: '',
+    show: false
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       currentMessage = _useState6[0],
       setCurrentMessage = _useState6[1];
 
-  var emitRef = (0, _react.useRef)(emitEvent);
-
   var _useThree = (0, _fiber.useThree)(function (state) {
     return [state.camera, state.scene];
   }),
@@ -100,6 +102,7 @@ var DialogComponent = function DialogComponent(_ref) {
       camera = _useThree2[0],
       scene = _useThree2[1];
 
+  var changedMats = (0, _react.useRef)([]);
   var loader = (0, _react.useMemo)(function () {
     return new _GLTFLoader.GLTFLoader();
   }, []);
@@ -121,11 +124,11 @@ var DialogComponent = function DialogComponent(_ref) {
   var lastLine = lines[line - 1];
   var lastSet = (0, _react.useRef)(false);
   var translate = (0, _react.useCallback)(function (id) {
-    return emitRef.current({
+    return emitEvent({
       type: 'translate',
       payload: id
     });
-  }, []);
+  }, [emitEvent]);
   var getVoice = (0, _react.useCallback)(function (_ref2) {
     var id = _ref2.id,
         _ref2$type = _ref2.type,
@@ -135,7 +138,9 @@ var DialogComponent = function DialogComponent(_ref) {
 
     if (type === 'base') {
       return usedVoices === null || usedVoices === void 0 ? void 0 : usedVoices[id];
-    } else if (type === 'character') {
+    }
+
+    if (type === 'character') {
       var _gameChars$id;
 
       return gameChars === null || gameChars === void 0 ? void 0 : (_gameChars$id = gameChars[id]) === null || _gameChars$id === void 0 ? void 0 : _gameChars$id.voiceId;
@@ -144,13 +149,13 @@ var DialogComponent = function DialogComponent(_ref) {
     return null;
   }, [translate]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var payload, speechUrl;
+    var payload;
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             if (!currentLine.voice.id) {
-              _context.next = 7;
+              _context.next = 5;
               break;
             }
 
@@ -160,27 +165,23 @@ var DialogComponent = function DialogComponent(_ref) {
             };
 
             if (!(payload.voiceId && payload.text)) {
-              _context.next = 7;
+              _context.next = 5;
               break;
             }
 
             _context.next = 5;
-            return emitRef.current({
+            return emitEvent({
               type: 'playSpeech',
               payload: payload
             });
 
           case 5:
-            speechUrl = _context.sent;
-            playSound(speechUrl);
-
-          case 7:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [currentLine.voice, getVoice, currentMessage.text, playSound]);
+  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, emitEvent]);
   var getCurrentVisible = (0, _react.useCallback)(function (uid) {
     var object;
     scene.traverseVisible(function (node) {
@@ -207,10 +208,10 @@ var DialogComponent = function DialogComponent(_ref) {
 
     var onLoadAnim = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
     var animation = (_slot$character2 = slot.character) === null || _slot$character2 === void 0 ? void 0 : _slot$character2.resource.animations[slot.emotion];
+    var mixer = element.userData.mixer;
 
-    if (animation) {
-      var mixer = element.userData.mixer;
-      loader.load(animation === null || animation === void 0 ? void 0 : animation.url, function (anim) {
+    if (animation && animation.url) {
+      loader.load(animation.url, function (anim) {
         var emotionClip = anim.animations[0];
         var defaultClip = element.userData.defaultAnim;
         var emotionAction = mixer.clipAction(emotionClip, element);
@@ -223,6 +224,8 @@ var DialogComponent = function DialogComponent(_ref) {
         element.userData.currentEmotion = emotionAction;
         onLoadAnim(mixer, emotionAction, defaultAction);
       });
+    } else {
+      onLoadAnim();
     }
   }, [loader]); // Reset currentEmotion to defaultAnim
 
@@ -292,12 +295,11 @@ var DialogComponent = function DialogComponent(_ref) {
         camera.copy(defaultCamera.current);
       }, currentLine.decision ? 0 : 1200);
     }
-  }, [camera, currentLine.decision, emitEvent, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
+  }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, emitEvent, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
 
   (0, _react.useEffect)(function () {
     if (currentLine.decision) {
       resetCameraView();
-      return;
     } else if (currentLine.voiceOver) {
       resetCameraView();
       setCurrentMessage({
@@ -307,7 +309,8 @@ var DialogComponent = function DialogComponent(_ref) {
         inScene: false,
         voiceOver: true,
         thinkful: false,
-        avatar: ''
+        avatar: '',
+        show: true
       });
     } else if (!lastSet.current) {
       var talkingCharacter = currentLine.slots.find(function (slot) {
@@ -325,7 +328,7 @@ var DialogComponent = function DialogComponent(_ref) {
           loadEmotion(slot, element, function (mixer, action, defaultAction) {
             var startAction = element.userData.lastEmotion ? element.userData.lastEmotion : defaultAction;
 
-            if (startAction !== action) {
+            if (startAction && action && startAction !== action) {
               mixer.stopAllAction();
               (0, _helpers.executeCrossFade)(startAction, action, crossFadeDuration);
             }
@@ -343,7 +346,7 @@ var DialogComponent = function DialogComponent(_ref) {
           loadEmotion(talkingCharacter, element, function (mixer, action, defaultAction) {
             var startAction = element.userData.lastEmotion ? element.userData.lastEmotion : defaultAction;
 
-            if (startAction !== action) {
+            if (startAction && action && startAction !== action) {
               mixer.stopAllAction();
               (0, _helpers.executeCrossFade)(startAction, action, crossFadeDuration);
             } // Ugly timeout to wait an animation transition
@@ -356,7 +359,7 @@ var DialogComponent = function DialogComponent(_ref) {
                 head.getWorldPosition(target.position);
                 target.applyQuaternion(camera.quaternion);
                 target.translateX(1.25);
-                target.translateY(3);
+                target.translateY(2);
                 messagePosition.current = {
                   pos: target.position.toArray(),
                   child: head,
@@ -377,7 +380,8 @@ var DialogComponent = function DialogComponent(_ref) {
                     left: true,
                     inScene: true,
                     thinkful: talkingCharacter.emotion === 'thinkful',
-                    avatar: ''
+                    avatar: '',
+                    show: true
                   });
                 }, zoomInActor ? 1200 : 0);
               }
@@ -393,9 +397,15 @@ var DialogComponent = function DialogComponent(_ref) {
             left: false,
             inScene: false,
             thinkful: talkingCharacter.emotion === 'thinkful',
-            avatar: getAvatarURL(talkingCharacter)
+            avatar: getAvatarURL(talkingCharacter),
+            show: true
           });
         }
+      } else {
+        resetCameraView();
+        setCurrentMessage({
+          show: true
+        });
       }
     }
   }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetAnims, resetCameraView]); // Sound logic
@@ -422,8 +432,13 @@ var DialogComponent = function DialogComponent(_ref) {
     if (autoPlay) {
       if (line >= lines.length - 1 && automatic) {
         setAutomatic(false);
-      } else if (automatic && currentMessage.text && !currentLine.decision) {
-        var time = 70 * (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text.length);
+      } else if (automatic && currentMessage.show && !currentLine.decision) {
+        var time = 0;
+
+        if (currentMessage.text) {
+          time = 75 * (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text.length);
+        }
+
         timeout = setTimeout(function () {
           nextLine();
         }, time < 1400 ? 1400 : time);
@@ -433,7 +448,7 @@ var DialogComponent = function DialogComponent(_ref) {
     return function () {
       if (timeout) clearTimeout(timeout);
     };
-  }, [currentMessage, nextLine, autoPlay, lines.length, automatic, line, currentLine.decision, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio4 = currentLine.audio) === null || _currentLine$audio4 === void 0 ? void 0 : _currentLine$audio4.url]); //Positioning logic
+  }, [currentMessage, nextLine, autoPlay, lines.length, automatic, line, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio4 = currentLine.audio) === null || _currentLine$audio4 === void 0 ? void 0 : _currentLine$audio4.url]); // Positioning logic
 
   var checkBubblePosition = (0, _react.useCallback)(function () {
     if (bubbleRef.current && currentLine.slots) {
@@ -469,7 +484,8 @@ var DialogComponent = function DialogComponent(_ref) {
             return _objectSpread(_objectSpread({}, old), {}, {
               left: false,
               inScene: !completeOutside,
-              avatar: getAvatarURL(talkingCharacter)
+              avatar: getAvatarURL(talkingCharacter),
+              show: true
             });
           });
         }
@@ -477,38 +493,57 @@ var DialogComponent = function DialogComponent(_ref) {
         bubbleRef.current.parentNode.style.transform = '';
       }
     }
-  }, [camera.quaternion, currentLine.slots, currentMessage.inScene, getAvatarURL]);
+  }, [camera.quaternion, currentLine === null || currentLine === void 0 ? void 0 : currentLine.slots, currentMessage.inScene, getAvatarURL]);
   (0, _react.useEffect)(function () {
     checkBubblePosition();
   }, [checkBubblePosition]); // Animate Camera
 
   (0, _fiber.useFrame)(function (_ref4, delta) {
-    var camera = _ref4.camera;
+    var cam = _ref4.camera;
 
     if (animationStart.current) {
       var targetPosition = messagePosition.current.child ? messagePosition.current.pos : defaultCamera.current.position.toArray();
       animationTarget.current.position.fromArray(targetPosition);
 
       if (messagePosition.current.parent) {
-        if (!animationTarget.current.quaternion.equals(camera.quaternion)) {
-          animationTarget.current.applyQuaternion(camera.quaternion);
+        if (!animationTarget.current.quaternion.equals(cam.quaternion)) {
+          animationTarget.current.applyQuaternion(cam.quaternion);
         }
 
-        animationTarget.current.translateX(13);
+        animationTarget.current.translateX(10);
         animationTarget.current.translateY(-5);
         animationTarget.current.translateZ(30);
       }
 
-      if (animationTarget.current.position.distanceTo(camera.position) < 1) {
+      if (animationTarget.current.position.distanceTo(cam.position) < 1) {
         animationStart.current = false;
+        raycast.set(cam.getWorldPosition(new _three.Vector3(0, 0, 0)), cam.getWorldDirection(new _three.Vector3()));
+        var objects = raycast.intersectObjects(scene.children, true);
+        changedMats.current = objects.filter(function (o) {
+          return o.distance < 10;
+        });
+
+        if (changedMats.current.length) {
+          changedMats.current.forEach(function (o) {
+            var object = o.object;
+            object.material.visible = false;
+          });
+        }
 
         if (lastSet.current || !messagePosition.current.child) {
-          camera.copy(defaultCamera.current);
+          cam.copy(defaultCamera.current);
         }
 
         checkBubblePosition();
       } else {
-        camera.position.lerp(animationTarget.current.position, delta * 2.5);
+        if (changedMats.current.length) {
+          changedMats.current.forEach(function (o) {
+            var object = o.object;
+            object.material.visible = true;
+          });
+        }
+
+        cam.position.lerp(animationTarget.current.position, delta * 2.5);
       }
     }
   });
@@ -519,7 +554,7 @@ var DialogComponent = function DialogComponent(_ref) {
       disableBackground: true
     },
     onFinish: nextLine,
-    emitEvent: emitRef.current,
+    emitEvent: emitEvent,
     soundActions: soundActions
   });
 
@@ -528,18 +563,23 @@ var DialogComponent = function DialogComponent(_ref) {
     height: '100vh',
     position: 'static'
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentLine.decision ? /*#__PURE__*/_react.default.createElement(_HtmlPro.default, {
-    zIndexRange: [3, 3],
-    style: cleanStyle,
-    calculatePosition: function calculatePosition() {
-      return [0, 0];
-    }
-  }, /*#__PURE__*/_react.default.createElement(_decisionComponent.default, _extends({
-    inScene: true
-  }, decisionPayload))) : null, currentMessage.text ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("group", {
+
+  if (currentLine.decision) {
+    return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
+      zIndexRange: [3, 3],
+      style: cleanStyle,
+      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("group", {
     ref: groupRef,
     position: messagePosition.current.pos
-  }, /*#__PURE__*/_react.default.createElement(_HtmlPro.default, {
+  }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
     zIndexRange: [2, 2],
     calculatePosition: currentMessage.inScene ? undefined : function () {
       return [0, 0];
@@ -550,7 +590,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_SpeechBubbleComponent.default, {
     ref: bubbleRef,
     message: currentMessage
-  }))), /*#__PURE__*/_react.default.createElement(_HtmlPro.default, {
+  }))) : null, currentMessage.show ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
     style: {
       width: '100vw',
       height: '100vh'
@@ -575,7 +615,7 @@ var DialogComponent = function DialogComponent(_ref) {
     onClick: nextLine
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-next"
-  }))))) : null);
+  })))) : null);
 };
 
 var _default = DialogComponent;

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

@@ -18,11 +18,13 @@ var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_re
 
     if (avatarUrl.includes('object')) {
       return avatarUrl.slice(0, idx).concat('/mini-thumbnail.png');
-    } else if (avatarUrl.includes('character')) {
+    }
+
+    if (avatarUrl.includes('character')) {
       return avatarUrl.slice(0, idx).concat('/mini-face.png');
-    } else {
-      return avatarUrl;
     }
+
+    return avatarUrl;
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/dialog-component/mocks/mockForStory.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockScene = exports.mockProps = void 0;
 
-var _bg001_street = _interopRequireDefault(require("components/arcade-render/mocks/scenes/bg001_street.json"));
+var _bg001_street = _interopRequireDefault(require("test/mocks/bg001_street.json"));
 
-var _characters = require("components/arcade-render/mocks/scenes/characters.json");
+var _characters = require("test/mocks/characters.json");
 
 var _mocker = require("helpers/mocker");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+/* eslint-disable max-len */
 var animations = {
   neutral: {
     url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/animation/5f06e116f9efdd00112fcc6f/male_missunderstand_1.glb'

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

@@ -19,9 +19,9 @@ var _feedbackComponent = _interopRequireDefault(require("../../feedback-componen
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -33,7 +33,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -47,7 +47,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -101,7 +101,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    disableExit(resolvedClass !== "");
+    disableExit(resolvedClass !== '');
   }, [resolvedClass, disableExit]);
 
   var intersectRect = function intersectRect(a, b) {
@@ -363,7 +363,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     opacity: 0
   }))) : null)), showTooltip && /*#__PURE__*/_react.default.createElement(_Messages.TooltipHint, {
     translate: translate
-  }), resolvedClass !== "" ? /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
+  }), resolvedClass !== '' ? /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
     text: info.solution[resolvedClass === 'success' ? 'right' : 'wrong'].desc,
     success: resolvedClass === 'success',
     translate: translate,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipHint = void 0;
+exports.default = exports.TooltipHint = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,4 +18,6 @@ var TooltipHint = function TooltipHint(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", null, translate('tooltip.bag')));
 };
 
-exports.TooltipHint = TooltipHint;
+exports.TooltipHint = TooltipHint;
+var _default = TooltipHint;
+exports.default = _default;

package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = void 0;
+exports.mockProps = exports.default = void 0;
 
 var _mocker = require("helpers/mocker");
 
+/* eslint-disable max-len */
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
@@ -68,4 +69,6 @@ var mockProps = {
     description: 'description'
   }
 };
-exports.mockProps = mockProps;
+exports.mockProps = mockProps;
+var _default = mockProps;
+exports.default = _default;