@gamelearn/arcade-components 2.27.0 → 2.29.2

package/dist/components/chained-image-click-puzzle-component/components/ChainedImageClickPuzzleComponent.js

@@ -1,61 +1,44 @@
 "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 _CurrentImagePuzzle = _interopRequireDefault(require("./CurrentImagePuzzle"));
-
 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 = 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 ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent(props) {
   var setInfo = props.setInfo,
-      emitEvent = props.emitEvent,
-      nodeId = props.nodeId,
-      list = props.list,
-      description = props.description,
-      soundActions = props.soundActions,
-      showFrames = props.showFrames,
-      disableExit = props.disableExit,
-      setResolveAction = props.setResolveAction,
-      keyboardControl = props.keyboardControl;
-
+    emitEvent = props.emitEvent,
+    nodeId = props.nodeId,
+    list = props.list,
+    description = props.description,
+    soundActions = props.soundActions,
+    showFrames = props.showFrames,
+    disableExit = props.disableExit,
+    setResolveAction = props.setResolveAction,
+    keyboardControl = props.keyboardControl;
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      index = _useState4[0],
-      setIndex = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    index = _useState4[0],
+    setIndex = _useState4[1];
   var _useState5 = (0, _react.useState)({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      slidesCompleted = _useState6[0],
-      setSlidesCompleted = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    slidesCompleted = _useState6[0],
+    setSlidesCompleted = _useState6[1];
   var puzzleId = "chained-image-click-puzzle_".concat(index, "_").concat(nodeId);
   var loadPuzzleStatus = (0, _react.useMemo)(function () {
     return emitEvent({
@@ -93,6 +76,5 @@ var ChainedImageClickPuzzleComponent = function ChainedImageClickPuzzleComponent
     className: "info-circle"
   }), /*#__PURE__*/_react.default.createElement("span", null, selected, " / ", totalCorrects)) : null, /*#__PURE__*/_react.default.createElement(_CurrentImagePuzzle.default, currentPuzzleProps));
 };
-
 var _default = ChainedImageClickPuzzleComponent;
 exports.default = _default;

package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js

@@ -1,81 +1,59 @@
 "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 _imageClickWrapperComponent = _interopRequireDefault(require("../../image-click-wrapper-component"));
-
 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 CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   var list = _ref.list,
-      description = _ref.description,
-      nodeId = _ref.nodeId,
-      setInfo = _ref.setInfo,
-      emitEvent = _ref.emitEvent,
-      disableExit = _ref.disableExit,
-      setResolveAction = _ref.setResolveAction,
-      soundActions = _ref.soundActions,
-      setSelected = _ref.setSelected,
-      selected = _ref.selected,
-      pause = _ref.pause,
-      loadPuzzleStatus = _ref.loadPuzzleStatus,
-      index = _ref.index,
-      setIndex = _ref.setIndex,
-      slidesCompleted = _ref.slidesCompleted,
-      setSlidesCompleted = _ref.setSlidesCompleted,
-      keyboardControl = _ref.keyboardControl,
-      totalCorrects = _ref.totalCorrects;
+    description = _ref.description,
+    nodeId = _ref.nodeId,
+    setInfo = _ref.setInfo,
+    emitEvent = _ref.emitEvent,
+    disableExit = _ref.disableExit,
+    setResolveAction = _ref.setResolveAction,
+    soundActions = _ref.soundActions,
+    setSelected = _ref.setSelected,
+    selected = _ref.selected,
+    pause = _ref.pause,
+    loadPuzzleStatus = _ref.loadPuzzleStatus,
+    index = _ref.index,
+    setIndex = _ref.setIndex,
+    slidesCompleted = _ref.slidesCompleted,
+    setSlidesCompleted = _ref.setSlidesCompleted,
+    keyboardControl = _ref.keyboardControl,
+    totalCorrects = _ref.totalCorrects;
   var accRewards = (0, _react.useRef)([]);
   var correctClicked = (0, _react.useRef)(0);
   var currentSelected = (0, _react.useRef)(0);
   var puzzleId = "chained-image-click-puzzle_".concat(index, "_").concat(nodeId);
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var setRewards = function setRewards(rewards) {
     accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards));
   };
-
   var handleFinish = (0, _react.useCallback)(function (rewards) {
     playSound('score');
     emitEvent({
@@ -94,7 +72,7 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   }, [playSound, emitEvent]);
   var currentImageProps = list[index];
   var info = currentImageProps.info,
-      specificFeedbacks = currentImageProps.specificFeedbacks;
+    specificFeedbacks = currentImageProps.specificFeedbacks;
   info.description = description;
   (0, _react.useEffect)(function () {
     correctClicked.current = 0;
@@ -103,36 +81,28 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
   var onComplete = (0, _react.useCallback)(function (rw) {
     var correct = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var finish = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
     var updatedCompleted = _objectSpread({}, slidesCompleted);
-
     if (correct) {
       var _specificFeedbacks$co;
-
       if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length && !currentImageProps.hasClickOnce && !finish) {
         correctClicked.current += 1;
       } else {
         var total = selected;
-
         if (currentSelected.current) {
           total -= currentSelected.current;
         }
-
         correctClicked.current = currentImageProps.areas.length;
         setSelected(total + correctClicked.current);
       }
-
       if (correctClicked.current === currentImageProps.areas.length) {
         if (index + 1 >= list.length) {
           handleFinish(rw);
         } else {
           setIndex(index + 1);
         }
-
         updatedCompleted = _objectSpread(_objectSpread({}, updatedCompleted), {}, _defineProperty({}, index, true));
         setSlidesCompleted(updatedCompleted);
       }
-
       setRewards(rw);
     } else {
       emitEvent({
@@ -143,28 +113,23 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       emitEvent({
         type: 'failPuzzle'
       });
-
       if (currentImageProps.hasClickOrder) {
         setSelected(selected - correctClicked.current);
-
         if (correctClicked.current === 0 && Object.entries(slidesCompleted).length === 0) {
           setSelected(0);
         } else {
           correctClicked.current = 0;
         }
       }
-
       if (Object.entries(slidesCompleted).length === 0 && currentImageProps.hasClickOrder && !selected) {
         setSelected(0);
       }
     }
   }, [slidesCompleted, specificFeedbacks, currentImageProps.hasClickOnce, currentImageProps.areas.length, currentImageProps.hasClickOrder, selected, setSelected, index, list.length, setSlidesCompleted, handleFinish, setIndex, emitEvent]);
-
   var onResolve = function onResolve() {
     if (index >= list.length - 1) {
       setSelected(totalCorrects);
     }
-
     playSound('score');
     emitEvent({
       type: 'puzzleAction',
@@ -176,7 +141,6 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       }
     });
   };
-
   (0, _react.useEffect)(function () {
     setInfo(_objectSpread(_objectSpread({}, info), {}, {
       hintId: puzzleId
@@ -187,13 +151,11 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
       onComplete([], true, false);
     }
   }, [index, list.length, loadPuzzleStatus, onComplete]);
-
   var checkSelectedAreas = function checkSelectedAreas() {
     var areasSelected = currentImageProps.hasClickOnce ? currentImageProps.areas.length : 1;
     currentSelected.current += areasSelected;
     setSelected(selected + areasSelected);
   };
-
   return /*#__PURE__*/_react.default.createElement(_imageClickWrapperComponent.default, _extends({
     key: index
   }, currentImageProps, {
@@ -217,6 +179,5 @@ var CurrentImageClickPuzzle = function CurrentImageClickPuzzle(_ref) {
     keyboardControl: keyboardControl
   }));
 };
-
 var _default = CurrentImageClickPuzzle;
 exports.default = _default;

package/dist/components/chained-image-click-puzzle-component/index.js

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

package/dist/components/chained-image-click-puzzle-component/mocks/mockForStory.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps2 = exports.mockProps = void 0;
-
 var _mocker = require("helpers/mocker");
-
 /* eslint-disable max-len */
+
 var mockProps = {
   nodeId: 'xxas',
   description: 'Dale al arma',

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

@@ -1,94 +1,67 @@
 "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 = 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 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,
-      pause = _ref.pause,
-      progress = _ref.progress,
-      keyboardControl = _ref.keyboardControl;
+    emitEvent = _ref.emitEvent,
+    _ref$soundActions = _ref.soundActions,
+    soundActions = _ref$soundActions === void 0 ? [function () {}, function () {}] : _ref$soundActions,
+    autoPlay = _ref.autoPlay,
+    pause = _ref.pause,
+    progress = _ref.progress,
+    keyboardControl = _ref.keyboardControl;
   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];
-
+    _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];
-
+    _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];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    audioFailed = _useState6[0],
+    setAudioFailed = _useState6[1];
   var _useTimeout = (0, _useTimeout2.default)(),
-      start = _useTimeout.start,
-      stop = _useTimeout.stop;
-
+    start = _useTimeout.start,
+    stop = _useTimeout.stop;
   var _useState7 = (0, _react.useState)(defaultSlide),
-      _useState8 = _slicedToArray(_useState7, 2),
-      slideCount = _useState8[0],
-      setCount = _useState8[1];
-
+    _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];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    slideTransition = _useState10[0],
+    setTransition = _useState10[1];
   var _soundActions = _slicedToArray(soundActions, 1),
-      play = _soundActions[0];
-
+    play = _soundActions[0];
   var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
   var close = (0, _react.useCallback)(function () {
     setStarted(false);
@@ -99,7 +72,6 @@ var ComicComponent = function ComicComponent(_ref) {
   var goToNextSlide = (0, _react.useCallback)(function () {
     setStarted(false);
     setAudioFailed(false);
-
     if (slideCount + 1 < slides.length && !pause) {
       var next = slideCount + 1;
       setTransition('slide-animation');
@@ -116,7 +88,6 @@ var ComicComponent = function ComicComponent(_ref) {
   var goToPreviousSlide = (0, _react.useCallback)(function () {
     setStarted(false);
     setAudioFailed(false);
-
     if (slideCount - 1 >= 0) {
       var next = slideCount - 1;
       setTransition('slide-animation');
@@ -131,19 +102,16 @@ var ComicComponent = function ComicComponent(_ref) {
       });
     }
   }, [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,
@@ -171,12 +139,10 @@ var ComicComponent = function ComicComponent(_ref) {
         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();
     };
@@ -208,32 +174,22 @@ var ComicComponent = function ComicComponent(_ref) {
     "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 + 1 < slides.length && /*#__PURE__*/_react.default.createElement("button", {
+  })), slideCount < slides.length && /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "comic-control comic-control--right gat--btn__round",
     "data-testid": "btn-nxt",
-    onClick: handleManualNext,
-    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.previous') : translate('comic.next')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  })), slideCount + 1 >= slides.length && /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute top right",
-    role: "heading",
-    "aria-level": "1",
-    "aria-label": "heading"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn__round gat--btn__close",
-    "data-testid": "btn-cls",
     onClick: function onClick() {
-      play('click-ui');
-      close();
+      if (slideCount + 1 < slides.length) {
+        handleManualNext();
+      } else {
+        play('click-ui');
+        close();
+      }
     },
-    "aria-label": translate('storylines.misc.closePiece')
+    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.previous') : translate('comic.next')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
-  })))));
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
+  }))));
 };
-
 var _default = ComicComponent;
 exports.default = _default;

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

@@ -4,17 +4,13 @@ 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;
+    transition = _ref.transition,
+    translate = _ref.translate;
   var slideTransition = slide.transitionEffects || transition;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comic--slide__item ".concat(slideTransition),
@@ -29,6 +25,5 @@ var Slide = function Slide(_ref) {
     });
   }));
 };
-
 var _default = Slide;
 exports.default = _default;

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

@@ -1,52 +1,37 @@
 "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 = 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 Vignette = function Vignette(_ref) {
   var _vignette$textData;
-
   var vignette = _ref.vignette,
-      alias = _ref.alias,
-      translate = _ref.translate;
+    alias = _ref.alias,
+    translate = _ref.translate;
   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];
-
+    _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"
   }, resolvedIdImg && /*#__PURE__*/_react.default.createElement("img", {
@@ -80,6 +65,5 @@ var Vignette = function Vignette(_ref) {
     className: "icon-up-arrow"
   })));
 };
-
 var _default = Vignette;
 exports.default = _default;