intelicoreact 1.4.76 → 1.4.78

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

@@ -1,37 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InputMask;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+
 var _indexConstants = require("./../../../Constants/index.constants.js");
+
 var _InputCarretPosition = require("./InputCarretPosition");
+
 var _config = require("./config");
+
 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; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
 /* 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 */
 
+/* eslint-disable default-param-last */
 // import { KEYBOARD_SERVICE_KEYS } from './index.constants.js';
-
 function InputMask() {
   let {
     maskPattern,
@@ -77,8 +100,7 @@ function InputMask() {
     name,
     testId
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const errors = {
-    ..._config.DEFAULT_ERRORS,
+  const errors = { ..._config.DEFAULT_ERRORS,
     ...customErrors
   };
   const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
@@ -87,46 +109,49 @@ function InputMask() {
   const [isFocused, setFocused] = (0, _react.useState)(false);
   const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
   const inputThrottlingTimeout = 20;
-  const [isInputThrottled, setIsInputThrottled] = (0, _react.useState)(false);
+  const [isInputThrottled, setIsInputThrottled] = (0, _react.useState)(false); // ERRORS MANAGEMENT FUNCTIONS | START //
 
-  // 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 //
 
+  const clearErrorMessage = () => 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 //
-
+  const [selectionEndX, setSelectionEndX] = (0, _react.useState)(null); // SELECTION MANAGEMENT FUNCTIONS | END //
   // SERVICE WATCHERS MANAGEMENT FUNCTIONS | START //
+
   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;
   };
+
   const serviceWatchersWorker = () => {
     popServiceWatcher()();
   };
+
   (0, _react.useEffect)(() => {
     if (serviceWatchers.length) serviceWatchersWorker();
-  }, [serviceWatchers]);
-  // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
-
+  }, [serviceWatchers]); // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
   // 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,
@@ -140,6 +165,7 @@ function InputMask() {
       return stateCopy;
     });
   };
+
   const updateInnerValueChar = function () {
     let {
       char = null
@@ -152,14 +178,15 @@ function InputMask() {
       return stateCopy;
     });
   };
+
   const resetInnerValue = () => {
     innerValue.map((v, i) => updateInnerValueChar({
       char: ""
     }, i));
-  };
-  // INNER VALUE MANAGEMENT FUNCTIONS | END //
-
+  }; // INNER VALUE MANAGEMENT FUNCTIONS | END //
   // CHECKERS | START //
+
+
   const isValidChar = _ref2 => {
     let {
       char: key,
@@ -167,57 +194,72 @@ function InputMask() {
       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;
   };
+
   const isSpecialSymbolMaskChar = _ref3 => {
     let {
       char
     } = _ref3;
     return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
   };
+
   const isSpecialSymbolChar = _ref4 => {
     let {
       char
     } = _ref4;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
-  };
-  // CHECKERS | END //
-
+  }; // CHECKERS | END //
   // GETTERS | START //
+
+
   const getCharObj = function (char) {
     let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const isSpecialSymbol = isSpecialSymbolChar({
@@ -236,15 +278,18 @@ function InputMask() {
       ...data
     };
   };
+
   const getCharByIndex = i => {
-    return innerValue[i] ? {
-      ...innerValue[i]
+    return innerValue[i] ? { ...innerValue[i]
     } : undefined;
   };
+
   const getMaskCharByIndex = i => {
     var _innerValue$i;
+
     return ((_innerValue$i = innerValue[i]) === null || _innerValue$i === void 0 ? void 0 : _innerValue$i.maskChar) || undefined;
   };
+
   const getSelectStartIndex = () => {
     if (selectionStartX === selectionEndX) return 0;
     const minX = selectionStartX < selectionEndX ? selectionStartX : selectionEndX;
@@ -253,6 +298,7 @@ function InputMask() {
       index
     } = innerValue.reduce((resObj, _ref5, index) => {
       var _ref$current;
+
       let {
         char,
         ref
@@ -261,10 +307,9 @@ function InputMask() {
       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;
+      } = ref === null || ref === void 0 ? 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 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,
@@ -277,10 +322,12 @@ function InputMask() {
     });
     return index;
   };
+
   const getPlaceholderCharByIndex = i => {
     const {
       maskChar
     } = getCharByIndex(i);
+
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
     } else {
@@ -289,6 +336,7 @@ function InputMask() {
       return maskPlaceholder;
     }
   };
+
   const getInnerValueAsString = function () {
     let {
       replaceSpace = false
@@ -302,6 +350,7 @@ function InputMask() {
     }).join("");
     return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g, " ") : result;
   };
+
   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) => {
@@ -312,9 +361,11 @@ function InputMask() {
         isCharSymbol
       } = _ref7;
       if (char !== maskChar && char !== "" || !isSpecialSymbol || isCharSymbol) result += char; // || isCharSymbol
+
       return result;
     }, "");
   };
+
   const getLastTypedIndex = () => {
     return innerValue.reduce((lastIndex, _ref8, i) => {
       let {
@@ -324,12 +375,13 @@ function InputMask() {
       if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
       return lastIndex;
     }, -1) + 1;
-  };
-  // GETTERS | END //
-
+  }; // GETTERS | END //
   // SETTERS | START //
+
+
   const setFocusOnChar = (i, prevIndex) => {
     var _ref$current2;
+
     const charObj = getCharByIndex(i);
     if (!charObj) return false;
     const {
@@ -337,37 +389,44 @@ function InputMask() {
       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 || _ref$current2.focus();
+
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
     setTimeout(() => (0, _InputCarretPosition.setCaretPosition)(ref.current, 0), 10);
     return true;
-  };
-  // SETTERS | END //
-
+  }; // SETTERS | END //
   ///--- 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 Current Index Equals LastTyped Index in MaskAsPlaceholder Mode
+
+
     if (maskAsPlaceholder && i === getLastTypedIndex() && key === "ArrowRight") return false;
     return setFocusOnChar(i + 1, i);
   };
+
   const onBackspaceDown = (e, i) => {
     if (!isUndoValueBlocked) {
       setUndoValue(getClearInnerValueAsString());
       setIsUndoValueBlocked(true);
     }
+
     if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
     const prevIndex = i - 1;
     const charObj = getCharByIndex(prevIndex);
@@ -376,6 +435,7 @@ function InputMask() {
       isSpecialSymbol
     } = charObj;
     if (isSpecialSymbol) return onBackspaceDown(e, prevIndex);
+
     if (maskAsPlaceholder) {
       const newText = innerValue.slice(0, prevIndex).concat(innerValue.slice(i, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce((text, _ref9) => {
         let {
@@ -392,14 +452,17 @@ function InputMask() {
         char: ""
       }, prevIndex);
     }
+
     setFocusOnChar(prevIndex, i);
     return true;
   };
+
   const onDeleteDown = (e, i) => {
     if (!isUndoValueBlocked) {
       setUndoValue(getClearInnerValueAsString());
       setIsUndoValueBlocked(true);
     }
+
     if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
     const nextIndex = i + 1;
     const charObj = getCharByIndex(i);
@@ -410,6 +473,7 @@ function InputMask() {
     } = charObj;
     if (isSpecialSymbol) return onDeleteDown(e, i + 1);
     if (char === "") return false;
+
     if (maskAsPlaceholder) {
       const newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce((text, _ref10) => {
         let {
@@ -428,47 +492,60 @@ function InputMask() {
       }, 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 //
 
+  const onEndDown = (e, i) => setTimeout(() => setFocusOnChar(maskAsPlaceholder ? getLastTypedIndex() : 0, 0), 10); // SERVICE KEYS HANDLERS | END //
   // GENERAL EVENT HANDLERS | START //
+
+
   const handleServiceKeyDown = (e, i) => {
     const {
       key
     } = e;
+
     switch (key) {
       case "ArrowLeft":
         return onArrowLeftDown(e, i);
         break;
+
       case "ArrowRight":
         return onArrowRightDown(e, i);
         break;
+
       case "Backspace":
         return onBackspaceDown(e, i);
         break;
+
       case "Delete":
         return onDeleteDown(e, i);
         break;
+
       case "Home":
         return onHomeDown(e, i);
         break;
+
       case "End":
         return onEndDown(e, i);
         break;
+
       default:
         return true;
         break;
     }
   };
+
   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)();
@@ -479,31 +556,34 @@ function InputMask() {
       }), 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
+    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;
+          var _charRef$current, _charRef$current$inne;
+
           //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) {
+          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;
-            const [key, prevChar] = charRef === null || charRef === void 0 || (_charRef$current2 = charRef.current) === null || _charRef$current2 === void 0 ? void 0 : _charRef$current2.innerText;
+
+            const [key, prevChar] = charRef === null || charRef === void 0 ? void 0 : (_charRef$current2 = charRef.current) === null || _charRef$current2 === void 0 ? void 0 : _charRef$current2.innerText;
             charRef.current.innerText = prevChar;
             resolve(key);
           } else {
@@ -512,6 +592,7 @@ function InputMask() {
         }, 1);
       });
     }
+
     if (!charObj || i === innerValue.length - 1) return false;
     if (maskAsPlaceholder && i > getLastTypedIndex() + 1) return await handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
       disableErrors
@@ -521,9 +602,8 @@ function InputMask() {
       maskChar,
       isReadOnly
     } = charObj;
-    if (isReadOnly) return false;
+    if (isReadOnly) return false; //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
 
-    //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({
@@ -531,6 +611,7 @@ function InputMask() {
       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) => {
@@ -548,6 +629,7 @@ function InputMask() {
         text
       }, fromIndex, false);
     }
+
     setIsUndoValueBlocked(false);
     updateInnerValueChar({
       char: key
@@ -555,17 +637,20 @@ function InputMask() {
     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();
@@ -573,8 +658,10 @@ function InputMask() {
             text: redoValue
           }, 0, true);
         }
+
         break;
       //Ctrl + Z
+
       case 90:
         setRedoValue(getClearInnerValueAsString());
         resetInnerValue();
@@ -584,8 +671,10 @@ function InputMask() {
         break;
     }
   };
+
   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 {
@@ -594,42 +683,49 @@ function InputMask() {
       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,
+    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);
   };
+
   const onCharClick = (e, i) => {
     if (e.detail == 2) {
       selectAllText(e);
       return true;
     }
+
     const {
       char,
       maskChar
@@ -645,20 +741,24 @@ function InputMask() {
       ignoreIsSelecting: true
     }), 50);
   };
+
   const onWrapperClick = e => {
     e.stopPropagation();
     e.preventDefault();
+
     if (!isMouseDown && !isSelecting) {
       onClick(e);
       setFocusOnChar(getLastTypedIndex(), 0);
     }
   };
+
   const onClearClick = e => {
     e.stopPropagation();
     e.preventDefault();
     resetInnerValue();
     onHomeDown(null, 0);
   };
+
   const onMouseDownMove = e => {
     if (!isMouseDown) return false;
     setIsSelecting(true);
@@ -668,10 +768,12 @@ function InputMask() {
     if (selectionStartX === null) setSelectionStartX(clientX);
     setSelectionEndX(clientX);
   };
+
   const onBlur = e => {
     if (isFocused) onBlurProp();
     setFocused(false);
   };
+
   const onFocus = (e, i) => {
     const charObj = getCharByIndex(i);
     if (!charObj) return false;
@@ -680,25 +782,32 @@ function InputMask() {
       ref
     } = charObj;
     (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
+
     if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
       onFocus(e, i + 1);
       return false;
     }
+
     if (!isFocused) onFocusProp(e);
     setFocused(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)();
-    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;
+    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 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData("Text")) || e.text;
     if (!pastedText) return false;
     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) => {
@@ -716,10 +825,12 @@ function InputMask() {
         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;
@@ -727,20 +838,19 @@ function InputMask() {
           char,
           maskChar,
           isSpecialSymbol
-        } = charObj;
+        } = charObj; // If Char Is Valid
 
-        // If Char Is Valid
         if (!isValidChar({
           char: pastedChar,
           i: index,
           disableErrors: true
-        })) continue;
+        })) continue; // If Char Already Replaced
 
-        // If Char Already Replaced
         if (replacedIndexes.includes(index)) continue;
         isReplaced = true;
         isValid = true;
         replacedIndexes.push(index);
+
         if (imitateTypingOnPaste) {
           setTimeout(() => {
             updateInnerValueChar({
@@ -753,6 +863,7 @@ function InputMask() {
           }, index);
         }
       }
+
       return {
         char: pastedChar,
         isValid
@@ -762,41 +873,49 @@ function InputMask() {
     if (setFocusToEnd) setFocusOnChar(lastCharIndex + 1, i);
     return lastCharIndex;
   };
+
   const onCopy = (e, i) => {
     try {
       e.stopPropagation();
       e.preventDefault();
     } catch (error) {}
+
     (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
   };
+
   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 //
-
+  }; // 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);
     return false;
   };
+
   const selectAllText = e => {
     e.preventDefault();
     e.stopPropagation();
@@ -806,12 +925,15 @@ function InputMask() {
     (0, _functions.selectElementContents)(inputRef.current);
     setSelectedText((0, _functions.getSelectionText)());
   };
+
   const deleteSelectedText = () => {
     var _getClearInnerValueAs2;
+
     const selStartInd = getSelectStartIndex();
     if (selStartInd === null || selStartInd === undefined) return false;
     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) {
       const text = innerValue.slice().filter((_ref16, index) => {
         let {
@@ -836,17 +958,18 @@ function InputMask() {
         char: ""
       }, index);
     }
+
     setFocusOnChar(selStartInd, -1);
     return true;
-  };
-  // FUNCTIONS | END //
-
+  }; // FUNCTIONS | END //
   ///--- OBSERVERS ---///
   // Input Throttling
+
+
   (0, _react.useEffect)(() => {
     if (isInputThrottled) setTimeout(() => setIsInputThrottled(false), inputThrottlingTimeout);
-  }, [isInputThrottled]);
-  //Render Mask
+  }, [isInputThrottled]); //Render Mask
+
   (0, _react.useEffect)(() => {
     setInnerValue([]);
     setMaskRendered(false);
@@ -875,20 +998,22 @@ function InputMask() {
         let valueCharIndex = 0;
         innerValue.map((_ref18, i) => {
           var _maskPattern;
+
           let {
             isSpecialSymbol
           } = _ref18;
           if (isSpecialSymbol) return false;
           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,
             i,
@@ -898,27 +1023,26 @@ function InputMask() {
               char
             }, i);
           }
+
           ++valueCharIndex;
         });
       }
+
       setIsInitValue(true);
     }
   }, [isMaskRendered, value, isInitValue]);
   (0, _react.useEffect)(() => {
     if (isInitValue) setUndoValue(getClearInnerValueAsString());
-  }, [isInitValue]);
+  }, [isInitValue]); // Focus Observer
 
-  // Focus Observer
   (0, _react.useEffect)(() => {
     if (!isFocused) setSelectedText("");
-  }, [isFocused]);
+  }, [isFocused]); // Default Focused
 
-  // Default Focused
   (0, _react.useEffect)(() => {
     if (isFocusedDefault && isMaskRendered) setFocusOnChar(0, -1);
-  }, [isFocusedDefault, isMaskRendered]);
+  }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
 
-  // OnChange Observer
   (0, _react.useEffect)(() => {
     if (isMaskRendered && isFocused) {
       setError(false);
@@ -929,9 +1053,8 @@ function InputMask() {
       if (returnMaskedValue) values.reverse();
       onChangeProp(...values);
     }
-  }, [innerValue, isMaskRendered]);
+  }, [innerValue, isMaskRendered]); // Blink Error
 
-  // Blink Error
   (0, _react.useEffect)(() => {
     if (blinkError) setTimeout(() => setBlinkError(false), blinkDuration);
   }, [blinkError]);
@@ -942,11 +1065,13 @@ function InputMask() {
       setSelectionStartX(null);
       setSelectionEndX(null);
     }
+
     if (!isMouseDown && isSelecting) {
       document.addEventListener("keydown", e => pushServiceWatcher(() => onKeyDown(e)), {
         once: true
       });
     }
+
     if (!isMouseDown && isSelecting && !(0, _functions.getSelectionText)().length) setIsSelecting(false);
   }, [isSelecting, isMouseDown]);
   (0, _react.useEffect)(() => {
@@ -960,9 +1085,7 @@ function InputMask() {
   (0, _react.useEffect)(() => {
     setError(customError !== "");
     setErrorMessage(customError === "" ? errors.default : customError);
-  }, [customError, isError]);
-
-  ///--- RENDER ---///
+  }, [customError, isError]); ///--- RENDER ---///
 
   const renderChar = function (obj, i) {
     let className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
@@ -1009,22 +1132,30 @@ function InputMask() {
       onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
     }, !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) => 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);
       }
+
       const isMaskItem = (() => char === "")();
+
       return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);
     });
   };
+
   const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("input-mask_wrapper", className, {
@@ -1042,8 +1173,7 @@ function InputMask() {
       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: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
-      onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
-      // onMouseUp={cancelDefaultAction}
+      onMouseMove: e => cancelDefaultAction(e, onMouseDownMove) // onMouseUp={cancelDefaultAction}
       ,
       onClick: onWrapperClick,
       onBlur: onBlur
@@ -1079,5 +1209,6 @@ function InputMask() {
       className: "input-mask_error-text"
     }, errorMessage));
   };
+
   return render();
 }