@gamelearn/arcade-components 2.27.0 → 2.29.2

package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js

@@ -1,48 +1,28 @@
 "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 _reactTypist = _interopRequireDefault(require("react-typist"));
-
 var _helpers = require("./helpers");
-
 var _DrawGrid = _interopRequireDefault(require("./DrawGrid"));
-
 var _colors = require("./colors");
-
 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) 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; } /* eslint-disable react-hooks/exhaustive-deps */ // TODO Refactor this component
 var VELOCITY_MAP = {
   slow: 2,
   fast: 5,
@@ -65,71 +45,58 @@ var DIFFICULTY_MAP = {
     totalRows: 80
   }
 };
-
 var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
   var emitEvent = _ref.emitEvent,
-      soundActions = _ref.soundActions,
-      info = _ref.info,
-      velocity = _ref.velocity,
-      password = _ref.password,
-      disableExit = _ref.disableExit,
-      difficulty = _ref.difficulty,
-      setResolveAction = _ref.setResolveAction;
-
+    soundActions = _ref.soundActions,
+    info = _ref.info,
+    velocity = _ref.velocity,
+    password = _ref.password,
+    disableExit = _ref.disableExit,
+    difficulty = _ref.difficulty,
+    setResolveAction = _ref.setResolveAction;
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var requestRef = _react.default.useRef();
+  var previousTimeRef = _react.default.useRef();
 
-  var previousTimeRef = _react.default.useRef(); // Common PuzzleComponent
-
-
+  // Common PuzzleComponent
   var solution = info.solution;
-
   var _useState = (0, _react.useState)(password.toLowerCase()),
-      _useState2 = _slicedToArray(_useState, 2),
-      remainingPassword = _useState2[0],
-      setRemainingPassword = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    remainingPassword = _useState2[0],
+    setRemainingPassword = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      passwordPosition = _useState4[0],
-      setPasswordPosition = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    passwordPosition = _useState4[0],
+    setPasswordPosition = _useState4[1];
   var _useState5 = (0, _react.useState)(Array(password.toLowerCase().length).fill('')),
-      _useState6 = _slicedToArray(_useState5, 2),
-      paintSolution = _useState6[0],
-      setPaintSolution = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    paintSolution = _useState6[0],
+    setPaintSolution = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      finished = _useState8[0],
-      setFinished = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    finished = _useState8[0],
+    setFinished = _useState8[1];
   var _useState9 = (0, _react.useState)([0, 0]),
-      _useState10 = _slicedToArray(_useState9, 2),
-      cursorPosition = _useState10[0],
-      setCursorPosition = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    cursorPosition = _useState10[0],
+    setCursorPosition = _useState10[1];
   var crackedPasswordMsg = translate('puzzle.cracker.crackedPassword');
   var feedbackMessage = info.solution.right.desc && info.solution.right.desc !== '' ? info.solution.right.desc : '';
   var congratulationsMsg = translate('puzzle.cracker.congratulations');
-
   var _useState11 = (0, _react.useState)([[]]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      grid = _useState12[0],
-      setGrid = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    grid = _useState12[0],
+    setGrid = _useState12[1];
   var _DIFFICULTY_MAP$diffi = DIFFICULTY_MAP[difficulty],
-      visibleRows = _DIFFICULTY_MAP$diffi.visibleRows,
-      numberOfColumns = _DIFFICULTY_MAP$diffi.visibleColumns;
+    visibleRows = _DIFFICULTY_MAP$diffi.visibleRows,
+    numberOfColumns = _DIFFICULTY_MAP$diffi.visibleColumns;
   var numberOfRows = visibleRows === 'auto' ? Math.ceil(window.innerHeight * 0.025) : visibleRows;
   numberOfRows = numberOfRows >= 20 ? numberOfRows : 20;
   (0, _react.useEffect)(function () {
@@ -150,7 +117,6 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       }, 0);
     });
   }, [setResolveAction, playSound]);
-
   var handleFinish = function handleFinish() {
     playSound('click-ui');
     var rewards = solution.right.rewards;
@@ -164,7 +130,6 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       type: 'passPuzzle'
     });
   };
-
   var generatePasswordPositions = function generatePasswordPositions() {
     var tempArray = password.toLowerCase().split('');
     return tempArray.map(function (char, index) {
@@ -175,7 +140,6 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       };
     });
   };
-
   var getRemainingPassword = function getRemainingPassword(positions) {
     return positions.filter(function (obj) {
       return obj.used === false;
@@ -183,35 +147,27 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       return word.char;
     }).join('');
   };
-
   var handleSetGrid = function handleSetGrid(prevGrid) {
     if (prevGrid[0].length > 0 && !finished) {
       var shiftedGrid = _toConsumableArray(prevGrid);
-
       shiftedGrid.push(shiftedGrid.shift());
       return shiftedGrid;
     }
-
     return prevGrid;
   };
-
   var ms = 0;
-
   var loop = function loop(time) {
     if (previousTimeRef.current !== undefined) {
       var deltaTime = time - previousTimeRef.current;
       ms += deltaTime;
-
       if (ms > 1000 / VELOCITY_MAP[velocity]) {
         setGrid(handleSetGrid);
         ms = 0;
       }
     }
-
     previousTimeRef.current = time;
     requestRef.current = requestAnimationFrame(loop);
   };
-
   (0, _react.useEffect)(function () {
     setRemainingPassword(password.toLowerCase());
     var generatedGrid = (0, _helpers.makeSomeNoise)({
@@ -226,30 +182,23 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
       return cancelAnimationFrame(requestRef.current);
     };
   }, []);
-
   var handleMouseOver = function handleMouseOver() {
     if (grid.length <= 1) return;
-
     var _cursorPosition = _slicedToArray(cursorPosition, 2),
-        gridX = _cursorPosition[0],
-        gridY = _cursorPosition[1];
-
+      gridX = _cursorPosition[0],
+      gridY = _cursorPosition[1];
     var currentElement = grid[gridX][gridY];
-
     if (currentElement.hiddenColor === _colors.GREEN) {
       var char = passwordPosition.filter(function (obj) {
         return obj.char === currentElement.value.toLowerCase() && obj.used === false;
       })[0];
-
       if (char) {
         var index = char.index;
         playSound('score');
         var newPasswordPosition = passwordPosition;
         newPasswordPosition[index].used = true;
         setPasswordPosition(newPasswordPosition);
-
         var currentPaintSolution = _toConsumableArray(paintSolution);
-
         currentPaintSolution[index] = currentElement.value;
         var newRemainPswd = getRemainingPassword(newPasswordPosition);
         setRemainingPassword(newRemainPswd);
@@ -258,13 +207,11 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
         setPaintSolution(currentPaintSolution);
       }
     }
-
     if (remainingPassword <= 0) {
       playSound('score');
       setFinished(true);
     }
   };
-
   (0, _react.useEffect)(function () {
     if (!finished) handleMouseOver();
   }, [cursorPosition]);
@@ -304,7 +251,6 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
     onClick: handleFinish
   }, translate('screens.continue')))));
 };
-
 CrackerPuzzleComponent.defaultProps = {
   velocity: 'slow',
   difficulty: 'easy',

package/dist/components/cracker-puzzle-component/components/DrawGrid/index.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../DrawRow/index"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable react/no-array-index-key */
+
 // Draws the characters map
 var DrawGrid = function DrawGrid(_ref) {
   var grid = _ref.grid,
-      cursorPosition = _ref.cursorPosition,
-      setCursorPosition = _ref.setCursorPosition;
+    cursorPosition = _ref.cursorPosition,
+    setCursorPosition = _ref.setCursorPosition;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--cracker__canvas"
   }, grid.map(function (row, rowIndex) {
@@ -29,7 +26,6 @@ var DrawGrid = function DrawGrid(_ref) {
     });
   }));
 };
-
 DrawGrid.defaultProps = {
   setCursorPosition: function setCursorPosition() {}
 };

package/dist/components/cracker-puzzle-component/components/DrawItem/index.js

@@ -4,20 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // Draws the square of colors around item
 var DrawItem = function DrawItem(_ref) {
   var item = _ref.item,
-      rowIndex = _ref.rowIndex,
-      columnIndex = _ref.columnIndex,
-      setCursorPosition = _ref.setCursorPosition,
-      cursorPosition = _ref.cursorPosition;
+    rowIndex = _ref.rowIndex,
+    columnIndex = _ref.columnIndex,
+    setCursorPosition = _ref.setCursorPosition,
+    cursorPosition = _ref.cursorPosition;
   var isNear = Math.abs(rowIndex - cursorPosition[0]) < 3 && Math.abs(columnIndex - cursorPosition[1]) < 3;
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "puzzle--cracker__item",
@@ -34,7 +30,6 @@ var DrawItem = function DrawItem(_ref) {
     }
   }, item.value);
 };
-
 DrawItem.defaultProps = {
   setCursorPosition: function setCursorPosition() {}
 };

package/dist/components/cracker-puzzle-component/components/DrawRow/index.js

@@ -4,22 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _DrawItem = _interopRequireDefault(require("../DrawItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable react/no-array-index-key */
+
 // Draws the characters map
 var DrawRow = function DrawRow(_ref) {
   var row = _ref.row,
-      rowIndex = _ref.rowIndex,
-      setCursorPosition = _ref.setCursorPosition,
-      cursorPosition = _ref.cursorPosition;
+    rowIndex = _ref.rowIndex,
+    setCursorPosition = _ref.setCursorPosition,
+    cursorPosition = _ref.cursorPosition;
   if (!row.length) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--cracker"
@@ -34,7 +30,6 @@ var DrawRow = function DrawRow(_ref) {
     });
   }));
 };
-
 DrawRow.defaultProps = {
   row: []
 };

package/dist/components/cracker-puzzle-component/components/helpers.js

@@ -4,38 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.repaintGridPassword = exports.makeSomeNoise = void 0;
-
 var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
-
 var _colors = require("./colors");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 _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 = 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; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 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 _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; } /* eslint-disable no-restricted-syntax */
 var getDistance = function getDistance(point1, point2) {
   return Math.max(Math.abs(point1[0] - point2[0]), Math.abs(point1[1] - point2[1]));
 };
-
 var generatePasswordPositions = function generatePasswordPositions(grid, password, numberOfRows, numberOfColumns) {
   var passwordPositions = [];
   var tempGrid = grid;
-
   var _iterator = _createForOfIteratorHelper(password.toLowerCase()),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var char = _step.value;
@@ -52,13 +38,10 @@ var generatePasswordPositions = function generatePasswordPositions(grid, passwor
   } finally {
     _iterator.f();
   }
-
   return [tempGrid, passwordPositions];
 };
-
 var paintedGridPassword = function paintedGridPassword(blackGrid, numberOfRows, numberOfColumns, passwordPositions) {
   var coloredGrid = blackGrid;
-
   var _loop = function _loop(rowIndex) {
     var _loop2 = function _loop2(columnIndex) {
       var distanceToPassword = passwordPositions.reduce(function (acc, cur) {
@@ -66,76 +49,58 @@ var paintedGridPassword = function paintedGridPassword(blackGrid, numberOfRows,
         var distance = getDistance(cur.position, gridPosition);
         return distance < acc ? distance : acc;
       }, 9999);
-
       switch (distanceToPassword) {
         case 0:
           coloredGrid[rowIndex][columnIndex].hiddenColor = _colors.GREEN;
           break;
-
         case 1:
           coloredGrid[rowIndex][columnIndex].hiddenColor = _colors.ORANGE;
           break;
-
         case 2:
           coloredGrid[rowIndex][columnIndex].hiddenColor = _colors.RED;
           break;
-
         default:
           break;
       }
     };
-
     for (var columnIndex = 0; columnIndex < numberOfColumns; columnIndex += 1) {
       _loop2(columnIndex);
     }
   };
-
   for (var rowIndex = 0; rowIndex < numberOfRows; rowIndex += 1) {
     _loop(rowIndex);
   }
-
   return coloredGrid;
 };
-
 var resetColors = function resetColors(numberOfRows, numberOfColumns, actualGrid) {
   var cleanGrid = actualGrid;
-
   for (var rowIndex = 0; rowIndex < numberOfRows; rowIndex += 1) {
     for (var columnIndex = 0; columnIndex < numberOfColumns; columnIndex += 1) {
       cleanGrid[rowIndex][columnIndex].color = '';
       cleanGrid[rowIndex][columnIndex].hiddenColor = _colors.RED;
     }
   }
-
   return cleanGrid;
 };
-
 var repaintGridPassword = function repaintGridPassword(actualGrid, newPassword, numberOfRows, numberOfColumns) {
   var resetedColorsGrid = resetColors(numberOfRows, numberOfColumns, actualGrid);
-
   var _generatePasswordPosi = generatePasswordPositions(resetedColorsGrid, newPassword, numberOfRows, numberOfColumns),
-      _generatePasswordPosi2 = _slicedToArray(_generatePasswordPosi, 2),
-      blackGrid = _generatePasswordPosi2[0],
-      passwordPositions = _generatePasswordPosi2[1];
-
+    _generatePasswordPosi2 = _slicedToArray(_generatePasswordPosi, 2),
+    blackGrid = _generatePasswordPosi2[0],
+    passwordPositions = _generatePasswordPosi2[1];
   var paintedGrid = paintedGridPassword(blackGrid, numberOfRows, numberOfColumns, passwordPositions);
   return paintedGrid;
 };
-
 exports.repaintGridPassword = repaintGridPassword;
-
 var prepareAcceptedChars = function prepareAcceptedChars(password, charactersString) {
   return charactersString.split('').filter(function (character) {
     return !password.includes(character);
   }).join('');
 };
-
 var generateBasicGrid = function generateBasicGrid(numberOfRows, numberOfColumns, acceptedChars) {
   var basicGrid = [];
-
   for (var rowIndex = 0; rowIndex < numberOfRows; rowIndex += 1) {
     var row = [];
-
     for (var columnIndex = 0; columnIndex < numberOfColumns; columnIndex += 1) {
       var cell = {
         color: '',
@@ -144,30 +109,25 @@ var generateBasicGrid = function generateBasicGrid(numberOfRows, numberOfColumns
       };
       row.push(cell);
     }
-
     basicGrid.push(row);
   }
-
   return basicGrid;
-}; // generates the character map with the password and puts colors attribute
-
+};
 
+// generates the character map with the password and puts colors attribute
 var makeSomeNoise = function makeSomeNoise(_ref) {
   var numberOfColumns = _ref.numberOfColumns,
-      numberOfRows = _ref.numberOfRows,
-      password = _ref.password;
+    numberOfRows = _ref.numberOfRows,
+    password = _ref.password;
   var charactersForLang = (0, _LangIsRtl.default)() ? '٠١٢٣٤٥٦٧٨٩شزذيثبلاهتنمورخحضقسفعدصطغظ' : '0123456789abcdefghijklmnopqrstuvwxyz';
   var acceptedChars = prepareAcceptedChars(password, charactersForLang);
   var grid = generateBasicGrid(numberOfRows, numberOfColumns, acceptedChars);
-
   var _generatePasswordPosi3 = generatePasswordPositions(grid, password, numberOfRows, numberOfColumns),
-      _generatePasswordPosi4 = _slicedToArray(_generatePasswordPosi3, 2),
-      blackGrid = _generatePasswordPosi4[0],
-      passwordPositions = _generatePasswordPosi4[1];
-
+    _generatePasswordPosi4 = _slicedToArray(_generatePasswordPosi3, 2),
+    blackGrid = _generatePasswordPosi4[0],
+    passwordPositions = _generatePasswordPosi4[1];
   var paintedGrid = paintedGridPassword(blackGrid, numberOfRows, numberOfColumns, passwordPositions);
   return paintedGrid;
-}; // eslint-disable-next-line import/prefer-default-export
-
-
+};
+// eslint-disable-next-line import/prefer-default-export
 exports.makeSomeNoise = makeSomeNoise;

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

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

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

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