@gamelearn/arcade-components 2.27.0 → 2.29.2

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

@@ -1,39 +1,30 @@
 "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 _arcadeThreeCore = require("@gamelearn/arcade-three-core");
-
 var _decisionComponent = _interopRequireDefault(require("../../decision-component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var cleanStyle = {
   width: '100vw',
   height: '100vh',
   position: 'static'
 };
-
 var DialogDecision = function DialogDecision(props) {
   var container = document.querySelector('.screens--container');
   (0, _react.useEffect)(function () {
     if (props.onMount) props.onMount();
     return function () {
       if (props.onUnMount) props.onUnMount();
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
     zIndexRange: [6, 6],
@@ -49,6 +40,5 @@ var DialogDecision = function DialogDecision(props) {
     inScene: true
   }, props)));
 };
-
 var _default = DialogDecision;
 exports.default = _default;

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

@@ -1,54 +1,37 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var message = _ref.message,
-      translate = _ref.translate;
-
+    translate = _ref.translate;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      mounted = _useState2[0],
-      setMounted = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    mounted = _useState2[0],
+    setMounted = _useState2[1];
   var getAvatar = function getAvatar() {
     var avatarUrl = message.avatar;
     var idx = avatarUrl.lastIndexOf('/');
-
     if (avatarUrl.includes('/object/')) {
       return avatarUrl.slice(0, idx).concat('/mini-thumbnail.png');
     }
-
     if (avatarUrl.includes('/character/')) {
       return avatarUrl.slice(0, idx).concat('/mini-face.png');
     }
-
     return avatarUrl;
   };
-
   (0, _react.useLayoutEffect)(function () {
     if (!mounted) {
       setMounted(true);
@@ -79,6 +62,5 @@ var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_re
     className: "speech-bubble__text"
   }, message.text) : null);
 });
-
 var _default = SpeechBubbleComponent;
 exports.default = _default;

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

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

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

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockScene = exports.mockProps = exports.branchedMockProps = void 0;
-
 var _bg001_street = _interopRequireDefault(require("test/mocks/bg001_street.json"));
-
 var _characters = require("test/mocks/characters.json");
-
 var _mocker = require("helpers/mocker");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
+
 var animations = {
   neutral: {
     url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/animation/5f06e116f9efdd00112fcc6f/male_missunderstand_1.glb'

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

@@ -1,120 +1,86 @@
 "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 _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"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _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 DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
   var area = _ref.area,
-      image = _ref.image,
-      resolveObject = _ref.resolveObject,
-      info = _ref.info,
-      hasHighlights = _ref.hasHighlights,
-      consume = _ref.consume,
-      disableExit = _ref.disableExit,
-      emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      keyboardControl = _ref.keyboardControl;
+    image = _ref.image,
+    resolveObject = _ref.resolveObject,
+    info = _ref.info,
+    hasHighlights = _ref.hasHighlights,
+    consume = _ref.consume,
+    disableExit = _ref.disableExit,
+    emitEvent = _ref.emitEvent,
+    soundActions = _ref.soundActions,
+    keyboardControl = _ref.keyboardControl;
   var solution = info.solution;
   var areaRef = (0, _react.useRef)();
   var areaTextRef = (0, _react.useRef)();
   var stageRef = (0, _react.useRef)();
   var canvas = (0, _react.useRef)();
   var layerConfig = (0, _react.useRef)({});
-
   var _useState = (0, _react.useState)(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      resolvedClass = _useState2[0],
-      setResolveClass = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    resolvedClass = _useState2[0],
+    setResolveClass = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showTooltip = _useState4[0],
-      setShowTooltip = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    showTooltip = _useState4[0],
+    setShowTooltip = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      imageLoaded = _useState6[0],
-      setImageLoaded = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    imageLoaded = _useState6[0],
+    setImageLoaded = _useState6[1];
   var _useState7 = (0, _react.useState)(),
-      _useState8 = _slicedToArray(_useState7, 2),
-      projectionConfig = _useState8[0],
-      setProjectionConfig = _useState8[1];
-
+    _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];
-
+    _useState10 = _slicedToArray(_useState9, 1),
+    currentImage = _useState10[0];
   var accRewards = (0, _react.useRef)([]);
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   (0, _react.useEffect)(function () {
     disableExit(resolvedClass !== '');
   }, [resolvedClass, disableExit]);
-
   var intersectRect = function intersectRect(a, b) {
     return (a.x + a.width > b.x && a.x + a.width <= b.x + b.width || b.x + b.width > a.x && b.x + b.width <= a.x + a.width) && (a.y + a.height > b.y && a.y + a.height <= b.y + b.height || b.y + b.height > a.y && b.y + b.height <= a.y + a.height);
   };
-
   var mouseEnterArea = function mouseEnterArea() {
     if (areaRef && hasHighlights) {
       areaRef.current.to({
@@ -127,7 +93,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       });
     }
   };
-
   var mouseLeaveArea = function mouseLeaveArea() {
     if (areaRef && hasHighlights) {
       areaRef.current.to({
@@ -140,10 +105,8 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       });
     }
   };
-
   var calculateOverArea = (0, _react.useCallback)(function (e) {
     var over = false;
-
     if (e) {
       var stage = stageRef.current;
       var lastMousePos = JSON.parse(e.relatedTarget.getAttribute('data-lastEvent'));
@@ -157,7 +120,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
         height: 1
       }), areaPos);
     }
-
     return over;
   }, []);
   var checkCorrectObject = (0, _react.useCallback)(function (object) {
@@ -178,7 +140,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     emitEvent({
       type: 'passPuzzle'
     });
-
     if (consume) {
       emitEvent({
         type: 'consumeItem',
@@ -189,7 +150,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
         }
       });
     }
-
     emitEvent({
       type: 'closeUI',
       ui: 'inventory'
@@ -230,14 +190,12 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       type: 'hidePuzzleButtons',
       payload: true
     });
-
     if (over && checkCorrectObject(object)) {
       setResolveClass('success');
       emitEvent({
         type: 'closeUI',
         ui: 'inventory'
       });
-
       if (info.solution.right.desc === '') {
         handleClose();
       }
@@ -247,7 +205,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
         ui: 'inventory'
       });
       setResolveClass('failed');
-
       if (info.solution.wrong.desc === '') {
         setTimeout(function () {
           handleFail();
@@ -255,7 +212,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       }
     }
   }, [calculateOverArea, checkCorrectObject, emitEvent, handleClose, handleFail, info.solution.right.desc, info.solution.wrong.desc]);
-
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
     if (resolvedClass === 'success') {
       handleClose();
@@ -263,11 +219,9 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       handleFail();
     }
   };
-
   (0, _react.useEffect)(function () {
     var imageUrl = image.img.url || '';
     currentImage.src = imageUrl;
-
     currentImage.onload = function () {
       if (canvas.current) {
         layerConfig.current = {
@@ -285,17 +239,13 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
         setImageLoaded(true);
       }
     };
-
     setShowTooltip(true);
     var inventoryButton = document.getElementById('inventory_screen-button');
-
     if (inventoryButton) {
       inventoryButton.classList.add('highlight');
     }
-
     var timeout = setTimeout(function () {
       setShowTooltip(false);
-
       if (inventoryButton) {
         inventoryButton.classList.remove('highlight');
       }
@@ -317,24 +267,20 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       });
     }
   }, [handleDrop]);
-
   var handleAreaRef = function handleAreaRef(node) {
     if (node !== null) {
       areaRef.current = node;
     }
   };
-
   var handleAreaTextRef = function handleAreaTextRef(node) {
     if (node !== null) {
       areaTextRef.current = node;
-
       if (areaRef.current) {
         var _areaRef$current$getC = areaRef.current.getClientRect(),
-            x = _areaRef$current$getC.x,
-            y = _areaRef$current$getC.y,
-            areaWidth = _areaRef$current$getC.width,
-            areaHeight = _areaRef$current$getC.height;
-
+          x = _areaRef$current$getC.x,
+          y = _areaRef$current$getC.y,
+          areaWidth = _areaRef$current$getC.width,
+          areaHeight = _areaRef$current$getC.height;
         node.setAttr('x', x);
         node.setAttr('y', y);
         node.setAttr('height', areaHeight);
@@ -342,7 +288,6 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
       }
     }
   };
-
   (0, _react.useLayoutEffect)(function () {
     if (areaRef.current && imageLoaded) {
       var rect = areaRef.current.getClientRect({
@@ -418,6 +363,5 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     keyboardControl: keyboardControl
   }) : null);
 };
-
 var _default = DragItemPuzzleComponent;
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TooltipHint = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var TooltipHint = function TooltipHint(_ref) {
   var translate = _ref.translate;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -17,7 +14,6 @@ var TooltipHint = function TooltipHint(_ref) {
     className: "icon-search-thin"
   }), /*#__PURE__*/_react.default.createElement("span", null, translate('tooltip.bag')));
 };
-
 exports.TooltipHint = TooltipHint;
 var _default = TooltipHint;
 exports.default = _default;

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

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

package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps = exports.default = void 0;
-
 var _mocker = require("helpers/mocker");
-
 /* eslint-disable max-len */
+
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,