@gamelearn/arcade-components 2.41.0 → 3.0.1

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

@@ -1,201 +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 _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout"));
-var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
-var _Slide = _interopRequireDefault(require("./Slide"));
-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 _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 ComicComponent = function ComicComponent(_ref) {
-  var _slides$slideCount, _slides$slideCount2, _slides$slideCount3, _slides$slideCount3$v, _slides$slideCount4, _slides$slideCount5, _slides$slideCount6, _slides$slideCount7;
-  var slides = _ref.slides,
-    emitEvent = _ref.emitEvent,
-    _ref$soundActions = _ref.soundActions,
-    soundActions = _ref$soundActions === void 0 ? [function () {}, function () {}] : _ref$soundActions,
-    autoPlay = _ref.autoPlay,
-    autoEnd = _ref.autoEnd,
-    pause = _ref.pause,
-    progress = _ref.progress,
-    keyboardControl = _ref.keyboardControl,
-    _ref$backgroundImageC = _ref.backgroundImageCover,
-    backgroundImageCover = _ref$backgroundImageC === void 0 ? false : _ref$backgroundImageC;
-  var defaultSlide = (progress === null || progress === void 0 ? void 0 : progress.slide) || 0;
-  var translate = function translate(id) {
-    return emitEvent({
-      type: 'translate',
-      payload: id
-    });
-  };
-  var _useState = (0, _react.useState)(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    started = _useState2[0],
-    setStarted = _useState2[1];
-  var _useState3 = (0, _react.useState)(!!autoPlay),
-    _useState4 = _slicedToArray(_useState3, 2),
-    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 _useState7 = (0, _react.useState)(defaultSlide),
-    _useState8 = _slicedToArray(_useState7, 2),
-    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];
-  var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
-  var close = (0, _react.useCallback)(function () {
-    setStarted(false);
-    emitEvent({
-      type: 'success'
-    });
-  }, [emitEvent]);
-  var goToNextSlide = (0, _react.useCallback)(function () {
-    setStarted(false);
-    setAudioFailed(false);
-    if (slideCount + 1 < slides.length && !pause) {
-      var next = slideCount + 1;
-      setTransition('slide-animation');
-      setCount(next);
-      setStarted(true);
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          slide: next
-        }
-      });
-    } else if (autoEnd && !pause) {
-      close();
-    }
-  }, [slideCount, slides.length, pause, autoEnd, emitEvent, close]);
-  var goToPreviousSlide = (0, _react.useCallback)(function () {
-    setStarted(false);
-    setAudioFailed(false);
-    if (slideCount - 1 >= 0) {
-      var next = slideCount - 1;
-      setTransition('slide-animation');
-      setCount(next);
-      setStarted(true);
-      play('click-ui');
-      emitEvent({
-        type: 'notifyProgress',
-        payload: {
-          slide: next
-        }
-      });
-    }
-  }, [play, slideCount, emitEvent]);
-  var handleManualNext = function handleManualNext() {
-    play('click-ui');
-    setAutomatic(false);
-    goToNextSlide();
-  };
-  var handleManualBack = function handleManualBack() {
-    play('click-ui');
-    setAutomatic(false);
-    goToPreviousSlide();
-  };
-  keyboardControl(slideCount > 0 ? handleManualBack : null, slideCount + 1 >= slides.length && close || (slideCount + 1 < slides.length ? handleManualNext : null), slideCount + 1 >= slides.length ? close : null);
-  (0, _useEkho.default)({
-    audioType: slides === null || slides === void 0 ? void 0 : (_slides$slideCount = slides[slideCount]) === null || _slides$slideCount === void 0 ? void 0 : _slides$slideCount.audioType,
-    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,
-    slide: slideCount,
-    started: started,
-    soundActions: soundActions,
-    emitEvent: emitEvent,
-    pauseTTS: pause,
-    volume: slides !== null && slides !== void 0 && (_slides$slideCount5 = slides[slideCount]) !== null && _slides$slideCount5 !== void 0 && _slides$slideCount5.audioVolume || (slides === null || slides === void 0 ? void 0 : (_slides$slideCount6 = slides[slideCount]) === null || _slides$slideCount6 === void 0 ? void 0 : _slides$slideCount6.audioVolume) === 0 ? slides === null || slides === void 0 ? void 0 : (_slides$slideCount7 = slides[slideCount]) === null || _slides$slideCount7 === void 0 ? void 0 : _slides$slideCount7.audioVolume : 0.5,
-    onError: function onError() {
-      setAudioFailed(true);
-    },
-    onFinish: function onFinish() {
-      if (automatic && !(slide !== null && slide !== void 0 && slide.slideTimer)) {
-        goToNextSlide();
-      }
-    }
-  });
-  (0, _react.useEffect)(function () {
-    if (automatic) {
-      if (slide !== null && slide !== void 0 && slide.slideTimer) {
-        start(goToNextSlide, slide.slideTimer * 1000);
-      } else if ((slide === null || slide === void 0 ? void 0 : slide.audioType) === 'none' && !pause || audioFailed && !pause) {
-        var _slide$vignettes$, _slide$vignettes$$tex;
-        var time = characterMs * ((slide === null || slide === void 0 ? void 0 : (_slide$vignettes$ = slide.vignettes[0]) === null || _slide$vignettes$ === void 0 ? void 0 : (_slide$vignettes$$tex = _slide$vignettes$.textData) === null || _slide$vignettes$$tex === void 0 ? void 0 : _slide$vignettes$$tex.text.length) || 0);
-        start(goToNextSlide, time < 1400 ? 1400 : time);
-      }
-    }
-    return function () {
-      stop();
-    };
-  }, [audioFailed, automatic, goToNextSlide, pause, slide === null || slide === void 0 ? void 0 : slide.audio, slide === null || slide === void 0 ? void 0 : slide.audioType, slide === null || slide === void 0 ? void 0 : slide.slideTimer, slide === null || slide === void 0 ? void 0 : slide.vignettes, start, stop]);
-  if (!(slides !== null && slides !== void 0 && slides.length)) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
-    className: "comic component growIn-animation",
-    role: "main",
-    "aria-label": "Comic"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-slider",
-    role: "navigation",
-    "aria-label": "Slider"
-  }, slides[slideCount] && /*#__PURE__*/_react.default.createElement(_Slide.default, {
-    key: "comic page ".concat(slides[slideCount].slideOrder),
-    slide: slides[slideCount],
-    transition: slideTransition,
-    soundActions: soundActions,
-    emitEvent: emitEvent,
-    role: "complementary",
-    "aria-hidden": "true",
-    translate: translate,
-    backgroundImageCover: backgroundImageCover
-  }), slideCount > 0 && /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "comic-control comic-control--left gat--btn__round",
-    "data-testid": "btn-bck",
-    onClick: handleManualBack,
-    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.next') : translate('comic.previous')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
-  })), slideCount < slides.length && /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "comic-control comic-control--right gat--btn__round \n            ".concat(automatic && slideCount + 1 >= slides.length ? 'glowing-animation' : ''),
-    "data-testid": "btn-nxt",
-    onClick: function onClick() {
-      if (slideCount + 1 < slides.length) {
-        handleManualNext();
-      } else {
-        play('click-ui');
-        close();
-      }
-    },
-    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.previous') : translate('comic.next')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  }))));
-};
-var _default = ComicComponent;
-exports.default = _default;

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Vignette = _interopRequireDefault(require("./Vignette"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Slide = function Slide(_ref) {
-  var slide = _ref.slide,
-    transition = _ref.transition,
-    translate = _ref.translate,
-    backgroundImageCover = _ref.backgroundImageCover;
-  var slideTransition = slide.transitionEffects || transition;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-slide__item ".concat(slideTransition),
-    "aria-label": "comic slide item"
-  }, slide.vignettes.map(function (vignette) {
-    return /*#__PURE__*/_react.default.createElement(_Vignette.default, {
-      key: "Vignete ".concat(vignette.vignetteOrder),
-      vignette: vignette,
-      alias: slide.alias,
-      "aria-hidden": "true",
-      translate: translate,
-      backgroundImageCover: backgroundImageCover
-    });
-  }));
-};
-var _default = Slide;
-exports.default = _default;

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

@@ -1,70 +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"));
-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 _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 Vignette = function Vignette(_ref) {
-  var _vignette$textData;
-  var vignette = _ref.vignette,
-    alias = _ref.alias,
-    translate = _ref.translate,
-    backgroundImageCover = _ref.backgroundImageCover;
-  var resource = vignette.img || {
-    url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg'
-  };
-  var resolvedIdImg = resource.url;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpened = _useState2[0],
-    setIsOpened = _useState2[1];
-  var toggleText = function toggleText(e) {
-    var buttonSelect = document.querySelector("#".concat(e));
-    buttonSelect.focus();
-    setIsOpened(!isOpened);
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-image ".concat(backgroundImageCover ? 'comic-image--cover' : '')
-  }, resolvedIdImg && /*#__PURE__*/_react.default.createElement("img", {
-    src: resolvedIdImg,
-    alt: "comic pic"
-  })), vignette !== null && vignette !== void 0 && (_vignette$textData = vignette.textData) !== null && _vignette$textData !== void 0 && _vignette$textData.text ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-collapsable ".concat(isOpened ? 'comic-collapsable--opened' : '')
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    id: "buttonDown",
-    onClick: function onClick() {
-      return toggleText('buttonUp');
-    },
-    type: "button",
-    className: "un-btn comic-collapsable__headertoggle",
-    "aria-label": translate('comic.toggleText')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-down-arrow"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-collapsable__text"
-  }, alias ? /*#__PURE__*/_react.default.createElement("b", null, alias, ": ") : null, vignette.textData.text)) : null, /*#__PURE__*/_react.default.createElement("button", {
-    id: "buttonUp",
-    tabIndex: isOpened ? '-1' : '0',
-    "aria-hidden": isOpened,
-    className: "unset-button comic-buttonup\n        ".concat(isOpened ? '' : 'comic-buttonup--visible'),
-    type: "button",
-    onClick: function onClick() {
-      return toggleText('buttonDown');
-    },
-    "aria-label": translate('comic.toggleText')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-up-arrow"
-  })));
-};
-var _default = Vignette;
-exports.default = _default;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ComicComponent = _interopRequireDefault(require("./components/ComicComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _ComicComponent.default;
-exports.default = _default;

package/dist/components/comic-component/mocks/mockForStory.js

@@ -1,314 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.comicWithTTS = exports.comicWithAlias = exports.comicProps = exports.comicNoImageProps = void 0;
-var _mocker = require("helpers/mocker");
-/* eslint-disable max-len */
-
-var comicProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  slides: [{
-    slideOrder: 1,
-    transitionEffects: null,
-    audio: {
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-    },
-    vignettes: [{
-      vignetteOrder: 1,
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg',
-        imgName: 'prueba6.png',
-        resourceId: '6007f80eac41ad001120f135'
-      },
-      imgName: 'prueba6.png',
-      sytle: null,
-      transitionEffects: null,
-      textData: {
-        text: 'hola soy el hombre barbudo',
-        style: null,
-        text_labelId: 'text_0_0_E1XylCXz'
-      },
-      imgId_labelId: 'imgId_0_0_E1XymubP'
-    }],
-    audioId_labelId: 'audioId_0_E1XymRPE'
-  }, {
-    slideOrder: 2,
-    transitionEffects: null,
-    audio: {
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-    },
-    vignettes: [{
-      vignetteOrder: 1,
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg',
-        imgName: 'prueba6.png',
-        resourceId: '6007f80eac41ad001120f135'
-      },
-      imgName: 'prueba6.png',
-      sytle: null,
-      transitionEffects: null,
-      textData: {
-        text: 'hola soy el hombre barbudo',
-        style: null,
-        text_labelId: 'text_0_0_E1XylCXz'
-      },
-      imgId_labelId: 'imgId_0_0_E1XymubP'
-    }],
-    audioId_labelId: 'audioId_0_E1XymRPE'
-  }, {
-    alias_labelId: 'alias_2_WXmSEMDK',
-    audioId: '',
-    audioId_labelId: 'audioId_2_WXmSDwbu',
-    audioType: 'none',
-    slideOrder: 3,
-    transitionEffects: null,
-    vignettes: [{
-      imgId: null,
-      imgId_labelId: 'imgId_0_0_WU81OZBa',
-      imgName: '',
-      sytle: null,
-      textData: {
-        style: null,
-        text: '',
-        text_labelId: 'text_0_0_WU81N07T'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }]
-  }]
-};
-exports.comicProps = comicProps;
-var comicNoImageProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  slides: [{
-    alias_labelId: 'alias_0_WU81OYcP',
-    audioId: '',
-    audioId_labelId: 'audioId_0_WU81OsXF',
-    audioType: 'none',
-    slideOrder: 1,
-    transitionEffects: null,
-    vignettes: [{
-      imgId: null,
-      imgId_labelId: 'imgId_0_0_WU81OZBa',
-      imgName: '',
-      sytle: null,
-      textData: {
-        style: null,
-        text: '',
-        text_labelId: 'text_0_0_WU81N07T'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }]
-  }, {
-    alias_labelId: 'alias_1_WXmSDej5',
-    audioId: '',
-    audioId_labelId: 'audioId_1_WXmSDDTo',
-    audioType: 'none',
-    slideOrder: 2,
-    transitionEffects: null,
-    vignettes: [{
-      imgId: null,
-      imgId_labelId: 'imgId_1_0_WXmSDqG2',
-      imgName: '',
-      sytle: null,
-      textData: {
-        style: null,
-        text: '',
-        text_labelId: 'text_1_0_WXmSDqd6'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }]
-  }, {
-    alias_labelId: 'alias_2_WXmSEMDK',
-    audioId: '',
-    audioId_labelId: 'audioId_2_WXmSDwbu',
-    audioType: 'none',
-    slideOrder: 3,
-    transitionEffects: null,
-    vignettes: [{
-      imgId: '621e5ed51c1b380012958609',
-      imgId_labelId: 'imgId_2_0_WXmSDWSh',
-      imgName: 'perro_pequeno.jpg',
-      sytle: null,
-      textData: {
-        style: null,
-        text: 'asd',
-        text_labelId: 'text_2_0_WXmSDdBS'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }]
-  }, {
-    alias_labelId: 'alias_3_WXmSEL7F',
-    audioId: '',
-    audioId_labelId: 'audioId_3_WXmSEwlM',
-    audioType: 'none',
-    slideOrder: 4,
-    transitionEffects: null,
-    vignettes: [{
-      imgId: null,
-      imgId_labelId: 'imgId_3_0_WXmSEgvQ',
-      imgName: '',
-      sytle: null,
-      textData: {
-        style: null,
-        text: '',
-        text_labelId: 'text_3_0_WXmSEhrM'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }]
-  }]
-};
-exports.comicNoImageProps = comicNoImageProps;
-var comicWithTTS = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  slides: [{
-    slideOrder: 1,
-    transitionEffects: null,
-    audio: {
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-    },
-    vignettes: [{
-      vignetteOrder: 1,
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg',
-        imgName: 'prueba6.png',
-        resourceId: '6007f80eac41ad001120f135'
-      },
-      imgName: 'prueba6.png',
-      sytle: null,
-      transitionEffects: null,
-      textData: {
-        text: 'hola soy el hombre barbudo',
-        style: null,
-        text_labelId: 'text_0_0_E1XylCXz'
-      },
-      imgId_labelId: 'imgId_0_0_E1XymubP'
-    }],
-    audioId_labelId: 'audioId_0_E1XymRPE'
-  }, {
-    alias: 'alias_1_4GML5nt5',
-    alias_labelId: 'alias_1_4GML5nt5',
-    audioId: '',
-    audioId_labelId: 'audioId_1_3obtyOdQ',
-    audioType: 'voice',
-    slideOrder: 2,
-    transitionEffects: null,
-    vignettes: [{
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg',
-        imgName: 'prueba6.png',
-        resourceId: '6007f80eac41ad001120f135'
-      },
-      imgId: 'imgId_1_0_3obtxgTc',
-      imgId_labelId: 'imgId_1_0_3obtxgTc',
-      imgName: 'perro_grande.jpg',
-      sytle: null,
-      textData: {
-        style: null,
-        text: 'text_1_0_3obtxuj4',
-        text_labelId: 'text_1_0_3obtxuj4'
-      },
-      transitionEffects: null,
-      vignetteOrder: 1
-    }],
-    voice: {
-      id: 'URoAYO',
-      type: 'character'
-    }
-  }]
-};
-exports.comicWithTTS = comicWithTTS;
-var comicWithAlias = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  slides: [{
-    slideOrder: 1,
-    transitionEffects: null,
-    audio: {
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-    },
-    alias: 'Walter',
-    vignettes: [{
-      vignetteOrder: 1,
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg',
-        imgName: 'prueba6.png',
-        resourceId: '6007f80eac41ad001120f135'
-      },
-      imgName: 'prueba6.png',
-      sytle: null,
-      transitionEffects: null,
-      textData: {
-        text: 'hola soy el hombre barbudo',
-        style: null,
-        text_labelId: 'text_0_0_E1XylCXz'
-      },
-      imgId_labelId: 'imgId_0_0_E1XymubP'
-    }],
-    audioId_labelId: 'audioId_0_E1XymRPE'
-  }, {
-    slideOrder: 2,
-    transitionEffects: null,
-    audioType: 'file',
-    audio: {
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/audio/5f646497f6d21e001139b0ed/coin.wav'
-    },
-    vignettes: [{
-      vignetteOrder: 1,
-      img: {
-        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60507fb0901f3e00123a05db/14b936c651869bf50fdfb8071e719c47.png',
-        imgName: 'holamundo.jpg',
-        resourceId: '60508f84901f3e00123a0796'
-      },
-      imgName: 'holamundo.jpg',
-      sytle: null,
-      transitionEffects: null,
-      textData: {
-        text: 'he si sido yo, hablando idiomas',
-        style: null,
-        text_labelId: 'text_1_0_E1Xynyri'
-      },
-      imgId_labelId: 'imgId_1_0_E1Xynq2k'
-    }, {
-      alias: 'alias_1_4GML5nt5',
-      alias_labelId: 'alias_1_4GML5nt5',
-      audioId: '',
-      audioId_labelId: 'audioId_1_3obtyOdQ',
-      audioType: 'voice',
-      slideOrder: 2,
-      transitionEffects: null,
-      vignettes: [{
-        imgId: 'imgId_1_0_3obtxgTc',
-        imgId_labelId: 'imgId_1_0_3obtxgTc',
-        imgName: 'perro_grande.jpg',
-        sytle: null,
-        textData: {
-          style: null,
-          text: 'text_1_0_3obtxuj4',
-          text_labelId: 'text_1_0_3obtxuj4'
-        },
-        transitionEffects: null,
-        vignetteOrder: 1
-      }],
-      voice: {
-        id: 'URoAYO',
-        type: 'character'
-      }
-    }],
-    audioId_labelId: 'audioId_1_E1XynHal'
-  }]
-};
-exports.comicWithAlias = comicWithAlias;