@gamelearn/arcade-components 2.41.0 → 3.0.1

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

@@ -1,101 +0,0 @@
-"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) { 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 = 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;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    messageIndex = _useState2[0],
-    setMessageIndex = _useState2[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    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) {
-    return _objectSpread(_objectSpread({}, c), {}, {
-      name: alias[index] ? alias[index] : c.name,
-      uid: index
-    });
-  });
-  var handleClickNext = function handleClickNext() {
-    var max = messages.length - 1;
-    play('click-ui');
-    if (messageIndex + 1 <= max) {
-      setMessageIndex(messageIndex + 1);
-    } else {
-      emitEvent({
-        type: 'success'
-      });
-    }
-  };
-  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", {
-    className: "conversation arcade-conversation",
-    style: backgroundImage ? {
-      backgroundImage: "url(\"".concat(backgroundImage, "\")")
-    } : {}
-  }, /*#__PURE__*/_react.default.createElement(_SlotList.default, {
-    characters: parsedCharacters,
-    lodSettings: lodSettings,
-    currentMessage: currentMessage,
-    slots: parsedCharacters,
-    emitEvent: emitEvent,
-    flex: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--body"
-  }, currentMessage ? /*#__PURE__*/_react.default.createElement(_Message.default, {
-    current: currentMessage,
-    voiceOver: currentMessage.emotion === null
-  }) : /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--controls arcade-conversation--controls"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn__round ".concat(messageIndex > 0 ? '' : 'visibility--hidden'),
-    type: "button",
-    onClick: handleClickBack
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-back"
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn__round",
-    type: "button",
-    onClick: handleClickNext
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
-  }))))));
-};
-var _default = ConversationalComponent;
-exports.default = _default;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-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,543 +0,0 @@
-"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 ? 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) { 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 = 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 ConversationalProComponent = function ConversationalProComponent(_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,
-    autoEnd = _ref.autoEnd,
-    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];
-  var _useState3 = (0, _react.useState)(true),
-    _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];
-  var _useState7 = (0, _react.useState)(false),
-    _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];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    ttsStarted = _useState12[0],
-    setTTsStart = _useState12[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var _useTimeout = (0, _useTimeout2.default)(),
-    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;
-  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];
-  var lastNodeId = (0, _react.useMemo)(function () {
-    return edgesHistory[edgesHistory.length - 1];
-  }, [edgesHistory]);
-  var findLastLineBranched = (0, _react.useCallback)(function () {
-    var lastEdge = edges.find(function (edge) {
-      return edge.fromId === lastNodeId;
-    }) || edges.find(function (edge) {
-      return edge.toId === lastNodeId;
-    });
-    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
-    var lastLine = lines[currentLine - 1] ? lines[currentLine - 1] : {};
-    return currentLine > 0 && (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision);
-  }, [isBranched, findLastLineBranched, lines, currentLine]);
-  var translate = (0, _react.useCallback)(function (id) {
-    return emitEvent({
-      type: 'translate',
-      payload: id
-    });
-  }, [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
-    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;
-    });
-  }, [currentLineData, isVoiceOver, isDecision]);
-  var listProps = {
-    characters: currentCharacters,
-    lodSettings: lodSettings,
-    actors: actors,
-    currentMessage: currentMessage || {},
-    slots: !isVoiceOver ? currentLineData.slots : voiceOverSlots,
-    flex: isFlex,
-    pause: pause,
-    emitEvent: emitEvent
-  };
-
-  // Last line with slots
-  var leftWithSlots = lines.slice(0, currentLine + 1).reverse().find(function (line) {
-    return line.slots;
-  });
-  var hasCharacters = !isDecision && ((_currentLineData$slot3 = currentLineData.slots) === null || _currentLineData$slot3 === void 0 ? void 0 : _currentLineData$slot3.filter(function (slot) {
-    return slot.uid;
-  }).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;
-    }
-  } else if (!isDecision && hasCharacters) {
-    currentLineData.slots.forEach(function (slot) {
-      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;
-      });
-      var flexedPosition = currentCharacters.findIndex(function (char) {
-        return char.uid === currentMessage.uid;
-      });
-      currentCharacters.forEach(function (c) {
-        if (c.uid === currentMessage.uid) c.name = currentMessage.alias;
-      });
-      currentMessage.position = isFlex ? flexedPosition : notFlexedPosition;
-    }
-  }
-  var finishConversation = (0, _react.useCallback)(function () {
-    emitEvent({
-      type: 'success'
-    });
-  }, [emitEvent]);
-  var handleDecisionBranch = (0, _react.useCallback)(function (choice, reset) {
-    var currentId = [3, 2, 1][choice.id];
-    var optionsEdges = edges.filter(function (edge) {
-      return edge.fromId === currentLineData.id;
-    });
-    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) {
-        setCurrentLine(destinationEdge);
-        emitEvent({
-          type: 'notifyProgress',
-          payload: {
-            line: destinationEdge
-          }
-        });
-      } else {
-        finishConversation();
-      }
-    } else {
-      finishConversation();
-    }
-  }, [currentLineData.id, edges, emitEvent, finishConversation, lines]);
-  var handleBranchDirection = (0, _react.useCallback)(function () {
-    var forward = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var keys = forward ? ['fromId', 'toId'] : ['toId', 'fromId'];
-    var foundEdges = edges.filter(function (edge) {
-      return edge[keys[0]] === currentLineData.id;
-    });
-    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 (!forward) {
-      setEdgesHistory(edgesHistory.slice(0, -1));
-    }
-    var destination = lines.findIndex(function (line) {
-      return line.id === foundEdge[keys[1]];
-    });
-    if (destination >= 0) {
-      setCurrentLine(destination);
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          line: destination
-        }
-      });
-    } else {
-      finishConversation();
-    }
-  }, [currentLineData.id, edges, edgesHistory, emitEvent, finishConversation, lastNodeId, lines]);
-  var decisionNotifyProgress = (0, _react.useCallback)(function (choice) {
-    if (isBranched) {
-      if (choice) {
-        var currentId = [3, 2, 1][choice.id];
-        var optionsEdges = edges.filter(function (edge) {
-          return edge.fromId === currentLineData.id;
-        });
-        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 (destinationEdge >= 0) {
-            emitEvent({
-              type: 'notifyProgress',
-              payload: {
-                line: destinationEdge
-              }
-            });
-          }
-        } else {
-          emitEvent({
-            type: 'saveNode'
-          });
-        }
-      }
-    } else if (currentLine < lines.length - 1) {
-      var line = currentLine;
-      var next = line + 1;
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          line: next
-        }
-      });
-    } else {
-      emitEvent({
-        type: 'saveNode'
-      });
-    }
-  }, [edges, lines, emitEvent, currentLine, currentLineData.id, isBranched]);
-  var handleClickNext = (0, _react.useCallback)(function (choice, reset) {
-    var isLast = false;
-    setTTsStart(false);
-    setEdgesHistory([].concat(_toConsumableArray(edgesHistory), [currentLineData.id]));
-    setStarted(false);
-    setAudioFailed(false);
-    if (isBranched) {
-      if (choice) {
-        handleDecisionBranch(choice, reset);
-      } else {
-        handleBranchDirection();
-      }
-    } else if (currentLine < lines.length - 1) {
-      var line = currentLine;
-      var next = line + 1;
-      setCurrentLine(next);
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          line: next
-        }
-      });
-    } else if (autoEnd) {
-      finishConversation();
-    } else if (currentLineData.decision) {
-      finishConversation();
-    } else {
-      isLast = true;
-    }
-    if (!isLast) {
-      setStarted(true);
-    }
-  }, [autoEnd, 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()) {
-      var next = currentLine - 1;
-      setCurrentLine(next);
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          line: next
-        }
-      });
-    }
-    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 {
-      setAutomatic(false);
-      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();
-  }, [currentLine, previousLineWasDecision]);
-  (0, _useEkho.default)({
-    audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
-    volume: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioVolume,
-    voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
-    started: started,
-    slide: currentLine,
-    text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
-    audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
-    soundActions: soundActions,
-    emitEvent: emitEvent,
-    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);
-    },
-    onError: function onError() {
-      setAudioFailed(true);
-    },
-    onFinish: function onFinish() {
-      setTTsStart(false);
-      if (autoplayCond) {
-        handleClickNext();
-      }
-    }
-  });
-  (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
-  (0, _react.useEffect)(function () {
-    if (autoplayCond && ((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || audioFailed)) {
-      // if it's not last node
-      if (!isEndNode() || isEndNode() && autoEnd) {
-        start(handleClickNext, autoPlayTime < minMs ? minMs : autoPlayTime);
-      }
-    }
-    return function () {
-      stop();
-    };
-  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audioFailed, autoEnd, 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);
-        }
-      }
-    }
-  }, [edges, isBranched, lines, mounted, progress === null || progress === void 0 ? void 0 : progress.line]);
-  keyboardControl(isDecision || disableBackButton ? null : manualClickBack, isDecision ? null : manualClickNext);
-  if (isDecision) {
-    var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
-      decisionNumber: lines.filter(function (l) {
-        return l.decision;
-      }).findIndex(function (l) {
-        return l.id === lines[currentLine].id;
-      }) + 1,
-      required: !isBranched,
-      branched: isBranched,
-      onAddPoints: decisionNotifyProgress,
-      onFinish: handleClickNext,
-      keyboardControl: keyboardControl,
-      emitEvent: emitEvent,
-      soundActions: soundActions,
-      inheritProps: {
-        characters: currentCharacters,
-        background: background,
-        flex: leftWithSlots ? leftWithSlots.flex : true,
-        slots: !leftWithSlots ? [] : leftWithSlots.slots
-      }
-    });
-    return /*#__PURE__*/_react.default.createElement(_decisionComponent.default, decisionPayload);
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--layer"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation",
-    style: backgroundImage ? {
-      backgroundImage: "url(\"".concat(backgroundImage, "\")")
-    } : null
-  }, /*#__PURE__*/_react.default.createElement(_SlotList.default, _extends({}, listProps, {
-    ttsStarted: ttsStarted
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--body",
-    dir: "auto"
-  }, currentMessage ? /*#__PURE__*/_react.default.createElement(_Message.default, {
-    current: currentMessage,
-    translate: translate
-  }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--controls"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn__round ".concat(disableBackButton ? 'disabled' : ''),
-    disabled: disableBackButton ? true : '',
-    type: "button",
-    onClick: manualClickBack,
-    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.forward') : translate('storylines.misc.rewind')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    className: "gat--btn__round ".concat(automatic && isEndNode() ? 'glowing-animation' : ''),
-    type: "button",
-    onClick: manualClickNext,
-    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.rewind') : translate('storylines.misc.forward')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  }))))));
-};
-ConversationalProComponent.defaultProps = {
-  background: {},
-  emitEvent: function emitEvent() {},
-  soundActions: [function () {}, function () {}]
-};
-var _default = ConversationalProComponent;
-exports.default = _default;