@gamelearn/arcade-components 1.2.0 → 1.2.2

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

@@ -88,7 +88,8 @@ var DialogComponent = function DialogComponent(_ref) {
     inScene: false,
     thinkful: false,
     voiceOver: false,
-    avatar: ''
+    avatar: '',
+    show: false
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       currentMessage = _useState6[0],
@@ -180,7 +181,7 @@ var DialogComponent = function DialogComponent(_ref) {
         }
       }
     }, _callee);
-  })), [currentLine.voice, getVoice, currentMessage.text, emitEvent]);
+  })), [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) {
@@ -294,7 +295,7 @@ 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) {
@@ -308,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) {
@@ -378,7 +380,8 @@ var DialogComponent = function DialogComponent(_ref) {
                     left: true,
                     inScene: true,
                     thinkful: talkingCharacter.emotion === 'thinkful',
-                    avatar: ''
+                    avatar: '',
+                    show: true
                   });
                 }, zoomInActor ? 1200 : 0);
               }
@@ -394,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
@@ -423,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 = 75 * (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);
@@ -434,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) {
@@ -470,7 +484,8 @@ var DialogComponent = function DialogComponent(_ref) {
             return _objectSpread(_objectSpread({}, old), {}, {
               left: false,
               inScene: !completeOutside,
-              avatar: getAvatarURL(talkingCharacter)
+              avatar: getAvatarURL(talkingCharacter),
+              show: true
             });
           });
         }
@@ -478,7 +493,7 @@ 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
@@ -561,7 +576,7 @@ var DialogComponent = function DialogComponent(_ref) {
     }, decisionPayload)));
   }
 
-  return currentMessage.text ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("group", {
+  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(_arcadeThreeCore.HtmlPro, {
@@ -575,7 +590,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_SpeechBubbleComponent.default, {
     ref: bubbleRef,
     message: currentMessage
-  }))), /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
+  }))) : null, currentMessage.show ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
     style: {
       width: '100vw',
       height: '100vh'
@@ -600,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/test-component/components/TestComponent.js

@@ -148,7 +148,7 @@ var TestComponent = function TestComponent(_ref) {
 
   (0, _react.useEffect)(function () {
     if (audio !== null && audio !== void 0 && audio.url) {
-      playSound(audio.url);
+      playSound(audio.url, 'test_bg');
     }
   }, [playSound, audio]);
   (0, _react.useEffect)(function () {
@@ -169,7 +169,7 @@ var TestComponent = function TestComponent(_ref) {
       answerPage(false);
       setTimeOver(true);
       changeView('results');
-      stop();
+      stop('test_bg');
     }
   }, [interval, stop, time]);
 
@@ -186,7 +186,7 @@ var TestComponent = function TestComponent(_ref) {
       }
     });
     setShowingResult(parsedShowingResult);
-    stop();
+    stop('test_bg');
   };
 
   var finishTest = function finishTest() {
@@ -225,7 +225,7 @@ var TestComponent = function TestComponent(_ref) {
     setResult({});
     setTime(countdown.time);
     setTimeOver(false);
-    stop();
+    stop('test_bg');
   };
 
   var translate = function translate(id, values) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/index.js",
   "files": [
     "dist",