@gamelearn/arcade-components 1.18.1 → 1.18.2

package/dist/components/comic-component/components/ComicComponent.js

@@ -46,29 +46,34 @@ var ComicComponent = function ComicComponent(_ref) {
       soundActions = _ref$soundActions === void 0 ? [function () {}, function () {}] : _ref$soundActions,
       autoPlay = _ref.autoPlay;
 
-  var _useState = (0, _react.useState)(!!autoPlay),
+  var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
-      automatic = _useState2[0],
-      setAutomatic = _useState2[1];
+      started = _useState2[0],
+      setStarted = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(!!autoPlay),
       _useState4 = _slicedToArray(_useState3, 2),
-      audioFailed = _useState4[0],
-      setAudioFailed = _useState4[1];
+      automatic = _useState4[0],
+      setAutomatic = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      audioFailed = _useState6[0],
+      setAudioFailed = _useState6[1];
 
   var _useTimeout = (0, _useTimeout2.default)(),
       start = _useTimeout.start,
       stop = _useTimeout.stop;
 
-  var _useState5 = (0, _react.useState)(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      slideCount = _useState6[0],
-      setCount = _useState6[1];
-
-  var _useState7 = (0, _react.useState)('slide-animation'),
+  var _useState7 = (0, _react.useState)(0),
       _useState8 = _slicedToArray(_useState7, 2),
-      slideTransition = _useState8[0],
-      setTransition = _useState8[1];
+      slideCount = _useState8[0],
+      setCount = _useState8[1];
+
+  var _useState9 = (0, _react.useState)('slide-animation'),
+      _useState10 = _slicedToArray(_useState9, 2),
+      slideTransition = _useState10[0],
+      setTransition = _useState10[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -80,21 +85,25 @@ var ComicComponent = function ComicComponent(_ref) {
     });
   }, [emitEvent]);
   var goToNextSlide = (0, _react.useCallback)(function () {
+    setStarted(false);
     setAudioFailed(false);
 
     if (slideCount + 1 < slides.length) {
       setTransition('slide-animation');
       setCount(slideCount + 1);
+      setStarted(true);
     } else {
       close();
     }
   }, [close, slideCount, slides === null || slides === void 0 ? void 0 : slides.length]);
   var goToPreviousSlide = (0, _react.useCallback)(function () {
+    setStarted(false);
     setAudioFailed(false);
 
     if (slideCount - 1 >= 0) {
       setTransition('slide-animation');
       setCount(slideCount - 1);
+      setStarted(true);
       play('click-ui');
     }
   }, [play, slideCount]);
@@ -116,6 +125,7 @@ var ComicComponent = function ComicComponent(_ref) {
     voice: slides === null || slides === void 0 ? void 0 : (_slides$slideCount2 = slides[slideCount]) === null || _slides$slideCount2 === void 0 ? void 0 : _slides$slideCount2.voice,
     text: slides === null || slides === void 0 ? void 0 : (_slides$slideCount3 = slides[slideCount]) === null || _slides$slideCount3 === void 0 ? void 0 : (_slides$slideCount3$v = _slides$slideCount3.vignettes[0].textData) === null || _slides$slideCount3$v === void 0 ? void 0 : _slides$slideCount3$v.text,
     audio: slides === null || slides === void 0 ? void 0 : (_slides$slideCount4 = slides[slideCount]) === null || _slides$slideCount4 === void 0 ? void 0 : _slides$slideCount4.audio,
+    started: started,
     soundActions: soundActions,
     emitEvent: emitEvent,
     onError: function onError() {

package/dist/components/conversational-pro-component/components/ConversationalProComponent.js

@@ -61,20 +61,25 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       lodSettings = _ref.lodSettings,
       autoPlay = _ref.autoPlay;
 
-  var _useState = (0, _react.useState)(!!autoPlay),
+  var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
-      automatic = _useState2[0],
-      setAutomatic = _useState2[1];
+      started = _useState2[0],
+      setStarted = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(!!autoPlay),
       _useState4 = _slicedToArray(_useState3, 2),
-      audioFailed = _useState4[0],
-      setAudioFailed = _useState4[1];
+      automatic = _useState4[0],
+      setAutomatic = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(0),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      currentLine = _useState6[0],
-      setCurrentLine = _useState6[1];
+      audioFailed = _useState6[0],
+      setAudioFailed = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentLine = _useState8[0],
+      setCurrentLine = _useState8[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -246,6 +251,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     }
   }, [currentLineData.id, edges, finishConversation, lines]);
   var handleClickNext = (0, _react.useCallback)(function (choice, reset) {
+    setStarted(false);
     setAudioFailed(false);
 
     if (isBranched) {
@@ -264,9 +270,12 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
         finishConversation();
       }
     }
+
+    setStarted(true);
   }, [currentLine, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length]);
 
   var handleClickBack = function handleClickBack() {
+    setStarted(false);
     setAudioFailed(false);
 
     if (isBranched) {
@@ -274,6 +283,8 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     } else if (currentLine > 0) {
       setCurrentLine(currentLine - 1);
     }
+
+    setStarted(true);
   };
 
   var manualClickNext = function manualClickNext() {
@@ -292,6 +303,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   var stopEkho = (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
+    started: started,
     text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
     audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
     soundActions: soundActions,
@@ -300,7 +312,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       setAudioFailed(true);
     },
     onFinish: function onFinish() {
-      if (autoplayCond && (currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) !== 'none') {
+      if (autoplayCond) {
         handleClickNext();
       }
     }

package/dist/helpers/useEkho.js

@@ -7,6 +7,12 @@ exports.default = void 0;
 
 var _react = require("react");
 
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -157,6 +163,9 @@ var useEkho = function useEkho(_ref) {
   }(), [emitEvent, onError, setCurrentPlaying]);
   var stopCurrentAudio = (0, _react.useCallback)(function () {
     if (currentPlaying.current.url) {
+      currentPlaying.current = _objectSpread(_objectSpread({}, currentPlaying.current), {}, {
+        url: ''
+      });
       stop(currentPlaying.current.cc);
     }
   }, [stop]);

package/package.json

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