@gamelearn/arcade-components 1.4.15 → 1.4.17

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

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Card = _interopRequireDefault(require("../Card"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -47,7 +45,8 @@ var Board = function Board(_ref) {
       endPuzzle = _ref.endPuzzle,
       feedbackIsShown = _ref.feedbackIsShown,
       resolvePuzzle = _ref.resolvePuzzle,
-      soundActions = _ref.soundActions;
+      soundActions = _ref.soundActions,
+      handleSuccess = _ref.handleSuccess;
 
   var _useState = (0, _react.useState)(_toConsumableArray(Array(cards.length)).fill(false)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -117,10 +116,10 @@ var Board = function Board(_ref) {
 
   var handleCorrect = function handleCorrect(index) {
     flipACard(index);
+    handleSuccess(cards[index].id || null);
     setCorrectCards(correctCards + 1);
 
     if (correctCards === numberOfCorrectCards) {
-      // random click, we check if correct if not reset
       endPuzzle();
     }
   };
@@ -148,8 +147,10 @@ var Board = function Board(_ref) {
           flipACard(index);
         }
       } else {
+        var _cards$index;
+
         // fails and resets
-        handleError();
+        handleError(((_cards$index = cards[index]) === null || _cards$index === void 0 ? void 0 : _cards$index.id) || null);
         flipACard(index);
         timedFlipped();
       }
@@ -177,21 +178,12 @@ Board.defaultProps = {
   setCurrentOrder: function setCurrentOrder() {},
   handleError: function handleError() {},
   endPuzzle: function endPuzzle() {},
+  handleSuccess: function handleSuccess() {},
   documentsDict: {},
   cards: [],
   currentOrder: 1,
   resolvePuzzle: false,
   feedbackIsShown: false
 };
-Board.propTypes = {
-  endPuzzle: _propTypes.default.func,
-  handleError: _propTypes.default.func,
-  feedbackIsShown: _propTypes.default.bool,
-  resolvePuzzle: _propTypes.default.bool,
-  currentOrder: _propTypes.default.number,
-  documentsDict: _propTypes.default.shape({}),
-  setCurrentOrder: _propTypes.default.func,
-  cards: _propTypes.default.arrayOf(_propTypes.default.shape)
-};
 var _default = Board;
 exports.default = _default;

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

@@ -43,6 +43,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       info = _ref.info,
       cards = _ref.cards,
+      specificFeedbacks = _ref.specificFeedbacks,
       disableExit = _ref.disableExit,
       setResolveAction = _ref.setResolveAction,
       soundActions = _ref.soundActions,
@@ -65,23 +66,28 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      feedbackIsShown = _useState8[0],
-      setFeedbackIsShown = _useState8[1];
+      rightPick = _useState8[0],
+      setRightPick = _useState8[1];
 
-  var _useState9 = (0, _react.useState)([]),
+  var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      accRewards = _useState10[0],
-      setRewards = _useState10[1];
+      feedbackIsShown = _useState10[0],
+      setFeedbackIsShown = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)([]),
       _useState12 = _slicedToArray(_useState11, 2),
-      resolvePuzzle = _useState12[0],
-      setResolvePuzzle = _useState12[1];
+      accRewards = _useState12[0],
+      setRewards = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(''),
+  var _useState13 = (0, _react.useState)(false),
       _useState14 = _slicedToArray(_useState13, 2),
-      feedBackText = _useState14[0],
-      setFeedBackText = _useState14[1];
+      resolvePuzzle = _useState14[0],
+      setResolvePuzzle = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(''),
+      _useState16 = _slicedToArray(_useState15, 2),
+      feedBackText = _useState16[0],
+      setFeedBackText = _useState16[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -108,7 +114,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     });
   }, [emitEvent]);
 
-  var _endPuzzle = function endPuzzle() {
+  var endPuzzle = function endPuzzle() {
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: true
@@ -151,9 +157,34 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     setFeedBackText('');
   };
 
-  var _handleError = function handleError() {
-    // si hay feedback definido
-    if (info.solution.wrong.desc) {
+  var handleSuccessPick = function handleSuccessPick(cardId) {
+    if (specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks) {
+      var pickedCard = specificFeedbacks.correctFeedbacks.find(function (greenCard) {
+        return greenCard.id === cardId;
+      });
+      setFeedBackText(pickedCard.desc);
+      setRightPick(true);
+      setFeedbackIsShown(true);
+      setRewards([].concat(_toConsumableArray(accRewards), [pickedCard === null || pickedCard === void 0 ? void 0 : pickedCard.rewards]));
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: true
+      });
+    }
+  };
+
+  var handleError = function handleError(cardId) {
+    // si hay feedback específico
+    if (specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificWrongFeedbacks) {
+      var failedCard = specificFeedbacks.wrongFeedbacks.find(function (redCard) {
+        return redCard.id === cardId;
+      });
+      setRightPick(false);
+      setFeedBackText(failedCard.desc);
+      setFeedbackIsShown(true);
+      setRewards([].concat(_toConsumableArray(accRewards), [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
@@ -169,7 +200,11 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     }
 
     disableExit(true);
-    setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
+
+    if (!(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificWrongFeedbacks)) {
+      setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
+    }
+
     playSound('fail');
     emitEvent({
       type: 'hidePuzzleButtons',
@@ -204,18 +239,14 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     setCurrentOrder: setCurrentOrder,
     currentOrder: currentOrder,
     cards: cards,
-    endPuzzle: function endPuzzle() {
-      return _endPuzzle();
-    },
-    handleError: function handleError() {
-      return _handleError();
-    },
+    endPuzzle: endPuzzle,
+    handleError: handleError,
     feedbackIsShown: feedbackIsShown,
     resolvePuzzle: resolvePuzzle,
-    soundActions: soundActions
+    soundActions: soundActions,
+    handleSuccess: handleSuccessPick
   })), feedbackIsShown && /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
-    playSound: playSound,
-    success: feedbackResult,
+    success: feedbackResult || rightPick,
     text: feedBackText,
     translate: translate,
     functionOnClose: handleFeedbackFuncionOnClose

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
+exports.mockProps6 = exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
 
 var _mocker = require("helpers/mocker");
 
@@ -352,4 +352,97 @@ var mockProps5 = _objectSpread(_objectSpread({}, mockProps), {}, {
   }
 });
 
-exports.mockProps5 = mockProps5;
+exports.mockProps5 = mockProps5;
+
+var mockProps6 = _objectSpread(_objectSpread({}, mockProps), {}, {
+  cards: [{
+    id: 'bCPlOr',
+    text: 'si ',
+    correct: true,
+    text_labelId: 'text_0_nV3LRBvB',
+    imgId: '',
+    img: null,
+    imgId_labelId: 'imgId_0_nV3LR0tI'
+  }, {
+    id: 'RlcXAh',
+    text: 'no',
+    correct: false,
+    text_labelId: 'text_1_nV3LReKp',
+    imgId: '',
+    img: null,
+    imgId_labelId: 'imgId_1_nV3LRPvU'
+  }, {
+    id: 'SBhcdU',
+    correct: true,
+    text: 'tambien',
+    text_labelId: 'text_2_nV3LROGC',
+    imgId: '',
+    img: null,
+    imgId_labelId: 'imgId_2_nV3LRelK'
+  }, {
+    id: 'Sgcqps',
+    text: 'tampoco',
+    correct: false,
+    text_labelId: 'text_3_nV3LRx2G',
+    imgId: '',
+    img: null,
+    imgId_labelId: 'imgId_3_nV3LSvEZ'
+  }],
+  info: {
+    solution: {
+      right: {
+        desc: '',
+        rewards: [],
+        desc_labelId: 'desc_nV3LRHVB'
+      },
+      wrong: {
+        desc: '',
+        rewards: [],
+        desc_labelId: 'desc_nV3LR5vi'
+      }
+    },
+    hint: {
+      active: false,
+      desc: '',
+      rewards: [],
+      desc_labelId: 'desc_nV3LQH3e'
+    },
+    resolve: {
+      rewards: []
+    },
+    description: 'chimo',
+    description_labelId: 'description_nV3LQVvh',
+    title: '',
+    title_labelId: 'title_nV3LQuNg',
+    instructions: '',
+    instructions_labelId: 'instructions_nV3LQPBH'
+  },
+  specificFeedbacks: {
+    correctFeedbacks: [{
+      id: 'bCPlOr',
+      text: 'si ',
+      desc: 'esta si',
+      rewards: []
+    }, {
+      id: 'SBhcdU',
+      text: 'tambien',
+      desc: 'esta me gusta',
+      rewards: []
+    }],
+    wrongFeedbacks: [{
+      id: 'RlcXAh',
+      text: 'no',
+      desc: 'esta no',
+      rewards: []
+    }, {
+      id: 'Sgcqps',
+      text: 'tampoco',
+      desc: 'me voy de baretas',
+      rewards: []
+    }],
+    specificCorrectFeedbacks: true,
+    specificWrongFeedbacks: true
+  }
+});
+
+exports.mockProps6 = mockProps6;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.4.15",
+  "version": "1.4.17",
   "main": "dist/index.js",
   "files": [
     "dist",