@gamelearn/arcade-components 2.2.1 → 2.2.3

package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js

@@ -48,8 +48,7 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
       soundActions = _ref.soundActions,
       disableExit = _ref.disableExit,
       setResolveAction = _ref.setResolveAction,
-      setInfo = _ref.setInfo,
-      pause = _ref.pause;
+      setInfo = _ref.setInfo;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -162,8 +161,7 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     emitResetPuzzle: resetPuzzle,
     setPuzzlesAutoCompleted: setPuzzlesAutoCompleted,
     puzzlesAutoCompleted: puzzlesAutoCompleted,
-    emitOpenPopupCounterInfo: onInitPuzzle,
-    pause: pause
+    emitOpenPopupCounterInfo: onInitPuzzle
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle-frame"

package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js

@@ -88,8 +88,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       emitResetPuzzle = props.emitResetPuzzle,
       firstTryForFrame = props.firstTryForFrame,
       puzzlesAutoCompleted = props.puzzlesAutoCompleted,
-      emitOpenPopupCounterInfo = props.emitOpenPopupCounterInfo,
-      pause = props.pause;
+      emitOpenPopupCounterInfo = props.emitOpenPopupCounterInfo;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -168,13 +167,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       shape: 'poly'
     }, area);
   });
-  (0, _react.useEffect)(function () {
-    if (pause) {
-      clearInterval(intervalForCountDown.current);
-    } else {
-      startCountDown();
-    }
-  }, [pause, startCountDown]);
   var startCountDown = (0, _react.useCallback)(function () {
     var timeout = setInterval(function () {
       setCountDownTime(function (t) {

package/dist/components/lectures-component/components/LecturesComponent.js

@@ -121,7 +121,7 @@ var LecturesComponent = function LecturesComponent(_ref) {
   return visible ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(viewed ? 'notes--results' : 'readings--container', " ").concat(!viewed && backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? 'readings--container--with-custom-bg' : ''),
     style: !viewed && backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? {
-      backgroundImage: "url('".concat(backgroundImage.url, "')")
+      backgroundImage: "url(".concat(backgroundImage.url, ")")
     } : {}
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: viewed ? 'notes--results__text' : 'readings'

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

@@ -107,9 +107,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
   };
 
   var View = PAGES[page].component;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "survey--container__overlay"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--container",
     dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -155,7 +153,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, {
-    playSound: playSound,
     shortText: true,
+    playSound: playSound,
     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,8 +47,7 @@ var Container = function Container(_ref) {
       updateForm = _ref.updateForm,
       disabled = _ref.disabled,
       translate = _ref.translate,
-      soundActions = _ref.soundActions,
-      paused = _ref.paused;
+      soundActions = _ref.soundActions;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -66,7 +65,7 @@ var Container = function Container(_ref) {
       play = _soundActions[0];
 
   (0, _react.useEffect)(function () {
-    if (time >= 0 && !disabled && !paused) {
+    if (time >= 0 && !disabled) {
       var timeout = setInterval(function () {
         if (!feedback) {
           setTime(function (t) {
@@ -81,7 +80,7 @@ var Container = function Container(_ref) {
     }
 
     return undefined;
-  }, [disabled, feedback, paused, saveInterval, setTime, time]);
+  }, [disabled, feedback, saveInterval, setTime, time]);
 
   var nextPage = function nextPage() {
     play('click-ui');

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

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

package/dist/helpers/index.js

@@ -3,35 +3,18 @@
 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.getRandomIndex = exports.getObjectPosition = exports.formatMessage = exports.executeTalkingAnimation = 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.getObjectPosition = exports.formatMessage = 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] : {};
@@ -44,12 +27,6 @@ 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 () {
@@ -179,7 +156,7 @@ var setWeight = function setWeight(action, weight) {
   action.setEffectiveWeight(weight);
 };
 
-var executeCrossFade = function executeCrossFade(startAction, endAction) {
+var executeCrossFade = function executeCrossFade(startAction, endAction, duration) {
   if (startAction === endAction) return;
   if (!startAction || !endAction) return;
   startAction.play();
@@ -187,51 +164,8 @@ var executeCrossFade = function executeCrossFade(startAction, endAction) {
   endAction.reset();
   endAction.time = 0;
   setWeight(endAction, 1);
-  endAction.crossFadeFrom(startAction, crossFadeDuration, true);
+  endAction.crossFadeFrom(startAction, duration, true);
   endAction.play();
 };
 
-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;
+exports.executeCrossFade = executeCrossFade;

package/dist/helpers/useEkho.js

@@ -45,14 +45,11 @@ 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,
-      pauseTTS = _ref.pauseTTS;
+      onStart = _ref$onStart === void 0 ? noop : _ref$onStart;
 
-  var _soundActions = _slicedToArray(soundActions, 4),
+  var _soundActions = _slicedToArray(soundActions, 2),
       playSound = _soundActions[0],
-      stop = _soundActions[1],
-      pause = _soundActions[2],
-      resume = _soundActions[3];
+      stop = _soundActions[1];
 
   var noAudio = !audio && !voice;
 
@@ -102,7 +99,11 @@ var useEkho = function useEkho(_ref) {
       url: url,
       cc: cc
     };
-    playSound(url, cc, loop, volume, onFinish, onStart);
+    onStart({
+      url: url,
+      cc: cc
+    });
+    playSound(url, cc, loop, volume, onFinish);
   }, [onStart, playSound, loop, onFinish, volume]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
@@ -162,13 +163,6 @@ 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.1",
+  "version": "2.2.3",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@gamelearn/arcade-styles": "2.1.1",
+    "@gamelearn/arcade-styles": "2.2.0",
     "@gamelearn/arcade-three-core": "1.17.1",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.17",