@gamelearn/arcade-components 2.27.0 → 2.28.0

package/dist/components/conversational-component/components/ConversationalComponent.js

@@ -1,61 +1,42 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _SlotList = _interopRequireDefault(require("../../conversational-pro-component/components/SlotList"));
-
 var _Message = _interopRequireDefault(require("../../conversational-pro-component/components/Message"));
-
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var ConversationalComponent = function ConversationalComponent(_ref) {
   var _background$img;
-
   var emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      messages = _ref.messages,
-      characters = _ref.characters,
-      alias = _ref.alias,
-      background = _ref.background,
-      lodSettings = _ref.lodSettings;
-
+    soundActions = _ref.soundActions,
+    messages = _ref.messages,
+    characters = _ref.characters,
+    alias = _ref.alias,
+    background = _ref.background,
+    lodSettings = _ref.lodSettings;
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      messageIndex = _useState2[0],
-      setMessageIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    messageIndex = _useState2[0],
+    setMessageIndex = _useState2[1];
   var _soundActions = _slicedToArray(soundActions, 1),
-      play = _soundActions[0];
-
+    play = _soundActions[0];
   var backgroundImage = (background === null || background === void 0 ? void 0 : (_background$img = background.img) === null || _background$img === void 0 ? void 0 : _background$img.url) || null;
   var currentMessage = messages[messageIndex];
   var parsedCharacters = characters.map(function (c, index) {
@@ -64,11 +45,9 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
       uid: index
     });
   });
-
   var handleClickNext = function handleClickNext() {
     var max = messages.length - 1;
     play('click-ui');
-
     if (messageIndex + 1 <= max) {
       setMessageIndex(messageIndex + 1);
     } else {
@@ -77,14 +56,12 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
       });
     }
   };
-
   var handleClickBack = function handleClickBack() {
     if (messageIndex > 0) {
       setMessageIndex(messageIndex - 1);
       play('click-ui');
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--layer"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -120,6 +97,5 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
     className: "icon-next"
   }))))));
 };
-
 var _default = ConversationalComponent;
 exports.default = _default;

package/dist/components/conversational-component/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ConversationalComponent = _interopRequireDefault(require("./components/ConversationalComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ConversationalComponent.default;
 exports.default = _default;

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

@@ -1,132 +1,95 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _SlotList = _interopRequireDefault(require("./SlotList"));
-
 var _Message = _interopRequireDefault(require("./Message"));
-
 var _decisionComponent = _interopRequireDefault(require("../../decision-component"));
-
 var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
-
 var _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout"));
-
 var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
-
 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 _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 _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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var characterMs = 75;
 var minMs = 1400;
-
 var ConversationProViewer = function ConversationProViewer(_ref) {
   var _background$img, _currentLineData$slot3, _currentMessage$text;
-
   var keyboardControl = _ref.keyboardControl,
-      emitEvent = _ref.emitEvent,
-      pause = _ref.pause,
-      lines = _ref.lines,
-      edges = _ref.edges,
-      characters = _ref.characters,
-      actors = _ref.actors,
-      background = _ref.background,
-      soundActions = _ref.soundActions,
-      lodSettings = _ref.lodSettings,
-      autoPlay = _ref.autoPlay,
-      progress = _ref.progress;
+    emitEvent = _ref.emitEvent,
+    pause = _ref.pause,
+    lines = _ref.lines,
+    edges = _ref.edges,
+    characters = _ref.characters,
+    actors = _ref.actors,
+    background = _ref.background,
+    soundActions = _ref.soundActions,
+    lodSettings = _ref.lodSettings,
+    autoPlay = _ref.autoPlay,
+    progress = _ref.progress;
   var defaultLine = (progress === null || progress === void 0 ? void 0 : progress.line) || 0;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      mounted = _useState2[0],
-      setMounted = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    mounted = _useState2[0],
+    setMounted = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      started = _useState4[0],
-      setStarted = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    started = _useState4[0],
+    setStarted = _useState4[1];
   var _useState5 = (0, _react.useState)(!!autoPlay),
-      _useState6 = _slicedToArray(_useState5, 2),
-      automatic = _useState6[0],
-      setAutomatic = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    automatic = _useState6[0],
+    setAutomatic = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      audioFailed = _useState8[0],
-      setAudioFailed = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    audioFailed = _useState8[0],
+    setAudioFailed = _useState8[1];
   var _useState9 = (0, _react.useState)(defaultLine),
-      _useState10 = _slicedToArray(_useState9, 2),
-      currentLine = _useState10[0],
-      setCurrentLine = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    currentLine = _useState10[0],
+    setCurrentLine = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      ttsStarted = _useState12[0],
-      setTTsStart = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    ttsStarted = _useState12[0],
+    setTTsStart = _useState12[1];
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var _useTimeout = (0, _useTimeout2.default)(),
-      start = _useTimeout.start,
-      stop = _useTimeout.stop;
-
+    start = _useTimeout.start,
+    stop = _useTimeout.stop;
   var backgroundImage = (background === null || background === void 0 ? void 0 : (_background$img = background.img) === null || _background$img === void 0 ? void 0 : _background$img.url) || null;
   var currentLineData = lines[currentLine];
   var voiceOver = currentLineData.voiceOver,
-      decision = currentLineData.decision;
+    decision = currentLineData.decision;
   var voiceOverSlots = [];
   var isBranched = !!edges;
   var isVoiceOver = voiceOver || currentLineData.type === 'conversationalNarration';
   var isDecision = decision || currentLineData.type === 'conversationalDecision';
   var isFlex = currentLineData.flex;
-
   var _useState13 = (0, _react.useState)([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      edgesHistory = _useState14[0],
-      setEdgesHistory = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    edgesHistory = _useState14[0],
+    setEdgesHistory = _useState14[1];
   var lastNodeId = (0, _react.useMemo)(function () {
     return edgesHistory[edgesHistory.length - 1];
   }, [edgesHistory]);
@@ -139,24 +102,20 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     var lastLine = lines.find(function (line) {
       return line.id === (lastEdge === null || lastEdge === void 0 ? void 0 : lastEdge.fromId);
     });
-
     if (!lastNodeId && (progress === null || progress === void 0 ? void 0 : progress.line) >= 0) {
       return {
         decision: true
       };
     }
-
     return lastLine;
   }, [edges, lines, lastNodeId, progress === null || progress === void 0 ? void 0 : progress.line]);
   var previousLineWasDecision = (0, _react.useCallback)(function () {
     if (isBranched) {
       // if we have edges, we need to check if the previous line was a decision
       var _lastLine = findLastLineBranched();
-
       return _lastLine === null || _lastLine === void 0 ? void 0 : _lastLine.decision;
-    } // if there is no branching, the previous line is the previous one
-
-
+    }
+    // if there is no branching, the previous line is the previous one
     var lastLine = lines[currentLine - 1] ? lines[currentLine - 1] : {};
     return currentLine > 0 && (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision);
   }, [isBranched, findLastLineBranched, lines, currentLine]);
@@ -168,22 +127,18 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   }, [emitEvent]);
   var currentMessage = (0, _react.useMemo)(function () {
     var _currentLineData$slot, _currentLineData$slot2;
-
     if (isDecision) return {};
-
     if (isVoiceOver) {
       return currentLineData;
     }
-
     var message = currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$slot = currentLineData.slots) === null || _currentLineData$slot === void 0 ? void 0 : _currentLineData$slot.find(function (slot) {
       return slot.uid && slot.talking;
     });
-
     if (message) {
       return message;
-    } // Old conversational schema
-
+    }
 
+    // Old conversational schema
     return currentLineData === null || currentLineData === void 0 ? void 0 : (_currentLineData$slot2 = currentLineData.slots) === null || _currentLineData$slot2 === void 0 ? void 0 : _currentLineData$slot2.find(function (slot) {
       return slot.uid && slot.text;
     });
@@ -197,8 +152,9 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     flex: isFlex,
     pause: pause,
     emitEvent: emitEvent
-  }; // Last line with slots
+  };
 
+  // Last line with slots
   var leftWithSlots = lines.slice(0, currentLine + 1).reverse().find(function (line) {
     return line.slots;
   });
@@ -207,35 +163,29 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   }).length);
   var autoPlayTime = characterMs * ((currentMessage === null || currentMessage === void 0 ? void 0 : (_currentMessage$text = currentMessage.text) === null || _currentMessage$text === void 0 ? void 0 : _currentMessage$text.length) || 0);
   var currentSlots = [];
-
   if (currentLineData.slots) {
     currentSlots = currentLineData.slots;
   } else if (leftWithSlots) {
     currentSlots = leftWithSlots.slots;
   }
-
   var currentCharacters = currentSlots.filter(function (slot) {
     return slot.uid;
   }).map(function (slot) {
     var character = (characters || actors || []).find(function (c) {
       return c.uid === slot.uid;
     });
-
     if (character) {
       slot.resource = character.resource;
       slot.type = character.type;
     }
-
     if (!slot.resource) slot.resource = {};
     return slot;
   });
-
   if (isVoiceOver) {
     var rightWithSlots = lines.slice(currentLine).find(function (line) {
       return line.slots;
     });
     var lineWithSlots = !leftWithSlots ? rightWithSlots : leftWithSlots;
-
     if (lineWithSlots) {
       voiceOverSlots = lineWithSlots.slots;
       isFlex = lineWithSlots.flex;
@@ -245,12 +195,10 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       var indx = currentCharacters.findIndex(function (char) {
         return char.uid === slot.uid;
       });
-
       if (indx >= 0) {
         currentCharacters[indx].emotion = slot.emotion;
       }
     });
-
     if (currentMessage && currentMessage.uid) {
       var notFlexedPosition = currentLineData.slots.findIndex(function (char) {
         return char.uid === currentMessage.uid;
@@ -264,7 +212,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       currentMessage.position = isFlex ? flexedPosition : notFlexedPosition;
     }
   }
-
   var finishConversation = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'success'
@@ -278,12 +225,10 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     var currentEdge = optionsEdges.find(function (edge) {
       return parseInt(edge.fromPointIndex) === currentId;
     });
-
     if (currentEdge) {
       var destinationEdge = lines.findIndex(function (l) {
         return l.id === currentEdge.toId;
       });
-
       if (currentEdge.fromId === currentEdge.toId) {
         reset();
       } else if (destinationEdge >= 0) {
@@ -310,20 +255,16 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     var foundEdge = foundEdges.length === 1 ? foundEdges[0] : foundEdges.find(function (edge) {
       return edge[keys[1]] === lastNodeId;
     });
-
     if (!(foundEdge !== null && foundEdge !== void 0 && foundEdge[keys[0]])) {
       return;
-    } // if going backwards, we need to remove the last node from the history
-
-
+    }
+    // if going backwards, we need to remove the last node from the history
     if (!forward) {
       setEdgesHistory(edgesHistory.slice(0, -1));
     }
-
     var destination = lines.findIndex(function (line) {
       return line.id === foundEdge[keys[1]];
     });
-
     if (destination >= 0) {
       setCurrentLine(destination);
       emitEvent({
@@ -342,7 +283,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     setEdgesHistory([].concat(_toConsumableArray(edgesHistory), [currentLineData.id]));
     setStarted(false);
     setAudioFailed(false);
-
     if (isBranched) {
       if (choice) {
         handleDecisionBranch(choice, reset);
@@ -352,7 +292,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     } else {
       var line = currentLine;
       var maxLine = lines.length - 1;
-
       if (line + 1 <= maxLine) {
         var next = line + 1;
         setCurrentLine(next);
@@ -368,17 +307,14 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
         isLast = true;
       }
     }
-
     if (!isLast) {
       setStarted(true);
     }
   }, [emitEvent, currentLine, currentLineData.decision, currentLineData.id, finishConversation, handleBranchDirection, handleDecisionBranch, isBranched, lines.length, edgesHistory]);
-
   var handleClickBack = function handleClickBack() {
     setStarted(false);
     setTTsStart(false);
     setAudioFailed(false);
-
     if (isBranched) {
       handleBranchDirection(false);
     } else if (!previousLineWasDecision()) {
@@ -391,23 +327,18 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
         }
       });
     }
-
     setStarted(true);
   };
-
   var isEndNode = (0, _react.useCallback)(function () {
     if (isBranched) {
       return currentLineData && currentLineData.type !== 'conversationalDecision' && !edges.find(function (edge) {
         return edge.fromId === currentLineData.id;
       });
     }
-
     return currentLine === lines.length - 1;
   }, [currentLine, currentLineData, edges, isBranched, lines.length]);
-
   var manualClickNext = function manualClickNext() {
     playSound('click-ui');
-
     if (isEndNode()) {
       finishConversation();
     } else {
@@ -415,13 +346,11 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       handleClickNext();
     }
   };
-
   var manualClickBack = function manualClickBack() {
     playSound('click-ui');
     setAutomatic(false);
     handleClickBack();
   };
-
   var autoplayCond = automatic && !isDecision && !pause;
   var disableBackButton = (0, _react.useMemo)(function () {
     return currentLine === 0 || previousLineWasDecision();
@@ -439,7 +368,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     pauseTTS: pause,
     onStart: function onStart() {
       var _currentMessage$emoti;
-
       if (currentMessage !== null && currentMessage !== void 0 && (_currentMessage$emoti = currentMessage.emotion) !== null && _currentMessage$emoti !== void 0 && _currentMessage$emoti.includes('think')) return;
       setTTsStart(true);
     },
@@ -448,7 +376,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     },
     onFinish: function onFinish() {
       setTTsStart(false);
-
       if (autoplayCond) {
         handleClickNext();
       }
@@ -456,22 +383,20 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   });
   (0, _react.useEffect)(function () {
     var _currentMessage$emoti2;
-
     var timeout;
     if (isDecision) return function () {};
-
     if (((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed) && !(currentMessage !== null && currentMessage !== void 0 && (_currentMessage$emoti2 = currentMessage.emotion) !== null && _currentMessage$emoti2 !== void 0 && _currentMessage$emoti2.includes('think'))) {
       setTTsStart(true);
       timeout = setTimeout(function () {
         setTTsStart(false);
       }, autoPlayTime < minMs ? minMs : autoPlayTime);
     }
-
     return function () {
       if (timeout) clearTimeout(timeout);
     };
-  }, [audioFailed, currentLineData, currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.emotion, autoPlayTime, isDecision]); // Autoplay logic
+  }, [audioFailed, currentLineData, currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.emotion, autoPlayTime, isDecision]);
 
+  // Autoplay logic
   (0, _react.useEffect)(function () {
     if (autoplayCond && ((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed)) {
       // if it's not last node
@@ -479,32 +404,28 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
         start(handleClickNext, autoPlayTime < minMs ? minMs : autoPlayTime);
       }
     }
-
     return function () {
       stop();
     };
-  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed, lines, isEndNode, autoPlayTime]); // Calculate start node
+  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed, lines, isEndNode, autoPlayTime]);
 
+  // Calculate start node
   (0, _react.useEffect)(function () {
     if (isBranched && !mounted) {
       var defaultBranch = progress === null || progress === void 0 ? void 0 : progress.line;
-
       if (defaultBranch >= 0) {
         setMounted(true);
         setCurrentLine(defaultBranch);
         return;
       }
-
       var startNodes = lines.filter(function (node) {
         return !edges.find(function (edge) {
           return edge.toId === node.id;
         });
       });
-
       if (startNodes.length) {
         var initialNode = startNodes[0];
         var newInitiaIndexlNode = lines.indexOf(initialNode);
-
         if (newInitiaIndexlNode >= 0) {
           setMounted(true);
           setCurrentLine(newInitiaIndexlNode);
@@ -513,7 +434,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     }
   }, [edges, isBranched, lines, mounted, progress === null || progress === void 0 ? void 0 : progress.line]);
   keyboardControl(isDecision || disableBackButton ? null : manualClickBack, isDecision ? null : manualClickNext);
-
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,
     branched: isBranched,
@@ -528,11 +448,9 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       slots: !leftWithSlots ? [] : leftWithSlots.slots
     }
   });
-
   if (isDecision) {
     return /*#__PURE__*/_react.default.createElement(_decisionComponent.default, decisionPayload);
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--layer"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -567,7 +485,6 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))))));
 };
-
 ConversationProViewer.defaultProps = {
   background: {},
   emitEvent: function emitEvent() {},