intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -1,358 +1,243 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InputMask3;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
-
+var _reactFeather = require("react-feather");
+var _index = require("../../../Constants/index.constants");
+var _utils = require("../../../Functions/utils");
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-
+var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
-var _index = require("../../../Constants/index.constants");
-
 var _config = require("./config");
-
 var _functions = require("./functions");
-
-var _utils = require("../../../Functions/utils");
-
 require("./InputMask3.scss");
-
-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; }
-
+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; }
 function InputMask3() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$autocomplete = _ref.autocomplete,
-      autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
-      maskPattern = _ref.maskPattern,
-      maskPatternPlaceholder = _ref.maskPatternPlaceholder,
-      maskPlaceholder = _ref.maskPlaceholder,
-      maskDigitPlaceholder = _ref.maskDigitPlaceholder,
-      maskLetterPlaceholder = _ref.maskLetterPlaceholder,
-      usePatternPlaceholder = _ref.usePatternPlaceholder,
-      _ref$maxEditableIndex = _ref.maxEditableIndex,
-      maxEditableIndex = _ref$maxEditableIndex === void 0 ? -1 : _ref$maxEditableIndex,
-      _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,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-      _ref$hiddenChar = _ref.hiddenChar,
-      hiddenChar = _ref$hiddenChar === void 0 ? '*' : _ref$hiddenChar,
-      _ref$withHiddenMode = _ref.withHiddenMode,
-      withHiddenMode = _ref$withHiddenMode === void 0 ? false : _ref$withHiddenMode,
-      _ref$maxHiddenIndex = _ref.maxHiddenIndex,
-      maxHiddenIndex = _ref$maxHiddenIndex === void 0 ? -1 : _ref$maxHiddenIndex,
-      _ref$isValueHiddenDef = _ref.isValueHiddenDefault,
-      isValueHiddenDefault = _ref$isValueHiddenDef === void 0 ? false : _ref$isValueHiddenDef,
-      icon = _ref.icon,
-      showIcon = _ref.showIcon,
-      isIconLeft = _ref.isIconLeft,
-      isIconRight = _ref.isIconRight,
-      iconDynamicKey = _ref.iconDynamicKey,
-      _ref$iconDynamicProps = _ref.iconDynamicProps,
-      iconDynamicProps = _ref$iconDynamicProps === void 0 ? {} : _ref$iconDynamicProps,
-      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$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$onFilled = _ref.onFilled,
-      onFilledProp = _ref$onFilled === void 0 ? function () {} : _ref$onFilled,
-      _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,
-      fieldKey = _ref.fieldKey,
-      id = _ref.id,
-      disabled = _ref.disabled,
-      testId = _ref.testId,
-      _ref$attributesOfNati = _ref.attributesOfNativeInput,
-      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
-
-  var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
-
-  if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMaskRendered = _useState2[0],
-      setMaskRendered = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isFocused = _useState4[0],
-      setFocused = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isInitValue = _useState6[0],
-      setIsInitValue = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      selectedLength = _useState8[0],
-      setSelectedLength = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(isValueHiddenDefault),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isValueHidden = _useState10[0],
-      setIsValueHidden = _useState10[1];
-
-  var inputRef = (0, _react.useRef)(null);
-  var keyDownRef = (0, _react.useRef)(null);
-
-  var setKeyDown = function setKeyDown(keyCode) {
-    return keyDownRef.current = keyCode;
-  };
-
-  var getKeyDown = function getKeyDown() {
-    return keyDownRef.current;
+  let {
+    autocomplete = "off",
+    maskPattern,
+    maskPatternPlaceholder,
+    maskPlaceholder,
+    maskDigitPlaceholder,
+    maskLetterPlaceholder,
+    usePatternPlaceholder,
+    maxEditableIndex = -1,
+    isFocusedDefault = false,
+    isClearable,
+    isCaseSensitive,
+    adaptTextCase,
+    isUseAutoSelect = true,
+    isLoading = false,
+    hiddenChar = "*",
+    withHiddenMode = false,
+    maxHiddenIndex = -1,
+    isValueHiddenDefault = false,
+    icon,
+    showIcon,
+    isIconLeft,
+    isIconRight,
+    iconDynamicKey,
+    iconDynamicProps = {},
+    value,
+    blinkErrors = true,
+    blinkDuration = 100,
+    showErrors = false,
+    className = "",
+    errors: customErrors = _config.DEFAULT_ERRORS,
+    error: customError = "",
+    onChange: onChangeProp = () => {},
+    onFocus: onFocusProp = () => {},
+    onBlur: onBlurProp = () => {},
+    onKeyDown: onKeyDownProp = () => {},
+    onFilled: onFilledProp = () => {},
+    showHint = false,
+    hintText = "",
+    hintClassName = "",
+    isHintRight = true,
+    isHintLeft = false,
+    hintPosition = "right",
+    hideMaskOnBlur = true,
+    returnMaskedValue = false,
+    name,
+    fieldKey,
+    id,
+    disabled,
+    testId,
+    attributesOfNativeInput = {}
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const errors = {
+    ..._config.DEFAULT_ERRORS,
+    ...customErrors
   };
-
-  var DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
+  if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;
+  const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
+  const [selectedLength, setSelectedLength] = (0, _react.useState)(0);
+  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(isValueHiddenDefault);
+  const inputRef = (0, _react.useRef)(null);
+  const keyDownRef = (0, _react.useRef)(null);
+  const setKeyDown = keyCode => keyDownRef.current = keyCode;
+  const getKeyDown = () => keyDownRef.current;
+  const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
     iconKey: iconDynamicKey
   }, iconDynamicProps)) : null;
-
-  var setCaret = function setCaret(caret) {
+  const setCaret = caret => {
     if (caret < 0) caret = 0;
-    var input = inputRef.current;
-    if (input) setTimeout(function () {
-      return input.setSelectionRange(caret, caret);
-    }, 0);
-  }; // 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];
+    const input = inputRef.current;
+    if (input) setTimeout(() => input.setSelectionRange(caret, caret), 0);
+  };
 
-  var _useState15 = (0, _react.useState)(errors.default),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      errorMessage = _useState16[0],
-      setErrorMessage = _useState16[1];
+  // 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 //
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
-
-
-  var _useState17 = (0, _react.useState)([]),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      innerValue = _useState18[0],
-      setInnerValue = _useState18[1];
-
-  var prevValueRef = (0, _react.useRef)([]);
-
-  var addInnerValueChar = function addInnerValueChar(_ref2) {
-    var char = _ref2.char,
-        _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);
+  const [innerValue, setInnerValue] = (0, _react.useState)([]);
+  const prevValueRef = (0, _react.useRef)([]);
+  const addInnerValueChar = _ref => {
+    let {
+      char,
+      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;
     });
   };
-
-  var resetInnerValue = function resetInnerValue() {
-    setInnerValue(function (innerValue) {
-      return innerValue.map(function (item) {
-        if (!item.isSpecialSymbol && item.char !== null) item.char = '';
-        return item;
-      });
-    });
+  const resetInnerValue = () => {
+    setInnerValue(innerValue => innerValue.map(item => {
+      if (!item.isSpecialSymbol && item.char !== null) item.char = "";
+      return item;
+    }));
   };
-
-  var setValue = function setValue(value) {
+  const setValue = function (value) {
     var _maskPattern;
-
-    var disableErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    value = value === null || value === undefined ? '' : value.toString();
+    let disableErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    value = value === null || value === undefined ? "" : value.toString();
     resetInnerValue();
-    var staticLength = maskPattern.length - maxEditableIndex;
+    const staticLength = maskPattern.length - maxEditableIndex;
     if (value.length > maxEditableIndex) value = value.slice(0, value.length - staticLength);else if (maxEditableIndex !== ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) - 1) value = value.slice(0, maxEditableIndex);
-    var valueCharIndex = 0;
-    setInnerValue(function (innerValue) {
-      var newValue = innerValue.map(function (item, i) {
+    let valueCharIndex = 0;
+    setInnerValue(innerValue => {
+      const newValue = innerValue.map((item, i) => {
         var _maskPattern2;
-
-        var isSpecialSymbol = item.isSpecialSymbol;
+        const {
+          isSpecialSymbol
+        } = item;
         if (isSpecialSymbol) return item;
-        var char = value[valueCharIndex];
-        var whileLimit = ((_maskPattern2 = maskPattern) === null || _maskPattern2 === void 0 ? void 0 : _maskPattern2.length) || 0;
-
+        let char = value[valueCharIndex];
+        let whileLimit = ((_maskPattern2 = maskPattern) === null || _maskPattern2 === void 0 ? void 0 : _maskPattern2.length) || 0;
         while (whileLimit && (isSpecialSymbolChar({
           char: value[valueCharIndex]
         }) || !isValidChar({
-          char: char,
-          i: i,
+          char,
+          i,
           disableErrors: true
         }))) {
           whileLimit--;
           char = value[++valueCharIndex];
-        } // If Valid
-
+        }
 
+        // If Valid
         if (isValidChar({
-          char: char,
-          i: i,
-          disableErrors: disableErrors
+          char,
+          i,
+          disableErrors
         })) {
           item.char = char;
         }
-
         ++valueCharIndex;
         return item;
       });
       return newValue;
     });
-  }; // INNER VALUE MANAGEMENT FUNCTIONS | END //
-  // GETTERS | START //
-
+  };
+  // INNER VALUE MANAGEMENT FUNCTIONS | 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 getPlaceholderCharByIndex = function getPlaceholderCharByIndex(i) {
-    var _getCharByIndex = getCharByIndex(i),
-        maskChar = _getCharByIndex.maskChar;
-
+  const getPlaceholderCharByIndex = i => {
+    const {
+      maskChar
+    } = getCharByIndex(i);
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
     }
-
     if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
     if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
     return maskPlaceholder;
   };
-
-  var getInputValue = function getInputValue() {
+  const getInputValue = function () {
     var _getClearInnerValueAs;
-
-    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        noLastTyppedCharIndexCheck = _ref4.noLastTyppedCharIndexCheck,
-        _ref4$noHide = _ref4.noHide,
-        noHide = _ref4$noHide === void 0 ? false : _ref4$noHide;
-
-    var isValid = true;
-    var lastTyppedCharIndex = innerValue.reduce(function (result, _ref5, i) {
-      var char = _ref5.char,
-          isSpecialSymbol = _ref5.isSpecialSymbol;
-      return char !== '' && !isSpecialSymbol ? i : result;
+    let {
+      noLastTyppedCharIndexCheck,
+      noHide = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let isValid = true;
+    const lastTyppedCharIndex = innerValue.reduce((result, _ref2, i) => {
+      let {
+        char,
+        isSpecialSymbol
+      } = _ref2;
+      return char !== "" && !isSpecialSymbol ? i : result;
     }, 0);
-    var value = innerValue.reduce(function (result, _ref6, i) {
-      var char = _ref6.char,
-          isSpecialSymbol = _ref6.isSpecialSymbol;
-
-      if (char !== '' && isValid && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)) {
+    const value = innerValue.reduce((result, _ref3, i) => {
+      let {
+        char,
+        isSpecialSymbol
+      } = _ref3;
+      if (char !== "" && isValid && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)) {
         if (isValueHidden && !isSpecialSymbol && !noHide && (maxHiddenIndex === -1 || i <= maxHiddenIndex)) {
           result += hiddenChar;
         } else {
@@ -361,139 +246,131 @@ function InputMask3() {
       } else {
         isValid = false;
       }
-
       return result;
-    }, '');
-    if (((_getClearInnerValueAs = getClearInnerValueAsString(value)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) === 0) return '';
+    }, "");
+    if (((_getClearInnerValueAs = getClearInnerValueAsString(value)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) === 0) return "";
     return value;
   };
-
-  var getClearInnerValueAsString = function getClearInnerValueAsString(valueProp) {
-    var _ref8, _ref8$split;
-
-    var symbolsInfo = innerValue === null || innerValue === void 0 ? void 0 : innerValue.map(function (_ref7) {
-      var isSpecialSymbol = _ref7.isSpecialSymbol,
-          isCharSymbol = _ref7.isCharSymbol;
+  const getClearInnerValueAsString = valueProp => {
+    var _ref5;
+    const symbolsInfo = innerValue === null || innerValue === void 0 ? void 0 : innerValue.map(_ref4 => {
+      let {
+        isSpecialSymbol,
+        isCharSymbol
+      } = _ref4;
       return {
-        isSpecialSymbol: isSpecialSymbol,
-        isCharSymbol: isCharSymbol
+        isSpecialSymbol,
+        isCharSymbol
       };
     });
-    var clearValue = (_ref8 = valueProp !== null && valueProp !== void 0 ? valueProp : getInputValue({
+    const clearValue = (_ref5 = valueProp !== null && valueProp !== void 0 ? valueProp : getInputValue({
       noLastTyppedCharIndexCheck: true,
       noHide: true
-    })) === null || _ref8 === void 0 ? void 0 : (_ref8$split = _ref8.split('')) === null || _ref8$split === void 0 ? void 0 : _ref8$split.reduce(function (resultStr, symbol, i) {
+    })) === null || _ref5 === void 0 || (_ref5 = _ref5.split("")) === null || _ref5 === void 0 ? void 0 : _ref5.reduce((resultStr, symbol, i) => {
       if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol) resultStr += symbol;
       return resultStr;
-    }, '');
+    }, "");
     return clearValue;
   };
+  const inputValue = (0, _react.useMemo)(getInputValue, [innerValue, isValueHidden]);
+  // GETTERS | END //
 
-  var inputValue = (0, _react.useMemo)(getInputValue, [innerValue, isValueHidden]); // GETTERS | END //
   // CHECKERS | START //
-
-  var isValidChar = function isValidChar(_ref9) {
-    var key = _ref9.char,
-        i = _ref9.i,
-        _ref9$disableErrors = _ref9.disableErrors,
-        disableErrors = _ref9$disableErrors === void 0 ? false : _ref9$disableErrors;
-    var maskChar = getMaskCharByIndex(i);
-
+  const isValidChar = _ref6 => {
+    let {
+      char: key,
+      i,
+      disableErrors = false
+    } = _ref6;
+    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(_ref10) {
-    var char = _ref10.char;
+  const isSpecialSymbolMaskChar = _ref7 => {
+    let {
+      char
+    } = _ref7;
     return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
   };
-
-  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref11) {
-    var char = _ref11.char;
+  const isSpecialSymbolChar = _ref8 => {
+    let {
+      char
+    } = _ref8;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
   };
+  const isSpecialSymbol = i => {
+    var _getCharByIndex;
+    return (_getCharByIndex = getCharByIndex(i)) === null || _getCharByIndex === void 0 ? void 0 : _getCharByIndex.isSpecialSymbol;
+  };
+  // CHECKERS | END //
 
-  var isSpecialSymbol = function isSpecialSymbol(i) {
-    var _getCharByIndex2;
-
-    return (_getCharByIndex2 = getCharByIndex(i)) === null || _getCharByIndex2 === void 0 ? void 0 : _getCharByIndex2.isSpecialSymbol;
-  }; // CHECKERS | END //
   /// --- Event Handlers ---///
-  // GENERAL EVENT HANDLERS | START //
-
 
-  var onVisibleChange = function onVisibleChange(e) {
+  // GENERAL EVENT HANDLERS | START //
+  const onVisibleChange = e => {
     clearErrorMessage();
-    var _e$target = e.target,
-        value = _e$target.value,
-        caretPos = _e$target.selectionStart,
-        char = e.nativeEvent.data;
-
+    const {
+      target: {
+        value,
+        selectionStart: caretPos
+      },
+      nativeEvent: {
+        data: char
+      }
+    } = e;
     if (caretPos > maxEditableIndex) {
       (0, _utils.disableDefaultBehavior)();
       setCaret(maxEditableIndex);
       setBlinkError(true);
       return;
     }
-
     setValue(value);
-    var caretOffset = value.length - caretPos; // Correct Caret Position
+    const caretOffset = value.length - caretPos;
 
+    // Correct Caret Position
     if (!value.lastIndexEqualsTo(caretPos - 1)) {
       if (value.longerThan(inputValue)) {
         if (!isValidChar({
-          char: char,
+          char,
           i: caretPos - 1
         })) {
           (0, _utils.disableDefaultBehavior)(e);
           setCaret(caretPos - 1);
         } else {
-          var newCaretPos = value.length - caretOffset;
+          const newCaretPos = value.length - caretOffset;
           setCaret(isSpecialSymbol(newCaretPos) ? newCaretPos + 1 : newCaretPos);
         }
       } else if (inputValue.longerThan(value)) {
@@ -502,10 +379,8 @@ function InputMask3() {
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
             }
-
             setCaret(caretPos);
             break;
-
           case _index.KEYBOARD_KEY_CODES.Delete:
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
@@ -513,25 +388,21 @@ function InputMask3() {
             } else {
               setCaret(caretPos);
             }
-
             break;
-
           default:
             if (selectedLength > 0) {
               setCaret(caretPos);
             }
-
         }
       }
     }
+
     /* Checking if the character is a special symbol and if it is not, it is checking if the character
     is valid or not. If it is not valid, it will blink the error. */
-
-
     if (blinkErrors) {
-      setTimeout(function () {
+      setTimeout(() => {
         if ((value.longerThan(inputValue) && !isSpecialSymbol(caretPos - 1) || inputValue.longerThan(value) && !isSpecialSymbol(caretPos)) && (char && !isValidChar({
-          char: char,
+          char,
           i: caretPos - 1
         }) || inputValue === getInputValue() && getInputValue()[caretPos - 1] !== char)) {
           (0, _utils.disableDefaultBehavior)(e);
@@ -540,115 +411,100 @@ function InputMask3() {
       }, 0);
     }
   };
-
-  var onHiddenChange = function onHiddenChange(e) {
+  const onHiddenChange = e => {
     var _maskPattern3, _maskPattern4;
-
-    var SSN = getInputValue({
+    const SSN = getInputValue({
       noHide: true
     });
-    var value = e.target.value;
-
-    if (value.replace(/-/g, '').length < SSN.replace(/-/g, '').length) {
-      var last = SSN.length - 1;
+    const {
+      target: {
+        value
+      }
+    } = e;
+    if (value.replace(/-/g, "").length < SSN.replace(/-/g, "").length) {
+      const last = SSN.length - 1;
       setValue(SSN.slice(0, last));
       return;
     }
-
-    var numValue = value.replace(/\D/g, '');
-    var newSSN = '';
-    var staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex : (_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length;
-
+    const numValue = value.replace(/\D/g, "");
+    let newSSN = "";
+    const staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex : (_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length;
     if (SSN.length > staticLength) {
       newSSN = SSN.slice(0, staticLength) + numValue;
     } else {
       newSSN = SSN + numValue;
     }
-
     if (newSSN.length > ((_maskPattern4 = maskPattern) === null || _maskPattern4 === void 0 ? void 0 : _maskPattern4.length)) {
       return;
     }
-
     setValue(newSSN);
   };
-
-  var onChange = isValueHidden ? onHiddenChange : onVisibleChange;
-
-  var onKeyDown = function onKeyDown(e) {
-    onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e);
-    var keyCode = e.keyCode;
+  const onChange = isValueHidden ? onHiddenChange : onVisibleChange;
+  const onKeyDown = e => {
+    onKeyDownProp === null || onKeyDownProp === void 0 || onKeyDownProp(e);
+    const {
+      keyCode
+    } = e;
     setKeyDown(keyCode);
   };
-
-  var onKeyUp = function onKeyUp(e) {
-    setKeyDown(null); // On Filled Callback
-
+  const onKeyUp = e => {
+    setKeyDown(null);
+    // On Filled Callback
     if (getInputValue({
       noLastTyppedCharIndexCheck: true
     }).length === maskPattern.length && e.target.selectionStart >= maxEditableIndex) {
       onFilledProp();
     }
   };
-
-  var onClearClick = function onClearClick(e) {
+  const onClearClick = e => {
     var _inputRef$current;
-
     e.stopPropagation();
     e.preventDefault();
     resetInnerValue();
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     setCaret(0);
     clearErrorMessage();
   };
-
-  var onHiddenToggle = function onHiddenToggle() {
+  const onHiddenToggle = () => {
     var _inputRef$current2;
-
-    setIsValueHidden(function (v) {
-      return !v;
-    });
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    setIsValueHidden(v => !v);
+    inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
   };
-
-  var _onFocus = function onFocus() {
+  const onFocus = () => {
     setFocused(true);
     onFocusProp();
   };
-
-  var onBlur = function onBlur() {
+  const onBlur = () => {
     setFocused(false);
     onBlurProp();
   };
-
-  var onClick = function onClick(e) {
-    var cursor = e.target.selectionStart;
+  const onClick = e => {
+    const cursor = e.target.selectionStart;
     if (cursor >= maxEditableIndex) setCaret(maxEditableIndex);
   };
-
-  var onSelect = function onSelect(e) {
-    var _e$target2, _ref13;
-
-    var _ref12 = (_e$target2 = e.target) !== null && _e$target2 !== void 0 ? _e$target2 : {},
-        selectionStart = _ref12.selectionStart,
-        selectionEnd = _ref12.selectionEnd;
-
-    setSelectedLength((_ref13 = selectionEnd - selectionStart) !== null && _ref13 !== void 0 ? _ref13 : 0);
+  const onSelect = e => {
+    var _e$target, _ref9;
+    const {
+      selectionStart,
+      selectionEnd
+    } = (_e$target = e.target) !== null && _e$target !== void 0 ? _e$target : {};
+    setSelectedLength((_ref9 = selectionEnd - selectionStart) !== null && _ref9 !== void 0 ? _ref9 : 0);
     if (selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);
-  }; // GENERAL EVENT HANDLERS | END //
+  };
+  // GENERAL EVENT HANDLERS | END //
+
   /// --- OBSERVERS ---///
   // Render Mask
-
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setIsInitValue(false);
     setInnerValue([]);
     setMaskRendered(false);
-    if (!maskPattern) maskPattern = '';
-    maskPattern.split('').map(function (char, id) {
+    if (!maskPattern) maskPattern = "";
+    maskPattern.split("").map((char, id) => {
       addInnerValueChar({
-        char: char,
+        char,
         data: {
-          id: id,
+          id,
           isReadOnly: id === maskPattern.length
         }
       });
@@ -658,105 +514,95 @@ function InputMask3() {
     });
     setMaskRendered(true);
   }, [maskPattern]);
-  (0, _react.useEffect)(function () {
-    if (isMaskRendered && !isInitValue || isInitValue && ![getInputValue(), getClearInnerValueAsString()].includes(value) && value !== '') {
+  (0, _react.useEffect)(() => {
+    if (isMaskRendered && !isInitValue || isInitValue && ![getInputValue(), getClearInnerValueAsString()].includes(value) && value !== "") {
       setValue(value);
       setIsInitValue(true);
     }
-  }, [isMaskRendered, value, isInitValue]); // OnChange Observer
+  }, [isMaskRendered, value, isInitValue]);
 
-  (0, _react.useEffect)(function () {
+  // OnChange Observer
+  (0, _react.useEffect)(() => {
     if (isMaskRendered && isInitValue) {
       var _prevValueRef$current, _prevValueRef$current2;
-
       setError(false);
-      var values = [getClearInnerValueAsString(), getInputValue({
+      const values = [getClearInnerValueAsString(), getInputValue({
         noLastTyppedCharIndexCheck: true,
         noHide: true
       })];
       if (returnMaskedValue) values.reverse();
-
-      if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1]) {
+      if ((prevValueRef === null || prevValueRef === void 0 || (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 || (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1]) {
         prevValueRef.current = values;
-        onChangeProp.apply(void 0, values);
+        onChangeProp(...values);
       }
     }
-  }, [innerValue, isMaskRendered, isInitValue]); // Blink Error
+  }, [innerValue, isMaskRendered, isInitValue]);
 
-  (0, _react.useEffect)(function () {
+  // Blink Error
+  (0, _react.useEffect)(() => {
     if (blinkError) {
-      setTimeout(function () {
+      setTimeout(() => {
         setBlinkError(false);
       }, blinkDuration);
     }
   }, [blinkError]);
-  (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;
+  (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;
     return /*#__PURE__*/_react.default.createElement("span", {
       tabIndex: -1,
       key: i,
       "attr-char-id": i,
-      className: (0, _classnames.default)('input-mask_value_item', className, {
-        'input-mask_value_item--digit': (0, _functions.isDigitMaskChar)(obj.maskChar),
-        'input-mask_value_item--letter': (0, _functions.isLetterMaskChar)(obj.maskChar),
-        'input-mask_value_item--spec': obj.isSpecialSymbol,
-        'input-mask_value_item--hidden': i < inputValue.length
+      className: (0, _classnames.default)("input-mask_value_item", className, {
+        "input-mask_value_item--digit": (0, _functions.isDigitMaskChar)(obj.maskChar),
+        "input-mask_value_item--letter": (0, _functions.isLetterMaskChar)(obj.maskChar),
+        "input-mask_value_item--spec": obj.isSpecialSymbol,
+        "input-mask_value_item--hidden": i < inputValue.length
       }),
       ref: ref
-    }, !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 isValueHidden && (maxHiddenIndex === -1 || i <= maxHiddenIndex) ? renderChar(_objectSpread(_objectSpread({}, obj), {}, {
-      char: hiddenChar
-    }), i, 'input-mask_value_item_value-hidden-char') : 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');
-  };
-
-  var renderInputValue = function renderInputValue() {
-    return innerValue.map(function (obj, i) {
-      var char = obj.char,
-          isSpecialSymbol = obj.isSpecialSymbol;
-
+    }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char);
+  };
+  const renderMaskChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_mask-char");
+  const renderValueChar = (obj, i) => isValueHidden && (maxHiddenIndex === -1 || i <= maxHiddenIndex) ? renderChar({
+    ...obj,
+    char: hiddenChar
+  }, i, "input-mask_value_item_value-hidden-char") : 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 renderMask = function renderMask() {
+  const renderMask = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_value"
     }, renderInputValue());
   };
-
-  var renderInput = function renderInput() {
+  const renderInput = () => {
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
       tabIndex: disabled || isLoading ? -1 : 0,
       readOnly: disabled || isLoading,
-      name: name || fieldKey || id || testId || '',
+      name: name || fieldKey || id || testId || "",
       "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,
@@ -767,28 +613,27 @@ function InputMask3() {
       onBlur: onBlur,
       onClick: onClick,
       autoComplete: autocomplete,
-      onFocus: function onFocus() {
+      onFocus: function () {
         if (isUseAutoSelect) inputRef.current.select();
-        if (_onFocus) _onFocus.apply(void 0, arguments);
+        if (onFocus) onFocus(...arguments);
       },
-      onDragStart: function onDragStart(e) {
+      onDragStart: e => {
         e.stopPropagation();
         e.preventDefault();
       },
-      onDragEnd: function onDragEnd(e) {
+      onDragEnd: e => {
         e.stopPropagation();
         e.preventDefault();
       },
       onSelect: onSelect
     }, attributesOfNativeInput));
   };
-
-  var renderHideToggler = function renderHideToggler() {
+  const renderHideToggler = () => {
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "formatted-raw-ssn-eye-holder",
       onClick: onHiddenToggle,
       "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
-    }, ' ', isValueHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
+    }, " ", isValueHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
       strokeWidth: 1,
       className: "password-icon"
     }) : /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {
@@ -796,16 +641,14 @@ function InputMask3() {
       className: "password-icon"
     }));
   };
-
-  var renderClearButton = function renderClearButton() {
+  const renderClearButton = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_clear"
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
       onClick: onClearClick
     }));
   };
-
-  var renderHint = function renderHint() {
+  const renderHint = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--".concat(hintPosition)
     }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
@@ -814,34 +657,31 @@ function InputMask3() {
       side: hintPosition
     }));
   };
-
-  var renderIcon = function renderIcon() {
-    var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  const renderIcon = function () {
+    let position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "left";
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_icon input-mask_icon--".concat(position)
     }, DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon);
   };
-
-  var render = function render() {
+  const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-mask3_wrapper', className, {
-        'input-mask_error': isError
+      className: (0, _classnames.default)("input-mask3_wrapper", className, {
+        "input-mask_error": isError
       }, {
-        'input-mask_focus': isFocused
+        "input-mask_focus": isFocused
       }, {
-        'input-mask_blink-error': blinkError
+        "input-mask_blink-error": blinkError
       }, {
         disabled: disabled || isLoading
       }),
-      tabIndex: disabled || isLoading ? -1 : 0
+      tabIndex: -1
     }, /*#__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          ")
-    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon('left'), renderMask(), renderInput(), withHiddenMode && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon('right'), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__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          ")
+    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon("left"), renderMask(), renderInput(), withHiddenMode && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon("right"), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_error-text"
     }, errorMessage), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
       size: "small"
     }));
   };
-
   return render();
 }