@gamelearn/arcade-components 2.26.1 → 2.28.0

package/dist/components/index.js

@@ -1,7 +1,6 @@
 "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
 });
@@ -221,79 +220,41 @@ Object.defineProperty(exports, "ZoomTest", {
     return _zoomTest.default;
   }
 });
-
 var _noticeComponent = _interopRequireDefault(require("./notice-component"));
-
 var _inventoryItem = _interopRequireDefault(require("./inventory-item"));
-
 var _pdfComponent = _interopRequireWildcard(require("./pdf-component"));
-
 var _urlComponent = _interopRequireDefault(require("./url-component"));
-
 var _videoComponent = _interopRequireDefault(require("./video-component"));
-
 var _videoVisor = _interopRequireDefault(require("./video-visor"));
-
 var _lecturesComponent = _interopRequireDefault(require("./lectures-component"));
-
 var _decisionComponent = _interopRequireDefault(require("./decision-component"));
-
 var _imageComponent = _interopRequireDefault(require("./image-component"));
-
 var _conversationalProComponent = _interopRequireDefault(require("./conversational-pro-component"));
-
 var _conversationalComponent = _interopRequireDefault(require("./conversational-component"));
-
 var _comicComponent = _interopRequireDefault(require("./comic-component"));
-
 var _cartelComponent = _interopRequireDefault(require("./cartel-component"));
-
 var _hackerPuzzleComponent = _interopRequireDefault(require("./hacker-puzzle-component"));
-
 var _loginPuzzleComponent = _interopRequireDefault(require("./login-puzzle-component"));
-
 var _keyboardPuzzleComponent = _interopRequireDefault(require("./keyboard-puzzle-component"));
-
 var _imageClickPuzzleComponent = _interopRequireDefault(require("./image-click-puzzle-component"));
-
 var _crackerPuzzleComponent = _interopRequireDefault(require("./cracker-puzzle-component"));
-
 var _hangedPuzzleComponent = _interopRequireDefault(require("./hanged-puzzle-component"));
-
 var _chainedImageClickPuzzleComponent = _interopRequireDefault(require("./chained-image-click-puzzle-component"));
-
 var _frameClickPuzzleComponent = _interopRequireDefault(require("./frame-click-puzzle-component"));
-
 var _webBuilderPuzzleComponent = _interopRequireDefault(require("./web-builder-puzzle-component"));
-
 var _cardsSelectorPuzzleComponent = _interopRequireDefault(require("./cards-selector-puzzle-component"));
-
 var _writerPuzzleComponent = _interopRequireDefault(require("./writer-puzzle-component"));
-
 var _terminalPuzzleComponent = _interopRequireDefault(require("./terminal-puzzle-component"));
-
 var _dragItemPuzzleComponent = _interopRequireDefault(require("./drag-item-puzzle-component"));
-
 var _testComponent = _interopRequireDefault(require("./test-component"));
-
 var _surveyComponent = _interopRequireDefault(require("./survey-component"));
-
 var _autoEvaluationComponent = _interopRequireDefault(require("./auto-evaluation-component"));
-
 var _patternComponent = _interopRequireDefault(require("./pattern-component"));
-
 var _textClickPuzzleComponent = _interopRequireDefault(require("./text-click-puzzle-component"));
-
 var _zoomTest = _interopRequireDefault(require("./zoom-test"));
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -1,72 +1,50 @@
 "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 _drei = require("@react-three/drei");
-
 var _fiber = require("@react-three/fiber");
-
 var _arcadeThreeCore = require("@gamelearn/arcade-three-core");
-
 var _helpers = require("../../../helpers");
-
 var _LightSet = _interopRequireDefault(require("../../../helpers/LightSet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = 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 InventoryItem = function InventoryItem(_ref) {
   var name = _ref.name,
-      description = _ref.description,
-      element = _ref.element,
-      onFinish = _ref.onFinish,
-      soundActions = _ref.soundActions,
-      keyboardControl = _ref.keyboardControl,
-      emitEvent = _ref.emitEvent;
+    description = _ref.description,
+    element = _ref.element,
+    onFinish = _ref.onFinish,
+    soundActions = _ref.soundActions,
+    keyboardControl = _ref.keyboardControl,
+    emitEvent = _ref.emitEvent;
   var orbit = (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
     });
   };
-
   if (!element) {
     onFinish();
     return null;
   }
-
   var handleOnCreate = function handleOnCreate(_ref2) {
     var gl = _ref2.gl;
     gl.physicallyCorrectLights = true;
   };
-
   var onLoad = function onLoad(model, scene, camera) {
     if (model && orbit.current) {
       model.position.set(0, 0, 0);
@@ -77,16 +55,13 @@ var InventoryItem = function InventoryItem(_ref) {
       (0, _helpers.cameraFitAnyObject)(model, camera, null, orbit.current);
     }
   };
-
   var close = function close() {
     playSound('click-ui');
     onFinish();
   };
-
   if (keyboardControl) {
     keyboardControl(null, close, close);
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory--layer__info",
     dir: "auto"
@@ -141,6 +116,5 @@ var InventoryItem = function InventoryItem(_ref) {
     all: true
   }))))));
 };
-
 var _default = InventoryItem;
 exports.default = _default;

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

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

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps = exports.default = void 0;
-
 var _characters = require("test/mocks/characters.json");
-
 var _mocker = require("helpers/mocker");
-
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   soundActions: _mocker.soundActions,

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

@@ -1,105 +1,75 @@
 "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 _FeedbackComponent = _interopRequireDefault(require("../../feedback-component/components/FeedbackComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = 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 defaultImage = 'https://min.gamelearn.io/css-resources/gamelearn/resources/keyboard.jpg';
-
 var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   var _image$img;
-
   var emitEvent = _ref.emitEvent,
-      image = _ref.image,
-      password = _ref.password,
-      keyboard = _ref.keyboard,
-      info = _ref.info,
-      disableExit = _ref.disableExit,
-      soundActions = _ref.soundActions,
-      setResolveAction = _ref.setResolveAction,
-      nodeId = _ref.nodeId,
-      keyboardControl = _ref.keyboardControl;
-
+    image = _ref.image,
+    password = _ref.password,
+    keyboard = _ref.keyboard,
+    info = _ref.info,
+    disableExit = _ref.disableExit,
+    soundActions = _ref.soundActions,
+    setResolveAction = _ref.setResolveAction,
+    nodeId = _ref.nodeId,
+    keyboardControl = _ref.keyboardControl;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      finished = _useState2[0],
-      setFinished = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    finished = _useState2[0],
+    setFinished = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      passClass = _useState4[0],
-      setPassClass = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    passClass = _useState4[0],
+    setPassClass = _useState4[1];
   var _useState5 = (0, _react.useState)(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputPassword = _useState6[0],
-      setInputPassword = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputPassword = _useState6[0],
+    setInputPassword = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      feedbackResult = _useState8[0],
-      setFeedbackResult = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    feedbackResult = _useState8[0],
+    setFeedbackResult = _useState8[1];
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      feedBackText = _useState10[0],
-      setFeedBackText = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    feedBackText = _useState10[0],
+    setFeedBackText = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      feedbackIsShown = _useState12[0],
-      setFeedbackIsShown = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    feedbackIsShown = _useState12[0],
+    setFeedbackIsShown = _useState12[1];
   var _useState13 = (0, _react.useState)([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      accRewards = _useState14[0],
-      setRewards = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    accRewards = _useState14[0],
+    setRewards = _useState14[1];
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var puzzleId = "keyboard-puzzle_".concat(nodeId);
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var closeFeedbackAndShowPoints = (0, _react.useCallback)(function (rewardsData) {
     setFeedbackResult(false);
     setFeedbackIsShown(false);
@@ -114,7 +84,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       payload: rewardsData
     });
   }, [emitEvent]);
-
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
     if (feedbackResult) {
       setFinished(true);
@@ -131,10 +100,8 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       disableExit(false);
       setFeedbackIsShown(false);
     }
-
     setFeedBackText('');
   };
-
   var checkPass = function checkPass(current) {
     if (current === password) {
       disableExit(false);
@@ -145,7 +112,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       });
       setFeedbackResult(true);
       setFeedbackIsShown(true);
-
       if (!info.solution.right.desc) {
         setTimeout(function () {
           var rewards = info.solution.right.rewards;
@@ -171,7 +137,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       setPassClass('');
       setInputPassword('');
       setFeedbackIsShown(true);
-
       if (info.solution.wrong.desc) {
         setFeedBackText(info.solution.wrong.desc);
       } else {
@@ -181,7 +146,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       }
     }
   };
-
   (0, _react.useEffect)(function () {
     setResolveAction(function () {
       disableExit(false);
@@ -211,25 +175,20 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       }, 2000);
     });
   }, [setResolveAction, disableExit, info.solution.right.desc, playSound, info.resolve.rewards, accRewards, password, emitEvent, puzzleId]);
-
   var handleNumbClick = function handleNumbClick(row, col) {
     var char = keyboard[row][col];
     playSound('click-ui');
-
     if (inputPassword.length < password.length + 1) {
       setInputPassword(inputPassword + char);
-
       if (inputPassword.length + 1 === password.length) {
         checkPass(inputPassword + char);
       }
     }
   };
-
   var handleRemoveChar = function handleRemoveChar() {
     playSound('click-ui');
     setInputPassword(inputPassword.substring(0, inputPassword.length - 1));
   };
-
   var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
   var styleForBackground = {
     backgroundSize: imageURL ? 'cover' : 'contain',
@@ -281,6 +240,5 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
     keyboardControl: keyboardControl
   }));
 };
-
 var _default = KeyboardPuzzleComponent;
 exports.default = _default;

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

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

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps = exports.default = void 0;
-
 var _mocker = require("helpers/mocker");
-
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   disableExit: function disableExit() {},

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

@@ -1,66 +1,47 @@
 "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 _reactKonva = require("react-konva");
-
 var _reactKonvaUtils = require("react-konva-utils");
-
 var _deviceDetection = require("../../../helpers/deviceDetection");
-
 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 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 Area = function Area(_ref) {
   var area = _ref.area,
-      finished = _ref.finished,
-      isClicked = _ref.isClicked,
-      isBad = _ref.isBad,
-      hasHighlights = _ref.hasHighlights,
-      completed = _ref.completed,
-      onClick = _ref.onClick,
-      onClickOutside = _ref.onClickOutside;
+    finished = _ref.finished,
+    isClicked = _ref.isClicked,
+    isBad = _ref.isBad,
+    hasHighlights = _ref.hasHighlights,
+    completed = _ref.completed,
+    onClick = _ref.onClick,
+    onClickOutside = _ref.onClickOutside;
   var areaRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      projectionConfig = _useState2[0],
-      setProjectionConfig = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    projectionConfig = _useState2[0],
+    setProjectionConfig = _useState2[1];
   var fillColor = isBad ? 'rgba(255, 99, 77, 0.32)' : 'rgba(75, 215, 169, 0.32)';
   var strokeColor = isBad ? '#ff634d' : '#4bd7a9';
   var isMobile = (0, _deviceDetection.DeviceDetection)();
-
   var mouseEnterArea = function mouseEnterArea() {
     if (hasHighlights && !completed && !isClicked) {
       var _areaRef$current, _areaRef$current2, _areaRef$current3;
-
       (_areaRef$current = areaRef.current) === null || _areaRef$current === void 0 ? void 0 : _areaRef$current.setAttr('fill', 'rgba(130, 134, 142, 0.4)');
       (_areaRef$current2 = areaRef.current) === null || _areaRef$current2 === void 0 ? void 0 : _areaRef$current2.setAttr('stroke', 'rgba(255, 255, 255, 0.3)');
       (_areaRef$current3 = areaRef.current) === null || _areaRef$current3 === void 0 ? void 0 : _areaRef$current3.to({
@@ -69,23 +50,19 @@ var Area = function Area(_ref) {
       });
     }
   };
-
   var mouseLeaveArea = function mouseLeaveArea() {
     if (hasHighlights && !completed && !isClicked) {
       var _areaRef$current4;
-
       (_areaRef$current4 = areaRef.current) === null || _areaRef$current4 === void 0 ? void 0 : _areaRef$current4.to({
         duration: 0.25,
         opacity: 0
       });
     }
   };
-
   (0, _react.useEffect)(function () {
     if (completed && !finished) {
       if (!isBad) {
         var _areaRef$current5, _areaRef$current6;
-
         (_areaRef$current5 = areaRef.current) === null || _areaRef$current5 === void 0 ? void 0 : _areaRef$current5.to({
           duration: 0.25,
           opacity: 1
@@ -93,7 +70,6 @@ var Area = function Area(_ref) {
         (_areaRef$current6 = areaRef.current) === null || _areaRef$current6 === void 0 ? void 0 : _areaRef$current6.globalCompositeOperation('destination-out');
       } else {
         var _areaRef$current7;
-
         (_areaRef$current7 = areaRef.current) === null || _areaRef$current7 === void 0 ? void 0 : _areaRef$current7.to({
           duration: 0.25,
           opacity: 0
@@ -101,22 +77,18 @@ var Area = function Area(_ref) {
       }
     }
   }, [completed, finished, isBad]);
-
   var clickArea = function clickArea() {
     if (!completed) {
       var _areaRef$current8, _areaRef$current9;
-
       if (isBad) {
         onClickOutside(area);
       } else {
         onClick(area);
       }
-
       (_areaRef$current8 = areaRef.current) === null || _areaRef$current8 === void 0 ? void 0 : _areaRef$current8.setAttr('fill', fillColor);
       (_areaRef$current9 = areaRef.current) === null || _areaRef$current9 === void 0 ? void 0 : _areaRef$current9.setAttr('stroke', strokeColor);
     }
   };
-
   var scaleX = area.scaleX ? area.scaleX : 1;
   var scaleY = area.scaleY ? area.scaleY : 1;
   (0, _react.useLayoutEffect)(function () {
@@ -185,7 +157,6 @@ var Area = function Area(_ref) {
     closed: true
   }));
 };
-
 Area.defaultProps = {
   finished: false,
   isBad: false,