@gamelearn/arcade-components 2.41.0 → 3.0.1

package/dist/components/auto-evaluation-component/mocks/mockForStory.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps = exports.default = void 0;
-var _mocker = require("helpers/mocker");
-var mockProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.noopSoundActions,
-  slug: 'auto-pre-component',
-  description: "A while back I needed to count the amount of letters that a piece of text in an email \n    template had (to avoid passing any character limits). Unfortunately, I could not think \n    of a quick way to do so on my macbook and I therefore turned to the Internet. Character \n    Count Online is a free online character",
-  questions: [{
-    id: 'q1',
-    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis nisi id sita al dolor, a tempus turpis blandit eget?',
-    answers: [{
-      id: 'q1a1',
-      text: 'q1text'
-    }]
-  }, {
-    id: 'q2',
-    text: 'q2Lorem ipsum dolor sit amet',
-    answers: [{
-      id: 'q2a2',
-      text: 'q2text'
-    }]
-  }, {
-    id: 'q3',
-    text: 'q3Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-    answers: [{
-      id: 'q3a3',
-      text: 'q3text'
-    }]
-  }]
-};
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;

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

@@ -1,159 +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 _Card = _interopRequireDefault(require("../Card"));
-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 Board = function Board(_ref) {
-  var cards = _ref.cards,
-    currentOrder = _ref.currentOrder,
-    setCurrentOrder = _ref.setCurrentOrder,
-    handleError = _ref.handleError,
-    feedbackIsShown = _ref.feedbackIsShown,
-    resolvePuzzle = _ref.resolvePuzzle,
-    soundActions = _ref.soundActions,
-    onFinish = _ref.onFinish,
-    handleSuccess = _ref.handleSuccess,
-    resolveWithAnyCard = _ref.resolveWithAnyCard,
-    selectCard = _ref.selectCard;
-  var _useState = (0, _react.useState)(Array(cards.length).fill(false)),
-    _useState2 = _slicedToArray(_useState, 2),
-    flipped = _useState2[0],
-    setFlipped = _useState2[1];
-  var _useState3 = (0, _react.useState)(Array(cards.length).fill(false)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    wrongOrder = _useState4[0],
-    setWrongOrder = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    correctCards = _useState6[0],
-    setCorrectCards = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    finished = _useState8[0],
-    setFinished = _useState8[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    play = _soundActions[0];
-  var numberOfCorrectCards = cards.filter(function (card) {
-    return card.correct === true;
-  }).length;
-  var isOrderBased = cards.filter(function (card) {
-    return card.order;
-  }).length > 0;
-  var reset = (0, _react.useCallback)(function () {
-    setFlipped(Array(cards.length).fill(false)); // reset it to the original length
-    setWrongOrder(Array(cards.length).fill(false));
-    setCorrectCards(0);
-    setCurrentOrder(1);
-  }, [cards.length, setCurrentOrder]);
-  var timedReset = function timedReset() {
-    setTimeout(function () {
-      reset();
-    }, 1000);
-  };
-  function flipACard(index) {
-    var tempFlipped = Array.from(flipped);
-    tempFlipped[index] = index;
-    setFlipped(tempFlipped);
-  }
-  var flipAllCorrect = (0, _react.useCallback)(function () {
-    var arrayToFlip = [];
-    cards.forEach(function (card, index) {
-      if (card.correct === true) {
-        arrayToFlip.push(index);
-      }
-    });
-    setFlipped(arrayToFlip);
-  }, [cards]);
-  (0, _react.useEffect)(function () {
-    if (resolvePuzzle) {
-      flipAllCorrect();
-    }
-  }, [flipAllCorrect, resolvePuzzle]);
-  (0, _react.useEffect)(function () {
-    if (resolveWithAnyCard && correctCards || correctCards === numberOfCorrectCards && numberOfCorrectCards > 0) {
-      onFinish();
-      setFinished(true);
-      setCorrectCards(0);
-    }
-  }, [correctCards, onFinish, numberOfCorrectCards, resolveWithAnyCard]);
-  var handleCorrect = function handleCorrect(index) {
-    flipACard(index);
-    handleSuccess(cards[index].id || null);
-    setCorrectCards(correctCards + 1);
-  };
-  var _handleClick = function handleClick(index) {
-    if (finished) return;
-    if (!feedbackIsShown) {
-      play('click-ui');
-      selectCard(cards[index]);
-      if (cards[index].correct && !isOrderBased) {
-        handleCorrect(index);
-      } else if (isOrderBased) {
-        if (cards[index].order === currentOrder) {
-          // case with order // sneeds to hold already clicked
-          setCurrentOrder(currentOrder + 1);
-          handleCorrect(index);
-        } else {
-          if (cards[index].order !== currentOrder) {
-            var _cards$index;
-            var tempWrong = Array.from(wrongOrder);
-            tempWrong[index] = index;
-            setWrongOrder(tempWrong);
-            handleError(((_cards$index = cards[index]) === null || _cards$index === void 0 ? void 0 : _cards$index.id) || null, cards[index].correct);
-            timedReset();
-          }
-          flipACard(index);
-        }
-      } else {
-        var _cards$index2;
-        // fails and resets
-        handleError(((_cards$index2 = cards[index]) === null || _cards$index2 === void 0 ? void 0 : _cards$index2.id) || null);
-        timedReset();
-        flipACard(index);
-      }
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-selector__content cards-selector__content-".concat(cards.length)
-  }, cards && cards.map(function (card, cardIndex) {
-    return /*#__PURE__*/_react.default.createElement(_Card.default, {
-      setCurrentOrder: setCurrentOrder,
-      card: card,
-      key: "cardPuzzle ".concat(cards.indexOf(card)),
-      handleClick: function handleClick() {
-        return _handleClick(cardIndex);
-      },
-      flipped: flipped.includes(cardIndex),
-      wrongOrder: wrongOrder.includes(cardIndex),
-      cardIndex: cardIndex
-    });
-  }));
-};
-Board.defaultProps = {
-  setCurrentOrder: function setCurrentOrder() {},
-  handleError: function handleError() {},
-  onFinish: function onFinish() {},
-  handleSuccess: function handleSuccess() {},
-  selectCard: function selectCard() {},
-  documentsDict: {},
-  cards: [],
-  currentOrder: 1,
-  resolvePuzzle: false,
-  feedbackIsShown: false,
-  resolveWithAnyCard: false
-};
-var _default = Board;
-exports.default = _default;

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

@@ -1,115 +0,0 @@
-"use strict";
-
-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;
-  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;
-    return /*#__PURE__*/_react.default.createElement("img", {
-      src: resolvedIdImg,
-      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"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "card-selector-item__feedbackicon"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "icon-error-circle-black"
-    })));
-  };
-  var orderNumber = function orderNumber() {
-    // Render name
-    if (card.order) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        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  "
-    }, orderNumber(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "card-selector-item__feedbackicon"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      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,
-    onClick: function onClick() {
-      if (!isEmpty() && canBeClicked()) {
-        handleClick(cardIndex);
-      }
-    },
-    className: "unset-button card-selector-item ".concat(isEmpty() ? 'card-selector-item--empty' : ''),
-    "aria-label": card.text ? card.text : null
-  }, renderImage(), renderText(), cardFeedbackContainer());
-};
-Card.defaultProps = {
-  handleClick: function handleClick() {},
-  documentsDict: {},
-  card: {},
-  flipped: false,
-  wrongOrder: false,
-  cardIndex: 0
-};
-Card.propTypes = {
-  wrongOrder: _propTypes.default.bool,
-  handleClick: _propTypes.default.func,
-  cardIndex: _propTypes.default.number,
-  flipped: _propTypes.default.bool,
-  documentsDict: _propTypes.default.shape({}),
-  card: _propTypes.default.shape({
-    correct: _propTypes.default.bool,
-    order: _propTypes.default.number,
-    text: _propTypes.default.string,
-    imgId: _propTypes.default.string,
-    status: _propTypes.default.string
-  })
-};
-var _default = Card;
-exports.default = _default;

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

@@ -1,289 +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 _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 = 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,
-    resolveWithAnyCard = _ref.resolveWithAnyCard,
-    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];
-  var _useState3 = (0, _react.useState)(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];
-  var _useState7 = (0, _react.useState)(false),
-    _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];
-  var _useState11 = (0, _react.useState)([]),
-    _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];
-  var _useState15 = (0, _react.useState)(''),
-    _useState16 = _slicedToArray(_useState15, 2),
-    feedBackText = _useState16[0],
-    setFeedBackText = _useState16[1];
-  var _useState17 = (0, _react.useState)(),
-    _useState18 = _slicedToArray(_useState17, 2),
-    cardSelected = _useState18[0],
-    selectCard = _useState18[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    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);
-    setFeedbackIsShown(false);
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: false
-    });
-    emitEvent({
-      type: 'addPoints',
-      complex: true,
-      finish: true,
-      payload: rewardsData
-    });
-    emitEvent({
-      type: 'passPuzzle'
-    });
-  }, [emitEvent]);
-  var endPuzzle = (0, _react.useCallback)(function () {
-    var _info$solution;
-    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;
-    var rewardsData = [];
-    playSound('score');
-    if (resolveWithAnyCard) {
-      var _specificFeedbacks$co;
-      var cardFeedback = (specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co === void 0 ? void 0 : _specificFeedbacks$co.find(function (feedback) {
-        return cardSelected.id === feedback.id;
-      })) || {};
-      var cardReward = cardFeedback && cardFeedback.rewards ? cardFeedback.rewards : [];
-      rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards), _toConsumableArray(cardReward));
-    } else {
-      var _specificFeedbacks$co2;
-      var specificRewards = (specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$co2 = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co2 === void 0 ? void 0 : _specificFeedbacks$co2.map(function (spReward) {
-        return spReward.rewards;
-      }).flat()) || [];
-      rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards), _toConsumableArray(specificRewards));
-    }
-    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, resolveWithAnyCard, cardSelected]);
-  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();
-    } else {
-      setFeedbackResult(false);
-      disableExit(false);
-      setFeedbackIsShown(false);
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        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) || [])));
-    } else if (specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificWrongFeedbacks) {
-      var failedCard = specificFeedbacks.wrongFeedbacks.find(function (redCard) {
-        return redCard.id === cardId;
-      });
-      if (failedCard !== null && failedCard !== void 0 && failedCard.desc) {
-        setFeedBackText(failedCard.desc);
-        setFeedbackIsShown(true);
-      } else {
-        setFeedbackIsShown(true);
-        setTimeout(function () {
-          handleFeedbackFuncionOnClose();
-          emitEvent({
-            type: 'hidePuzzleButtons',
-            payload: false
-          });
-        }, 2000);
-      }
-      setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray((failedCard === null || failedCard === void 0 ? void 0 : failedCard.rewards) || [])));
-    }
-    // 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
-    else {
-      setFeedbackIsShown(true);
-      setTimeout(function () {
-        handleFeedbackFuncionOnClose();
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-      }, 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',
-      payload: true
-    });
-    emitEvent({
-      type: 'failPuzzle'
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (finished) {
-      disableExit(true);
-    }
-  }, [disableExit, finished]);
-  (0, _react.useEffect)(function () {
-    setResolveAction(function () {
-      var _info$resolve;
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: true
-      });
-      setResolvePuzzle(true);
-      var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info === null || info === void 0 ? void 0 : (_info$resolve = info.resolve) === null || _info$resolve === void 0 ? void 0 : _info$resolve.rewards));
-      setTimeout(function () {
-        setFeedbackResult(false);
-        setFeedbackIsShown(false);
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-        emitEvent({
-          type: 'puzzleAction',
-          action: 'resolve',
-          payload: {
-            element: puzzleId,
-            rewards: rewardsData,
-            finish: true
-          }
-        });
-      }, 2000);
-    });
-  }, [setResolveAction, disableExit, accRewards, info === null || info === void 0 ? void 0 : (_info$resolve2 = info.resolve) === null || _info$resolve2 === void 0 ? void 0 : _info$resolve2.rewards, emitEvent, puzzleId]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-selector ".concat(backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? 'cards-selector--with-custom-bg' : ''),
-    style: backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? {
-      backgroundImage: "url(\"".concat(backgroundImage.url, "\")")
-    } : {}
-  }, /*#__PURE__*/_react.default.createElement(_Board.default, {
-    setCurrentOrder: setCurrentOrder,
-    currentOrder: currentOrder,
-    cards: cards,
-    onFinish: onFinish,
-    resolveWithAnyCard: resolveWithAnyCard,
-    handleError: handleError,
-    feedbackIsShown: feedbackIsShown,
-    resolvePuzzle: resolvePuzzle,
-    soundActions: soundActions,
-    handleSuccess: handleSuccessPick,
-    selectCard: selectCard
-  })), feedbackIsShown && /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
-    success: feedbackResult || rightPick,
-    text: feedBackText,
-    hasTimeout: !feedBackText,
-    translate: translate,
-    functionOnClose: handleFeedbackFuncionOnClose,
-    keyboardControl: keyboardControl
-  }));
-};
-CardsSelectorPuzzleComponent.defaultProps = {
-  cards: [],
-  info: {},
-  resolveWithAnyCard: false,
-  backgroundImage: {
-    url: ''
-  }
-};
-var _default = CardsSelectorPuzzleComponent;
-exports.default = _default;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-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;