intelicoreact 1.5.3 → 1.5.5

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js

@@ -1,18 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _utils = require("../../../Functions/utils");
+
 var _AccordionText = _interopRequireDefault(require("../../UI/AccordionText/AccordionText"));
+
 var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
+
 require("./FileLoaderDescription.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; }
+
 const RC = "file-loader-description";
 const UPLOAD_TRIGGER_KEY = "uploadTrigger";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
@@ -26,6 +36,7 @@ const uploadTriggerStucture = {
   error: "",
   accept: ACCEPT_EXTENSIONS_DEFAULT
 };
+
 const getStructure = data => ({
   //? Расчет на то, что data донесет свой id и перетрёт пустые велью
   value: "",
@@ -36,6 +47,7 @@ const getStructure = data => ({
   accept: ACCEPT_EXTENSIONS_DEFAULT,
   ...data
 });
+
 const accordionData = (accordionTitle, accordionListContent) => {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     testId: "accordion-title",
@@ -55,25 +67,29 @@ const accordionData = (accordionTitle, accordionListContent) => {
     }, item.description)));
   })));
 };
+
 const getSafelyInitFiles = (initFiles, maxFilesCount) => {
   if (!Array.isArray(initFiles)) return [];
   let output = (0, _utils.clone)(initFiles);
+
   if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {
     output = output.slice(0, maxFilesCount);
   }
+
   return output.map(getStructure);
 };
+
 const checkOverflow = (files, maxFilesCount, additional) => {
   const {
     error = "",
     outerError = ""
   } = additional || {};
-  return typeof maxFilesCount === 'number' && files.length < maxFilesCount ? [...files, {
-    ...(0, _utils.clone)(uploadTriggerStucture),
+  return typeof maxFilesCount === 'number' && files.length < maxFilesCount ? [...files, { ...(0, _utils.clone)(uploadTriggerStucture),
     error,
     outerError
   }] : files;
 };
+
 const FileLoaderDescription = _ref => {
   let {
     //? Для корректности работы стоит пробрасывать какой-то из id
@@ -98,16 +114,20 @@ const FileLoaderDescription = _ref => {
     if (!safelyInitFales.length) return [(0, _utils.clone)(uploadTriggerStucture)];
     return checkOverflow(safelyInitFales, maxFilesCount);
   })());
+
   const generateUniqueFileName = (files, name) => {
     let fileName = name;
     const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
     let count = 1;
+
     while (files.some(file => file.value === fileName)) {
       fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
       count += 1;
     }
+
     return fileName;
   };
+
   const handle = {
     applyFields: newFields => {
       setFiles(checkOverflow(newFields, maxFilesCount));
@@ -121,21 +141,20 @@ const FileLoaderDescription = _ref => {
         file
       } = _ref2;
       //? Работаем с филдами БЕЗ плашки добавления
-      let output = (0, _utils.clone)(files).filter(item => item.value && item.base64).map(item => ({
-        ...item,
+      let output = (0, _utils.clone)(files).filter(item => item.value && item.base64).map(item => ({ ...item,
         error: ""
       }));
       const changedField = output.find(item => id === item.id);
+
       if (!file) {
         //? Нет файла - значит это экшн удаления
         handle.applyFields(output.filter(item => item.id !== (changedField === null || changedField === void 0 ? void 0 : changedField.id)));
       } else if (error) {
         //? Есть ошибка - не должны менять содержание, только назначить ошибку
-        if (changedField) output = output.map(item => id.includes(item.id) ? {
-          ...item,
+        if (changedField) output = output.map(item => id.includes(item.id) ? { ...item,
           error
-        } : item);
-        //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
+        } : item); //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
+
         setFiles(checkOverflow(output, maxFilesCount, {
           error: !changedField ? error : null
         }));
@@ -149,8 +168,8 @@ const FileLoaderDescription = _ref => {
             value: uniqueFileName,
             base64: result,
             error: ""
-          });
-          //? Либо меняем, либо добавляем
+          }); //? Либо меняем, либо добавляем
+
           output = changedField ? output.map(item => item.id === changedField.id ? newItem : item) : [...output, newItem];
           handle.applyFields(output);
         });
@@ -161,10 +180,9 @@ const FileLoaderDescription = _ref => {
     setFiles(checkOverflow(files.filter(item => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
       outerError
     }));
-  }, [outerError]);
-
-  //? Обеспечивает чтобы верхний стейт был доминирующим
+  }, [outerError]); //? Обеспечивает чтобы верхний стейт был доминирующим
   //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFales
+
   (0, _react.useEffect)(() => {
     //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
     if (!(0, _utils.compare)(safelyInitFales, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
@@ -207,4 +225,6 @@ const FileLoaderDescription = _ref => {
     });
   }));
 };
-var _default = exports.default = FileLoaderDescription;
+
+var _default = FileLoaderDescription;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
+
 require("./FileLoaderLocal.scss");
+
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
+
 const FileLoaderLocal = _ref => {
   let {
     groupId,
@@ -31,10 +40,12 @@ const FileLoaderLocal = _ref => {
     testId,
     attributesOfNativeInput = {}
   } = _ref;
+
   const getFileName = value => {
     const result = value.match(/[^\\]+$/);
     return result === null || result === void 0 ? void 0 : result[0];
   };
+
   const renderRequiredLabel = () => {
     if (!value) {
       if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
@@ -44,22 +55,28 @@ const FileLoaderLocal = _ref => {
       }, "Optional");
     }
   };
+
   const isFileSizeOutOfLimit = file => {
     var _ref2;
+
     return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
   };
+
   const checkExtension = valueExtension => {
     return accept.includes(valueExtension);
   };
+
   const handle = {
     change: e => {
-      var _name$match, _name$split, _e$target, _e$target2;
+      var _name$match, _name$split, _e$target, _e$target$files, _e$target2, _e$target2$files;
+
       const name = getFileName(e.target.value);
-      const valueExtension = name === null || name === void 0 || (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
+      const valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
       const fileName = (_name$split = name.split(".")) === null || _name$split === void 0 ? void 0 : _name$split[0];
       const latinRegex = /^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/;
-      const file = (_e$target = e.target) === null || _e$target === void 0 || (_e$target = _e$target.files) === null || _e$target === void 0 ? void 0 : _e$target[0];
-      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2 = _e$target2.files) === null || _e$target2 === void 0 ? void 0 : _e$target2[0])) {
+      const file = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$files = _e$target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
+
+      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
         onChange({
           id,
           name,
@@ -71,7 +88,8 @@ const FileLoaderLocal = _ref => {
         });
       } else if (!checkExtension(valueExtension)) {
         var _accept$replace;
-        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
+
+        const allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
         const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
         onChange({
           id,
@@ -146,4 +164,6 @@ const FileLoaderLocal = _ref => {
     })
   }), renderRequiredLabel()));
 };
-var _default = exports.default = FileLoaderLocal;
+
+var _default = FileLoaderLocal;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -1,23 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
+
 var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
+
 var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
+
 require("./FileLoaderLocalGroup.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable no-console */
 
+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-console */
 const DEFAULT_LABEL_PREFIX = "Please attach";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
+
 const FileLoaderLocalGroup = _ref => {
   let {
     className,
@@ -29,8 +40,10 @@ const FileLoaderLocalGroup = _ref => {
     alertText
   } = _ref;
   const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
+
   const getNewFile = group => {
     var _group$files, _group$files2, _group$maxItemSizeByt, _group$files3, _group$files4;
+
     return {
       id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
       value: "",
@@ -42,20 +55,23 @@ const FileLoaderLocalGroup = _ref => {
       fieldKey: isNaN(((_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.at(-1).id) + 1) ? 1 : ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.at(-1).id) + 1
     };
   };
+
   const generateUniqueFileName = (files, name) => {
     let fileName = name;
     const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
     let count = 1;
+
     while (files.some(file => file.value === fileName)) {
       fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
       count += 1;
     }
+
     return fileName;
   };
+
   (0, _react.useEffect)(() => {
     const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(group => {
-      return {
-        ...group,
+      return { ...group,
         files: [getNewFile(group)]
       };
     });
@@ -75,6 +91,7 @@ const FileLoaderLocalGroup = _ref => {
       const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
       const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
       const changedField = files.find(item => Number(item.id) === Number(id));
+
       if (error) {
         changedField.value = name;
         changedField.error = error;
@@ -88,19 +105,17 @@ const FileLoaderLocalGroup = _ref => {
           changedField.error = "";
           const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
             if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
-              return {
-                ...group,
+              return { ...group,
                 files: [...group.files]
               };
             } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
-              return {
-                ...group,
-                files: [...group.files, {
-                  ...getNewFile(group),
+              return { ...group,
+                files: [...group.files, { ...getNewFile(group),
                   isRequired: group.files.length > 1
                 }]
               };
             }
+
             return group;
           });
           setGroups([...oldDataWithNewFile]);
@@ -109,20 +124,18 @@ const FileLoaderLocalGroup = _ref => {
       } else {
         const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
           if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
-            return {
-              ...group,
-              files: [{
-                ...getNewFile(group),
+            return { ...group,
+              files: [{ ...getNewFile(group),
                 value: "",
                 base64: ""
               }]
             };
           } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
-            return {
-              ...group,
+            return { ...group,
               files: group.files.filter(item => item.id !== id)
             };
           }
+
           return group;
         });
         setGroups([...oldDataWithRemovedFile]);
@@ -130,9 +143,12 @@ const FileLoaderLocalGroup = _ref => {
       }
     }
   };
+
   const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
+
   return groups === null || groups === void 0 ? void 0 : groups.map(group => {
     var _group$files5;
+
     return /*#__PURE__*/_react.default.createElement("div", {
       key: group.groupId,
       className: (0, _classnames.default)("file-loader-local-groups", className)
@@ -150,8 +166,9 @@ const FileLoaderLocalGroup = _ref => {
     }), /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
       className: "file-loader-local-groups__item"
-    }, group === null || group === void 0 || (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
+    }, group === null || group === void 0 ? void 0 : (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
       var _group$files6, _group$files7;
+
       return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
         groupId: group === null || group === void 0 ? void 0 : group.groupId,
         fieldKey: file !== null && file !== void 0 && file.fieldKey ? "".concat(file.fieldKey, ":").concat(group === null || group === void 0 ? void 0 : group.groupId, ":").concat(Math.random().toString().slice(-4)) : file === null || file === void 0 ? void 0 : file.id,
@@ -170,4 +187,6 @@ const FileLoaderLocalGroup = _ref => {
     })));
   });
 };
-var _default = exports.default = FileLoaderLocalGroup;
+
+var _default = FileLoaderLocalGroup;
+exports.default = _default;

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js

@@ -1,102 +1,128 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
-var _Input = _interopRequireDefault(require("../Input/Input"));
+
+var _InputMask = _interopRequireDefault(require("../InputMask3/InputMask3"));
+
 require("./FormattedRawSSN.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; }
+
+const DEFAULT_SSN_MASK = "DDD-DD-DDDD";
+const SIGNIFICANT_CHARACTERS = ['D'];
+
 const FormattedRawSSN = _ref => {
-  var _value$substring;
   let {
     value = "",
-    postfix = "",
     onChange: onChangeProp = () => {},
-    maskChar = "*",
     testId,
+    // ! ВСЕ "пляшет" от fullSnnMask и significantChars
+    // Маска для полного snn (технически ограничений нет, НО нужно передавать то, что понимает InputMask3)
+    fullSnnMask = DEFAULT_SSN_MASK,
+    // Значащие символы в fullSnnMask
+    // Технически ограничений нет, НО нужно передавать
+    //    - массив ОДИНОЧНЫХ символов
+    //    - массив тех символов, которые правильно трактуются в InputMask3 (смотри InputMask3/config)
+    significantChars = SIGNIFICANT_CHARACTERS,
+    // Символ для маскировки
+    maskChar = "*",
+    // Инициализационное значение (сразу скрывать или нет)
     isHiddenDefault = true,
+    // Максимальное значение ВВОДИМЫХ цифр
     maxLen = 9,
+    // ? Речь о значащих символах
+    // Сколько из ПЕРВЫХ вводимых нужно прятать при включении мода маскировки
+    countOfFirstDigitsToHide = 5,
+    // ? Речь о значащих символах
+    // Статическая часть
+    postfix = "",
     ...args
   } = _ref;
-  const [SSN, setSSN] = (0, _react.useState)((_value$substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value$substring !== void 0 ? _value$substring : "");
+  // ? Будем пользоваться своим (верхним относительно InputMask3) стейтом
+  // ? Это потребует отрисовки триггера "поверх" InputMask3.
   const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
   const wrapperRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    var _value$toString$subst, _value$toString;
-    setSSN((_value$toString$subst = value === null || value === void 0 || (_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString.substring(0, maxLen)) !== null && _value$toString$subst !== void 0 ? _value$toString$subst : "");
-  }, [value]);
+
   const onChange = value => {
-    if (!value && value !== "") return "";
-    if (value.replace(/-/g, "").length < SSN.length) {
-      const last = SSN.length - 1;
-      setSSN(SSN.slice(0, last));
-      return;
-    }
-    const numValue = value.replace(/\D/g, "");
-    let newSSN = "";
-    if (isHidden) {
-      if (SSN.length > 5) {
-        newSSN = SSN.slice(0, 5) + numValue;
-      } else {
-        newSSN = SSN + numValue;
-      }
-    } else {
-      newSSN = numValue;
-    }
-    if (newSSN.length > maxLen) {
-      return;
-    }
-    setSSN(newSSN);
-  };
-  const switchView = () => {
-    var _wrapperRef$current;
-    const input = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("input");
-    input === null || input === void 0 || input.focus();
-    (0, _utils.setCarretToEnd)(input);
-    setIsHidden(!isHidden);
-  };
-  const getFormatedValue = v => {
-    if (!v) return "";
-    v = v.slice(0, 11).replace(/-/g, "");
-    if (v.length <= 3) {
-      return v;
-    }
-    if (v.length > 3 && v.length <= 5) {
-      return "".concat(v.slice(0, 3), "-").concat(v.slice(3));
-    }
-    if (v.length > 5) {
-      return "".concat(v.slice(0, 3), "-").concat(v.slice(3, 5), "-").concat(v.slice(5));
-    }
-  };
-  const getMaskedValue = v => {
-    return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
-  };
-  (0, _react.useEffect)(() => {
-    if (SSN) onChangeProp === null || onChangeProp === void 0 || onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
-  }, [SSN]);
+    const newValue = !value && value !== "" ? '' : value === null || value === void 0 ? void 0 : value.toString();
+    onChangeProp(newValue);
+  }; // ? Пересчитываем маску с учетом переданного maxLen.
+  // ? Если maxLen меньше количества значащих символов в fullSnnMask, то маска корректно обрежется.
+  // ? Передаем опцию isOnlyMask: false, чтобы получить НЕ только новую маску, а еще и статистику.
+  // ? В этом случае приходит объект формата: { mask, countOfSignificantChars, countOfNotSignificantChars }
+
+
+  const infoAboutMask = (0, _utils.getLimitedMask)({
+    mask: fullSnnMask,
+    significantChars: significantChars,
+    limit: maxLen,
+    isOnlyMask: false
+  }); // ? Расчитываем ИНДЕКС крайнего символа части маски, которая подлежит скрытию,
+  // ? исходя из countOfFirstDigitsToHide
+
+  const maxHiddenIndex = (() => {
+    // если не приводится к числу или ноль (передавать ноль лишено смысла)
+    if (isNaN(+countOfFirstDigitsToHide) || !+countOfFirstDigitsToHide) return -1; // если больше чем значимых символов
+
+    if (countOfFirstDigitsToHide > infoAboutMask.countOfSignificantChars) return infoAboutMask.mask.length; // ? Для расчетов получаем дополнительно корректно "обрезанную" маску (до уровня скрываемой части)
+    // ? на основе ранее полученной "обрезанной" по maxLen. Нам нужна НЕ сама маска, а статистика по ней.
+    // ? В частности - количество "незначащих" символов содержащихся в скрываемой части
+
+    const infoAboutMaskOfHidden = (0, _utils.getLimitedMask)({
+      mask: infoAboutMask.mask,
+      significantChars: significantChars,
+      limit: countOfFirstDigitsToHide,
+      isOnlyMask: false
+    }); // ? Для InputMask3 maxHiddenIndex должен быть передан относительно длины ВСЕЙ применяемой маски (наша "обрезанная" по maxLen).
+    // ? Поэтому к количеству "скрываемых" символов добавляем количество "незначащих", входящих в скрываемую часть маски.
+    // ? Т.к. расчитываем НЕ длинну, а индекс - отнимаем 1
+
+    return countOfFirstDigitsToHide + infoAboutMaskOfHidden.countOfNotSignificantChars - 1;
+  })();
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "formatted-raw-ssn",
     ref: wrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
-    value: getMaskedValue(getFormatedValue(SSN)),
+  }, /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
+    value: value,
     onChange: onChange,
-    testId: "formattedRawSNN--input--key-".concat(testId)
+    testId: "formattedRawSNN--input--key-".concat(testId),
+    maskPattern: infoAboutMask.mask,
+    maskPlaceholder: "X",
+    focusSelector: "input",
+    isNumericMobileKeyboard: true,
+    blinkErrors: true,
+    showErrors: false,
+    withHiddenMode: true,
+    isValueHiddenDefault: isHiddenDefault,
+    hiddenChar: maskChar,
+    maxHiddenIndex: maxHiddenIndex,
+    isHide: isHidden
   })), postfix && /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-postfix",
     onClick: () => {
-      var _wrapperRef$current2;
-      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.querySelector("input")) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.focus();
+      var _wrapperRef$current, _wrapperRef$current$q;
+
+      return wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : (_wrapperRef$current$q = _wrapperRef$current.querySelector("input")) === null || _wrapperRef$current$q === void 0 ? void 0 : _wrapperRef$current$q.focus();
     }
   }, postfix), /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-eye-holder",
-    onClick: switchView,
+    onClick: () => setIsHidden(!isHidden),
     "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
   }, " ", isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
     strokeWidth: 1,
@@ -106,4 +132,6 @@ const FormattedRawSSN = _ref => {
     className: "password-icon"
   })));
 };
-var _default = exports.default = FormattedRawSSN;
+
+var _default = FormattedRawSSN;
+exports.default = _default;