@gamelearn/arcade-components 1.3.3 → 1.3.5-1

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

@@ -15,13 +15,11 @@ 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(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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -31,7 +29,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; }
 
@@ -45,7 +43,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 == 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -57,7 +55,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
       inScene = _ref.inScene,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, ["emitEvent", "soundActions", "inScene"]);
 
   var _props$inheritProps = props.inheritProps,
       inheritProps = _props$inheritProps === void 0 ? {} : _props$inheritProps,
@@ -97,7 +95,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
   var listProps = _objectSpread(_objectSpread({}, inheritProps), {}, {
     slots: inheritProps.slots ? inheritProps.slots : inheritProps.characters,
     currentMessage: {
-      position: null,
+      position: -1,
       emotion: ''
     }
   });

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

@@ -20,27 +20,18 @@ var FeedBack = function FeedBack(_ref) {
 
   var Wrapper = function Wrapper(_ref2) {
     var children = _ref2.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;
+    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;
   };
 
   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(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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _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 _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,16 +51,13 @@ 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 == 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 _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 _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;
 
@@ -88,13 +85,14 @@ var DialogComponent = function DialogComponent(_ref) {
     inScene: false,
     thinkful: false,
     voiceOver: false,
-    avatar: '',
-    show: false
+    avatar: ''
   }),
       _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];
   }),
@@ -102,7 +100,6 @@ 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();
   }, []);
@@ -123,7 +120,6 @@ var DialogComponent = function DialogComponent(_ref) {
   var currentLine = lines[line];
   var lastLine = lines[line - 1];
   var lastSet = (0, _react.useRef)(false);
-  var emitRef = (0, _react.useRef)(emitEvent);
   var translate = (0, _react.useCallback)(function (id) {
     return emitRef.current({
       type: 'translate',
@@ -139,9 +135,7 @@ var DialogComponent = function DialogComponent(_ref) {
 
     if (type === 'base') {
       return usedVoices === null || usedVoices === void 0 ? void 0 : usedVoices[id];
-    }
-
-    if (type === 'character') {
+    } else 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;
@@ -150,7 +144,7 @@ var DialogComponent = function DialogComponent(_ref) {
     return null;
   }, [translate]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var payload, url;
+    var payload, speechUrl;
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -177,8 +171,8 @@ var DialogComponent = function DialogComponent(_ref) {
             });
 
           case 5:
-            url = _context.sent;
-            playSound(url);
+            speechUrl = _context.sent;
+            playSound(speechUrl);
 
           case 7:
           case "end":
@@ -186,7 +180,7 @@ var DialogComponent = function DialogComponent(_ref) {
         }
       }
     }, _callee);
-  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, playSound]);
+  })), [currentLine.voice, getVoice, currentMessage.text, playSound]);
   var getCurrentVisible = (0, _react.useCallback)(function (uid) {
     var object;
     scene.traverseVisible(function (node) {
@@ -213,10 +207,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 && animation.url) {
-      loader.load(animation.url, function (anim) {
+    if (animation) {
+      var mixer = element.userData.mixer;
+      loader.load(animation === null || animation === void 0 ? void 0 : animation.url, function (anim) {
         var emotionClip = anim.animations[0];
         var defaultClip = element.userData.defaultAnim;
         var emotionAction = mixer.clipAction(emotionClip, element);
@@ -229,8 +223,6 @@ var DialogComponent = function DialogComponent(_ref) {
         element.userData.currentEmotion = emotionAction;
         onLoadAnim(mixer, emotionAction, defaultAction);
       });
-    } else {
-      onLoadAnim();
     }
   }, [loader]); // Reset currentEmotion to defaultAnim
 
@@ -294,17 +286,18 @@ var DialogComponent = function DialogComponent(_ref) {
       setCurrentMessage({});
       resetCameraView();
       setTimeout(function () {
-        emitRef.current({
+        emitEvent({
           type: 'success'
         });
         camera.copy(defaultCamera.current);
       }, currentLine.decision ? 0 : 1200);
     }
-  }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
+  }, [camera, 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({
@@ -314,8 +307,7 @@ var DialogComponent = function DialogComponent(_ref) {
         inScene: false,
         voiceOver: true,
         thinkful: false,
-        avatar: '',
-        show: true
+        avatar: ''
       });
     } else if (!lastSet.current) {
       var talkingCharacter = currentLine.slots.find(function (slot) {
@@ -333,7 +325,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 && startAction !== action) {
+            if (startAction !== action) {
               mixer.stopAllAction();
               (0, _helpers.executeCrossFade)(startAction, action, crossFadeDuration);
             }
@@ -351,7 +343,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 && startAction !== action) {
+            if (startAction !== action) {
               mixer.stopAllAction();
               (0, _helpers.executeCrossFade)(startAction, action, crossFadeDuration);
             } // Ugly timeout to wait an animation transition
@@ -364,7 +356,7 @@ var DialogComponent = function DialogComponent(_ref) {
                 head.getWorldPosition(target.position);
                 target.applyQuaternion(camera.quaternion);
                 target.translateX(1.25);
-                target.translateY(2);
+                target.translateY(3);
                 messagePosition.current = {
                   pos: target.position.toArray(),
                   child: head,
@@ -385,8 +377,7 @@ var DialogComponent = function DialogComponent(_ref) {
                     left: true,
                     inScene: true,
                     thinkful: talkingCharacter.emotion === 'thinkful',
-                    avatar: '',
-                    show: true
+                    avatar: ''
                   });
                 }, zoomInActor ? 1200 : 0);
               }
@@ -402,15 +393,9 @@ var DialogComponent = function DialogComponent(_ref) {
             left: false,
             inScene: false,
             thinkful: talkingCharacter.emotion === 'thinkful',
-            avatar: getAvatarURL(talkingCharacter),
-            show: true
+            avatar: getAvatarURL(talkingCharacter)
           });
         }
-      } else {
-        resetCameraView();
-        setCurrentMessage({
-          show: true
-        });
       }
     }
   }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetAnims, resetCameraView]); // Sound logic
@@ -437,13 +422,8 @@ var DialogComponent = function DialogComponent(_ref) {
     if (autoPlay) {
       if (line >= lines.length - 1 && automatic) {
         setAutomatic(false);
-      } 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);
-        }
-
+      } else if (automatic && currentMessage.text && !currentLine.decision) {
+        var time = 70 * (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text.length);
         timeout = setTimeout(function () {
           nextLine();
         }, time < 1400 ? 1400 : time);
@@ -453,7 +433,7 @@ var DialogComponent = function DialogComponent(_ref) {
     return function () {
       if (timeout) clearTimeout(timeout);
     };
-  }, [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
+  }, [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
 
   var checkBubblePosition = (0, _react.useCallback)(function () {
     if (bubbleRef.current && currentLine.slots) {
@@ -489,8 +469,7 @@ var DialogComponent = function DialogComponent(_ref) {
             return _objectSpread(_objectSpread({}, old), {}, {
               left: false,
               inScene: !completeOutside,
-              avatar: getAvatarURL(talkingCharacter),
-              show: true
+              avatar: getAvatarURL(talkingCharacter)
             });
           });
         }
@@ -498,57 +477,38 @@ var DialogComponent = function DialogComponent(_ref) {
         bubbleRef.current.parentNode.style.transform = '';
       }
     }
-  }, [camera.quaternion, currentLine === null || currentLine === void 0 ? void 0 : currentLine.slots, currentMessage.inScene, getAvatarURL]);
+  }, [camera.quaternion, currentLine.slots, currentMessage.inScene, getAvatarURL]);
   (0, _react.useEffect)(function () {
     checkBubblePosition();
   }, [checkBubblePosition]); // Animate Camera
 
   (0, _fiber.useFrame)(function (_ref4, delta) {
-    var cam = _ref4.camera;
+    var camera = _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(cam.quaternion)) {
-          animationTarget.current.applyQuaternion(cam.quaternion);
+        if (!animationTarget.current.quaternion.equals(camera.quaternion)) {
+          animationTarget.current.applyQuaternion(camera.quaternion);
         }
 
-        animationTarget.current.translateX(10);
+        animationTarget.current.translateX(13);
         animationTarget.current.translateY(-5);
         animationTarget.current.translateZ(30);
       }
 
-      if (animationTarget.current.position.distanceTo(cam.position) < 1) {
+      if (animationTarget.current.position.distanceTo(camera.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) {
-          cam.copy(defaultCamera.current);
+          camera.copy(defaultCamera.current);
         }
 
         checkBubblePosition();
       } else {
-        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);
+        camera.position.lerp(animationTarget.current.position, delta * 2.5);
       }
     }
   });
@@ -568,23 +528,18 @@ var DialogComponent = function DialogComponent(_ref) {
     height: '100vh',
     position: 'static'
   };
-
-  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", {
+  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", {
     ref: groupRef,
     position: messagePosition.current.pos
-  }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
+  }, /*#__PURE__*/_react.default.createElement(_HtmlPro.default, {
     zIndexRange: [2, 2],
     calculatePosition: currentMessage.inScene ? undefined : function () {
       return [0, 0];
@@ -595,7 +550,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_SpeechBubbleComponent.default, {
     ref: bubbleRef,
     message: currentMessage
-  }))) : null, currentMessage.show ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
+  }))), /*#__PURE__*/_react.default.createElement(_HtmlPro.default, {
     style: {
       width: '100vw',
       height: '100vh'
@@ -620,7 +575,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,13 +18,11 @@ var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_re
 
     if (avatarUrl.includes('object')) {
       return avatarUrl.slice(0, idx).concat('/mini-thumbnail.png');
-    }
-
-    if (avatarUrl.includes('character')) {
+    } else 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,15 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockScene = exports.mockProps = void 0;
 
-var _bg001_street = _interopRequireDefault(require("test/mocks/bg001_street.json"));
+var _bg001_street = _interopRequireDefault(require("components/arcade-render/mocks/scenes/bg001_street.json"));
 
-var _characters = require("test/mocks/characters.json");
+var _characters = require("components/arcade-render/mocks/scenes/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(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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _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 _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 == 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 _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 _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.default = exports.TooltipHint = void 0;
+exports.TooltipHint = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,6 +18,4 @@ var TooltipHint = function TooltipHint(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", null, translate('tooltip.bag')));
 };
 
-exports.TooltipHint = TooltipHint;
-var _default = TooltipHint;
-exports.default = _default;
+exports.TooltipHint = TooltipHint;

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

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