intelicoreact 1.6.2 → 1.6.4

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

@@ -1,40 +1,95 @@
-/* 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { createRef, useEffect, useRef, useState } from "react";
-import cn from "classnames";
-import { X } from "react-feather";
-import Hint from "../../UI/Hint/Hint";
-import { KEYBOARD_SERVICE_KEYS } from "./../../../Constants/index.constants.js";
-// import { KEYBOARD_SERVICE_KEYS } from './index.constants.js';
-import { setCaretPosition } from "./InputCarretPosition";
-import { ANDROID_CHROME_TEXT_CODE, DEFAULT_ERRORS, DIGIT_MASK_CHAR, EXCLUDED_KEYS, LOWERCASE_LETTER_MASK_CHAR, SPACE_CHAR, UPPERCASE_LETTER_MASK_CHAR } from "./config";
-import { copyToClipboard, getSelectionText, isDigit, isDigitMaskChar, isLetter, isLetterMaskChar, isLowerCaseLetter, isUpperCaseLetter, resetSelectionText, selectElementContents, voidFn } from "./functions";
-import "./InputMask.scss";
-export default function InputMask({ 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 = 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 = "input-mask" } = {}) {
+/* 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 */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return InputMask;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+const _indexconstants = require("./../../../Constants/index.constants.js");
+const _InputCarretPosition = require("./InputCarretPosition");
+const _config = require("./config");
+const _functions = require("./functions");
+require("./InputMask.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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 InputMask({ 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 = "input-mask" } = {}) {
     const errors = {
-        ...DEFAULT_ERRORS,
+        ..._config.DEFAULT_ERRORS,
         ...customErrors
     };
-    const [isMaskRendered, setMaskRendered] = useState(false);
-    const inputRef = useRef(null);
-    const [isMouseDown, setIsMouseDown] = useState(false);
-    const [isFocused, setFocused] = useState(false);
-    const [isInitValue, setIsInitValue] = useState(false);
+    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] = useState(false);
+    const [isInputThrottled, setIsInputThrottled] = (0, _react.useState)(false);
     // ERRORS MANAGEMENT FUNCTIONS | START //
-    const [isError, setError] = useState(false);
-    const [blinkError, setBlinkError] = useState(false);
-    const [errorMessage, setErrorMessage] = useState(errors.default);
+    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 //
     // SELECTION MANAGEMENT FUNCTIONS | START //
-    const [isSelecting, setIsSelecting] = useState(false);
-    const [selectedText, setSelectedText] = useState("");
-    const [selectionStartX, setSelectionStartX] = useState(null);
-    const [selectionEndX, setSelectionEndX] = useState(null);
+    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 //
     // SERVICE WATCHERS MANAGEMENT FUNCTIONS | START //
-    const [serviceWatchers, setServiceWatchers] = useState([]);
+    const [serviceWatchers, setServiceWatchers] = (0, _react.useState)([]);
     const pushServiceWatcher = (fn)=>setServiceWatchers((state)=>[
                 ...state,
                 {
@@ -45,22 +100,22 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     const popServiceWatcher = ()=>{
         const [poped, ...rest] = serviceWatchers;
         setServiceWatchers(rest);
-        return poped.fn || voidFn;
+        return poped.fn || _functions.voidFn;
     };
     const serviceWatchersWorker = ()=>{
         popServiceWatcher()();
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (serviceWatchers.length) serviceWatchersWorker();
     }, [
         serviceWatchers
     ]);
     // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
     // INNER VALUE MANAGEMENT FUNCTIONS | START //
-    const [innerValue, setInnerValue] = useState([]);
-    const [undoValue, setUndoValue] = useState("");
-    const [redoValue, setRedoValue] = useState(null);
-    const [isUndoValueBlocked, setIsUndoValueBlocked] = useState(false);
+    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 = ({ char, i = null, data = {} })=>{
         setInnerValue((state)=>{
             const stateCopy = [
@@ -91,32 +146,32 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     const isValidChar = ({ char: key, i, disableErrors = false })=>{
         const maskChar = getMaskCharByIndex(i);
         switch(maskChar){
-            case DIGIT_MASK_CHAR:
-                if (!isDigit(key)) {
+            case _config.DIGIT_MASK_CHAR:
+                if (!(0, _functions.isDigit)(key)) {
                     if (!disableErrors) {
                         setErrorMessage(errors.onlyDigit);
                     }
                     return false;
                 }
                 break;
-            case UPPERCASE_LETTER_MASK_CHAR:
+            case _config.UPPERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toUpperCase();
-                if (!isLetter(key) && !isCaseSensitive) {
+                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !isUpperCaseLetter(key)) {
+                if (isCaseSensitive && !(0, _functions.isUpperCaseLetter)(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
                     return false;
                 }
                 break;
-            case LOWERCASE_LETTER_MASK_CHAR:
+            case _config.LOWERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toLowerCase();
-                if (!isLetter(key) && !isCaseSensitive) {
+                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !isLowerCaseLetter(key)) {
+                if (isCaseSensitive && !(0, _functions.isLowerCaseLetter)(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
                     return false;
                 }
@@ -127,10 +182,10 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         return true;
     };
     const isSpecialSymbolMaskChar = ({ char })=>{
-        return !isDigitMaskChar(char) && !isLetterMaskChar(char);
+        return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
     };
     const isSpecialSymbolChar = ({ char })=>{
-        return !isDigit(char) && !isLetter(char);
+        return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
     };
     // CHECKERS | END //
     // GETTERS | START //
@@ -141,13 +196,13 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         const isSpecialSymbolMask = isSpecialSymbolMaskChar({
             char
         });
-        if (char === " ") char = SPACE_CHAR;
+        if (char === " ") char = _config.SPACE_CHAR;
         return {
             char: isSpecialSymbolMask ? char : "",
             maskChar: char,
             isSpecialSymbol: isSpecialSymbolMask,
             isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
-            ref: /*#__PURE__*/ createRef(),
+            ref: /*#__PURE__*/ (0, _react.createRef)(),
             ...data
         };
     };
@@ -187,8 +242,8 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         if (usePatternPlaceholder) {
             return maskPatternPlaceholder[i] || maskPlaceholder;
         } else {
-            if (isDigitMaskChar(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
-            if (isLetterMaskChar(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
+            if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
+            if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
             return maskPlaceholder;
         }
     };
@@ -206,7 +261,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     };
     const getLastTypedIndex = ()=>{
         return innerValue.reduce((lastIndex, { char, isSpecialSymbol }, i)=>{
-            if (!isSpecialSymbol && char !== SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
+            if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
             return lastIndex;
         }, -1) + 1;
     };
@@ -226,7 +281,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             return false;
         }
         (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
-        setTimeout(()=>setCaretPosition(ref.current, 0), 10);
+        setTimeout(()=>(0, _InputCarretPosition.setCaretPosition)(ref.current, 0), 10);
         return true;
     };
     // SETTERS | END //
@@ -247,7 +302,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             setUndoValue(getClearInnerValueAsString());
             setIsUndoValueBlocked(true);
         }
-        if (getSelectionText().length) return deleteSelectedText();
+        if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
         const prevIndex = i - 1;
         const charObj = getCharByIndex(prevIndex);
         if (!charObj) return false;
@@ -274,7 +329,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             setUndoValue(getClearInnerValueAsString());
             setIsUndoValueBlocked(true);
         }
-        if (getSelectionText().length) return deleteSelectedText();
+        if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
         const nextIndex = i + 1;
         const charObj = getCharByIndex(i);
         if (!charObj) return false;
@@ -332,7 +387,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         var _getClearInnerValueAsString;
         if (isSelecting && !disableIsSelectingCheck) {
             deleteSelectedText();
-            resetSelectionText();
+            (0, _functions.resetSelectionText)();
             setIsSelecting(false);
             setTimeout(()=>handleKeyDown(e, getSelectStartIndex(), {
                     disableErrors,
@@ -350,7 +405,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         const charObj = getCharByIndex(i);
         // Android Text Typing FIX
         // eslint-disable-next-line eqeqeq
-        if (keyCode == ANDROID_CHROME_TEXT_CODE) {
+        if (keyCode == _config.ANDROID_CHROME_TEXT_CODE) {
             const { ref: charRef } = charObj;
             key = await new Promise((resolve)=>{
                 setTimeout(()=>{
@@ -374,7 +429,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         const { isSpecialSymbol, maskChar, isReadOnly } = charObj;
         if (isReadOnly) return false;
         //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
-        if (maskChar === SPACE_CHAR) return await handleKeyDown(e, i + 1);
+        if (maskChar === _config.SPACE_CHAR) return await handleKeyDown(e, i + 1);
         if (isSpecialSymbol && maskChar !== key) return false;
         if (!isValidChar({
             char: key,
@@ -430,16 +485,16 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             ...e,
             target
         }, i);
-        if (KEYBOARD_SERVICE_KEYS.includes(key) && EXCLUDED_KEYS.includes(key)) return true;
+        if (_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
         setError(false);
         clearErrorMessage();
         if (ctrlKey || altKey) {
-            if (!KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+            if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
             return true;
         }
         e.preventDefault();
         e.stopPropagation();
-        const handleResult = KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
+        const handleResult = _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
         if (blinkErrors && !handleResult && i !== null) {
             setBlinkError(true);
         }
@@ -449,7 +504,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        if (isSelecting && (selectedText.length || getSelectionText().length) && !ignoreIsSelecting) return false;
+        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);
@@ -466,7 +521,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             disableErrors: true
         })) i = getLastTypedIndex();
         setIsSelecting(false);
-        resetSelectionText();
+        (0, _functions.resetSelectionText)();
         setTimeout(()=>onClick(e, ()=>setFocusOnChar(i, 0), {
                 ignoreIsSelecting: true
             }), 50);
@@ -500,7 +555,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         const charObj = getCharByIndex(i);
         if (!charObj) return false;
         const { isSpecialSymbol, ref } = charObj;
-        setCaretPosition(ref.current, 0);
+        (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
         if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
             onFocus(e, i + 1);
             return false;
@@ -515,7 +570,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             e.preventDefault();
         } catch (error) {}
         setIsSelecting(false);
-        resetSelectionText();
+        (0, _functions.resetSelectionText)();
         const pastedText = ((_this = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _this === void 0 ? void 0 : _this.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 = [];
@@ -526,7 +581,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
                 text
             }, fromIndex, false);
         }
-        pastedText.split("").filter((char)=>isDigit(char) || isLetter(char)).map((pastedChar, offset)=>{
+        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;
@@ -571,7 +626,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        copyToClipboard(getSelectionText());
+        (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
     };
     const onCut = (e, i)=>{
         if (!isUndoValueBlocked) {
@@ -582,7 +637,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        copyToClipboard(getSelectionText());
+        (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
         deleteSelectedText();
         setIsSelecting(false);
         setFocusOnChar(i, 0);
@@ -591,7 +646,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     // FUNCTIONS | START //
     const cancelDefaultAction = (e, cb)=>{
         const { key } = e;
-        if (!EXCLUDED_KEYS.includes(key) && KEYBOARD_SERVICE_KEYS.includes(key)) {
+        if (!_config.EXCLUDED_KEYS.includes(key) && _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
             e.preventDefault();
             e.stopPropagation();
         }
@@ -604,15 +659,15 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         setIsSelecting(true);
         setSelectionStartX(-1);
         setSelectionEndX(-1);
-        selectElementContents(inputRef.current);
-        setSelectedText(getSelectionText());
+        (0, _functions.selectElementContents)(inputRef.current);
+        setSelectedText((0, _functions.getSelectionText)());
     };
     const deleteSelectedText = ()=>{
         var _getClearInnerValueAsString;
         const selStartInd = getSelectStartIndex();
         if (selStartInd === null || selStartInd === undefined) return false;
-        const selEndInd = getSelectionText().length + selStartInd;
-        resetSelectionText();
+        const selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
+        (0, _functions.resetSelectionText)();
         if (maskAsPlaceholder && ((_getClearInnerValueAsString = getClearInnerValueAsString(selEndInd + 1)) === null || _getClearInnerValueAsString === void 0 ? void 0 : _getClearInnerValueAsString.length) !== 0) {
             const text = innerValue.slice().filter(({ isSpecialSymbol, isCharSymbol }, index)=>{
                 if (maxEditableLen !== -1 && index > maxEditableLen - 1) return false;
@@ -634,13 +689,13 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     // FUNCTIONS | END //
     ///--- OBSERVERS ---///
     // Input Throttling
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isInputThrottled) setTimeout(()=>setIsInputThrottled(false), inputThrottlingTimeout);
     }, [
         isInputThrottled
     ]);
     //Render Mask
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setInnerValue([]);
         setMaskRendered(false);
         if (!maskPattern) maskPattern = "";
@@ -661,12 +716,12 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     }, [
         maskPattern
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (value !== getClearInnerValueAsString()) setIsInitValue(false);
     }, [
         value
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isMaskRendered && !isInitValue && value !== getClearInnerValueAsString()) {
             if (value && value !== "") {
                 let valueCharIndex = 0;
@@ -700,26 +755,26 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         value,
         isInitValue
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isInitValue) setUndoValue(getClearInnerValueAsString());
     }, [
         isInitValue
     ]);
     // Focus Observer
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!isFocused) setSelectedText("");
     }, [
         isFocused
     ]);
     // Default Focused
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isFocusedDefault && isMaskRendered) setFocusOnChar(0, -1);
     }, [
         isFocusedDefault,
         isMaskRendered
     ]);
     // OnChange Observer
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isMaskRendered && isFocused) {
             setError(false);
             clearErrorMessage();
@@ -737,15 +792,15 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         isMaskRendered
     ]);
     // Blink Error
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (blinkError) setTimeout(()=>setBlinkError(false), blinkDuration);
     }, [
         blinkError
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!isSelecting) {
             setSelectedText("");
-            resetSelectionText();
+            (0, _functions.resetSelectionText)();
             setSelectionStartX(null);
             setSelectionEndX(null);
         }
@@ -754,20 +809,20 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
                 once: true
             });
         }
-        if (!isMouseDown && isSelecting && !getSelectionText().length) setIsSelecting(false);
+        if (!isMouseDown && isSelecting && !(0, _functions.getSelectionText)().length) setIsSelecting(false);
     }, [
         isSelecting,
         isMouseDown
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         document.addEventListener("mouseup", ()=>{
             setIsMouseDown((isMouseDown)=>{
-                if (isMouseDown) setSelectedText(getSelectionText());
+                if (isMouseDown) setSelectedText((0, _functions.getSelectionText)());
                 return false;
             });
         });
     }, []);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setError(customError !== "");
         setErrorMessage(customError === "" ? errors.default : customError);
     }, [
@@ -778,19 +833,19 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
     const renderChar = (obj, i, className = "")=>{
         const { char, ref, maskChar, isSpecialSymbol } = obj;
         const prevChar = getCharByIndex(i - 1);
-        if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/ _jsx("span", {
+        if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
             style: {
                 width: "1px"
             }
         });
-        return /*#__PURE__*/ _jsx("span", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
             tabIndex: i === 0 ? 0 : -1,
             "attr-char-id": i,
             className: `
           input-mask_value_item
           ${className}
-          ${isDigitMaskChar(obj.maskChar) ? "input-mask_value_item--digit" : ""}
-          ${isLetterMaskChar(obj.maskChar) ? "input-mask_value_item--letter" : ""}
+          ${(0, _functions.isDigitMaskChar)(obj.maskChar) ? "input-mask_value_item--digit" : ""}
+          ${(0, _functions.isLetterMaskChar)(obj.maskChar) ? "input-mask_value_item--letter" : ""}
           ${obj.isSpecialSymbol ? "input-mask_value_item--spec" : ""}
         `,
             onClick: (e)=>onCharClick(e, i),
@@ -803,7 +858,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             onKeyDown: (e)=>onKeyDown(e, i),
             onChange: cancelDefaultAction,
             contentEditable: !isSelecting,
-            inputMode: 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: (e)=>onPaste(e, i),
             onCopy: (e)=>onCopy(e, i),
@@ -817,7 +872,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             },
             onMouseDown: (e)=>cancelDefaultAction(e, ()=>setIsMouseDown(true)),
             onMouseMove: (e)=>cancelDefaultAction(e, onMouseDownMove),
-            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
+            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
         }, i);
     };
     const renderMaskChar = (obj, i)=>renderChar(obj, i, "input-mask_value_item_mask-char");
@@ -834,9 +889,9 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
         });
     };
     const render = ()=>{
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
-            className: cn("input-mask_wrapper", className, {
+            className: (0, _classnames.default)("input-mask_wrapper", className, {
                 disabled
             }, {
                 "input-mask_error": isError
@@ -848,7 +903,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
             onClick: onWrapperClick,
             onBlur: onBlur,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: `
             input-mask
             ${isError ? "input-mask_error" : ""}
@@ -861,19 +916,19 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
                     onClick: onWrapperClick,
                     onBlur: onBlur,
                     children: [
-                        showHint && isHintLeft && /*#__PURE__*/ _jsx("div", {
+                        showHint && isHintLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_hint input-mask_hint--left",
-                            children: /*#__PURE__*/ _jsx(Hint, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
                             })
                         }),
-                        isIconLeft && showIcon && /*#__PURE__*/ _jsx("div", {
+                        isIconLeft && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_icon input-mask_icon--left",
                             children: icon
                         }),
-                        /*#__PURE__*/ _jsx("div", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_value",
                             ref: inputRef,
                             onKeyUp: cancelDefaultAction,
@@ -883,19 +938,19 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
                             onClick: onWrapperClick,
                             children: renderInputValue()
                         }),
-                        isClearable && /*#__PURE__*/ _jsx("div", {
+                        isClearable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_clear",
-                            children: /*#__PURE__*/ _jsx(X, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
                                 onClick: onClearClick
                             })
                         }),
-                        isIconRight && showIcon && /*#__PURE__*/ _jsx("div", {
+                        isIconRight && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_icon input-mask_icon--right",
                             children: icon
                         }),
-                        showHint && isHintRight && /*#__PURE__*/ _jsx("div", {
+                        showHint && isHintRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-mask_hint input-mask_hint--right",
-                            children: /*#__PURE__*/ _jsx(Hint, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
@@ -903,7 +958,7 @@ export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPla
                         })
                     ]
                 }),
-                showErrors && errorMessage && /*#__PURE__*/ _jsx("div", {
+                showErrors && errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "input-mask_error-text",
                     children: errorMessage
                 })