@gamelearn/arcade-components 1.3.3 → 1.3.5-1

package/dist/components/index.js

@@ -5,142 +5,142 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AnimateElement", {
+Object.defineProperty(exports, "Scene", {
   enumerable: true,
   get: function get() {
-    return _AnimateElement.default;
+    return _scene.default;
   }
 });
-Object.defineProperty(exports, "AnimationComponent", {
+Object.defineProperty(exports, "ElementList", {
   enumerable: true,
   get: function get() {
-    return _animationComponent.default;
+    return _elementsList.default;
   }
 });
-Object.defineProperty(exports, "AutoEvaluationComponent", {
+Object.defineProperty(exports, "ClickableArea", {
   enumerable: true,
   get: function get() {
-    return _autoEvaluationComponent.default;
+    return _ClickableArea.default;
   }
 });
-Object.defineProperty(exports, "Background", {
+Object.defineProperty(exports, "Poster", {
   enumerable: true,
   get: function get() {
-    return _background.default;
+    return _Poster.default;
   }
 });
-Object.defineProperty(exports, "CardsSelectorPuzzleComponent", {
+Object.defineProperty(exports, "Background", {
   enumerable: true,
   get: function get() {
-    return _cardsSelectorPuzzleComponent.default;
+    return _background.default;
   }
 });
-Object.defineProperty(exports, "CartelComponent", {
+Object.defineProperty(exports, "Element", {
   enumerable: true,
   get: function get() {
-    return _cartelComponent.default;
+    return _element.default;
   }
 });
-Object.defineProperty(exports, "ChainedImageClickPuzzleComponent", {
+Object.defineProperty(exports, "AnimateElement", {
   enumerable: true,
   get: function get() {
-    return _chainedImageClickPuzzleComponent.default;
+    return _AnimateElement.default;
   }
 });
-Object.defineProperty(exports, "ClickableArea", {
+Object.defineProperty(exports, "NoticeComponent", {
   enumerable: true,
   get: function get() {
-    return _ClickableArea.default;
+    return _noticeComponent.default;
   }
 });
-Object.defineProperty(exports, "ComicComponent", {
+Object.defineProperty(exports, "InventoryItem", {
   enumerable: true,
   get: function get() {
-    return _comicComponent.default;
+    return _inventoryItem.default;
   }
 });
-Object.defineProperty(exports, "ConversationalComponent", {
+Object.defineProperty(exports, "PdfComponent", {
   enumerable: true,
   get: function get() {
-    return _conversationalComponent.default;
+    return _pdfComponent.default;
   }
 });
-Object.defineProperty(exports, "ConversationalProComponent", {
+Object.defineProperty(exports, "PdfVisor", {
   enumerable: true,
   get: function get() {
-    return _conversationalProComponent.default;
+    return _pdfComponent.PdfVisor;
   }
 });
-Object.defineProperty(exports, "CrackerPuzzleComponent", {
+Object.defineProperty(exports, "UrlComponent", {
   enumerable: true,
   get: function get() {
-    return _crackerPuzzleComponent.default;
+    return _urlComponent.default;
   }
 });
-Object.defineProperty(exports, "DecisionComponent", {
+Object.defineProperty(exports, "VideoComponent", {
   enumerable: true,
   get: function get() {
-    return _decisionComponent.default;
+    return _videoComponent.default;
   }
 });
-Object.defineProperty(exports, "DialogComponent", {
+Object.defineProperty(exports, "VideoVisor", {
   enumerable: true,
   get: function get() {
-    return _dialogComponent.default;
+    return _videoVisor.default;
   }
 });
-Object.defineProperty(exports, "DragItemPuzzleComponent", {
+Object.defineProperty(exports, "LecturesComponent", {
   enumerable: true,
   get: function get() {
-    return _dragItemPuzzleComponent.default;
+    return _lecturesComponent.default;
   }
 });
-Object.defineProperty(exports, "Element", {
+Object.defineProperty(exports, "DecisionComponent", {
   enumerable: true,
   get: function get() {
-    return _element.default;
+    return _decisionComponent.default;
   }
 });
-Object.defineProperty(exports, "ElementList", {
+Object.defineProperty(exports, "ImageComponent", {
   enumerable: true,
   get: function get() {
-    return _elementsList.default;
+    return _imageComponent.default;
   }
 });
-Object.defineProperty(exports, "FrameImageClickComponent", {
+Object.defineProperty(exports, "ConversationalProComponent", {
   enumerable: true,
   get: function get() {
-    return _frameClickPuzzleComponent.default;
+    return _conversationalProComponent.default;
   }
 });
-Object.defineProperty(exports, "HackerPuzzleComponent", {
+Object.defineProperty(exports, "ConversationalComponent", {
   enumerable: true,
   get: function get() {
-    return _hackerPuzzleComponent.default;
+    return _conversationalComponent.default;
   }
 });
-Object.defineProperty(exports, "HangedPuzzleComponent", {
+Object.defineProperty(exports, "ComicComponent", {
   enumerable: true,
   get: function get() {
-    return _hangedPuzzleComponent.default;
+    return _comicComponent.default;
   }
 });
-Object.defineProperty(exports, "ImageClickPuzzleComponent", {
+Object.defineProperty(exports, "CartelComponent", {
   enumerable: true,
   get: function get() {
-    return _imageClickPuzzleComponent.default;
+    return _cartelComponent.default;
   }
 });
-Object.defineProperty(exports, "ImageComponent", {
+Object.defineProperty(exports, "HackerPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _imageComponent.default;
+    return _hackerPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "InventoryItem", {
+Object.defineProperty(exports, "LoginPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _inventoryItem.default;
+    return _loginPuzzleComponent.default;
   }
 });
 Object.defineProperty(exports, "KeyboardPuzzleComponent", {
@@ -149,118 +149,118 @@ Object.defineProperty(exports, "KeyboardPuzzleComponent", {
     return _keyboardPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "LecturesComponent", {
+Object.defineProperty(exports, "ImageClickPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _lecturesComponent.default;
+    return _imageClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "LoginPuzzleComponent", {
+Object.defineProperty(exports, "CrackerPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _loginPuzzleComponent.default;
+    return _crackerPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "MediaVisor", {
+Object.defineProperty(exports, "HangedPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _mediaVisor.default;
+    return _hangedPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "NoticeComponent", {
+Object.defineProperty(exports, "ChainedImageClickPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _noticeComponent.default;
+    return _chainedImageClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "PatternComponent", {
+Object.defineProperty(exports, "FrameImageClickComponent", {
   enumerable: true,
   get: function get() {
-    return _patternComponent.default;
+    return _frameClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "PdfComponent", {
+Object.defineProperty(exports, "WebBuilderPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _pdfComponent.default;
+    return _webBuilderPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "PdfVisor", {
+Object.defineProperty(exports, "CardsSelectorPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _pdfComponent.PdfVisor;
+    return _cardsSelectorPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "Poster", {
+Object.defineProperty(exports, "WriterPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _Poster.default;
+    return _writerPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "Scene", {
+Object.defineProperty(exports, "TerminalPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _scene.default;
+    return _terminalPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "SurveyComponent", {
+Object.defineProperty(exports, "DragItemPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _surveyComponent.default;
+    return _dragItemPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "TerminalPuzzleComponent", {
+Object.defineProperty(exports, "TestComponent", {
   enumerable: true,
   get: function get() {
-    return _terminalPuzzleComponent.default;
+    return _testComponent.default;
   }
 });
-Object.defineProperty(exports, "TestComponent", {
+Object.defineProperty(exports, "SurveyComponent", {
   enumerable: true,
   get: function get() {
-    return _testComponent.default;
+    return _surveyComponent.default;
   }
 });
-Object.defineProperty(exports, "TextClickPuzzleComponent", {
+Object.defineProperty(exports, "MediaVisor", {
   enumerable: true,
   get: function get() {
-    return _textClickPuzzleComponent.default;
+    return _mediaVisor.default;
   }
 });
-Object.defineProperty(exports, "UrlComponent", {
+Object.defineProperty(exports, "AutoEvaluationComponent", {
   enumerable: true,
   get: function get() {
-    return _urlComponent.default;
+    return _autoEvaluationComponent.default;
   }
 });
-Object.defineProperty(exports, "VideoComponent", {
+Object.defineProperty(exports, "PatternComponent", {
   enumerable: true,
   get: function get() {
-    return _videoComponent.default;
+    return _patternComponent.default;
   }
 });
-Object.defineProperty(exports, "VideoVisor", {
+Object.defineProperty(exports, "TextClickPuzzleComponent", {
   enumerable: true,
   get: function get() {
-    return _videoVisor.default;
+    return _textClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "WebBuilderPuzzleComponent", {
+Object.defineProperty(exports, "ZoomTest", {
   enumerable: true,
   get: function get() {
-    return _webBuilderPuzzleComponent.default;
+    return _zoomTest.default;
   }
 });
-Object.defineProperty(exports, "WriterPuzzleComponent", {
+Object.defineProperty(exports, "DialogComponent", {
   enumerable: true,
   get: function get() {
-    return _writerPuzzleComponent.default;
+    return _dialogComponent.default;
   }
 });
-Object.defineProperty(exports, "ZoomTest", {
+Object.defineProperty(exports, "AnimationComponent", {
   enumerable: true,
   get: function get() {
-    return _zoomTest.default;
+    return _animationComponent.default;
   }
 });
 
@@ -348,8 +348,8 @@ var _dialogComponent = _interopRequireDefault(require("./dialog-component"));
 
 var _animationComponent = _interopRequireDefault(require("./animation-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/inventory-item/components/InventoryItem.js

@@ -9,21 +9,23 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _drei = require("@react-three/drei");
-
 var _fiber = require("@react-three/fiber");
 
-var _arcadeThreeCore = require("@gamelearn/arcade-three-core");
+var _drei = require("@react-three/drei");
 
 var _helpers = require("../../../helpers");
 
+var _element = _interopRequireDefault(require("../../arcade-render/element"));
+
 var _LightSet = _interopRequireDefault(require("../../../helpers/LightSet"));
 
+var _drawLOD = _interopRequireDefault(require("../../../helpers/drawLOD"));
+
 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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(); }
 
@@ -33,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -42,6 +44,7 @@ var InventoryItem = function InventoryItem(_ref) {
       description = _ref.description,
       element = _ref.element,
       onFinish = _ref.onFinish,
+      lodSettings = _ref.lodSettings,
       soundActions = _ref.soundActions;
   var orbit = (0, _react.useRef)();
 
@@ -66,6 +69,7 @@ var InventoryItem = function InventoryItem(_ref) {
       camera.fov = 35;
       camera.updateProjectionMatrix();
       (0, _helpers.cameraFitAnyObject)(model, camera, null, orbit.current);
+      (0, _drawLOD.default)(scene, camera, lodSettings);
     }
   };
 
@@ -90,11 +94,9 @@ var InventoryItem = function InventoryItem(_ref) {
     mode: "concurrent",
     shadows: true,
     onCreated: handleOnCreate
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }, /*#__PURE__*/_react.default.createElement(_LightSet.default, null), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_LightSet.default, null), /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.LodWrapper, {
-    lod: "divideby16"
-  }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.StaticResource, {
+  }, element ? /*#__PURE__*/_react.default.createElement(_element.default, {
     key: "".concat(element.uid),
     url: element.url,
     position: [0, 0, 0],
@@ -103,14 +105,14 @@ var InventoryItem = function InventoryItem(_ref) {
     material: element.material || {},
     name: element.name,
     onLoad: onLoad
-  })), /*#__PURE__*/_react.default.createElement(_drei.OrbitControls, {
+  }) : null), /*#__PURE__*/_react.default.createElement(_drei.OrbitControls, {
     ref: orbit,
     enableKeys: false,
     enableZoom: false,
     enablePan: false
   }), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
     all: true
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory--layer__info--description"
   }, /*#__PURE__*/_react.default.createElement("h1", null, name), /*#__PURE__*/_react.default.createElement("p", null, description))));
 };

package/dist/components/inventory-item/mocks/mockForStory.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = exports.default = void 0;
+exports.mockProps = void 0;
 
-var _characters = require("test/mocks/characters.json");
+var _mocks = require("../../arcade-render/mocks");
 
 var _mocker = require("helpers/mocker");
 
@@ -13,12 +13,12 @@ var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,
   onFinish: function onFinish() {
-    return (0, _mocker.onFinish)('inventory-item');
+    return (0, _mocker.onFinish)("inventory-item");
   },
   name: 'Avocado',
   description: 'El que tengo aqui condimentado',
   element: {
-    url: _characters.elements[5].url,
+    url: _mocks.taxi,
     type: 'object',
     position: [0, -5, 0],
     rotation: [0, 0, 0],
@@ -27,6 +27,4 @@ var mockProps = {
     name: 'avocado'
   }
 };
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;
+exports.mockProps = mockProps;

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

@@ -13,9 +13,9 @@ var _FeedbackComponent = _interopRequireDefault(require("../../feedback-componen
 
 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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(); }
 
@@ -33,7 +33,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -177,14 +177,13 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       setPassClass('success');
       setFeedbackResult(true);
       setFeedBackText(info.solution.right.desc);
-      setInputPassword(password);
       setFinished(true);
       var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(info.resolve.rewards));
       setTimeout(function () {
         closeFeedbackAndShowPoints(rewardsData);
       }, 2000);
     });
-  }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints, password]);
+  }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, closeFeedbackAndShowPoints]);
 
   var handleNumbClick = function handleNumbClick(row, col) {
     var char = keyboard[row][col];
@@ -213,10 +212,10 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
     className: "puzzle--keyboard__header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--keyboard__result"
-  }, password.split('').map(function (e, ind) {
+  }, password.split('').map(function (_, ind) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "puzzle--keyboard__result--item ".concat(passClass),
-      key: "".concat(e + ind)
+      key: ind
     }, inputPassword.split('')[ind] ? inputPassword.split('')[ind] : '');
   }), finished ? /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-circle-check"
@@ -231,7 +230,7 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   }, keyboard.map(function (row, rowNumb) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "puzzle--keyboard__row",
-      key: "row_".concat(0 + rowNumb)
+      key: 'row_' + rowNumb
     }, (Array.isArray(row) ? row : Object.values(row)).map(function (col, colNumb) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "puzzle--keyboard__character",

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockProps = exports.default = void 0;
+exports.mockProps = void 0;
 
 var _mocker = require("helpers/mocker");
 
@@ -36,6 +36,4 @@ var mockProps = {
     }
   }
 };
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;
+exports.mockProps = mockProps;

package/dist/components/konva-components/Area/index.js

@@ -13,11 +13,11 @@ var _reactKonva = require("react-konva");
 
 var _reactKonvaUtils = require("react-konva-utils");
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -31,7 +31,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/dist/components/konva-components/KonvaMapper.js

@@ -15,9 +15,9 @@ var _Area = _interopRequireDefault(require("./Area"));
 
 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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(); }
 
@@ -27,7 +27,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { var _i = arr && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }