@gamelearn/arcade-components 1.3.4 → 1.3.5-hotfix-login-GAT-4291

package/dist/components/dialog-component/components/DialogComponent.js

@@ -123,13 +123,12 @@ var DialogComponent = function DialogComponent(_ref) {
   var currentLine = lines[line];
   var lastLine = lines[line - 1];
   var lastSet = (0, _react.useRef)(false);
-  var emitRef = (0, _react.useRef)(emitEvent);
   var translate = (0, _react.useCallback)(function (id) {
-    return emitRef.current({
+    return emitEvent({
       type: 'translate',
       payload: id
     });
-  }, []);
+  }, [emitEvent]);
   var getVoice = (0, _react.useCallback)(function (_ref2) {
     var id = _ref2.id,
         _ref2$type = _ref2.type,
@@ -171,22 +170,27 @@ var DialogComponent = function DialogComponent(_ref) {
             }
 
             _context.next = 5;
-            return emitRef.current({
-              type: 'playSpeech',
+            return emitEvent({
+              type: 'getSpeech',
               payload: payload
             });
 
           case 5:
             url = _context.sent;
-            playSound(url);
+            playSound(url, 'tts');
 
           case 7:
+            return _context.abrupt("return", function () {
+              stop('tts');
+            });
+
+          case 8:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, playSound]);
+  })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, playSound, emitEvent, stop]);
   var getCurrentVisible = (0, _react.useCallback)(function (uid) {
     var object;
     scene.traverseVisible(function (node) {
@@ -232,7 +236,7 @@ var DialogComponent = function DialogComponent(_ref) {
     } else {
       onLoadAnim();
     }
-  }, [loader]); // Reset currentEmotion to defaultAnim
+  }, [loader]);
 
   var executeAnimation = function executeAnimation(element) {
     var mixer = element.userData.mixer;
@@ -249,30 +253,16 @@ var DialogComponent = function DialogComponent(_ref) {
 
       element.userData.currentEmotion = defaultAction;
     }
-  };
-
-  var resetAnims = (0, _react.useCallback)(function () {
-    var end = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  }; // Reset currentEmotion to defaultAnim
 
-    if (end) {
-      scene.traverseVisible(function (node) {
-        if (node.userData.mixer && node.userData.currentEmotion) {
-          executeAnimation(node);
-        }
-      });
-    } else if (lastLine !== null && lastLine !== void 0 && lastLine.slots) {
-      var slottedCharacters = lastLine.slots.filter(function (slot) {
-        return slot.uid;
-      });
-      slottedCharacters.forEach(function (slot) {
-        var element = getCurrentVisible(slot.uid);
 
-        if (element && element.userData.currentEmotion) {
-          executeAnimation(element);
-        }
-      });
-    }
-  }, [getCurrentVisible, lastLine === null || lastLine === void 0 ? void 0 : lastLine.slots, scene]);
+  var resetAnims = (0, _react.useCallback)(function () {
+    scene.traverseVisible(function (node) {
+      if (node.userData.mixer && node.userData.currentEmotion) {
+        executeAnimation(node);
+      }
+    });
+  }, [scene]);
   var resetCameraView = (0, _react.useCallback)(function () {
     messagePosition.current.child = null;
     messagePosition.current.parent = null;
@@ -289,18 +279,18 @@ var DialogComponent = function DialogComponent(_ref) {
       setCurrentMessage({});
       changeLine(line + 1);
     } else {
-      resetAnims(true);
+      resetAnims();
       lastSet.current = true;
       setCurrentMessage({});
       resetCameraView();
       setTimeout(function () {
-        emitRef.current({
+        emitEvent({
           type: 'success'
         });
         camera.copy(defaultCamera.current);
       }, currentLine.decision ? 0 : 1200);
     }
-  }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
+  }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, emitEvent, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
 
   (0, _react.useEffect)(function () {
     if (currentLine.decision) {
@@ -323,8 +313,7 @@ var DialogComponent = function DialogComponent(_ref) {
       });
       var slottedCharacters = currentLine.slots.filter(function (slot) {
         return slot.uid && !slot.talking;
-      });
-      resetAnims(false); // Check not talking elements emotion
+      }); // Check not talking elements emotion
 
       slottedCharacters.forEach(function (slot) {
         var element = getCurrentVisible(slot.uid);
@@ -413,7 +402,7 @@ var DialogComponent = function DialogComponent(_ref) {
         });
       }
     }
-  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetAnims, resetCameraView]); // Sound logic
+  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView]); // Sound logic
 
   (0, _react.useEffect)(function () {
     var _currentLine$audio;
@@ -423,13 +412,18 @@ var DialogComponent = function DialogComponent(_ref) {
     } else if (currentLine !== null && currentLine !== void 0 && (_currentLine$audio = currentLine.audio) !== null && _currentLine$audio !== void 0 && _currentLine$audio.url) {
       var _currentLine$audio2;
 
-      playSound(currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio2 = currentLine.audio) === null || _currentLine$audio2 === void 0 ? void 0 : _currentLine$audio2.url);
+      playSound(currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio2 = currentLine.audio) === null || _currentLine$audio2 === void 0 ? void 0 : _currentLine$audio2.url, 'tts');
     }
 
     return function () {
-      stop();
+      stop('tts');
+    };
+  }, [currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio3 = currentLine.audio) === null || _currentLine$audio3 === void 0 ? void 0 : _currentLine$audio3.url, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentMessage, lines, playSound, playSpeech, stop]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      stop('tts');
     };
-  }, [currentLine === null || currentLine === void 0 ? void 0 : (_currentLine$audio3 = currentLine.audio) === null || _currentLine$audio3 === void 0 ? void 0 : _currentLine$audio3.url, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, currentMessage, lines, playSound, playSpeech, stop]); // Autoplay logic
+  }, [stop]); // Autoplay logic
 
   (0, _react.useEffect)(function () {
     var timeout;
@@ -559,7 +553,7 @@ var DialogComponent = function DialogComponent(_ref) {
       disableBackground: true
     },
     onFinish: nextLine,
-    emitEvent: emitRef.current,
+    emitEvent: emitEvent,
     soundActions: soundActions
   });
 

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

@@ -28,7 +28,6 @@ var animations = {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   autoPlay: false,
   lines: [{
     flex: true,

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -13,6 +13,8 @@ var _interactjs = _interopRequireDefault(require("interactjs"));
 
 var _reactKonva = require("react-konva");
 
+var _reactKonvaUtils = require("react-konva-utils");
+
 var _Messages = require("./Messages");
 
 var _feedbackComponent = _interopRequireDefault(require("../../feedback-component"));
@@ -60,8 +62,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       consume = _ref.consume,
       disableExit = _ref.disableExit,
       emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      setShowPoints = _ref.setShowPoints;
+      soundActions = _ref.soundActions;
   var solution = info.solution;
   var areaRef = (0, _react.useRef)();
   var areaTextRef = (0, _react.useRef)();
@@ -84,9 +85,14 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       imageLoaded = _useState6[0],
       setImageLoaded = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(new window.Image()),
-      _useState8 = _slicedToArray(_useState7, 1),
-      currentImage = _useState8[0];
+  var _useState7 = (0, _react.useState)(),
+      _useState8 = _slicedToArray(_useState7, 2),
+      projectionConfig = _useState8[0],
+      setProjectionConfig = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(new window.Image()),
+      _useState10 = _slicedToArray(_useState9, 1),
+      currentImage = _useState10[0];
 
   var accRewards = (0, _react.useRef)([]);
 
@@ -162,7 +168,12 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(accRewards.current);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: accRewards.current
+    });
 
     if (consume) {
       emitEvent({
@@ -179,7 +190,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'closeUI',
       ui: 'inventory'
     });
-  }, [consume, emitEvent, resolveObject.name, resolveObject.uid, setShowPoints]);
+  }, [consume, emitEvent, resolveObject.name, resolveObject.uid]);
   var handleClose = (0, _react.useCallback)(function () {
     playSound('score');
     setResolveClass('success');
@@ -325,6 +336,17 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     }
   };
 
+  (0, _react.useLayoutEffect)(function () {
+    if (areaRef.current && imageLoaded) {
+      var rect = areaRef.current.getClientRect({
+        relativeTo: areaRef.current.getParent()
+      });
+      setProjectionConfig({
+        x: rect.x + rect.width / 2,
+        y: rect.y + rect.height / 2
+      });
+    }
+  }, [imageLoaded]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--drag__mask100"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -339,7 +361,24 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     height: canvas.current.clientHeight
   }, /*#__PURE__*/_react.default.createElement(_reactKonva.Layer, null, /*#__PURE__*/_react.default.createElement(_reactKonva.Image, _extends({
     image: currentImage
-  }, layerConfig.current)), /*#__PURE__*/_react.default.createElement(_reactKonva.Group, layerConfig.current, /*#__PURE__*/_react.default.createElement(_reactKonva.Line, _extends({
+  }, layerConfig.current)), /*#__PURE__*/_react.default.createElement(_reactKonva.Group, layerConfig.current, projectionConfig ? /*#__PURE__*/_react.default.createElement(_reactKonvaUtils.Html, {
+    transform: true,
+    groupProps: _objectSpread({
+      id: 'projection'
+    }, projectionConfig),
+    divProps: {
+      style: {
+        pointerEvents: 'none'
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '50px',
+      height: '50px',
+      pointerEvents: 'none'
+    },
+    id: "object-area-projection"
+  })) : null, /*#__PURE__*/_react.default.createElement(_reactKonva.Line, _extends({
     onMouseEnter: mouseEnterArea,
     onMouseLeave: mouseLeaveArea,
     ref: handleAreaRef

package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js

@@ -92,6 +92,8 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
   var handleFinish = (0, _react.useCallback)(function (rewards) {
     emitEvent({
       type: 'addPoints',
+      complex: true,
+      finish: true,
       payload: [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(rewards))
     });
   }, [emitEvent]);

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

@@ -16,7 +16,6 @@ var mockProps = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -171,7 +170,6 @@ var mockPropsOnce = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{
@@ -323,7 +321,6 @@ var mockProps2 = {
   setInfo: function setInfo() {},
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   list: [{

package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js

@@ -77,8 +77,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
       type = _ref.type,
       writingSpeed = _ref.writingSpeed,
       disableExit = _ref.disableExit,
-      setResolveAction = _ref.setResolveAction,
-      setShowPoints = _ref.setShowPoints;
+      setResolveAction = _ref.setResolveAction;
 
   var translate = function translate(id) {
     return emitEvent({
@@ -133,7 +132,12 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
-    setShowPoints(rewards);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewards
+    });
   };
 
   (0, _react.useEffect)(function () {
@@ -145,13 +149,16 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
     setResolveAction(function () {
       playSound('score');
       setFinished(true);
-      setTimeout(function () {
-        emitEvent({
-          type: 'hidePuzzleButtons',
-          payload: false
-        });
-        setShowPoints(info.resolve.rewards);
-      }, 0);
+      emitEvent({
+        type: 'hidePuzzleButtons',
+        payload: false
+      });
+      emitEvent({
+        type: 'addPoints',
+        complex: true,
+        finish: true,
+        payload: info.resolve.rewards
+      });
     });
   }, [setResolveAction]);
 

package/dist/components/hacker-puzzle-component/mocks/mockForStory.js

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'js',
@@ -42,7 +41,6 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'python',
@@ -74,7 +72,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   type: 'lua',

package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -102,7 +102,6 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       info = _ref4.info,
       answer = _ref4.answer,
       hintUsed = _ref4.hintUsed,
-      setShowPoints = _ref4.setShowPoints,
       setResolveAction = _ref4.setResolveAction;
 
   var _soundActions = _slicedToArray(soundActions, 1),
@@ -327,7 +326,12 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(rewardsData);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
   };
 
   var handleFail = function handleFail() {
@@ -407,10 +411,15 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(rewardsData);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: rewardsData
+        });
       }, 2000);
     });
-  }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards, setShowPoints]);
+  }, [setHiddenAnswer, mounted, answer, setResolveAction, emitEvent, accRewards, info.resolve.rewards]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged",
     style: {

package/dist/components/hanged-puzzle-component/mocks/mockForStory.js

@@ -14,11 +14,11 @@ var disableExit = function disableExit(attr) {
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: disableExit,
   setResolveAction: function setResolveAction() {},
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   },

package/dist/components/image-click-puzzle-component/components/ImageClickPuzzleComponent.js

@@ -18,6 +18,8 @@ var ImageClickPuzzleComponent = function ImageClickPuzzleComponent(props) {
     if (success) {
       props.emitEvent({
         type: 'addPoints',
+        complex: true,
+        finish: true,
         payload: rw
       });
     } else {

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

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -115,7 +114,6 @@ exports.mockProps = mockProps;
 var mockProps2 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -220,7 +218,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {
@@ -325,7 +322,6 @@ exports.mockProps3 = mockProps3;
 var mockProps4 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   info: {

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

@@ -12,7 +12,6 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   transitionEffects: null,
   audioId: '',
   itemOrder: 1,
@@ -186,7 +185,6 @@ exports.mockProps2 = mockProps2;
 var mockProps3 = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,
@@ -335,7 +333,6 @@ exports.mockProps4 = mockProps4;
 var mockPropsOnce = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   transitionEffects: null,

package/dist/components/index.js

@@ -197,6 +197,12 @@ Object.defineProperty(exports, "Poster", {
     return _Poster.default;
   }
 });
+Object.defineProperty(exports, "ReferralComponent", {
+  enumerable: true,
+  get: function get() {
+    return _referralComponent.default;
+  }
+});
 Object.defineProperty(exports, "Scene", {
   enumerable: true,
   get: function get() {
@@ -348,6 +354,8 @@ var _dialogComponent = _interopRequireDefault(require("./dialog-component"));
 
 var _animationComponent = _interopRequireDefault(require("./animation-component"));
 
+var _referralComponent = _interopRequireDefault(require("./referral-component"));
+
 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; }

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -49,8 +49,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       info = _ref.info,
       disableExit = _ref.disableExit,
       soundActions = _ref.soundActions,
-      setResolveAction = _ref.setResolveAction,
-      setShowPoints = _ref.setShowPoints;
+      setResolveAction = _ref.setResolveAction;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -106,8 +105,13 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: false
     });
-    setShowPoints(rewardsData);
-  }, [emitEvent, setShowPoints]);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
+  }, [emitEvent]);
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
     if (feedbackResult) {

package/dist/components/keyboard-puzzle-component/mocks/mockForStory.js

@@ -12,11 +12,11 @@ var mockProps = {
   disableExit: function disableExit() {},
   setResolveAction: function setResolveAction() {},
   soundActions: _mocker.soundActions,
-  setShowPoints: _mocker.setShowPoints,
   password: '1234',
   keyboard: [['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ['*', '0', '#']],
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   },

package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js

@@ -45,7 +45,6 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       login = _ref.login,
       password = _ref.password,
       image = _ref.image,
-      setShowPoints = _ref.setShowPoints,
       setResolveAction = _ref.setResolveAction;
 
   var translate = function translate(id) {
@@ -108,7 +107,12 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   var handleFinish = function handleFinish() {
     var rewards = info.solution.right.rewards;
     var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
-    setShowPoints(rewardsData);
+    emitEvent({
+      type: 'addPoints',
+      complex: true,
+      finish: true,
+      payload: rewardsData
+    });
   };
 
   var checkInput = function checkInput() {
@@ -162,10 +166,15 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
           type: 'hidePuzzleButtons',
           payload: false
         });
-        setShowPoints(rewardsData);
+        emitEvent({
+          type: 'addPoints',
+          complex: true,
+          finish: true,
+          payload: rewardsData
+        });
       }, 2000);
     });
-  }, [accRewards, info.resolve.rewards, emitEvent, setShowPoints, setResolveAction]);
+  }, [accRewards, info.resolve.rewards, emitEvent, setResolveAction]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--layer",
     style: {
@@ -203,12 +212,12 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "icon-circle-check"
   }, " "))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__label"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'), " ", password)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__group"
   }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
-    disabled: finished,
+    disabled: true,
     "data-testid": "password",
-    className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
+    className: "puzzle--login__input puzzle--login__input--fakepassword success",
     type: "text",
     placeholder: password,
     value: password

package/dist/components/login-puzzle-component/mocks/mockForStory.js

@@ -10,7 +10,6 @@ var _mocker = require("helpers/mocker");
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   setResolveAction: function setResolveAction() {},
-  setShowPoints: _mocker.setShowPoints,
   soundActions: _mocker.soundActions,
   user: 'pepe',
   password: '1234',
@@ -30,6 +29,7 @@ var mockProps = {
   },
   image: {
     img: {
+      // eslint-disable-next-line max-len
       url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   }

package/dist/components/referral-component/components/EmailPill.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var EmailPill = function EmailPill(_ref) {
+  var text = _ref.text,
+      error = _ref.error,
+      handleClick = _ref.handleClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "".concat(error ? ' pill--error' : 'pill--ok'),
+    className: "email-pill ".concat(error ? ' email-pill--error' : '')
+  }, /*#__PURE__*/_react.default.createElement("div", null, text), /*#__PURE__*/_react.default.createElement("div", {
+    className: "email-pill__delete"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: "0",
+    role: "button",
+    onClick: handleClick,
+    className: "icon-close"
+  })));
+};
+
+var _default = EmailPill;
+exports.default = _default;