intelicoreact 2.0.18 → 2.0.19

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

@@ -0,0 +1,486 @@
+import '../../../styles/base.css';
+import { KEYBOARD_KEY_CODES } from "../../../Constants/index.constants.js";
+import Spinner from "../../Layout/Spinner/Spinner.js";
+import Hint from "../../UI/Hint/Hint.js";
+import { disableDefaultBehavior } from "../../../Functions/utils/disableDefaultBehavior/disableDefaultBehavior.js";
+import { DEFAULT_ERRORS } from "./config.js";
+import { isDigit, isDigitMaskChar, isLetter, isLetterMaskChar, isLowerCaseLetter, isUpperCaseLetter } from "./functions.js";
+import './InputMask3.styles.css';/* empty css                */
+import cn from "classnames";
+import { createRef, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff, X } from "react-feather";
+//#region src/Atomic/FormElements/InputMask3/InputMask3.tsx
+var InputMask3 = ({ autocomplete = "off", maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, maxEditableIndex = -1, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, isLoading = false, withHiddenMode = false, hiddenChar = "*", maxHiddenIndex = -1, isValueHiddenDefault = false, isHide, icon, showIcon, isIconLeft, isIconRight, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = 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 = "input-mask", attributesOfNativeInput = {} }) => {
+	const errors = {
+		...DEFAULT_ERRORS,
+		...customErrors
+	};
+	if (maxEditableIndex === -1) maxEditableIndex = maskPattern?.length ?? 0;
+	const [isMaskRendered, setMaskRendered] = useState(false);
+	const [isFocused, setFocused] = useState(false);
+	const [isInitValue, setIsInitValue] = useState(false);
+	const [selectedLength, setSelectedLength] = useState(0);
+	const [isValueHidden, setIsValueHidden] = useState(typeof isHide === "boolean" ? isHide : isValueHiddenDefault);
+	const [isHiddenLogicInit, setIsHiddenLogicInit] = useState(false);
+	const inputRef = useRef(null);
+	const keyDownRef = useRef(null);
+	const setKeyDown = (keyCode) => keyDownRef.current = keyCode;
+	const getKeyDown = () => keyDownRef.current ?? 0;
+	const setCaret = (caret) => {
+		if (caret < 0) caret = 0;
+		const input = inputRef.current;
+		if (input) setTimeout(() => input.setSelectionRange(caret, caret), 0);
+	};
+	const [isError, setError] = useState(false);
+	const [blinkError, setBlinkError] = useState(false);
+	const [errorMessage, setErrorMessage] = useState(errors.default);
+	const clearErrorMessage = () => setErrorMessage(errors.default);
+	const [innerValue, setInnerValue] = useState([]);
+	const prevValueRef = useRef([]);
+	const addInnerValueChar = ({ char, data = {} }) => {
+		setInnerValue((state) => {
+			const stateCopy = [...state];
+			const charObj = getCharObj(char, data);
+			stateCopy.push(charObj);
+			return stateCopy;
+		});
+	};
+	const updateInnerValueChar = ({ char = null }, i) => {
+		setInnerValue((state) => {
+			if (!state[i]) return state;
+			const stateCopy = [...state];
+			if (!stateCopy[i].isSpecialSymbol && char !== null) stateCopy[i].char = char;
+			return stateCopy;
+		});
+	};
+	const resetInnerValue = () => {
+		setInnerValue((innerValue) => innerValue.map((item) => {
+			if (!item.isSpecialSymbol && item.char !== null) item.char = "";
+			return item;
+		}));
+	};
+	const setValue = (value, disableErrors = true) => {
+		value = value === null || value === void 0 ? "" : value.toString();
+		resetInnerValue();
+		const staticLength = maskPattern.length - maxEditableIndex;
+		if (value.length > maxEditableIndex) value = value.slice(0, value.length - staticLength);
+		else if (maxEditableIndex !== maskPattern?.length - 1) value = value.slice(0, maxEditableIndex);
+		let valueCharIndex = 0;
+		setInnerValue((innerValue) => {
+			return innerValue.map((item, i) => {
+				const { isSpecialSymbol } = item;
+				if (isSpecialSymbol) return item;
+				let char = value[valueCharIndex];
+				let whileLimit = maskPattern?.length || 0;
+				while (whileLimit && (isSpecialSymbolChar({ char: value[valueCharIndex] }) || !isValidChar({
+					char,
+					i,
+					disableErrors: true
+				}))) {
+					whileLimit--;
+					char = value[++valueCharIndex];
+				}
+				if (isValidChar({
+					char,
+					i,
+					disableErrors
+				})) item.char = char;
+				++valueCharIndex;
+				return item;
+			});
+		});
+	};
+	const getCharObj = (char, data = {}) => {
+		const isSpecialSymbol = isSpecialSymbolChar({ char });
+		const isSpecialSymbolMask = isSpecialSymbolMaskChar({ char });
+		if (char === " ") char = "\xA0";
+		return {
+			char: isSpecialSymbolMask ? char : "",
+			maskChar: char,
+			isSpecialSymbol: isSpecialSymbolMask,
+			isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
+			ref: createRef(),
+			...data
+		};
+	};
+	const getCharByIndex = (i) => {
+		return innerValue[i] ? { ...innerValue[i] } : void 0;
+	};
+	const getMaskCharByIndex = (i) => {
+		return innerValue[i]?.maskChar || void 0;
+	};
+	const getPlaceholderCharByIndex = (i) => {
+		const { maskChar } = getCharByIndex(i);
+		if (usePatternPlaceholder) return maskPatternPlaceholder?.[i] || maskPlaceholder;
+		if (isDigitMaskChar(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
+		if (isLetterMaskChar(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
+		return maskPlaceholder;
+	};
+	const getInputValue = ({ noLastTyppedCharIndexCheck = false, noHide = false } = {}) => {
+		let isValid = true;
+		const lastTyppedCharIndex = innerValue.reduce((result, { char, isSpecialSymbol }, i) => char !== "" && !isSpecialSymbol ? i : result, 0);
+		const value = innerValue.reduce((result, { char, isSpecialSymbol }, i) => {
+			if (char !== "" && isValid && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)) if (isValueHidden && !isSpecialSymbol && !noHide && (maxHiddenIndex === -1 || i <= maxHiddenIndex)) result += hiddenChar;
+			else result += char;
+			else isValid = false;
+			return result;
+		}, "");
+		if (getClearInnerValueAsString(value)?.length === 0) return "";
+		return value;
+	};
+	const getClearInnerValueAsString = (valueProp) => {
+		const symbolsInfo = innerValue?.map(({ isSpecialSymbol, isCharSymbol }) => ({
+			isSpecialSymbol,
+			isCharSymbol
+		}));
+		return (valueProp ?? getInputValue({
+			noLastTyppedCharIndexCheck: true,
+			noHide: true
+		}))?.split("")?.reduce((resultStr, symbol, i) => {
+			if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol) resultStr += symbol;
+			return resultStr;
+		}, "");
+	};
+	const inputValue = useMemo(getInputValue, [innerValue, isValueHidden]);
+	const isValidChar = ({ char: key, i, disableErrors = false }) => {
+		switch (getMaskCharByIndex(i)) {
+			case "D":
+				if (!isDigit(key)) {
+					if (!disableErrors) setErrorMessage(errors.onlyDigit);
+					return false;
+				}
+				break;
+			case "L":
+				if (adaptTextCase) key = key.toUpperCase();
+				if (!isLetter(key) && !isCaseSensitive) {
+					if (!disableErrors) setErrorMessage(errors.onlyLetter);
+					return false;
+				}
+				if (isCaseSensitive && !isUpperCaseLetter(key)) {
+					if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
+					return false;
+				}
+				break;
+			case "l":
+				if (adaptTextCase) key = key.toLowerCase();
+				if (!isLetter(key) && !isCaseSensitive) {
+					if (!disableErrors) setErrorMessage(errors.onlyLetter);
+					return false;
+				}
+				if (isCaseSensitive && !isLowerCaseLetter(key)) {
+					if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
+					return false;
+				}
+				break;
+			default: return false;
+		}
+		return true;
+	};
+	const isSpecialSymbolMaskChar = ({ char }) => {
+		return !isDigitMaskChar(char) && !isLetterMaskChar(char);
+	};
+	const isSpecialSymbolChar = ({ char }) => {
+		return !isDigit(char) && !isLetter(char);
+	};
+	const isSpecialSymbol = (i) => getCharByIndex(i)?.isSpecialSymbol;
+	const onVisibleChange = (e) => {
+		clearErrorMessage();
+		const { target: { value, selectionStart: caretPos }, nativeEvent } = e;
+		const { data: char } = nativeEvent;
+		if (caretPos && caretPos > maxEditableIndex) {
+			disableDefaultBehavior(e);
+			setCaret(maxEditableIndex);
+			setBlinkError(true);
+			return;
+		}
+		setValue(value);
+		const caretOffset = value.length - (caretPos ?? 0);
+		if (!value.lastIndexEqualsTo((caretPos ?? 0) - 1)) {
+			if (value.longerThan(inputValue)) if (!isValidChar({
+				char,
+				i: (caretPos ?? 0) - 1
+			})) {
+				disableDefaultBehavior(e);
+				setCaret((caretPos ?? 0) - 1);
+			} else {
+				const newCaretPos = value.length - caretOffset;
+				setCaret(isSpecialSymbol(newCaretPos) ? newCaretPos + 1 : newCaretPos);
+			}
+			else if (inputValue.longerThan(value)) switch (getKeyDown()) {
+				case KEYBOARD_KEY_CODES.Backspace:
+					if (isSpecialSymbol(caretPos ?? 0)) disableDefaultBehavior(e);
+					setCaret(caretPos ?? 0);
+					break;
+				case KEYBOARD_KEY_CODES.Delete:
+					if (isSpecialSymbol(caretPos ?? 0)) {
+						disableDefaultBehavior(e);
+						setCaret((caretPos ?? 0) + 1);
+					} else setCaret(caretPos ?? 0);
+					break;
+				default: if (selectedLength > 0) setCaret(caretPos ?? 0);
+			}
+		}
+		if (blinkErrors) setTimeout(() => {
+			if ((value.longerThan(inputValue) && !isSpecialSymbol((caretPos ?? 0) - 1) || inputValue.longerThan(value) && !isSpecialSymbol(caretPos ?? 0)) && (char && !isValidChar({
+				char,
+				i: (caretPos ?? 0) - 1
+			}) || inputValue === getInputValue() && getInputValue()[(caretPos ?? 0) - 1] !== char)) {
+				disableDefaultBehavior(e);
+				setBlinkError(true);
+			}
+		}, 0);
+	};
+	const onHiddenChange = (e) => {
+		const SSN = getInputValue({ noHide: true });
+		const { target: { value } } = e;
+		if (value.replace(/-/g, "").length < SSN.replace(/-/g, "").length) {
+			const last = SSN.length - 1;
+			setValue(SSN.slice(0, last));
+			return;
+		}
+		const numValue = value.replace(/\D/g, "");
+		let newSSN = "";
+		const staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex + 1 : maskPattern?.length;
+		if (SSN.length > staticLength) newSSN = SSN.slice(0, staticLength) + numValue;
+		else newSSN = SSN + numValue;
+		if (newSSN.length > maskPattern?.length) return;
+		setValue(newSSN);
+	};
+	const onChange = isValueHidden ? onHiddenChange : onVisibleChange;
+	const onKeyDown = (e) => {
+		onKeyDownProp?.(e);
+		const { keyCode } = e;
+		setKeyDown(keyCode);
+	};
+	const onKeyUp = (e) => {
+		setKeyDown(null);
+		if (getInputValue({ noLastTyppedCharIndexCheck: true }).length === maskPattern.length && (e.target.selectionStart ?? 0) >= maxEditableIndex) onFilledProp?.();
+	};
+	const onClearClick = (e) => {
+		e.stopPropagation();
+		e.preventDefault();
+		resetInnerValue();
+		inputRef?.current?.focus();
+		setCaret(0);
+		clearErrorMessage();
+	};
+	const onHiddenToggle = (value) => {
+		setIsValueHidden(typeof value === "boolean" ? value : !isValueHidden);
+		if (isHiddenLogicInit) inputRef?.current?.focus();
+	};
+	const onFocus = () => {
+		setFocused(true);
+		onFocusProp?.();
+	};
+	const onBlur = () => {
+		setFocused(false);
+		onBlurProp?.();
+	};
+	const onClick = (e) => {
+		const cursor = e.target.selectionStart;
+		if (cursor && cursor >= maxEditableIndex) setCaret(maxEditableIndex);
+	};
+	const onSelect = (e) => {
+		const { selectionStart, selectionEnd } = e.target ?? {};
+		setSelectedLength((selectionEnd ?? 0) - (selectionStart ?? 0));
+		if (selectionStart && selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);
+	};
+	useEffect(() => {
+		setIsInitValue(false);
+		setInnerValue([]);
+		setMaskRendered(false);
+		if (!maskPattern) maskPattern = "";
+		maskPattern.split("").map((char, id) => {
+			addInnerValueChar({
+				char,
+				data: {
+					id,
+					isReadOnly: id === maskPattern.length
+				}
+			});
+			if (value?.[id]) updateInnerValueChar({ char: value?.[id] }, id);
+			return char;
+		});
+		setMaskRendered(true);
+	}, [maskPattern]);
+	useEffect(() => {
+		if (isMaskRendered && !isInitValue || isInitValue && ![getInputValue(), getClearInnerValueAsString()].includes(value)) {
+			setValue(value);
+			setIsInitValue(true);
+		}
+	}, [
+		isMaskRendered,
+		value,
+		isInitValue
+	]);
+	useEffect(() => {
+		if (isMaskRendered && isInitValue) {
+			setError(false);
+			const values = [getClearInnerValueAsString(), getInputValue({
+				noLastTyppedCharIndexCheck: true,
+				noHide: true
+			})];
+			if (returnMaskedValue) values.reverse();
+			if (prevValueRef?.current?.[0] !== values[0] && prevValueRef?.current?.[1] !== values[1] && value !== getClearInnerValueAsString()) {
+				prevValueRef.current = values;
+				onChangeProp?.(...values);
+			}
+		}
+	}, [
+		innerValue,
+		isMaskRendered,
+		isInitValue
+	]);
+	useEffect(() => {
+		if (blinkError) setTimeout(() => {
+			setBlinkError(false);
+		}, blinkDuration);
+	}, [blinkError]);
+	useEffect(() => {
+		setError(customError !== "");
+		setErrorMessage(customError === "" ? errors.default : customError);
+	}, [customError, isError]);
+	useEffect(() => {
+		if (typeof isHide === "boolean") {
+			onHiddenToggle(isHide);
+			if (!isHiddenLogicInit) setIsHiddenLogicInit(true);
+		}
+	}, [isHide]);
+	const renderChar = (obj, i, className = "") => {
+		const { char, ref, maskChar, isSpecialSymbol } = obj;
+		return /* @__PURE__ */ jsx("span", {
+			tabIndex: -1,
+			"attr-char-id": i,
+			className: cn("input-mask_value_item", className, {
+				"input-mask_value_item--digit": isDigitMaskChar(obj.maskChar),
+				"input-mask_value_item--letter": isLetterMaskChar(obj.maskChar),
+				"input-mask_value_item--spec": obj.isSpecialSymbol,
+				"input-mask_value_item--hidden": i < inputValue.length
+			}),
+			ref,
+			children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? "\xA0" : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
+		}, i);
+	};
+	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);
+			return (() => char === "")() ? renderMaskChar(obj, i) : renderValueChar(obj, i);
+		});
+	};
+	const renderMask = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: "input-mask_value",
+			children: renderInputValue()
+		});
+	};
+	const renderInput = () => {
+		return /* @__PURE__ */ jsx("input", {
+			tabIndex: disabled || isLoading ? -1 : 0,
+			readOnly: disabled || isLoading,
+			name: name || fieldKey || id || testId || "",
+			className: `input-mask_input ${className}`,
+			ref: inputRef,
+			value: inputValue,
+			onChange,
+			onKeyDown,
+			onKeyUp,
+			onBlur,
+			onClick,
+			autoComplete: autocomplete,
+			onFocus: (...params) => {
+				if (isUseAutoSelect) inputRef.current?.select();
+				if (onFocus) onFocus(...params);
+			},
+			onDragStart: (e) => {
+				e.stopPropagation();
+				e.preventDefault();
+			},
+			onDragEnd: (e) => {
+				e.stopPropagation();
+				e.preventDefault();
+			},
+			onSelect,
+			...attributesOfNativeInput
+		});
+	};
+	const renderHideToggler = () => {
+		return /* @__PURE__ */ jsxs("span", {
+			className: "formatted-raw-ssn-eye-holder",
+			onClick: () => onHiddenToggle(value),
+			children: [" ", isValueHidden ? /* @__PURE__ */ jsx(Eye, {
+				strokeWidth: 1,
+				className: "password-icon"
+			}) : /* @__PURE__ */ jsx(EyeOff, {
+				strokeWidth: 1,
+				className: "password-icon"
+			})]
+		});
+	};
+	const renderClearButton = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: "input-mask_clear",
+			children: /* @__PURE__ */ jsx(X, { onClick: onClearClick })
+		});
+	};
+	const renderHint = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: `input-mask_hint input-mask_hint--${hintPosition}`,
+			children: /* @__PURE__ */ jsx(Hint, {
+				hint: hintText,
+				className: hintClassName,
+				side: hintPosition
+			})
+		});
+	};
+	const renderIcon = (position = "left") => {
+		return /* @__PURE__ */ jsx("div", {
+			className: `input-mask_icon input-mask_icon--${position}`,
+			children: icon
+		});
+	};
+	const render = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			"data-testid": testId,
+			className: cn("input-mask3_wrapper", className, { "input-mask_error": isError }, { "input-mask_focus": isFocused }, { "input-mask_blink-error": blinkError }, { disabled: disabled || isLoading }),
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: `
+            input-mask
+            ${isError ? "input-mask_error" : ""}
+            ${isFocused ? "input-mask_focus" : ""}
+            ${blinkError ? "input-mask_blink-error" : ""}
+          `,
+					children: [
+						showHint && isHintLeft && renderHint(),
+						isIconLeft && showIcon && renderIcon("left"),
+						renderMask(),
+						renderInput(),
+						withHiddenMode && typeof isHide !== "boolean" && renderHideToggler(),
+						isClearable && renderClearButton(),
+						isIconRight && showIcon && renderIcon("right"),
+						showHint && isHintRight && renderHint()
+					]
+				}),
+				showErrors && errorMessage && /* @__PURE__ */ jsx("div", {
+					className: "input-mask_error-text",
+					children: errorMessage
+				}),
+				isLoading && /* @__PURE__ */ jsx(Spinner, { size: "small" })
+			]
+		});
+	};
+	return render();
+};
+//#endregion
+export { InputMask3 as default };
+
+//# sourceMappingURL=InputMask3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask3.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputMask3/InputMask3.tsx"],"sourcesContent":["/* eslint-disable react-web-api/no-leaked-timeout */\n/* eslint-disable ts/no-use-before-define */\nimport type { KeyboardEventHandler, LegacyRef, MouseEventHandler, ReactElement, ReactNode } from 'react';\n\nimport type { IInputMask3CharObj, IInputMask3Props } from './InputMask3.interface';\nimport cn from 'classnames';\nimport React, { createRef, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Eye, EyeOff, X } from 'react-feather';\nimport { KEYBOARD_KEY_CODES as KEY_CODES } from '../../../Constants/index.constants';\nimport { disableDefaultBehavior } from '../../../Functions/utils/disableDefaultBehavior/disableDefaultBehavior';\n\nimport Spinner from '../../Layout/Spinner/Spinner';\n\nimport Hint from '../../UI/Hint/Hint';\nimport {\n  DEFAULT_ERRORS,\n  DIGIT_MASK_CHAR,\n  LOWERCASE_LETTER_MASK_CHAR,\n  SPACE_CHAR,\n  UPPERCASE_LETTER_MASK_CHAR,\n} from './config';\nimport {\n  isDigit,\n  isDigitMaskChar,\n  isLetter,\n  isLetterMaskChar,\n  isLowerCaseLetter,\n  isUpperCaseLetter,\n} from './functions';\nimport './InputMask3.scss';\n\nconst InputMask3: React.FC<IInputMask3Props> = ({\n  autocomplete = 'off',\n  maskPattern,\n  maskPatternPlaceholder,\n  maskPlaceholder,\n  maskDigitPlaceholder,\n  maskLetterPlaceholder,\n  usePatternPlaceholder,\n\n  maxEditableIndex = -1,\n\n  isClearable,\n  isCaseSensitive,\n  adaptTextCase,\n  isUseAutoSelect = true,\n  isLoading = false,\n\n  // Включает/отключает режим скрытия в принциепе.\n  withHiddenMode = false,\n  // Символ которым скрывааеются символы\n  hiddenChar = '*',\n  // Индекс последнего скрываемогосимвола\n  // Индекс нужно передавать с УЧЕТОМ не значащих символов маски,\n  // при этом не значащие символы скрываться НЕ будут\n  maxHiddenIndex = -1,\n  // Инициализационнное значение положения \"скрыть\" (если НЕ управляется сверху)\n  isValueHiddenDefault = false,\n\n  // ? Если передана как булева, то режим скрытия управляется ей, здешний триггер (глазик) НЕ рендерится\n  // ? Если НЕ передана ка булева, то режим скрытия обеспечиватся своим внутренним стором, здешний триггер (глазик) рендерится\n  isHide, // булева пропа для управления сверху\n\n  icon,\n  showIcon,\n  isIconLeft,\n  isIconRight,\n  value,\n  blinkErrors = true,\n  blinkDuration = 100,\n  showErrors = false,\n\n  className = '',\n  errors: customErrors = DEFAULT_ERRORS,\n  error: customError = '',\n\n  onChange: onChangeProp,\n  onFocus: onFocusProp,\n  onBlur: onBlurProp,\n  onKeyDown: onKeyDownProp,\n  onFilled: onFilledProp,\n\n  showHint = false,\n  hintText = '',\n  hintClassName = '',\n  isHintRight = true,\n  isHintLeft = false,\n  hintPosition = 'right',\n\n  hideMaskOnBlur = true,\n  returnMaskedValue = false,\n\n  name,\n  fieldKey,\n  id,\n  disabled,\n  testId = 'input-mask',\n\n  attributesOfNativeInput = {},\n}) => {\n  const errors = {\n    ...DEFAULT_ERRORS,\n    ...customErrors,\n  };\n\n  if (maxEditableIndex === -1) maxEditableIndex = maskPattern?.length ?? 0;\n\n  const [isMaskRendered, setMaskRendered] = useState(false);\n  const [isFocused, setFocused] = useState(false);\n  const [isInitValue, setIsInitValue] = useState(false);\n  const [selectedLength, setSelectedLength] = useState(0);\n  // ? Если управляется сверху, то инициируемся текущим внешним значением\n  const [isValueHidden, setIsValueHidden] = useState(\n    typeof isHide === 'boolean' ? isHide : isValueHiddenDefault,\n  );\n  const [isHiddenLogicInit, setIsHiddenLogicInit] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const keyDownRef = useRef<null | number>(null);\n  const setKeyDown = (keyCode: number | null): number | null => (keyDownRef.current = keyCode);\n  const getKeyDown = (): number => (keyDownRef.current ?? 0) as number;\n\n  const setCaret = (caret: number): void => {\n    if (caret < 0) caret = 0;\n    const input = inputRef.current;\n    if (input) setTimeout(() => input.setSelectionRange(caret, caret), 0);\n  };\n\n  // ERRORS MANAGEMENT FUNCTIONS | START //\n  const [isError, setError] = useState(false);\n  const [blinkError, setBlinkError] = useState(false);\n\n  const [errorMessage, setErrorMessage] = useState(errors.default);\n  const clearErrorMessage = (): void => setErrorMessage(errors.default);\n  // ERRORS MANAGEMENT FUNCTIONS | END //\n\n  // INNER VALUE MANAGEMENT FUNCTIONS | START //\n  const [innerValue, setInnerValue] = useState<IInputMask3CharObj[]>([]);\n\n  const prevValueRef = useRef<string[]>([]);\n\n  const addInnerValueChar = ({ char, data = {} }: { char: string, data: object }): void => {\n    setInnerValue((state) => {\n      const stateCopy = [...state];\n      const charObj = getCharObj(char, data);\n\n      stateCopy.push(charObj);\n\n      return stateCopy;\n    });\n  };\n  const updateInnerValueChar = ({ char = null }: { char: string | null }, i: number): void => {\n    setInnerValue((state) => {\n      if (!state[i]) return state;\n\n      const stateCopy = [...state];\n\n      if (!stateCopy[i].isSpecialSymbol && char !== null)\n        stateCopy[i].char = char;\n\n      return stateCopy;\n    });\n  };\n  const resetInnerValue = (): void => {\n    setInnerValue(innerValue =>\n      innerValue.map((item) => {\n        if (!item.isSpecialSymbol && item.char !== null) item.char = '';\n        return item;\n      }),\n    );\n  };\n  const setValue = (value?: null | string | number, disableErrors = true): void => {\n    value = value === null || value === undefined ? '' : value.toString();\n\n    resetInnerValue();\n    const staticLength = maskPattern.length - maxEditableIndex;\n\n    if (value.length > maxEditableIndex)\n      value = value.slice(0, value.length - staticLength);\n    else if (maxEditableIndex !== maskPattern?.length - 1)\n      value = value.slice(0, maxEditableIndex);\n    let valueCharIndex = 0;\n    setInnerValue((innerValue) => {\n      const newValue = innerValue.map((item, i) => {\n        const { isSpecialSymbol } = item;\n        if (isSpecialSymbol) return item;\n        let char = value[valueCharIndex];\n        let whileLimit = maskPattern?.length || 0;\n\n        while (\n          whileLimit\n          && (isSpecialSymbolChar({ char: value[valueCharIndex] })\n            || !isValidChar({ char, i, disableErrors: true }))\n        ) {\n          whileLimit--;\n          char = value[++valueCharIndex];\n        }\n\n        // If Valid\n        if (isValidChar({ char, i, disableErrors })) {\n          item.char = char;\n        }\n\n        ++valueCharIndex;\n\n        return item;\n      });\n\n      return newValue;\n    });\n  };\n  // INNER VALUE MANAGEMENT FUNCTIONS | END //\n\n  // GETTERS | START //\n  const getCharObj = (char: string, data = {}): IInputMask3CharObj => {\n    const isSpecialSymbol = isSpecialSymbolChar({ char });\n    const isSpecialSymbolMask = isSpecialSymbolMaskChar({ char });\n\n    if (char === ' ') char = SPACE_CHAR;\n\n    return {\n      char: isSpecialSymbolMask ? char : '',\n      maskChar: char,\n      isSpecialSymbol: isSpecialSymbolMask,\n      isCharSymbol: !isSpecialSymbol && char !== '' && isSpecialSymbolMask,\n      ref: createRef(),\n      ...data,\n    };\n  };\n  const getCharByIndex = (i: number): IInputMask3CharObj | undefined => {\n    return innerValue[i] ? { ...innerValue[i] } : undefined;\n  };\n  const getMaskCharByIndex = (i: number): string | undefined => {\n    return innerValue[i]?.maskChar || undefined;\n  };\n  const getPlaceholderCharByIndex = (i: number): string | undefined => {\n    const { maskChar } = getCharByIndex(i) as IInputMask3CharObj;\n\n    if (usePatternPlaceholder) {\n      return maskPatternPlaceholder?.[i] || maskPlaceholder;\n    }\n    if (isDigitMaskChar(maskChar) && maskDigitPlaceholder)\n      return maskDigitPlaceholder;\n    if (isLetterMaskChar(maskChar) && maskLetterPlaceholder)\n      return maskLetterPlaceholder;\n    return maskPlaceholder;\n  };\n  const getInputValue = ({\n    noLastTyppedCharIndexCheck = false,\n    noHide = false,\n  } = {}): string => {\n    let isValid = true;\n\n    const lastTyppedCharIndex = innerValue.reduce(\n      (result, { char, isSpecialSymbol }, i) =>\n        char !== '' && !isSpecialSymbol ? i : result,\n      0,\n    );\n\n    const value = innerValue.reduce((result, { char, isSpecialSymbol }, i) => {\n      if (\n        char !== ''\n        && isValid\n        && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)\n      ) {\n        if (\n          isValueHidden\n          && !isSpecialSymbol\n          && !noHide\n          && (maxHiddenIndex === -1 || i <= maxHiddenIndex)\n        ) {\n          result += hiddenChar;\n        }\n        else {\n          result += char;\n        }\n      }\n      else {\n        isValid = false;\n      }\n\n      return result;\n    }, '');\n\n    if (getClearInnerValueAsString(value)?.length === 0) return '';\n\n    return value;\n  };\n  const getClearInnerValueAsString = (valueProp?: string): string => {\n    const symbolsInfo = innerValue?.map(\n      ({ isSpecialSymbol, isCharSymbol }) => ({\n        isSpecialSymbol,\n        isCharSymbol,\n      }),\n    );\n    const clearValue = (\n      valueProp\n      ?? getInputValue({ noLastTyppedCharIndexCheck: true, noHide: true })\n    )\n      ?.split('')\n      ?.reduce((resultStr, symbol, i) => {\n        if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol)\n          resultStr += symbol;\n        return resultStr;\n      }, '');\n\n    return clearValue;\n  };\n  const inputValue = useMemo(getInputValue, [innerValue, isValueHidden]);\n  // GETTERS | END //\n\n  // CHECKERS | START //\n  const isValidChar = ({ char: key, i, disableErrors = false }: { char: string, i: number, disableErrors?: boolean }): boolean => {\n    const maskChar = getMaskCharByIndex(i);\n\n    switch (maskChar) {\n      case DIGIT_MASK_CHAR:\n        if (!isDigit(key)) {\n          if (!disableErrors) {\n            setErrorMessage(errors.onlyDigit);\n          }\n          return false;\n        }\n        break;\n\n      case UPPERCASE_LETTER_MASK_CHAR:\n        if (adaptTextCase) key = key.toUpperCase();\n\n        if (!isLetter(key) && !isCaseSensitive) {\n          if (!disableErrors) setErrorMessage(errors.onlyLetter);\n          return false;\n        }\n\n        if (isCaseSensitive && !isUpperCaseLetter(key)) {\n          if (!disableErrors) setErrorMessage(errors.onlyUpperCase);\n          return false;\n        }\n        break;\n      case LOWERCASE_LETTER_MASK_CHAR:\n        if (adaptTextCase) key = key.toLowerCase();\n\n        if (!isLetter(key) && !isCaseSensitive) {\n          if (!disableErrors) setErrorMessage(errors.onlyLetter);\n          return false;\n        }\n\n        if (isCaseSensitive && !isLowerCaseLetter(key)) {\n          if (!disableErrors) setErrorMessage(errors.onlyLowerCase);\n          return false;\n        }\n        break;\n\n      default:\n        return false;\n    }\n\n    return true;\n  };\n  const isSpecialSymbolMaskChar = ({ char }: { char: string }): boolean => {\n    return !isDigitMaskChar(char) && !isLetterMaskChar(char);\n  };\n  const isSpecialSymbolChar = ({ char }: { char: string }): boolean => {\n    return !isDigit(char) && !isLetter(char);\n  };\n  const isSpecialSymbol = (i: number): boolean | undefined => getCharByIndex(i)?.isSpecialSymbol;\n  // CHECKERS | END //\n\n  /// --- Event Handlers ---///\n\n  // GENERAL EVENT HANDLERS | START //\n  const onVisibleChange: React.ChangeEventHandler<HTMLInputElement> | undefined = (e): void => {\n    clearErrorMessage();\n\n    const {\n      target: { value, selectionStart: caretPos },\n      nativeEvent,\n    } = e;\n\n    // @ts-ignore\n    const { data: char } = nativeEvent;\n\n    if (caretPos && caretPos > maxEditableIndex) {\n      disableDefaultBehavior(e);\n      setCaret(maxEditableIndex);\n      setBlinkError(true);\n      return;\n    }\n\n    setValue(value);\n\n    const caretOffset = value.length - (caretPos ?? 0);\n\n    // Correct Caret Position\n    if (!value.lastIndexEqualsTo((caretPos ?? 0) - 1)) {\n      if (value.longerThan(inputValue)) {\n        if (!isValidChar({ char, i: (caretPos ?? 0) - 1 })) {\n          disableDefaultBehavior(e);\n          setCaret((caretPos ?? 0) - 1);\n        }\n        else {\n          const newCaretPos = value.length - caretOffset;\n          setCaret(\n            isSpecialSymbol(newCaretPos) ? newCaretPos + 1 : newCaretPos,\n          );\n        }\n      }\n      else if (inputValue.longerThan(value)) {\n        switch (getKeyDown()) {\n          case KEY_CODES.Backspace:\n            if (isSpecialSymbol((caretPos ?? 0))) {\n              disableDefaultBehavior(e);\n            }\n            setCaret((caretPos ?? 0));\n            break;\n          case KEY_CODES.Delete:\n            if (isSpecialSymbol((caretPos ?? 0))) {\n              disableDefaultBehavior(e);\n              setCaret((caretPos ?? 0) + 1);\n            }\n            else {\n              setCaret((caretPos ?? 0));\n            }\n            break;\n          default:\n            if (selectedLength > 0) {\n              setCaret((caretPos ?? 0));\n            }\n        }\n      }\n    }\n\n    /* Checking if the character is a special symbol and if it is not, it is checking if the character\n  is valid or not. If it is not valid, it will blink the error. */\n    if (blinkErrors) {\n      setTimeout(() => {\n        if (\n          ((value.longerThan(inputValue) && !isSpecialSymbol((caretPos ?? 0) - 1))\n            || (inputValue.longerThan(value) && !isSpecialSymbol((caretPos ?? 0))))\n          && ((char && !isValidChar({ char, i: (caretPos ?? 0) - 1 }))\n            || (inputValue === getInputValue()\n              && getInputValue()[(caretPos ?? 0) - 1] !== char))\n        ) {\n          disableDefaultBehavior(e);\n          setBlinkError(true);\n        }\n      }, 0);\n    }\n  };\n  const onHiddenChange: React.ChangeEventHandler<HTMLInputElement> | undefined = (e): void => {\n    const SSN = getInputValue({ noHide: true });\n\n    const {\n      target: { value },\n    } = e;\n\n    if (value.replace(/-/g, '').length < SSN.replace(/-/g, '').length) {\n      const last = SSN.length - 1;\n      setValue(SSN.slice(0, last));\n      return;\n    }\n\n    const numValue = value.replace(/\\D/g, '');\n    let newSSN = '';\n\n    // ! maxHiddenIndex - это индекс, НЕ length. Поэтому нужно добавить 1\n    const staticLength\n      = maxHiddenIndex !== -1 ? maxHiddenIndex + 1 : maskPattern?.length;\n\n    if (SSN.length > staticLength) {\n      newSSN = SSN.slice(0, staticLength) + numValue;\n    }\n    else {\n      newSSN = SSN + numValue;\n    }\n\n    if (newSSN.length > maskPattern?.length) {\n      return;\n    }\n    setValue(newSSN);\n  };\n  const onChange = isValueHidden ? onHiddenChange : onVisibleChange;\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n    onKeyDownProp?.(e);\n\n    const { keyCode } = e;\n    setKeyDown(keyCode);\n  };\n  const onKeyUp: KeyboardEventHandler<HTMLInputElement> | undefined = (e): void => {\n    setKeyDown(null);\n    // On Filled Callback\n    if (\n      getInputValue({ noLastTyppedCharIndexCheck: true }).length\n      === maskPattern.length\n      && ((e.target as HTMLInputElement).selectionStart ?? 0) >= maxEditableIndex\n    ) {\n      onFilledProp?.();\n    }\n  };\n  const onClearClick: MouseEventHandler<SVGElement> = (e): void => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    resetInnerValue();\n\n    inputRef?.current?.focus();\n    setCaret(0);\n    clearErrorMessage();\n  };\n  const onHiddenToggle = (value: boolean | string): void => {\n    // ? Добавлена возможность принудительной установки велью (опционально)\n    const newValue = typeof value === 'boolean' ? value : !isValueHidden;\n    setIsValueHidden(newValue);\n    if (isHiddenLogicInit) inputRef?.current?.focus();\n  };\n  const onFocus: React.FocusEventHandler<HTMLInputElement> | undefined = (): void => {\n    setFocused(true);\n    onFocusProp?.();\n  };\n  const onBlur = (): void => {\n    setFocused(false);\n    onBlurProp?.();\n  };\n  const onClick: React.MouseEventHandler<HTMLInputElement> | undefined = (e): void => {\n    const cursor = (e.target as HTMLInputElement).selectionStart;\n    if (cursor && cursor >= maxEditableIndex) setCaret(maxEditableIndex);\n  };\n  const onSelect = (e: React.SyntheticEvent<HTMLDivElement, Event>): void => {\n    const { selectionStart, selectionEnd } = e.target as HTMLInputElement ?? {};\n    setSelectedLength((selectionEnd ?? 0) - (selectionStart ?? 0));\n    if (selectionStart && selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);\n  };\n  // GENERAL EVENT HANDLERS | END //\n\n  /// --- OBSERVERS ---///\n  // Render Mask\n  useEffect(() => {\n    setIsInitValue(false);\n    setInnerValue([]);\n    setMaskRendered(false);\n\n    if (!maskPattern) maskPattern = '';\n\n    maskPattern.split('').map((char, id) => {\n      addInnerValueChar({\n        char,\n        data: { id, isReadOnly: id === maskPattern.length },\n      });\n      if (value?.[id]) updateInnerValueChar({ char: value?.[id] }, id);\n      return char;\n    });\n    setMaskRendered(true);\n  }, [maskPattern]);\n\n  useEffect(() => {\n    if (\n      (isMaskRendered && !isInitValue)\n      || (isInitValue\n        && ![getInputValue(), getClearInnerValueAsString()].includes(value as string))\n    ) {\n      setValue(value);\n      setIsInitValue(true);\n    }\n  }, [isMaskRendered, value, isInitValue]);\n\n  // OnChange Observer\n  useEffect(() => {\n    if (isMaskRendered && isInitValue) {\n      setError(false);\n      const values = [\n        getClearInnerValueAsString(),\n        getInputValue({ noLastTyppedCharIndexCheck: true, noHide: true }),\n      ];\n      if (returnMaskedValue) values.reverse();\n\n      if (\n        prevValueRef?.current?.[0] !== values[0]\n        && prevValueRef?.current?.[1] !== values[1]\n        && value !== getClearInnerValueAsString()\n      ) {\n        prevValueRef.current = values;\n        onChangeProp?.(...(values as []));\n      }\n    }\n  }, [innerValue, isMaskRendered, isInitValue]);\n\n  // Blink Error\n  useEffect(() => {\n    if (blinkError) {\n      setTimeout(() => {\n        setBlinkError(false);\n      }, blinkDuration);\n    }\n  }, [blinkError]);\n\n  useEffect(() => {\n    setError(customError !== '');\n    setErrorMessage(customError === '' ? errors.default : customError);\n  }, [customError, isError]);\n\n  useEffect(() => {\n    if (typeof isHide === 'boolean') {\n      onHiddenToggle(isHide);\n      if (!isHiddenLogicInit) setIsHiddenLogicInit(true);\n    }\n  }, [isHide]);\n\n  /// --- RENDER ---///\n\n  const renderChar = (obj: IInputMask3CharObj, i: number, className: string = ''): ReactNode => {\n    const { char, ref, maskChar, isSpecialSymbol } = obj;\n\n    return (\n      <span\n        tabIndex={-1}\n        key={i}\n        attr-char-id={i}\n        className={cn('input-mask_value_item', className, {\n          'input-mask_value_item--digit': isDigitMaskChar(obj.maskChar),\n          'input-mask_value_item--letter': isLetterMaskChar(obj.maskChar),\n          'input-mask_value_item--spec': obj.isSpecialSymbol,\n          'input-mask_value_item--hidden': i < inputValue.length,\n        })}\n        ref={ref as LegacyRef<HTMLSpanElement>}\n      >\n        {!isFocused\n          && hideMaskOnBlur\n          && getClearInnerValueAsString().length === 0\n          ? SPACE_CHAR\n          : isSpecialSymbol\n            ? maskChar\n            : char === ''\n              ? getPlaceholderCharByIndex(i)\n              : char}\n      </span>\n    );\n  };\n  const renderMaskChar = (obj: IInputMask3CharObj, i: number): ReactNode =>\n    renderChar(obj, i, 'input-mask_value_item_mask-char');\n  const renderValueChar = (obj: IInputMask3CharObj, i: number): ReactNode =>\n    isValueHidden && (maxHiddenIndex === -1 || i <= maxHiddenIndex)\n      ? renderChar(\n          { ...obj, char: hiddenChar },\n          i,\n          'input-mask_value_item_value-hidden-char',\n        )\n      : renderChar(obj, i, 'input-mask_value_item_value-char');\n  const renderSpecialChar = (obj: IInputMask3CharObj, i: number): ReactNode =>\n    renderChar(obj, i, 'input-mask_value_item_spec-char');\n  const renderInputValue = (): ReactNode => {\n    return innerValue.map((obj, i) => {\n      const { char, isSpecialSymbol } = obj;\n\n      if (isSpecialSymbol) {\n        return renderSpecialChar(obj, i);\n      }\n\n      const isMaskItem = (() => char === '')();\n      return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);\n    });\n  };\n  const renderMask = (): ReactNode => {\n    return <div className=\"input-mask_value\">{renderInputValue()}</div>;\n  };\n  const renderInput = (): ReactNode => {\n    return (\n      <input\n        tabIndex={disabled || isLoading ? -1 : 0}\n        readOnly={disabled || isLoading}\n        name={name || fieldKey || id || testId || ''}\n        className={`input-mask_input ${className}`}\n        ref={inputRef}\n        value={inputValue}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        onBlur={onBlur}\n        onClick={onClick}\n        autoComplete={autocomplete}\n        onFocus={(...params) => {\n          if (isUseAutoSelect) inputRef.current?.select();\n          if (onFocus) onFocus(...params);\n        }}\n        onDragStart={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n        onDragEnd={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n        onSelect={onSelect}\n        {...attributesOfNativeInput}\n      />\n    );\n  };\n  const renderHideToggler = (): ReactNode => {\n    return (\n      <span className=\"formatted-raw-ssn-eye-holder\" onClick={() => onHiddenToggle(value as string)}>\n        {' '}\n        {isValueHidden\n          ? (\n              <Eye strokeWidth={1} className=\"password-icon\" />\n            )\n          : (\n              <EyeOff strokeWidth={1} className=\"password-icon\" />\n            )}\n      </span>\n    );\n  };\n  const renderClearButton = (): ReactNode => {\n    return (\n      <div className=\"input-mask_clear\">\n        <X onClick={onClearClick} />\n      </div>\n    );\n  };\n  const renderHint = (): ReactNode => {\n    return (\n      <div className={`input-mask_hint input-mask_hint--${hintPosition}`}>\n        <Hint hint={hintText} className={hintClassName} side={hintPosition} />\n      </div>\n    );\n  };\n  const renderIcon = (position: 'left' | 'right' = 'left'): ReactNode => {\n    return (\n      <div className={`input-mask_icon input-mask_icon--${position}`}>\n        {icon}\n      </div>\n    );\n  };\n  const render = (): ReactElement => {\n    return (\n      <div\n        data-testid={testId}\n        className={cn(\n          'input-mask3_wrapper',\n          className,\n          { 'input-mask_error': isError },\n          { 'input-mask_focus': isFocused },\n          { 'input-mask_blink-error': blinkError },\n          { disabled: disabled || isLoading },\n        )}\n        tabIndex={-1}\n      >\n        <div\n          className={`\n            input-mask\n            ${isError ? 'input-mask_error' : ''}\n            ${isFocused ? 'input-mask_focus' : ''}\n            ${blinkError ? 'input-mask_blink-error' : ''}\n          `}\n        >\n          {showHint && isHintLeft && renderHint()}\n          {isIconLeft && showIcon && renderIcon('left')}\n          {renderMask()}\n          {renderInput()}\n          {/* Если isHide булева, значит будем управлять сверху, значит там свой триггер */}\n          {withHiddenMode && typeof isHide !== 'boolean' && renderHideToggler()}\n          {isClearable && renderClearButton()}\n          {isIconRight && showIcon && renderIcon('right')}\n          {showHint && isHintRight && renderHint()}\n        </div>\n        {showErrors && errorMessage && (\n          <div className=\"input-mask_error-text\">{errorMessage}</div>\n        )}\n        {isLoading && <Spinner size=\"small\" />}\n      </div>\n    );\n  };\n\n  return render();\n}\n\nexport default InputMask3;\n"],"mappings":"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"}