@gamelearn/arcade-components 2.27.0 → 2.29.2

package/dist/components/cards-selector-puzzle-component/components/Card/index.js

@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Card = function Card(_ref) {
   var card = _ref.card,
-      handleClick = _ref.handleClick,
-      flipped = _ref.flipped,
-      cardIndex = _ref.cardIndex,
-      wrongOrder = _ref.wrongOrder;
-
+    handleClick = _ref.handleClick,
+    flipped = _ref.flipped,
+    cardIndex = _ref.cardIndex,
+    wrongOrder = _ref.wrongOrder;
   var isEmpty = function isEmpty() {
     if (card.img || card.text) {
       return false;
     }
-
     return true;
   };
-
   var renderImage = function renderImage() {
     var resource = card.img || {};
     var resolvedIdImg = resource.url;
@@ -34,24 +27,20 @@ var Card = function Card(_ref) {
       alt: ""
     });
   };
-
   var renderText = function renderText() {
     if (!card.text) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "card-selector-item__textbox ".concat(card.img ? '' : 'card-selector-item__textbox--noimage')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "card-selector-item__text"
     }, /*#__PURE__*/_react.default.createElement("span", null, card.text || '_')));
   };
-
   var canBeClicked = function canBeClicked() {
     if (flipped && !card.correct || !flipped) return true;
     return false;
   };
-
   var wrongCardClicked = function wrongCardClicked() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "card-selector-item__feedback card-selector-item__feedback--error"
@@ -61,7 +50,6 @@ var Card = function Card(_ref) {
       className: "icon-error-circle-black"
     })));
   };
-
   var orderNumber = function orderNumber() {
     // Render name
     if (card.order) {
@@ -69,10 +57,8 @@ var Card = function Card(_ref) {
         className: "card-selector-item__order"
       }, /*#__PURE__*/_react.default.createElement("div", null, card.order));
     }
-
     return null;
   };
-
   var rightCardClicked = function rightCardClicked() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "card-selector-item__feedback  card-selector-item__feedback--success  "
@@ -82,19 +68,15 @@ var Card = function Card(_ref) {
       className: "icon-check-circle-black"
     })));
   };
-
   var cardFeedbackContainer = function cardFeedbackContainer() {
     if (!isEmpty() && flipped && card.correct && !wrongOrder) {
       return rightCardClicked();
     }
-
     if (!isEmpty() && flipped) {
       return wrongCardClicked();
     }
-
     return null;
   };
-
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     order: card.order,
@@ -107,7 +89,6 @@ var Card = function Card(_ref) {
     "aria-label": card.text ? card.text : null
   }, renderImage(), renderText(), cardFeedbackContainer());
 };
-
 Card.defaultProps = {
   handleClick: function handleClick() {},
   documentsDict: {},

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -1,108 +1,78 @@
 "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 _Board = _interopRequireDefault(require("./Board"));
-
 var _feedbackComponent = _interopRequireDefault(require("../../feedback-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 _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 CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   var _info$solution2, _info$resolve2;
-
   var emitEvent = _ref.emitEvent,
-      info = _ref.info,
-      cards = _ref.cards,
-      specificFeedbacks = _ref.specificFeedbacks,
-      disableExit = _ref.disableExit,
-      setResolveAction = _ref.setResolveAction,
-      soundActions = _ref.soundActions,
-      backgroundImage = _ref.backgroundImage,
-      nodeId = _ref.nodeId,
-      keyboardControl = _ref.keyboardControl;
-
+    info = _ref.info,
+    cards = _ref.cards,
+    specificFeedbacks = _ref.specificFeedbacks,
+    disableExit = _ref.disableExit,
+    setResolveAction = _ref.setResolveAction,
+    soundActions = _ref.soundActions,
+    backgroundImage = _ref.backgroundImage,
+    nodeId = _ref.nodeId,
+    keyboardControl = _ref.keyboardControl;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      finished = _useState2[0],
-      setFinished = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    finished = _useState2[0],
+    setFinished = _useState2[1];
   var _useState3 = (0, _react.useState)(1),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentOrder = _useState4[0],
-      setCurrentOrder = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentOrder = _useState4[0],
+    setCurrentOrder = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      feedbackResult = _useState6[0],
-      setFeedbackResult = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    feedbackResult = _useState6[0],
+    setFeedbackResult = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      rightPick = _useState8[0],
-      setRightPick = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    rightPick = _useState8[0],
+    setRightPick = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      feedbackIsShown = _useState10[0],
-      setFeedbackIsShown = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    feedbackIsShown = _useState10[0],
+    setFeedbackIsShown = _useState10[1];
   var _useState11 = (0, _react.useState)([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      accRewards = _useState12[0],
-      setRewards = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    accRewards = _useState12[0],
+    setRewards = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      resolvePuzzle = _useState14[0],
-      setResolvePuzzle = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    resolvePuzzle = _useState14[0],
+    setResolvePuzzle = _useState14[1];
   var _useState15 = (0, _react.useState)(''),
-      _useState16 = _slicedToArray(_useState15, 2),
-      feedBackText = _useState16[0],
-      setFeedBackText = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    feedBackText = _useState16[0],
+    setFeedBackText = _useState16[1];
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var puzzleId = "cards-selector-puzzle_".concat(nodeId);
   var closeFeedbackAndShowPoints = (0, _react.useCallback)(function (rewardsData) {
     setFeedbackResult(false);
@@ -123,16 +93,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   }, [emitEvent]);
   var endPuzzle = (0, _react.useCallback)(function () {
     var _info$solution, _specificFeedbacks$co;
-
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: true
     });
     setFeedbackResult(true);
-
     var _info$solution$right = info === null || info === void 0 ? void 0 : (_info$solution = info.solution) === null || _info$solution === void 0 ? void 0 : _info$solution.right,
-        rewards = _info$solution$right.rewards;
-
+      rewards = _info$solution$right.rewards;
     var specificRewards = (specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co === void 0 ? void 0 : _specificFeedbacks$co.map(function (spReward) {
       return spReward.rewards;
     }).flat()) || [];
@@ -140,17 +107,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     playSound('score');
     closeFeedbackAndShowPoints(rewardsData);
   }, [accRewards, closeFeedbackAndShowPoints, emitEvent, info === null || info === void 0 ? void 0 : (_info$solution2 = info.solution) === null || _info$solution2 === void 0 ? void 0 : _info$solution2.right, playSound, specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : specificFeedbacks.correctFeedbacks]);
-
   var onFinish = function onFinish() {
     setFinished(true);
-
     if (info.solution.right.desc && !(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks)) {
       setFeedBackText(info.solution.right.desc);
     }
-
     setFeedbackIsShown(true);
   };
-
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
     if (feedbackResult || finished) {
       endPuzzle();
@@ -163,39 +126,31 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
         payload: false
       });
     }
-
     setFeedBackText('');
   };
-
   var handleSuccessPick = function handleSuccessPick(cardId) {
     setRightPick(true);
-
     if (specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks) {
       var pickedCard = specificFeedbacks.correctFeedbacks.find(function (greenCard) {
         return greenCard.id === cardId;
       });
-
       if (pickedCard !== null && pickedCard !== void 0 && pickedCard.desc) {
         setFeedBackText(pickedCard.desc);
         setFeedbackIsShown(true);
       }
     }
-
     playSound('score');
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: true
     });
   };
-
   var handleError = function handleError(cardId) {
     var incorrectOrder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     // si hay feedback específico
     setRightPick(false);
-
     if (incorrectOrder) {
       var _info$orderFeedback, _info$orderFeedback2;
-
       setFeedBackText((_info$orderFeedback = info.orderFeedback) === null || _info$orderFeedback === void 0 ? void 0 : _info$orderFeedback.desc);
       setFeedbackIsShown(true);
       setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(((_info$orderFeedback2 = info.orderFeedback) === null || _info$orderFeedback2 === void 0 ? void 0 : _info$orderFeedback2.rewards) || [])));
@@ -203,7 +158,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       var failedCard = specificFeedbacks.wrongFeedbacks.find(function (redCard) {
         return redCard.id === cardId;
       });
-
       if (failedCard !== null && failedCard !== void 0 && failedCard.desc) {
         setFeedBackText(failedCard.desc);
         setFeedbackIsShown(true);
@@ -217,13 +171,14 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
           });
         }, 2000);
       }
-
       setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray((failedCard === null || failedCard === void 0 ? void 0 : failedCard.rewards) || [])));
-    } // si hay feedback definido
+    }
+    // si hay feedback definido
     else if (info.solution.wrong.desc) {
       setFeedBackText(info.solution.wrong.desc);
       setFeedbackIsShown(true);
-    } // si no hay feedback definido, se muestra feedback por defecto
+    }
+    // si no hay feedback definido, se muestra feedback por defecto
     else {
       setFeedbackIsShown(true);
       setTimeout(function () {
@@ -234,13 +189,10 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
         });
       }, 3000);
     }
-
     disableExit(true);
-
     if (!(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificWrongFeedbacks) && !incorrectOrder) {
       setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
     }
-
     playSound('fail');
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -250,7 +202,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       type: 'failPuzzle'
     });
   };
-
   (0, _react.useEffect)(function () {
     if (finished) {
       disableExit(true);
@@ -259,7 +210,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   (0, _react.useEffect)(function () {
     setResolveAction(function () {
       var _info$resolve;
-
       emitEvent({
         type: 'hidePuzzleButtons',
         payload: true
@@ -309,7 +259,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     keyboardControl: keyboardControl
   }));
 };
-
 CardsSelectorPuzzleComponent.defaultProps = {
   cards: [],
   info: {},

package/dist/components/cards-selector-puzzle-component/index.js

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

package/dist/components/cards-selector-puzzle-component/mocks/mockForStory.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps6 = exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
-
 var _mocker = require("helpers/mocker");
-
+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); }
 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); } /* eslint-disable max-len */
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
@@ -349,15 +347,12 @@ var mockProps4 = {
   }
 };
 exports.mockProps4 = mockProps4;
-
 var mockProps5 = _objectSpread(_objectSpread({}, mockProps), {}, {
   backgroundImage: {
     url: 'https://i.imgur.com/DTFfovW.jpeg'
   }
 });
-
 exports.mockProps5 = mockProps5;
-
 var mockProps6 = _objectSpread(_objectSpread({}, mockProps), {}, {
   cards: [{
     id: 'bCPlOr',
@@ -448,5 +443,4 @@ var mockProps6 = _objectSpread(_objectSpread({}, mockProps), {}, {
     specificWrongFeedbacks: true
   }
 });
-
 exports.mockProps6 = mockProps6;

package/dist/components/cartel-component/components/CartelComponent.js

@@ -1,60 +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 _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
-
+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 CartelComponent = function CartelComponent(_ref) {
   var img = _ref.img,
-      text = _ref.text,
-      audio = _ref.audio,
-      audioType = _ref.audioType,
-      voice = _ref.voice,
-      emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      audioVolume = _ref.audioVolume,
-      pause = _ref.pause,
-      keyboardControl = _ref.keyboardControl;
-
+    text = _ref.text,
+    audio = _ref.audio,
+    audioType = _ref.audioType,
+    voice = _ref.voice,
+    emitEvent = _ref.emitEvent,
+    soundActions = _ref.soundActions,
+    audioVolume = _ref.audioVolume,
+    pause = _ref.pause,
+    keyboardControl = _ref.keyboardControl;
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var resourceUrl = (img === null || img === void 0 ? void 0 : img.url) || 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg';
   var textBox = (0, _react.useRef)();
   var picture = (0, _react.useRef)();
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   (0, _useEkho.default)({
     audioType: audioType,
     voice: voice,
@@ -65,40 +49,31 @@ var CartelComponent = function CartelComponent(_ref) {
     volume: audioVolume,
     pauseTTS: pause
   });
-
   var close = function close() {
     playSound('click-ui');
     emitEvent({
       type: 'success'
     });
   };
-
   keyboardControl(null, close, close);
-
   var assignValueByMediaQuery = function assignValueByMediaQuery(valueMobile, valueDesktop) {
     if (window.matchMedia('(min-width: 1280px)').matches) {
       /* Screen >= 1200  */
       return valueDesktop;
     }
     /* Screen < 1200  */
-
-
     return valueMobile;
   };
-
   var calculateTextPosition = (0, _react.useCallback)(function () {
     if (text && picture.current) {
       var imageRatio = picture.current.naturalWidth / picture.current.naturalHeight;
       var dinamicImageWidth = picture.current.height * imageRatio;
       var dinamicImageHeight = picture.current.height;
-
       if (dinamicImageWidth > picture.current.width) {
         dinamicImageWidth = picture.current.width;
         dinamicImageHeight = picture.current.width / imageRatio;
       }
-
       textBox.current.style.width = "".concat(dinamicImageWidth, "px");
-
       if (window.innerHeight < picture.current.width) {
         textBox.current.style.bottom = "".concat(assignValueByMediaQuery(24, 48) + assignValueByMediaQuery(36, 100), "px");
       } else {
@@ -131,18 +106,17 @@ var CartelComponent = function CartelComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "cartel__text"
   }, /*#__PURE__*/_react.default.createElement("span", null, text))) : null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute top right"
+    className: "position--absolute center right"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round gat--btn__close",
+    className: "gat--btn__round",
     onClick: function onClick() {
       return close();
     },
     "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))));
 };
-
 var _default = CartelComponent;
 exports.default = _default;

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

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