@gamelearn/arcade-components 2.2.3 → 2.2.7

package/dist/components/survey-component/components/SurveyComponent.js

@@ -107,7 +107,9 @@ var SurveyComponent = function SurveyComponent(_ref) {
   };
 
   var View = PAGES[page].component;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "survey--container__overlay"
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--container",
     dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -153,7 +155,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
       });
     },
     className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : '', " not-transition")
-  }, translate('survey.finish')))));
+  }, translate('survey.finish'))))));
 };
 
 var _default = SurveyComponent;

package/dist/components/terminal-puzzle-component/components/Visor/index.js

@@ -120,8 +120,8 @@ var Visor = function Visor(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--terminal__visor"
   }, /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
-    shortText: true,
     playSound: playSound,
+    shortText: true,
     success: fileId === solutionId,
     text: fileId === solutionId ? info.solution.right.desc : info.solution.wrong.desc,
     functionOnClose: fileId === solutionId ? resolvePuzzle : backFile,

package/dist/components/test-component/components/Container.js

@@ -47,7 +47,8 @@ var Container = function Container(_ref) {
       updateForm = _ref.updateForm,
       disabled = _ref.disabled,
       translate = _ref.translate,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      paused = _ref.paused;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -65,7 +66,7 @@ var Container = function Container(_ref) {
       play = _soundActions[0];
 
   (0, _react.useEffect)(function () {
-    if (time >= 0 && !disabled) {
+    if (time >= 0 && !disabled && !paused) {
       var timeout = setInterval(function () {
         if (!feedback) {
           setTime(function (t) {
@@ -80,7 +81,7 @@ var Container = function Container(_ref) {
     }
 
     return undefined;
-  }, [disabled, feedback, saveInterval, setTime, time]);
+  }, [disabled, feedback, paused, saveInterval, setTime, time]);
 
   var nextPage = function nextPage() {
     play('click-ui');

package/dist/components/test-component/components/TestComponent.js

@@ -52,7 +52,8 @@ var TestComponent = function TestComponent(_ref) {
       emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions,
       audio = _ref.audio,
-      required = _ref.required;
+      required = _ref.required,
+      pause = _ref.pause;
   var questions = test.questions;
   var indicators = emitEvent({
     type: 'loadIndicators'
@@ -203,7 +204,10 @@ var TestComponent = function TestComponent(_ref) {
       setResult({});
       setTime(countdown.time);
       setTimeOver(false);
-      playSound(audio.url, 'test_bg');
+
+      if (audio !== null && audio !== void 0 && audio.url) {
+        playSound(audio.url, 'test_bg');
+      }
     };
 
     var resultAnswers = Object.values(result);
@@ -239,7 +243,9 @@ var TestComponent = function TestComponent(_ref) {
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "test--container__overlay"
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "test--container",
     dir: "auto"
   }, view !== 'results' ? /*#__PURE__*/_react.default.createElement(_Container.default, {
@@ -250,6 +256,7 @@ var TestComponent = function TestComponent(_ref) {
     tries: tries,
     answerPage: answerPage,
     setTime: setTime,
+    paused: pause,
     saveInterval: saveInterval,
     disabled: view !== 'test',
     answered: answeredPage || view !== 'test',
@@ -277,7 +284,7 @@ var TestComponent = function TestComponent(_ref) {
     timeOverText: countdown.text,
     emitEvent: emitEvent,
     soundActions: soundActions
-  }));
+  })));
 };
 
 var _default = TestComponent;

package/dist/helpers/index.js

@@ -3,18 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zAxis = exports.yAxis = exports.xAxis = exports.vectorTranslateZ = exports.vectorTranslateY = exports.vectorTranslateX = exports.vectorTranslateOnAxis = exports.vectorToScreen = exports.usePrevious = exports.screenToVector = exports.roundFloat = exports.getObjectPosition = exports.formatMessage = exports.executeCrossFade = exports.cameraFitAnyObject = void 0;
+exports.zAxis = exports.yAxis = exports.xAxis = exports.vectorTranslateZ = exports.vectorTranslateY = exports.vectorTranslateX = exports.vectorTranslateOnAxis = exports.vectorToScreen = exports.usePrevious = exports.screenToVector = exports.roundFloat = exports.getRandomIndex = exports.getObjectPosition = exports.formatMessage = exports.executeTalkingAnimation = exports.executeCrossFade = exports.cameraFitAnyObject = void 0;
 
 var _react = require("react");
 
 var _three = require("three");
 
+var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
 var xAxis = new _three.Vector3(1, 0, 0);
 exports.xAxis = xAxis;
 var yAxis = new _three.Vector3(0, 1, 0);
 exports.yAxis = yAxis;
 var zAxis = new _three.Vector3(0, 0, 1);
 exports.zAxis = zAxis;
+var crossFadeDuration = 0.2;
+var bones = ['Jaw_M', 'Head_M', 'L_lip_jnt', 'HeadEnd_M', 'Neck_M', 'R_lip_jnt', 'joint4', 'transform1', 'lowerTeeths', 'upperTeeths'];
+var loader = new _GLTFLoader.GLTFLoader();
 
 var formatMessage = function formatMessage(text) {
   var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -27,6 +44,12 @@ var formatMessage = function formatMessage(text) {
 
 exports.formatMessage = formatMessage;
 
+var getRandomIndex = function getRandomIndex(length) {
+  return Math.floor(Math.random() * length);
+};
+
+exports.getRandomIndex = getRandomIndex;
+
 var usePrevious = function usePrevious(value) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -156,7 +179,7 @@ var setWeight = function setWeight(action, weight) {
   action.setEffectiveWeight(weight);
 };
 
-var executeCrossFade = function executeCrossFade(startAction, endAction, duration) {
+var executeCrossFade = function executeCrossFade(startAction, endAction) {
   if (startAction === endAction) return;
   if (!startAction || !endAction) return;
   startAction.play();
@@ -164,8 +187,51 @@ var executeCrossFade = function executeCrossFade(startAction, endAction, duratio
   endAction.reset();
   endAction.time = 0;
   setWeight(endAction, 1);
-  endAction.crossFadeFrom(startAction, duration, true);
+  endAction.crossFadeFrom(startAction, crossFadeDuration, true);
   endAction.play();
 };
 
-exports.executeCrossFade = executeCrossFade;
+exports.executeCrossFade = executeCrossFade;
+
+var executeTalkingAnimation = function executeTalkingAnimation(target, talkingURL) {
+  if (target) {
+    var tracks = [];
+    var _target$userData = target.userData,
+        mixer = _target$userData.mixer,
+        defaultAnim = _target$userData.defaultAnim;
+    var cloned = defaultAnim.clone();
+
+    var onLoad = function onLoad(anim) {
+      var _cloned$tracks;
+
+      if (anim) {
+        tracks.push.apply(tracks, _toConsumableArray(anim.animations[0].tracks.filter(function (track) {
+          return bones.find(function (bone) {
+            return track.name.includes(bone);
+          });
+        })));
+      }
+
+      cloned.tracks = cloned.tracks.filter(function (track) {
+        return !bones.find(function (bone) {
+          return track.name.includes(bone);
+        });
+      });
+
+      (_cloned$tracks = cloned.tracks).push.apply(_cloned$tracks, tracks);
+
+      target.userData.emotionClip = cloned;
+      var defaultAction = mixer.clipAction(defaultAnim, target);
+      var emotionAction = mixer.clipAction(cloned, target);
+      emotionAction.loop = _three.LoopPingPong;
+      mixer.stopAllAction();
+      executeCrossFade(defaultAction, emotionAction, crossFadeDuration);
+    };
+
+    loader.load(talkingURL, function (anim) {
+      onLoad(anim);
+    });
+  }
+};
+
+exports.executeTalkingAnimation = executeTalkingAnimation;

package/dist/helpers/mocker.js

@@ -95,7 +95,7 @@ var soundActions = [function (sound) {
     var exSound = new Audio(sound);
     exSound.play();
   }
-}, function () {}];
+}, function () {}, function () {}, function () {}];
 exports.soundActions = soundActions;
 
 var setShowPoints = function setShowPoints() {

package/dist/helpers/useEkho.js

@@ -35,6 +35,8 @@ var useEkho = function useEkho(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       _ref$started = _ref.started,
       started = _ref$started === void 0 ? true : _ref$started,
+      _ref$slide = _ref.slide,
+      slide = _ref$slide === void 0 ? 0 : _ref$slide,
       audio = _ref.audio,
       soundActions = _ref.soundActions,
       emitEvent = _ref.emitEvent,
@@ -45,11 +47,14 @@ var useEkho = function useEkho(_ref) {
       _ref$onError = _ref.onError,
       onError = _ref$onError === void 0 ? noop : _ref$onError,
       _ref$onStart = _ref.onStart,
-      onStart = _ref$onStart === void 0 ? noop : _ref$onStart;
+      onStart = _ref$onStart === void 0 ? noop : _ref$onStart,
+      pauseTTS = _ref.pauseTTS;
 
-  var _soundActions = _slicedToArray(soundActions, 2),
+  var _soundActions = _slicedToArray(soundActions, 4),
       playSound = _soundActions[0],
-      stop = _soundActions[1];
+      stop = _soundActions[1],
+      pause = _soundActions[2],
+      resume = _soundActions[3];
 
   var noAudio = !audio && !voice;
 
@@ -91,20 +96,17 @@ var useEkho = function useEkho(_ref) {
   var setCurrentPlaying = (0, _react.useCallback)(function (url) {
     var cc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'tts';
 
-    if (currentPlaying.current.url === url) {
+    if (currentPlaying.current.url === url && slide === currentPlaying.current.slide) {
       return;
     }
 
     currentPlaying.current = {
       url: url,
-      cc: cc
+      cc: cc,
+      slide: slide
     };
-    onStart({
-      url: url,
-      cc: cc
-    });
-    playSound(url, cc, loop, volume, onFinish);
-  }, [onStart, playSound, loop, onFinish, volume]);
+    playSound(url, cc, loop, volume, onFinish, onStart);
+  }, [slide, playSound, loop, volume, onFinish, onStart]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
       var url;
@@ -163,6 +165,13 @@ var useEkho = function useEkho(_ref) {
       stopCurrentAudio();
     };
   }, [stopCurrentAudio]);
+  (0, _react.useEffect)(function () {
+    if (pauseTTS) {
+      pause();
+    } else {
+      resume();
+    }
+  }, [pause, pauseTTS, resume]);
   (0, _react.useEffect)(function () {
     if (noAudio) {
       stopCurrentAudio();

package/package.json

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