intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -1,420 +1,286 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InputMask;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _reactFeather = require("react-feather");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _indexConstants = require("./../../../Constants/index.constants.js");
-
+var _reactFeather = require("react-feather");
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
-var _functions = require("./functions");
-
+var _indexConstants = require("./../../../Constants/index.constants.js");
 var _InputCarretPosition = require("./InputCarretPosition");
-
-require("./InputMask.scss");
-
 var _config = require("./config");
-
-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) { (0, _defineProperty2.default)(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; }
+var _functions = require("./functions");
+require("./InputMask.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable no-return-await */
+/* eslint-disable no-extra-boolean-cast */
+/* eslint-disable no-unsafe-optional-chaining */
+/* eslint-disable comma-dangle */
+/* eslint-disable array-callback-return */
+/* eslint-disable no-continue */
+/* eslint-disable no-unused-expressions */
+/* eslint-disable no-empty */
+/* eslint-disable no-unreachable */
+/* eslint-disable default-case */
+/* eslint-disable no-use-before-define */
+/* eslint-disable no-unused-vars */
+/* eslint-disable default-param-last */
+
+// import { KEYBOARD_SERVICE_KEYS } from './index.constants.js';
 
 function InputMask() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      maskPattern = _ref.maskPattern,
-      maskPatternPlaceholder = _ref.maskPatternPlaceholder,
-      maskPlaceholder = _ref.maskPlaceholder,
-      maskDigitPlaceholder = _ref.maskDigitPlaceholder,
-      maskLetterPlaceholder = _ref.maskLetterPlaceholder,
-      usePatternPlaceholder = _ref.usePatternPlaceholder,
-      disabled = _ref.disabled,
-      _ref$maskAsPlaceholde = _ref.maskAsPlaceholder,
-      maskAsPlaceholder = _ref$maskAsPlaceholde === void 0 ? true : _ref$maskAsPlaceholde,
-      _ref$maxEditableLen = _ref.maxEditableLen,
-      maxEditableLen = _ref$maxEditableLen === void 0 ? -1 : _ref$maxEditableLen,
-      _ref$isFocusedDefault = _ref.isFocusedDefault,
-      isFocusedDefault = _ref$isFocusedDefault === void 0 ? false : _ref$isFocusedDefault,
-      isClearable = _ref.isClearable,
-      isCaseSensitive = _ref.isCaseSensitive,
-      adaptTextCase = _ref.adaptTextCase,
-      _ref$isUseAutoSelect = _ref.isUseAutoSelect,
-      isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
-      icon = _ref.icon,
-      showIcon = _ref.showIcon,
-      isIconLeft = _ref.isIconLeft,
-      isIconRight = _ref.isIconRight,
-      value = _ref.value,
-      _ref$blinkErrors = _ref.blinkErrors,
-      blinkErrors = _ref$blinkErrors === void 0 ? true : _ref$blinkErrors,
-      _ref$blinkDuration = _ref.blinkDuration,
-      blinkDuration = _ref$blinkDuration === void 0 ? 100 : _ref$blinkDuration,
-      _ref$showErrors = _ref.showErrors,
-      showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$errors = _ref.errors,
-      customErrors = _ref$errors === void 0 ? _config.DEFAULT_ERRORS : _ref$errors,
-      _ref$error = _ref.error,
-      customError = _ref$error === void 0 ? '' : _ref$error,
-      ref = _ref.ref,
-      _ref$onChange = _ref.onChange,
-      onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onFocus = _ref.onFocus,
-      onFocusProp = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
-      _ref$onBlur = _ref.onBlur,
-      onBlurProp = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-      _ref$onKeyDown = _ref.onKeyDown,
-      onKeyDownProp = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
-      _ref$imitateTypingOnP = _ref.imitateTypingOnPaste,
-      imitateTypingOnPaste = _ref$imitateTypingOnP === void 0 ? false : _ref$imitateTypingOnP,
-      _ref$imitateTypingOnP2 = _ref.imitateTypingOnPasteDelay,
-      imitateTypingOnPasteDelay = _ref$imitateTypingOnP2 === void 0 ? 100 : _ref$imitateTypingOnP2,
-      _ref$showHint = _ref.showHint,
-      showHint = _ref$showHint === void 0 ? false : _ref$showHint,
-      _ref$hintText = _ref.hintText,
-      hintText = _ref$hintText === void 0 ? '' : _ref$hintText,
-      _ref$hintClassName = _ref.hintClassName,
-      hintClassName = _ref$hintClassName === void 0 ? '' : _ref$hintClassName,
-      _ref$isHintRight = _ref.isHintRight,
-      isHintRight = _ref$isHintRight === void 0 ? true : _ref$isHintRight,
-      _ref$isHintLeft = _ref.isHintLeft,
-      isHintLeft = _ref$isHintLeft === void 0 ? false : _ref$isHintLeft,
-      _ref$hintPosition = _ref.hintPosition,
-      hintPosition = _ref$hintPosition === void 0 ? 'right' : _ref$hintPosition,
-      _ref$hideMaskOnBlur = _ref.hideMaskOnBlur,
-      hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
-      _ref$returnMaskedValu = _ref.returnMaskedValue,
-      returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
-      name = _ref.name,
-      testId = _ref.testId;
-
-  var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMaskRendered = _useState2[0],
-      setMaskRendered = _useState2[1];
-
-  var inputRef = (0, _react.useRef)(null);
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isMouseDown = _useState4[0],
-      setIsMouseDown = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isFocused = _useState6[0],
-      setFocused = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isInitValue = _useState8[0],
-      setIsInitValue = _useState8[1];
-
-  var inputThrottlingTimeout = 20;
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isInputThrottled = _useState10[0],
-      setIsInputThrottled = _useState10[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
-
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isError = _useState12[0],
-      setError = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      blinkError = _useState14[0],
-      setBlinkError = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(errors.default),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      errorMessage = _useState16[0],
-      setErrorMessage = _useState16[1];
+  let {
+    maskPattern,
+    maskPatternPlaceholder,
+    maskPlaceholder,
+    maskDigitPlaceholder,
+    maskLetterPlaceholder,
+    usePatternPlaceholder,
+    disabled,
+    maskAsPlaceholder = true,
+    maxEditableLen = -1,
+    isFocusedDefault = false,
+    isClearable,
+    isCaseSensitive,
+    adaptTextCase,
+    isUseAutoSelect = true,
+    icon,
+    showIcon,
+    isIconLeft,
+    isIconRight,
+    value,
+    blinkErrors = true,
+    blinkDuration = 100,
+    showErrors = false,
+    className = "",
+    errors: customErrors = _config.DEFAULT_ERRORS,
+    error: customError = "",
+    ref,
+    onChange: onChangeProp = () => {},
+    onFocus: onFocusProp = () => {},
+    onBlur: onBlurProp = () => {},
+    onKeyDown: onKeyDownProp = () => {},
+    imitateTypingOnPaste = false,
+    imitateTypingOnPasteDelay = 100,
+    showHint = false,
+    hintText = "",
+    hintClassName = "",
+    isHintRight = true,
+    isHintLeft = false,
+    hintPosition = "right",
+    hideMaskOnBlur = true,
+    returnMaskedValue = false,
+    name,
+    testId
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const errors = {
+    ..._config.DEFAULT_ERRORS,
+    ...customErrors
+  };
+  const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const [isMouseDown, setIsMouseDown] = (0, _react.useState)(false);
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
+  const inputThrottlingTimeout = 20;
+  const [isInputThrottled, setIsInputThrottled] = (0, _react.useState)(false);
+
+  // ERRORS MANAGEMENT FUNCTIONS | START //
+  const [isError, setError] = (0, _react.useState)(false);
+  const [blinkError, setBlinkError] = (0, _react.useState)(false);
+  const [errorMessage, setErrorMessage] = (0, _react.useState)(errors.default);
+  const clearErrorMessage = () => setErrorMessage(errors.default);
+  // ERRORS MANAGEMENT FUNCTIONS | END //
 
-  var clearErrorMessage = function clearErrorMessage() {
-    return setErrorMessage(errors.default);
-  }; // ERRORS MANAGEMENT FUNCTIONS | END //
   // SELECTION MANAGEMENT FUNCTIONS | START //
+  const [isSelecting, setIsSelecting] = (0, _react.useState)(false);
+  const [selectedText, setSelectedText] = (0, _react.useState)("");
+  const [selectionStartX, setSelectionStartX] = (0, _react.useState)(null);
+  const [selectionEndX, setSelectionEndX] = (0, _react.useState)(null);
+  // SELECTION MANAGEMENT FUNCTIONS | END //
 
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      isSelecting = _useState18[0],
-      setIsSelecting = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(''),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      selectedText = _useState20[0],
-      setSelectedText = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(null),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      selectionStartX = _useState22[0],
-      setSelectionStartX = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(null),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      selectionEndX = _useState24[0],
-      setSelectionEndX = _useState24[1]; // SELECTION MANAGEMENT FUNCTIONS | END //
   // SERVICE WATCHERS MANAGEMENT FUNCTIONS | START //
-
-
-  var _useState25 = (0, _react.useState)([]),
-      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-      serviceWatchers = _useState26[0],
-      setServiceWatchers = _useState26[1];
-
-  var pushServiceWatcher = function pushServiceWatcher(fn) {
-    return setServiceWatchers(function (state) {
-      return [].concat((0, _toConsumableArray2.default)(state), [{
-        fn: fn,
-        dt: Date.now()
-      }]);
-    });
-  };
-
-  var popServiceWatcher = function popServiceWatcher() {
-    var _serviceWatchers = (0, _toArray2.default)(serviceWatchers),
-        poped = _serviceWatchers[0],
-        rest = _serviceWatchers.slice(1);
-
+  const [serviceWatchers, setServiceWatchers] = (0, _react.useState)([]);
+  const pushServiceWatcher = fn => setServiceWatchers(state => [...state, {
+    fn,
+    dt: Date.now()
+  }]);
+  const popServiceWatcher = () => {
+    const [poped, ...rest] = serviceWatchers;
     setServiceWatchers(rest);
     return poped.fn || _functions.voidFn;
   };
-
-  var serviceWatchersWorker = function serviceWatchersWorker() {
+  const serviceWatchersWorker = () => {
     popServiceWatcher()();
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (serviceWatchers.length) serviceWatchersWorker();
-  }, [serviceWatchers]); // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
-  // INNER VALUE MANAGEMENT FUNCTIONS | START //
-
-  var _useState27 = (0, _react.useState)([]),
-      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
-      innerValue = _useState28[0],
-      setInnerValue = _useState28[1];
+  }, [serviceWatchers]);
+  // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
 
-  var _useState29 = (0, _react.useState)(''),
-      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
-      undoValue = _useState30[0],
-      setUndoValue = _useState30[1];
-
-  var _useState31 = (0, _react.useState)(null),
-      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
-      redoValue = _useState32[0],
-      setRedoValue = _useState32[1];
-
-  var _useState33 = (0, _react.useState)(false),
-      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
-      isUndoValueBlocked = _useState34[0],
-      setIsUndoValueBlocked = _useState34[1];
-
-  var addInnerValueChar = function addInnerValueChar(_ref2) {
-    var char = _ref2.char,
-        _ref2$i = _ref2.i,
-        i = _ref2$i === void 0 ? null : _ref2$i,
-        _ref2$data = _ref2.data,
-        data = _ref2$data === void 0 ? {} : _ref2$data;
-    setInnerValue(function (state) {
-      var stateCopy = (0, _toConsumableArray2.default)(state);
-      var charObj = getCharObj(char, data);
+  // INNER VALUE MANAGEMENT FUNCTIONS | START //
+  const [innerValue, setInnerValue] = (0, _react.useState)([]);
+  const [undoValue, setUndoValue] = (0, _react.useState)("");
+  const [redoValue, setRedoValue] = (0, _react.useState)(null);
+  const [isUndoValueBlocked, setIsUndoValueBlocked] = (0, _react.useState)(false);
+  const addInnerValueChar = _ref => {
+    let {
+      char,
+      i = null,
+      data = {}
+    } = _ref;
+    setInnerValue(state => {
+      const stateCopy = [...state];
+      const charObj = getCharObj(char, data);
       stateCopy.push(charObj);
       return stateCopy;
     });
   };
-
-  var updateInnerValueChar = function updateInnerValueChar() {
-    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$char = _ref3.char,
-        char = _ref3$char === void 0 ? null : _ref3$char;
-
-    var i = arguments.length > 1 ? arguments[1] : undefined;
-    setInnerValue(function (state) {
+  const updateInnerValueChar = function () {
+    let {
+      char = null
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let i = arguments.length > 1 ? arguments[1] : undefined;
+    setInnerValue(state => {
       if (!state[i]) return state;
-      var stateCopy = (0, _toConsumableArray2.default)(state);
+      const stateCopy = [...state];
       if (!stateCopy[i].isSpecialSymbol && char !== null) stateCopy[i].char = char;
       return stateCopy;
     });
   };
+  const resetInnerValue = () => {
+    innerValue.map((v, i) => updateInnerValueChar({
+      char: ""
+    }, i));
+  };
+  // INNER VALUE MANAGEMENT FUNCTIONS | END //
 
-  var resetInnerValue = function resetInnerValue() {
-    innerValue.map(function (v, i) {
-      return updateInnerValueChar({
-        char: ''
-      }, i);
-    });
-  }; // INNER VALUE MANAGEMENT FUNCTIONS | END //
   // CHECKERS | START //
-
-
-  var isValidChar = function isValidChar(_ref4) {
-    var key = _ref4.char,
-        i = _ref4.i,
-        _ref4$disableErrors = _ref4.disableErrors,
-        disableErrors = _ref4$disableErrors === void 0 ? false : _ref4$disableErrors;
-    var maskChar = getMaskCharByIndex(i);
-
+  const isValidChar = _ref2 => {
+    let {
+      char: key,
+      i,
+      disableErrors = false
+    } = _ref2;
+    const maskChar = getMaskCharByIndex(i);
     switch (maskChar) {
       case _config.DIGIT_MASK_CHAR:
         if (!(0, _functions.isDigit)(key)) {
           if (!disableErrors) {
             setErrorMessage(errors.onlyDigit);
           }
-
           return false;
         }
-
         break;
-
       case _config.UPPERCASE_LETTER_MASK_CHAR:
         if (adaptTextCase) key = key.toUpperCase();
-
         if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
           if (!disableErrors) setErrorMessage(errors.onlyLetter);
           return false;
         }
-
         if (isCaseSensitive && !(0, _functions.isUpperCaseLetter)(key)) {
           if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
           return false;
         }
-
         break;
-
       case _config.LOWERCASE_LETTER_MASK_CHAR:
         if (adaptTextCase) key = key.toLowerCase();
-
         if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
           if (!disableErrors) setErrorMessage(errors.onlyLetter);
           return false;
         }
-
         if (isCaseSensitive && !(0, _functions.isLowerCaseLetter)(key)) {
           if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
           return false;
         }
-
         break;
-
       default:
         return false;
     }
-
     return true;
   };
-
-  var isSpecialSymbolMaskChar = function isSpecialSymbolMaskChar(_ref5) {
-    var char = _ref5.char;
+  const isSpecialSymbolMaskChar = _ref3 => {
+    let {
+      char
+    } = _ref3;
     return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
   };
-
-  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref6) {
-    var char = _ref6.char;
+  const isSpecialSymbolChar = _ref4 => {
+    let {
+      char
+    } = _ref4;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
-  }; // CHECKERS | END //
-  // GETTERS | START //
-
+  };
+  // CHECKERS | END //
 
-  var getCharObj = function getCharObj(char) {
-    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var isSpecialSymbol = isSpecialSymbolChar({
-      char: char
+  // GETTERS | START //
+  const getCharObj = function (char) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const isSpecialSymbol = isSpecialSymbolChar({
+      char
     });
-    var isSpecialSymbolMask = isSpecialSymbolMaskChar({
-      char: char
+    const isSpecialSymbolMask = isSpecialSymbolMaskChar({
+      char
     });
-    if (char === ' ') char = _config.SPACE_CHAR;
-    return _objectSpread({
-      char: isSpecialSymbolMask ? char : '',
+    if (char === " ") char = _config.SPACE_CHAR;
+    return {
+      char: isSpecialSymbolMask ? char : "",
       maskChar: char,
       isSpecialSymbol: isSpecialSymbolMask,
-      isCharSymbol: !isSpecialSymbol && char !== '' && isSpecialSymbolMask,
-      ref: /*#__PURE__*/(0, _react.createRef)()
-    }, data);
+      isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
+      ref: /*#__PURE__*/(0, _react.createRef)(),
+      ...data
+    };
   };
-
-  var getCharByIndex = function getCharByIndex(i) {
-    return innerValue[i] ? _objectSpread({}, innerValue[i]) : undefined;
+  const getCharByIndex = i => {
+    return innerValue[i] ? {
+      ...innerValue[i]
+    } : undefined;
   };
-
-  var getMaskCharByIndex = function getMaskCharByIndex(i) {
+  const getMaskCharByIndex = i => {
     var _innerValue$i;
-
     return ((_innerValue$i = innerValue[i]) === null || _innerValue$i === void 0 ? void 0 : _innerValue$i.maskChar) || undefined;
   };
-
-  var getSelectStartIndex = function getSelectStartIndex() {
+  const getSelectStartIndex = () => {
     if (selectionStartX === selectionEndX) return 0;
-    var minX = selectionStartX < selectionEndX ? selectionStartX : selectionEndX;
-    var maxX = selectionStartX > selectionEndX ? selectionStartX : selectionEndX;
-
-    var _innerValue$reduce = innerValue.reduce(function (resObj, _ref7, index) {
+    const minX = selectionStartX < selectionEndX ? selectionStartX : selectionEndX;
+    const maxX = selectionStartX > selectionEndX ? selectionStartX : selectionEndX;
+    const {
+      index
+    } = innerValue.reduce((resObj, _ref5, index) => {
       var _ref$current;
-
-      var char = _ref7.char,
-          ref = _ref7.ref;
+      let {
+        char,
+        ref
+      } = _ref5;
       if ((ref === null || ref === void 0 ? void 0 : ref.current) === null) return resObj;
-
-      var _ref$current$getBound = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect(),
-          charX = _ref$current$getBound.left,
-          charWidth = _ref$current$getBound.width;
-
-      var charCenterX = charX + charWidth / 2; // If Char X-Coord Out Of Range
+      const {
+        left: charX,
+        width: charWidth
+      } = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+      const charCenterX = charX + charWidth / 2;
 
       // If Char X-Coord Out Of Range
       if (!charX || minX > charCenterX || maxX < charCenterX) return resObj;
       if (resObj.index === null || minX <= charCenterX && charCenterX >= maxX && charCenterX < resObj.charX) return {
-        index: index,
+        index,
         charX: charCenterX
       };
       return resObj;
     }, {
       index: null,
       charX: null
-    }),
-        index = _innerValue$reduce.index;
-
+    });
     return index;
   };
-
-  var getPlaceholderCharByIndex = function getPlaceholderCharByIndex(i) {
-    var _getCharByIndex = getCharByIndex(i),
-        maskChar = _getCharByIndex.maskChar;
-
+  const getPlaceholderCharByIndex = i => {
+    const {
+      maskChar
+    } = getCharByIndex(i);
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
     } else {
@@ -423,672 +289,460 @@ function InputMask() {
       return maskPlaceholder;
     }
   };
-
-  var getInnerValueAsString = function getInnerValueAsString() {
-    var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref8$replaceSpace = _ref8.replaceSpace,
-        replaceSpace = _ref8$replaceSpace === void 0 ? false : _ref8$replaceSpace;
-
-    var result = innerValue.slice(0, innerValue.length - 1).map(function (_ref9, i) {
-      var char = _ref9.char,
-          maskChar = _ref9.maskChar;
-      return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
-    }).join('');
-    return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g, ' ') : result;
+  const getInnerValueAsString = function () {
+    let {
+      replaceSpace = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const result = innerValue.slice(0, innerValue.length - 1).map((_ref6, i) => {
+      let {
+        char,
+        maskChar
+      } = _ref6;
+      return char === "" ? getPlaceholderCharByIndex(i) || maskChar : char;
+    }).join("");
+    return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g, " ") : result;
   };
-
-  var getClearInnerValueAsString = function getClearInnerValueAsString() {
-    var start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    return innerValue.filter(function (charObj, i) {
-      return i >= start;
-    }).reduce(function (result, _ref10, i, arr) {
-      var char = _ref10.char,
-          maskChar = _ref10.maskChar,
-          isSpecialSymbol = _ref10.isSpecialSymbol,
-          isCharSymbol = _ref10.isCharSymbol;
-      if (char !== maskChar && char !== '' || !isSpecialSymbol || isCharSymbol) result += char; // || isCharSymbol
-
+  const getClearInnerValueAsString = function () {
+    let start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return innerValue.filter((charObj, i) => i >= start).reduce((result, _ref7, i, arr) => {
+      let {
+        char,
+        maskChar,
+        isSpecialSymbol,
+        isCharSymbol
+      } = _ref7;
+      if (char !== maskChar && char !== "" || !isSpecialSymbol || isCharSymbol) result += char; // || isCharSymbol
       return result;
-    }, '');
+    }, "");
   };
-
-  var getLastTypedIndex = function getLastTypedIndex() {
-    return innerValue.reduce(function (lastIndex, _ref11, i) {
-      var char = _ref11.char,
-          isSpecialSymbol = _ref11.isSpecialSymbol;
-      if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== '' || lastIndex === null) lastIndex = i;
+  const getLastTypedIndex = () => {
+    return innerValue.reduce((lastIndex, _ref8, i) => {
+      let {
+        char,
+        isSpecialSymbol
+      } = _ref8;
+      if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
       return lastIndex;
     }, -1) + 1;
-  }; // GETTERS | END //
-  // SETTERS | START //
-
+  };
+  // GETTERS | END //
 
-  var setFocusOnChar = function setFocusOnChar(i, prevIndex) {
+  // SETTERS | START //
+  const setFocusOnChar = (i, prevIndex) => {
     var _ref$current2;
-
-    var charObj = getCharByIndex(i);
+    const charObj = getCharByIndex(i);
     if (!charObj) return false;
-    var ref = charObj.ref,
-        isSpecialSymbol = charObj.isSpecialSymbol;
+    const {
+      ref,
+      isSpecialSymbol
+    } = charObj;
     if (!ref) return false;
-
     if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
       return prevIndex > i ? onArrowLeftDown(null, i) : onArrowRightDown(null, i);
     }
-
     if (maxEditableLen !== -1 && i > maxEditableLen) {
       setFocusOnChar(maxEditableLen, i);
       return false;
     }
-
-    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-    setTimeout(function () {
-      return (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
-    }, 10);
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus();
+    setTimeout(() => (0, _InputCarretPosition.setCaretPosition)(ref.current, 0), 10);
     return true;
-  }; // SETTERS | END //
-  ///--- Event Handlers ---///
-  // SERVICE KEYS HANDLERS | START //
-
-
-  var onArrowLeftDown = function onArrowLeftDown(e, i) {
-    return setFocusOnChar(i - 1, i);
   };
+  // SETTERS | END //
 
-  var onArrowRightDown = function onArrowRightDown(e, i) {
-    var key = (e === null || e === void 0 ? void 0 : e.key) || null;
+  ///--- Event Handlers ---///
 
+  // SERVICE KEYS HANDLERS | START //
+  const onArrowLeftDown = (e, i) => setFocusOnChar(i - 1, i);
+  const onArrowRightDown = (e, i) => {
+    const key = (e === null || e === void 0 ? void 0 : e.key) || null;
     if (maskAsPlaceholder && i > getLastTypedIndex()) {
       return setFocusOnChar(getLastTypedIndex() + 1, i);
-    } // If Current Index Equals LastTyped Index in MaskAsPlaceholder Mode
-
-
-    if (maskAsPlaceholder && i === getLastTypedIndex() && key === 'ArrowRight') return false;
+    }
+    // If Current Index Equals LastTyped Index in MaskAsPlaceholder Mode
+    if (maskAsPlaceholder && i === getLastTypedIndex() && key === "ArrowRight") return false;
     return setFocusOnChar(i + 1, i);
   };
-
-  var onBackspaceDown = function onBackspaceDown(e, i) {
+  const onBackspaceDown = (e, i) => {
     if (!isUndoValueBlocked) {
       setUndoValue(getClearInnerValueAsString());
       setIsUndoValueBlocked(true);
     }
-
     if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
-    var prevIndex = i - 1;
-    var charObj = getCharByIndex(prevIndex);
+    const prevIndex = i - 1;
+    const charObj = getCharByIndex(prevIndex);
     if (!charObj) return false;
-    var isSpecialSymbol = charObj.isSpecialSymbol;
+    const {
+      isSpecialSymbol
+    } = charObj;
     if (isSpecialSymbol) return onBackspaceDown(e, prevIndex);
-
     if (maskAsPlaceholder) {
-      var newText = innerValue.slice(0, prevIndex).concat(innerValue.slice(i, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce(function (text, _ref12) {
-        var char = _ref12.char;
+      const newText = innerValue.slice(0, prevIndex).concat(innerValue.slice(i, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce((text, _ref9) => {
+        let {
+          char
+        } = _ref9;
         return text.concat(char);
-      }, '');
+      }, "");
       resetInnerValue();
-
-      _onPaste({
+      onPaste({
         text: newText
       }, 0);
     } else {
       updateInnerValueChar({
-        char: ''
+        char: ""
       }, prevIndex);
     }
-
     setFocusOnChar(prevIndex, i);
     return true;
   };
-
-  var onDeleteDown = function onDeleteDown(e, i) {
+  const onDeleteDown = (e, i) => {
     if (!isUndoValueBlocked) {
       setUndoValue(getClearInnerValueAsString());
       setIsUndoValueBlocked(true);
     }
-
     if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
-    var nextIndex = i + 1;
-    var charObj = getCharByIndex(i);
+    const nextIndex = i + 1;
+    const charObj = getCharByIndex(i);
     if (!charObj) return false;
-    var char = charObj.char,
-        isSpecialSymbol = charObj.isSpecialSymbol;
+    const {
+      char,
+      isSpecialSymbol
+    } = charObj;
     if (isSpecialSymbol) return onDeleteDown(e, i + 1);
-    if (char === '') return false;
-
+    if (char === "") return false;
     if (maskAsPlaceholder) {
-      var newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce(function (text, _ref13) {
-        var char = _ref13.char;
+      const newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce((text, _ref10) => {
+        let {
+          char
+        } = _ref10;
         return text.concat(char);
-      }, '');
+      }, "");
       resetInnerValue();
-
-      _onPaste({
+      onPaste({
         text: newText
       }, 0);
-
       setFocusOnChar(i, i);
     } else {
       updateInnerValueChar({
-        char: ''
+        char: ""
       }, i);
       setFocusOnChar(nextIndex, i);
     }
-
     return true;
   };
+  const onHomeDown = (e, i) => setFocusOnChar(0, -1);
+  const onEndDown = (e, i) => setTimeout(() => setFocusOnChar(maskAsPlaceholder ? getLastTypedIndex() : 0, 0), 10);
+  // SERVICE KEYS HANDLERS | END //
 
-  var onHomeDown = function onHomeDown(e, i) {
-    return setFocusOnChar(0, -1);
-  };
-
-  var onEndDown = function onEndDown(e, i) {
-    return setTimeout(function () {
-      return setFocusOnChar(maskAsPlaceholder ? getLastTypedIndex() : 0, 0);
-    }, 10);
-  }; // SERVICE KEYS HANDLERS | END //
   // GENERAL EVENT HANDLERS | START //
-
-
-  var handleServiceKeyDown = function handleServiceKeyDown(e, i) {
-    var key = e.key;
-
+  const handleServiceKeyDown = (e, i) => {
+    const {
+      key
+    } = e;
     switch (key) {
-      case 'ArrowLeft':
+      case "ArrowLeft":
         return onArrowLeftDown(e, i);
         break;
-
-      case 'ArrowRight':
+      case "ArrowRight":
         return onArrowRightDown(e, i);
         break;
-
-      case 'Backspace':
+      case "Backspace":
         return onBackspaceDown(e, i);
         break;
-
-      case 'Delete':
+      case "Delete":
         return onDeleteDown(e, i);
         break;
-
-      case 'Home':
+      case "Home":
         return onHomeDown(e, i);
         break;
-
-      case 'End':
+      case "End":
         return onEndDown(e, i);
         break;
-
       default:
         return true;
         break;
     }
   };
-
-  var handleKeyDown = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e, i) {
-      var _getClearInnerValueAs;
-
-      var _ref15,
-          _ref15$disableErrors,
-          disableErrors,
-          _ref15$disableIsSelec,
-          disableIsSelectingCheck,
-          key,
-          keyCode,
-          charObj,
-          charRef,
-          isSpecialSymbol,
-          maskChar,
-          isReadOnly,
-          fromIndex,
-          text,
-          _args = arguments;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _ref15 = _args.length > 2 && _args[2] !== undefined ? _args[2] : {}, _ref15$disableErrors = _ref15.disableErrors, disableErrors = _ref15$disableErrors === void 0 ? false : _ref15$disableErrors, _ref15$disableIsSelec = _ref15.disableIsSelectingCheck, disableIsSelectingCheck = _ref15$disableIsSelec === void 0 ? false : _ref15$disableIsSelec;
-
-              if (!(isSelecting && !disableIsSelectingCheck)) {
-                _context.next = 7;
-                break;
-              }
-
-              deleteSelectedText();
-              (0, _functions.resetSelectionText)();
-              setIsSelecting(false);
-              setTimeout(function () {
-                return handleKeyDown(e, getSelectStartIndex(), {
-                  disableErrors: disableErrors,
-                  disableIsSelectingCheck: true
-                });
-              }, 10);
-              return _context.abrupt("return", null);
-
-            case 7:
-              try {
-                e.stopPropagation();
-                e.preventDefault();
-              } catch (e) {}
-
-              if (!isInputThrottled) {
-                _context.next = 10;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 10:
-              setIsInputThrottled(true);
-              key = e.key, keyCode = e.keyCode;
-              charObj = getCharByIndex(i); // Android Text Typing FIX
-              // eslint-disable-next-line eqeqeq
-
-              if (!(keyCode == _config.ANDROID_CHROME_TEXT_CODE)) {
-                _context.next = 18;
-                break;
-              }
-
-              charRef = charObj.ref;
-              _context.next = 17;
-              return new Promise(function (resolve) {
-                setTimeout(function () {
-                  var _charRef$current, _charRef$current$inne;
-
-                  //Typed Text
-                  if ((charRef === null || charRef === void 0 ? void 0 : (_charRef$current = charRef.current) === null || _charRef$current === void 0 ? void 0 : (_charRef$current$inne = _charRef$current.innerText) === null || _charRef$current$inne === void 0 ? void 0 : _charRef$current$inne.length) >= 2) {
-                    var _charRef$current2;
-
-                    var _charRef$current$inne2 = charRef === null || charRef === void 0 ? void 0 : (_charRef$current2 = charRef.current) === null || _charRef$current2 === void 0 ? void 0 : _charRef$current2.innerText,
-                        _charRef$current$inne3 = (0, _slicedToArray2.default)(_charRef$current$inne2, 2),
-                        _key = _charRef$current$inne3[0],
-                        prevChar = _charRef$current$inne3[1];
-
-                    charRef.current.innerText = prevChar;
-                    resolve(_key);
-                  } else {
-                    resolve(null);
-                  }
-                }, 1);
-              });
-
-            case 17:
-              key = _context.sent;
-
-            case 18:
-              if (!(!charObj || i === innerValue.length - 1)) {
-                _context.next = 20;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 20:
-              if (!(maskAsPlaceholder && i > getLastTypedIndex() + 1)) {
-                _context.next = 24;
-                break;
-              }
-
-              _context.next = 23;
-              return handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
-                disableErrors: disableErrors
-              });
-
-            case 23:
-              return _context.abrupt("return", _context.sent);
-
-            case 24:
-              isSpecialSymbol = charObj.isSpecialSymbol, maskChar = charObj.maskChar, isReadOnly = charObj.isReadOnly;
-
-              if (!isReadOnly) {
-                _context.next = 27;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 27:
-              if (!(maskChar === _config.SPACE_CHAR)) {
-                _context.next = 31;
-                break;
-              }
-
-              _context.next = 30;
-              return handleKeyDown(e, i + 1);
-
-            case 30:
-              return _context.abrupt("return", _context.sent);
-
-            case 31:
-              if (!(isSpecialSymbol && maskChar !== key)) {
-                _context.next = 33;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 33:
-              if (isValidChar({
-                char: key,
-                i: i,
-                disableErrors: disableErrors
-              })) {
-                _context.next = 35;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 35:
-              if (maskAsPlaceholder && ((_getClearInnerValueAs = getClearInnerValueAsString(i)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) !== 0) {
-                fromIndex = i + 1;
-                text = innerValue.slice().filter(function (_ref16, index) {
-                  var isCharSymbol = _ref16.isCharSymbol;
-                  return index >= i && !isCharSymbol;
-                }).map(function (_ref17, index) {
-                  var char = _ref17.char;
-                  return char;
-                }).join('');
-
-                _onPaste({
-                  text: text
-                }, fromIndex, false);
-              }
-
-              setIsUndoValueBlocked(false);
-              updateInnerValueChar({
-                char: key
-              }, i);
-              setTimeout(function () {
-                return onArrowRightDown(e, i);
-              }, 1);
-              return _context.abrupt("return", true);
-
-            case 40:
-            case "end":
-              return _context.stop();
+  const handleKeyDown = async function (e, i) {
+    var _getClearInnerValueAs;
+    let {
+      disableErrors = false,
+      disableIsSelectingCheck = false
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    if (isSelecting && !disableIsSelectingCheck) {
+      deleteSelectedText();
+      (0, _functions.resetSelectionText)();
+      setIsSelecting(false);
+      setTimeout(() => handleKeyDown(e, getSelectStartIndex(), {
+        disableErrors,
+        disableIsSelectingCheck: true
+      }), 10);
+      return null;
+    }
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+    } catch (e) {}
+    if (isInputThrottled) return false;
+    setIsInputThrottled(true);
+    let {
+      key,
+      keyCode
+    } = e;
+    const charObj = getCharByIndex(i);
+
+    // Android Text Typing FIX
+    // eslint-disable-next-line eqeqeq
+    if (keyCode == _config.ANDROID_CHROME_TEXT_CODE) {
+      const {
+        ref: charRef
+      } = charObj;
+      key = await new Promise(resolve => {
+        setTimeout(() => {
+          var _charRef$current;
+          //Typed Text
+          if ((charRef === null || charRef === void 0 || (_charRef$current = charRef.current) === null || _charRef$current === void 0 || (_charRef$current = _charRef$current.innerText) === null || _charRef$current === void 0 ? void 0 : _charRef$current.length) >= 2) {
+            var _charRef$current2;
+            const [key, prevChar] = charRef === null || charRef === void 0 || (_charRef$current2 = charRef.current) === null || _charRef$current2 === void 0 ? void 0 : _charRef$current2.innerText;
+            charRef.current.innerText = prevChar;
+            resolve(key);
+          } else {
+            resolve(null);
           }
-        }
-      }, _callee);
-    }));
-
-    return function handleKeyDown(_x, _x2) {
-      return _ref14.apply(this, arguments);
-    };
-  }();
-
-  var handleKeyCombinations = function handleKeyCombinations(e, i) {
-    var key = e.key,
-        keyCode = e.keyCode;
-
+        }, 1);
+      });
+    }
+    if (!charObj || i === innerValue.length - 1) return false;
+    if (maskAsPlaceholder && i > getLastTypedIndex() + 1) return await handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
+      disableErrors
+    });
+    const {
+      isSpecialSymbol,
+      maskChar,
+      isReadOnly
+    } = charObj;
+    if (isReadOnly) return false;
+
+    //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
+    if (maskChar === _config.SPACE_CHAR) return await handleKeyDown(e, i + 1);
+    if (isSpecialSymbol && maskChar !== key) return false;
+    if (!isValidChar({
+      char: key,
+      i,
+      disableErrors
+    })) return false;
+    if (maskAsPlaceholder && ((_getClearInnerValueAs = getClearInnerValueAsString(i)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) !== 0) {
+      const fromIndex = i + 1;
+      const text = innerValue.slice().filter((_ref11, index) => {
+        let {
+          isCharSymbol
+        } = _ref11;
+        return index >= i && !isCharSymbol;
+      }).map((_ref12, index) => {
+        let {
+          char
+        } = _ref12;
+        return char;
+      }).join("");
+      onPaste({
+        text
+      }, fromIndex, false);
+    }
+    setIsUndoValueBlocked(false);
+    updateInnerValueChar({
+      char: key
+    }, i);
+    setTimeout(() => onArrowRightDown(e, i), 1);
+    return true;
+  };
+  const handleKeyCombinations = (e, i) => {
+    const {
+      key,
+      keyCode
+    } = e;
     switch (keyCode) {
       //Ctrl + A
       case 65:
         selectAllText(e);
         break;
       //Ctrl + Y
-
       case 89:
         if (redoValue) {
           resetInnerValue();
-
-          _onPaste({
+          onPaste({
             text: redoValue
           }, 0, true);
         }
-
         break;
       //Ctrl + Z
-
       case 90:
         setRedoValue(getClearInnerValueAsString());
         resetInnerValue();
-
-        _onPaste({
+        onPaste({
           text: undoValue
         }, 0, true);
-
         break;
     }
   };
-
-  var _onKeyDown = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
-      var _innerValue$0$ref;
-
-      var i,
-          key,
-          ctrlKey,
-          altKey,
-          target,
-          handleResult,
-          _args2 = arguments;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              i = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : null;
-
-              if (!(!isFocused && !isSelecting)) {
-                _context2.next = 3;
-                break;
-              }
-
-              return _context2.abrupt("return", false);
-
-            case 3:
-              key = e.key, ctrlKey = e.ctrlKey, altKey = e.altKey;
-              target = ((_innerValue$0$ref = innerValue[0].ref) === null || _innerValue$0$ref === void 0 ? void 0 : _innerValue$0$ref.current) || e.target;
-              onKeyDownProp(_objectSpread(_objectSpread({}, e), {}, {
-                target: target
-              }), i);
-
-              if (!(_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key))) {
-                _context2.next = 8;
-                break;
-              }
-
-              return _context2.abrupt("return", true);
-
-            case 8:
-              setError(false);
-              clearErrorMessage();
-
-              if (!(ctrlKey || altKey)) {
-                _context2.next = 13;
-                break;
-              }
-
-              if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
-              return _context2.abrupt("return", true);
-
-            case 13:
-              e.preventDefault();
-              e.stopPropagation();
-
-              if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
-                _context2.next = 19;
-                break;
-              }
-
-              _context2.t0 = handleServiceKeyDown(e, i);
-              _context2.next = 22;
-              break;
-
-            case 19:
-              _context2.next = 21;
-              return handleKeyDown(e, i);
-
-            case 21:
-              _context2.t0 = _context2.sent;
-
-            case 22:
-              handleResult = _context2.t0;
-
-              if (blinkErrors && !handleResult && i !== null) {
-                setBlinkError(true);
-              }
-
-            case 24:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function onKeyDown(_x3) {
-      return _ref18.apply(this, arguments);
-    };
-  }();
-
-  var onClick = function onClick(e, cb) {
-    var _ref19 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref19$ignoreIsSelect = _ref19.ignoreIsSelecting,
-        ignoreIsSelecting = _ref19$ignoreIsSelect === void 0 ? false : _ref19$ignoreIsSelect;
-
+  const onKeyDown = async function (e) {
+    var _innerValue$0$ref;
+    let i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    if (!isFocused && !isSelecting) return false;
+    const {
+      key,
+      ctrlKey,
+      altKey
+    } = e;
+    const target = ((_innerValue$0$ref = innerValue[0].ref) === null || _innerValue$0$ref === void 0 ? void 0 : _innerValue$0$ref.current) || e.target;
+    onKeyDownProp({
+      ...e,
+      target
+    }, i);
+    if (_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
+    setError(false);
+    clearErrorMessage();
+    if (ctrlKey || altKey) {
+      if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+      return true;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    const handleResult = _indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
+    if (blinkErrors && !handleResult && i !== null) {
+      setBlinkError(true);
+    }
+  };
+  const onClick = function (e, cb) {
+    let {
+      ignoreIsSelecting = false
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     try {
       e.stopPropagation();
       e.preventDefault();
     } catch (error) {}
-
     if (isSelecting && (selectedText.length || (0, _functions.getSelectionText)().length) && !ignoreIsSelecting) return false;
     setFocused(true);
     if (e.detail === 2) selectAllText(e);
-    if (typeof cb === 'function') cb(e);
+    if (typeof cb === "function") cb(e);
   };
-
-  var onCharClick = function onCharClick(e, i) {
+  const onCharClick = (e, i) => {
     if (e.detail == 2) {
       selectAllText(e);
       return true;
     }
-
-    var _getCharByIndex2 = getCharByIndex(i),
-        char = _getCharByIndex2.char,
-        maskChar = _getCharByIndex2.maskChar;
-
+    const {
+      char,
+      maskChar
+    } = getCharByIndex(i);
     if (maskAsPlaceholder && !isValidChar({
-      char: char,
-      i: i,
+      char,
+      i,
       disableErrors: true
     })) i = getLastTypedIndex();
     setIsSelecting(false);
     (0, _functions.resetSelectionText)();
-    setTimeout(function () {
-      return onClick(e, function () {
-        return setFocusOnChar(i, 0);
-      }, {
-        ignoreIsSelecting: true
-      });
-    }, 50);
+    setTimeout(() => onClick(e, () => setFocusOnChar(i, 0), {
+      ignoreIsSelecting: true
+    }), 50);
   };
-
-  var onWrapperClick = function onWrapperClick(e) {
+  const onWrapperClick = e => {
     e.stopPropagation();
     e.preventDefault();
-
     if (!isMouseDown && !isSelecting) {
       onClick(e);
       setFocusOnChar(getLastTypedIndex(), 0);
     }
   };
-
-  var onClearClick = function onClearClick(e) {
+  const onClearClick = e => {
     e.stopPropagation();
     e.preventDefault();
     resetInnerValue();
     onHomeDown(null, 0);
   };
-
-  var onMouseDownMove = function onMouseDownMove(e) {
+  const onMouseDownMove = e => {
     if (!isMouseDown) return false;
     setIsSelecting(true);
-    var clientX = e.clientX;
+    const {
+      clientX
+    } = e;
     if (selectionStartX === null) setSelectionStartX(clientX);
     setSelectionEndX(clientX);
   };
-
-  var onBlur = function onBlur(e) {
+  const onBlur = e => {
     if (isFocused) onBlurProp();
     setFocused(false);
   };
-
-  var _onFocus = function onFocus(e, i) {
-    var charObj = getCharByIndex(i);
+  const onFocus = (e, i) => {
+    const charObj = getCharByIndex(i);
     if (!charObj) return false;
-    var isSpecialSymbol = charObj.isSpecialSymbol,
-        ref = charObj.ref;
+    const {
+      isSpecialSymbol,
+      ref
+    } = charObj;
     (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
-
     if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
-      _onFocus(e, i + 1);
-
+      onFocus(e, i + 1);
       return false;
     }
-
     if (!isFocused) onFocusProp(e);
     setFocused(true);
   };
-
-  var _onPaste = function onPaste(e, i) {
-    var _ref20, _window, _e$clipboardData;
-
-    var setFocusToEnd = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
+  const onPaste = function (e, i) {
+    var _ref13, _window, _e$clipboardData;
+    let setFocusToEnd = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     try {
       e.stopPropagation();
       e.preventDefault();
     } catch (error) {}
-
     setIsSelecting(false);
     (0, _functions.resetSelectionText)();
-    var pastedText = ((_ref20 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref20 === void 0 ? void 0 : _ref20.getData('text/plain')) || (e === null || e === void 0 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) || e.text;
+    const pastedText = ((_ref13 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref13 === void 0 ? void 0 : _ref13.getData("text/plain")) || (e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData("Text")) || e.text;
     if (!pastedText) return false;
-    var replacedIndexes = [];
-
-    if (maskAsPlaceholder && (e === null || e === void 0 ? void 0 : e.type) === 'paste') {
-      var fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length);
-      var text = innerValue.slice().filter(function (_ref21, index) {
-        var isCharSymbol = _ref21.isCharSymbol;
+    const replacedIndexes = [];
+    if (maskAsPlaceholder && (e === null || e === void 0 ? void 0 : e.type) === "paste") {
+      const fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length, 10);
+      const text = innerValue.slice().filter((_ref14, index) => {
+        let {
+          isCharSymbol
+        } = _ref14;
         return index >= i && !isCharSymbol;
-      }).map(function (_ref22, index) {
-        var char = _ref22.char;
+      }).map((_ref15, index) => {
+        let {
+          char
+        } = _ref15;
         return char;
-      }).join('');
-
-      _onPaste({
-        text: text
+      }).join("");
+      onPaste({
+        text
       }, fromIndex, false);
     }
+    pastedText.split("").filter(char => (0, _functions.isDigit)(char) || (0, _functions.isLetter)(char)).map((pastedChar, offset) => {
+      const charIndex = i + offset;
+      let isReplaced = false;
+      let isValid = false;
+      for (let index = charIndex; index < innerValue.length && !isReplaced; ++index) {
+        const charObj = getCharByIndex(index);
+        if (!charObj) continue;
+        const {
+          char,
+          maskChar,
+          isSpecialSymbol
+        } = charObj;
 
-    pastedText.split('').filter(function (char) {
-      return (0, _functions.isDigit)(char) || (0, _functions.isLetter)(char);
-    }).map(function (pastedChar, offset) {
-      var charIndex = i + offset;
-      var isReplaced = false;
-      var isValid = false;
-
-      var _loop = function _loop(index) {
-        var charObj = getCharByIndex(index);
-        if (!charObj) return "continue";
-        var char = charObj.char,
-            maskChar = charObj.maskChar,
-            isSpecialSymbol = charObj.isSpecialSymbol; // If Char Is Valid
-
+        // If Char Is Valid
         if (!isValidChar({
           char: pastedChar,
           i: index,
           disableErrors: true
-        })) return "continue"; // If Char Already Replaced
+        })) continue;
 
-        if (replacedIndexes.includes(index)) return "continue";
+        // If Char Already Replaced
+        if (replacedIndexes.includes(index)) continue;
         isReplaced = true;
         isValid = true;
         replacedIndexes.push(index);
-
         if (imitateTypingOnPaste) {
-          setTimeout(function () {
+          setTimeout(() => {
             updateInnerValueChar({
               char: pastedChar
             }, index);
@@ -1098,69 +752,52 @@ function InputMask() {
             char: pastedChar
           }, index);
         }
-      };
-
-      for (var index = charIndex; index < innerValue.length && !isReplaced; ++index) {
-        var _ret = _loop(index);
-
-        if (_ret === "continue") continue;
       }
-
       return {
         char: pastedChar,
-        isValid: isValid
+        isValid
       };
     });
-
-    var _replacedIndexes$reve = replacedIndexes.reverse(),
-        _replacedIndexes$reve2 = (0, _slicedToArray2.default)(_replacedIndexes$reve, 1),
-        lastCharIndex = _replacedIndexes$reve2[0];
-
+    const [lastCharIndex] = replacedIndexes.reverse();
     if (setFocusToEnd) setFocusOnChar(lastCharIndex + 1, i);
     return lastCharIndex;
   };
-
-  var _onCopy = function onCopy(e, i) {
+  const onCopy = (e, i) => {
     try {
       e.stopPropagation();
       e.preventDefault();
     } catch (error) {}
-
     (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
   };
-
-  var _onCut = function onCut(e, i) {
+  const onCut = (e, i) => {
     if (!isUndoValueBlocked) {
       setUndoValue(getClearInnerValueAsString());
       setIsUndoValueBlocked(true);
     }
-
     try {
       e.stopPropagation();
       e.preventDefault();
     } catch (error) {}
-
     (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
     deleteSelectedText();
     setIsSelecting(false);
     setFocusOnChar(i, 0);
-  }; // GENERAL EVENT HANDLERS | END //
-  // FUNCTIONS | START //
-
-
-  var cancelDefaultAction = function cancelDefaultAction(e, cb) {
-    var key = e.key;
+  };
+  // GENERAL EVENT HANDLERS | END //
 
+  // FUNCTIONS | START //
+  const cancelDefaultAction = (e, cb) => {
+    const {
+      key
+    } = e;
     if (!_config.EXCLUDED_KEYS.includes(key) && _indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
       e.preventDefault();
       e.stopPropagation();
     }
-
-    if (typeof cb === 'function') cb(e);
+    if (typeof cb === "function") cb(e);
     return false;
   };
-
-  var selectAllText = function selectAllText(e) {
+  const selectAllText = e => {
     e.preventDefault();
     e.stopPropagation();
     setIsSelecting(true);
@@ -1169,63 +806,57 @@ function InputMask() {
     (0, _functions.selectElementContents)(inputRef.current);
     setSelectedText((0, _functions.getSelectionText)());
   };
-
-  var deleteSelectedText = function deleteSelectedText() {
+  const deleteSelectedText = () => {
     var _getClearInnerValueAs2;
-
-    var selStartInd = getSelectStartIndex();
+    const selStartInd = getSelectStartIndex();
     if (selStartInd === null || selStartInd === undefined) return false;
-    var selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
+    const selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
     (0, _functions.resetSelectionText)();
-
     if (maskAsPlaceholder && ((_getClearInnerValueAs2 = getClearInnerValueAsString(selEndInd + 1)) === null || _getClearInnerValueAs2 === void 0 ? void 0 : _getClearInnerValueAs2.length) !== 0) {
-      var text = innerValue.slice().filter(function (_ref23, index) {
-        var isSpecialSymbol = _ref23.isSpecialSymbol,
-            isCharSymbol = _ref23.isCharSymbol;
+      const text = innerValue.slice().filter((_ref16, index) => {
+        let {
+          isSpecialSymbol,
+          isCharSymbol
+        } = _ref16;
         if (maxEditableLen !== -1 && index > maxEditableLen - 1) return false;
         return (index < selStartInd || index >= selEndInd) && !isSpecialSymbol && !isCharSymbol;
-      }).map(function (_ref24, index) {
-        var char = _ref24.char;
+      }).map((_ref17, index) => {
+        let {
+          char
+        } = _ref17;
         return char;
-      }).join('');
+      }).join("");
       resetInnerValue();
-
-      _onPaste({
-        text: text
+      onPaste({
+        text
       }, 0, false);
-
       setFocusOnChar(selStartInd);
     } else {
-      for (var index = selStartInd; index < selEndInd; ++index) {
-        updateInnerValueChar({
-          char: ''
-        }, index);
-      }
+      for (let index = selStartInd; index < selEndInd; ++index) updateInnerValueChar({
+        char: ""
+      }, index);
     }
-
     setFocusOnChar(selStartInd, -1);
     return true;
-  }; // FUNCTIONS | END //
+  };
+  // FUNCTIONS | END //
+
   ///--- OBSERVERS ---///
   // Input Throttling
-
-
-  (0, _react.useEffect)(function () {
-    if (isInputThrottled) setTimeout(function () {
-      return setIsInputThrottled(false);
-    }, inputThrottlingTimeout);
-  }, [isInputThrottled]); //Render Mask
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
+    if (isInputThrottled) setTimeout(() => setIsInputThrottled(false), inputThrottlingTimeout);
+  }, [isInputThrottled]);
+  //Render Mask
+  (0, _react.useEffect)(() => {
     setInnerValue([]);
     setMaskRendered(false);
-    if (!maskPattern) maskPattern = '';
-    maskPattern.concat(' ').split('').map(function (char, id, i) {
+    if (!maskPattern) maskPattern = "";
+    maskPattern.concat(" ").split("").map((char, id, i) => {
       addInnerValueChar({
-        char: char,
-        i: i,
+        char,
+        i,
         data: {
-          id: id,
+          id,
           isReadOnly: id === maskPattern.length
         }
       });
@@ -1235,223 +866,184 @@ function InputMask() {
     });
     setMaskRendered(true);
   }, [maskPattern]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (value !== getClearInnerValueAsString()) setIsInitValue(false);
   }, [value]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isMaskRendered && !isInitValue && value !== getClearInnerValueAsString()) {
-      if (value && value !== '') {
-        var valueCharIndex = 0;
-        innerValue.map(function (_ref25, i) {
+      if (value && value !== "") {
+        let valueCharIndex = 0;
+        innerValue.map((_ref18, i) => {
           var _maskPattern;
-
-          var isSpecialSymbol = _ref25.isSpecialSymbol;
+          let {
+            isSpecialSymbol
+          } = _ref18;
           if (isSpecialSymbol) return false;
-          var char = value[valueCharIndex];
-          var whileLimit = ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) || 0;
-
+          let char = value[valueCharIndex];
+          let whileLimit = ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) || 0;
           while (whileLimit && isSpecialSymbolChar({
             char: value[valueCharIndex]
           })) {
             whileLimit--;
             char = value[++valueCharIndex];
-          } //If Valid
-
+          }
 
+          //If Valid
           if (isValidChar({
-            char: char,
-            i: i,
+            char,
+            i,
             disableErrors: true
           })) {
             updateInnerValueChar({
-              char: char
+              char
             }, i);
           }
-
           ++valueCharIndex;
         });
       }
-
       setIsInitValue(true);
     }
   }, [isMaskRendered, value, isInitValue]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isInitValue) setUndoValue(getClearInnerValueAsString());
-  }, [isInitValue]); // Focus Observer
+  }, [isInitValue]);
 
-  (0, _react.useEffect)(function () {
-    if (!isFocused) setSelectedText('');
-  }, [isFocused]); // Default Focused
+  // Focus Observer
+  (0, _react.useEffect)(() => {
+    if (!isFocused) setSelectedText("");
+  }, [isFocused]);
 
-  (0, _react.useEffect)(function () {
+  // Default Focused
+  (0, _react.useEffect)(() => {
     if (isFocusedDefault && isMaskRendered) setFocusOnChar(0, -1);
-  }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
+  }, [isFocusedDefault, isMaskRendered]);
 
-  (0, _react.useEffect)(function () {
+  // OnChange Observer
+  (0, _react.useEffect)(() => {
     if (isMaskRendered && isFocused) {
       setError(false);
       clearErrorMessage();
-      var values = [getClearInnerValueAsString(), getInnerValueAsString({
+      const values = [getClearInnerValueAsString(), getInnerValueAsString({
         replaceSpace: true
       })];
       if (returnMaskedValue) values.reverse();
-      onChangeProp.apply(void 0, values);
+      onChangeProp(...values);
     }
-  }, [innerValue, isMaskRendered]); // Blink Error
+  }, [innerValue, isMaskRendered]);
 
-  (0, _react.useEffect)(function () {
-    if (blinkError) setTimeout(function () {
-      return setBlinkError(false);
-    }, blinkDuration);
+  // Blink Error
+  (0, _react.useEffect)(() => {
+    if (blinkError) setTimeout(() => setBlinkError(false), blinkDuration);
   }, [blinkError]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!isSelecting) {
-      setSelectedText('');
+      setSelectedText("");
       (0, _functions.resetSelectionText)();
       setSelectionStartX(null);
       setSelectionEndX(null);
     }
-
     if (!isMouseDown && isSelecting) {
-      document.addEventListener('keydown', function (e) {
-        return pushServiceWatcher(function () {
-          return _onKeyDown(e);
-        });
-      }, {
+      document.addEventListener("keydown", e => pushServiceWatcher(() => onKeyDown(e)), {
         once: true
       });
     }
-
     if (!isMouseDown && isSelecting && !(0, _functions.getSelectionText)().length) setIsSelecting(false);
   }, [isSelecting, isMouseDown]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener('mouseup', function () {
-      setIsMouseDown(function (isMouseDown) {
+  (0, _react.useEffect)(() => {
+    document.addEventListener("mouseup", () => {
+      setIsMouseDown(isMouseDown => {
         if (isMouseDown) setSelectedText((0, _functions.getSelectionText)());
         return false;
       });
     });
   }, []);
-  (0, _react.useEffect)(function () {
-    setError(customError !== '');
-    setErrorMessage(customError === '' ? errors.default : customError);
-  }, [customError, isError]); ///--- RENDER ---///
-
-  var renderChar = function renderChar(obj, i) {
-    var className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    var char = obj.char,
-        ref = obj.ref,
-        maskChar = obj.maskChar,
-        isSpecialSymbol = obj.isSpecialSymbol;
-    var prevChar = getCharByIndex(i - 1);
+  (0, _react.useEffect)(() => {
+    setError(customError !== "");
+    setErrorMessage(customError === "" ? errors.default : customError);
+  }, [customError, isError]);
+
+  ///--- RENDER ---///
+
+  const renderChar = function (obj, i) {
+    let className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+    const {
+      char,
+      ref,
+      maskChar,
+      isSpecialSymbol
+    } = obj;
+    const prevChar = getCharByIndex(i - 1);
     if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/_react.default.createElement("span", {
       style: {
-        width: '1px'
+        width: "1px"
       }
     });
     return /*#__PURE__*/_react.default.createElement("span", {
       tabIndex: i === 0 ? 0 : -1,
       key: i,
       "attr-char-id": i,
-      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? 'input-mask_value_item--digit' : '', "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? 'input-mask_value_item--letter' : '', "\n          ").concat(obj.isSpecialSymbol ? 'input-mask_value_item--spec' : '', "\n        "),
-      onClick: function onClick(e) {
-        return onCharClick(e, i);
-      },
-      onFocus: function onFocus() {
+      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? "input-mask_value_item--digit" : "", "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? "input-mask_value_item--letter" : "", "\n          ").concat(obj.isSpecialSymbol ? "input-mask_value_item--spec" : "", "\n        "),
+      onClick: e => onCharClick(e, i),
+      onFocus: function () {
         // if (isUseAutoSelect) inputRef?.current?.select();
-        if (_onFocus) _onFocus.apply(void 0, arguments);
+        if (onFocus) onFocus(...arguments);
       },
       onBlur: onBlur,
       onKeyPress: cancelDefaultAction,
-      onKeyDown: function onKeyDown(e) {
-        return _onKeyDown(e, i);
-      },
+      onKeyDown: e => onKeyDown(e, i),
       onChange: cancelDefaultAction,
       contentEditable: !isSelecting,
-      inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? 'numeric' : 'text',
+      inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? "numeric" : "text",
       suppressContentEditableWarning: true,
-      onPaste: function onPaste(e) {
-        return _onPaste(e, i);
-      },
-      onCopy: function onCopy(e) {
-        return _onCopy(e, i);
-      },
-      onCut: function onCut(e) {
-        return _onCut(e, i);
-      },
+      onPaste: e => onPaste(e, i),
+      onCopy: e => onCopy(e, i),
+      onCut: e => onCut(e, i),
       ref: ref,
-      onDoubleClick: function onDoubleClick(e) {
+      onDoubleClick: e => {
         e.stopPropagation();
         e.preventDefault();
         setIsSelecting(true);
-        setTimeout(function () {
-          return selectAllText(e, i);
-        }, 50);
+        setTimeout(() => selectAllText(e, i), 50);
       },
-      onMouseDown: function onMouseDown(e) {
-        return cancelDefaultAction(e, function () {
-          return setIsMouseDown(true);
-        });
-      },
-      onMouseMove: function onMouseMove(e) {
-        return cancelDefaultAction(e, onMouseDownMove);
-      }
-    }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === '' ? getPlaceholderCharByIndex(i) : char);
-  };
-
-  var renderMaskChar = function renderMaskChar(obj, i) {
-    return renderChar(obj, i, 'input-mask_value_item_mask-char');
-  };
-
-  var renderValueChar = function renderValueChar(obj, i) {
-    return renderChar(obj, i, 'input-mask_value_item_value-char');
-  };
-
-  var renderSpecialChar = function renderSpecialChar(obj, i) {
-    return renderChar(obj, i, 'input-mask_value_item_spec-char');
+      onMouseDown: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
+      onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
+    }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char);
   };
-
-  var renderInputValue = function renderInputValue() {
-    return innerValue.map(function (obj, i) {
-      var char = obj.char,
-          isSpecialSymbol = obj.isSpecialSymbol;
-
+  const renderMaskChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_mask-char");
+  const renderValueChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_value-char");
+  const renderSpecialChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_spec-char");
+  const renderInputValue = () => {
+    return innerValue.map((obj, i) => {
+      const {
+        char,
+        isSpecialSymbol
+      } = obj;
       if (isSpecialSymbol) {
         return renderSpecialChar(obj, i);
       }
-
-      var isMaskItem = function () {
-        return char === '';
-      }();
-
+      const isMaskItem = (() => char === "")();
       return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);
     });
   };
-
-  var render = function render() {
+  const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-mask_wrapper', className, {
-        disabled: disabled
+      className: (0, _classnames.default)("input-mask_wrapper", className, {
+        disabled
       }, {
-        'input-mask_error': isError
+        "input-mask_error": isError
       }, {
-        'input-mask_focus': isFocused
+        "input-mask_focus": isFocused
       }, {
-        'input-mask_blink-error': blinkError
+        "input-mask_blink-error": blinkError
       }),
       onClick: onWrapperClick,
       onBlur: onBlur
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          "),
+      className: "\n            input-mask\n            ".concat(isError ? "input-mask_error" : "", "\n            ").concat(isFocused ? "input-mask_focus" : "", "\n            ").concat(blinkError ? "input-mask_blink-error" : "", "\n          "),
       "data-testid": testId,
-      onMouseDown: function onMouseDown(e) {
-        return cancelDefaultAction(e, function () {
-          return setIsMouseDown(true);
-        });
-      },
-      onMouseMove: function onMouseMove(e) {
-        return cancelDefaultAction(e, onMouseDownMove);
-      } // onMouseUp={cancelDefaultAction}
+      onMouseDown: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
+      onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
+      // onMouseUp={cancelDefaultAction}
       ,
       onClick: onWrapperClick,
       onBlur: onBlur
@@ -1467,9 +1059,7 @@ function InputMask() {
       className: "input-mask_value",
       ref: inputRef,
       onKeyUp: cancelDefaultAction,
-      onKeyDown: function onKeyDown(e) {
-        return cancelDefaultAction(e, _onKeyDown);
-      },
+      onKeyDown: e => cancelDefaultAction(e, onKeyDown),
       onKeyPress: cancelDefaultAction,
       onBlur: onBlur,
       onClick: onWrapperClick
@@ -1489,6 +1079,5 @@ function InputMask() {
       className: "input-mask_error-text"
     }, errorMessage));
   };
-
   return render();
 }