intelicoreact 1.6.2 → 1.6.4

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

@@ -1,15 +1,71 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
-import cn from "classnames";
-import { Info } from "react-feather";
-import { clone, getBase64, getUniqueFileExtensions } from "../../../Functions/utils";
-import Alert from "../../UI/Alert/Alert";
-import FileLoaderLocal from "../FileLoaderLocal/FileLoaderLocal";
-import "./FileLoaderLocalGroup.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+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 _utils = require("../../../Functions/utils");
+const _Alert = /*#__PURE__*/ _interop_require_default(require("../../UI/Alert/Alert"));
+const _FileLoaderLocal = /*#__PURE__*/ _interop_require_default(require("../FileLoaderLocal/FileLoaderLocal"));
+require("./FileLoaderLocalGroup.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;
+}
 const DEFAULT_LABEL_PREFIX = "Please attach";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onChange, labelPrefix = DEFAULT_LABEL_PREFIX, testId = "file-loader-local-group", alertText })=>{
-    const [groups, setGroups] = useState(clone(groupsArray));
+    const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
     const getNewFile = (group)=>{
         var _group_files, _group_files1, _group_files2, _group_files3;
         var _group_maxItemSizeBytes;
@@ -34,7 +90,7 @@ const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onCh
         }
         return fileName;
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map((group)=>{
             return {
                 ...group,
@@ -59,7 +115,7 @@ const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onCh
                 onChange(groups);
             } else if (name && !error) {
                 const uniqueFileName = generateUniqueFileName(files, name);
-                getBase64(file).then((result)=>{
+                (0, _utils.getBase64)(file).then((result)=>{
                     changedField.value = uniqueFileName;
                     changedField.base64 = result;
                     changedField.error = "";
@@ -118,23 +174,23 @@ const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onCh
             }
         }
     };
-    const getUniqueExts = (acceptExts)=>getUniqueFileExtensions(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
+    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_files;
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
-            className: cn("file-loader-local-groups", className),
+            className: (0, _classnames.default)("file-loader-local-groups", className),
             children: [
-                /*#__PURE__*/ _jsx("span", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: "file-loader-local-groups__label",
-                    children: /*#__PURE__*/ _jsxs("div", {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         className: "file-loader-local-groups__label-text",
                         children: [
                             labelPrefix,
                             " ",
                             group === null || group === void 0 ? void 0 : group.groupTitleDescription,
                             " ",
-                            /*#__PURE__*/ _jsxs("span", {
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                                 className: "file-loader-local-groups__label-extension",
                                 children: [
                                     "(",
@@ -145,17 +201,17 @@ const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onCh
                         ]
                     })
                 }),
-                (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/ _jsx(Alert, {
+                (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
                     className: "file-loader-local-groups__alert",
                     noDismiss: true,
-                    icon: /*#__PURE__*/ _jsx(Info, {}),
+                    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Info, {}),
                     message: group === null || group === void 0 ? void 0 : group.alertText
                 }),
-                /*#__PURE__*/ _jsx("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "file-loader-local-groups__item",
                     children: group === null || group === void 0 ? void 0 : (_group_files = group.files) === null || _group_files === void 0 ? void 0 : _group_files.map((file, index)=>{
                         var _group_files, _group_files1;
-                        return /*#__PURE__*/ _jsx(FileLoaderLocal, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
                             groupId: group === null || group === void 0 ? void 0 : group.groupId,
                             fieldKey: (file === null || file === void 0 ? void 0 : file.fieldKey) ? `${file.fieldKey}:${group === null || group === void 0 ? void 0 : group.groupId}:${Math.random().toString().slice(-4)}` : file === null || file === void 0 ? void 0 : file.id,
                             id: (file === null || file === void 0 ? void 0 : file.id) || index,
@@ -174,4 +230,4 @@ const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onCh
         }, group.groupId);
     });
 };
-export default FileLoaderLocalGroup;
+const _default = FileLoaderLocalGroup;

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

@@ -1,11 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import FileLoaderLocalGroup from "./FileLoaderLocalGroup";
-import "../../../../../scss/main.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FileLoaderLocalTemplate: function() {
+        return FileLoaderLocalTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _FileLoaderLocalGroup = /*#__PURE__*/ _interop_require_default(require("./FileLoaderLocalGroup"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 global.lng = "en";
-export default {
+const _default = {
     title: "Form Elements/FileLoaderLocalGroup",
-    component: FileLoaderLocalGroup,
+    component: _FileLoaderLocalGroup.default,
     argTypes: {
         isSingleGroup: {
             description: "boolean - if true, then each group can only have one file"
@@ -34,10 +57,10 @@ const Template = (args)=>{
     const handleChange = (props)=>{
         console.log(props, "props");
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: "mb10",
         children: [
-            /*#__PURE__*/ _jsx(FileLoaderLocalGroup, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocalGroup.default, {
                 isSingleGroup: true,
                 onChange: handleChange,
                 className: "file-group",
@@ -45,7 +68,7 @@ const Template = (args)=>{
                 testId: "file-group",
                 ...args
             }),
-            /*#__PURE__*/ _jsx(FileLoaderLocalGroup, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocalGroup.default, {
                 isSingleGroup: true,
                 onChange: handleChange,
                 className: "file-group",
@@ -56,6 +79,6 @@ const Template = (args)=>{
         ]
     });
 };
-export const FileLoaderLocalTemplate = Template.bind({});
+const FileLoaderLocalTemplate = Template.bind({});
 FileLoaderLocalTemplate.args = {
 };

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

@@ -1,9 +1,65 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import { Eye, EyeOff } from "react-feather";
-import { getLimitedMask } from "../../../Functions/utils";
-import InputMask3 from "../InputMask3/InputMask3";
-import "./FormattedRawSSN.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _InputMask3 = /*#__PURE__*/ _interop_require_default(require("../InputMask3/InputMask3"));
+require("./FormattedRawSSN.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;
+}
 const DEFAULT_SSN_MASK = "DDD-DD-DDDD";
 const SIGNIFICANT_CHARACTERS = [
     "D"
@@ -22,8 +78,8 @@ countOfFirstDigitsToHide = 5, // Статическая часть
 postfix = "", ...args })=>{
     // ? Будем пользоваться своим (верхним относительно InputMask3) стейтом
     // ? Это потребует отрисовки триггера "поверх" InputMask3.
-    const [isHidden, setIsHidden] = useState(isHiddenDefault);
-    const wrapperRef = useRef(null);
+    const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
+    const wrapperRef = (0, _react.useRef)(null);
     const onChange = (value)=>{
         const newValue = !value && value !== "" ? "" : value === null || value === void 0 ? void 0 : value.toString();
         onChangeProp(newValue);
@@ -32,7 +88,7 @@ postfix = "", ...args })=>{
     // ? Если maxLen меньше количества значащих символов в fullSnnMask, то маска корректно обрежется.
     // ? Передаем опцию isOnlyMask: false, чтобы получить НЕ только новую маску, а еще и статистику.
     // ? В этом случае приходит объект формата: { mask, countOfSignificantChars, countOfNotSignificantChars }
-    const infoAboutMask = getLimitedMask({
+    const infoAboutMask = (0, _utils.getLimitedMask)({
         mask: fullSnnMask,
         significantChars: significantChars,
         limit: maxLen,
@@ -48,7 +104,7 @@ postfix = "", ...args })=>{
         // ? Для расчетов получаем дополнительно корректно "обрезанную" маску (до уровня скрываемой части)
         // ? на основе ранее полученной "обрезанной" по maxLen. Нам нужна НЕ сама маска, а статистика по ней.
         // ? В частности - количество "незначащих" символов содержащихся в скрываемой части
-        const infoAboutMaskOfHidden = getLimitedMask({
+        const infoAboutMaskOfHidden = (0, _utils.getLimitedMask)({
             mask: infoAboutMask.mask,
             significantChars: significantChars,
             limit: countOfFirstDigitsToHide,
@@ -59,12 +115,12 @@ postfix = "", ...args })=>{
         // ? Т.к. расчитываем НЕ длинну, а индекс - отнимаем 1
         return countOfFirstDigitsToHide + infoAboutMaskOfHidden.countOfNotSignificantChars - 1;
     })();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
         className: "formatted-raw-ssn",
         ref: wrapperRef,
         children: [
-            /*#__PURE__*/ _jsx(InputMask3, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, {
                 ...args,
                 value: value,
                 onChange: onChange,
@@ -81,7 +137,7 @@ postfix = "", ...args })=>{
                 maxHiddenIndex: maxHiddenIndex,
                 isHide: isHidden
             }),
-            postfix && /*#__PURE__*/ _jsx("span", {
+            postfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 className: "formatted-raw-ssn-postfix",
                 onClick: ()=>{
                     var _wrapperRef_current_querySelector, _wrapperRef_current;
@@ -89,15 +145,15 @@ postfix = "", ...args })=>{
                 },
                 children: postfix
             }),
-            /*#__PURE__*/ _jsxs("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                 className: "formatted-raw-ssn-eye-holder",
                 onClick: ()=>setIsHidden(!isHidden),
                 children: [
                     " ",
-                    isHidden ? /*#__PURE__*/ _jsx(Eye, {
+                    isHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
                         strokeWidth: 1,
                         className: "password-icon"
-                    }) : /*#__PURE__*/ _jsx(EyeOff, {
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
                         strokeWidth: 1,
                         className: "password-icon"
                     })
@@ -106,4 +162,4 @@ postfix = "", ...args })=>{
         ]
     });
 };
-export default FormattedRawSSN;
+const _default = FormattedRawSSN;

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

@@ -1,11 +1,75 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import FormattedRawSSN from './FormattedRawSSN';
-import '../../../../../scss/main.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FormattedRawSSNTemplate: function() {
+        return FormattedRawSSNTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _FormattedRawSSN = /*#__PURE__*/ _interop_require_default(require("./FormattedRawSSN"));
+require("../../../../../scss/main.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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/FormattedRawSSN',
-    component: FormattedRawSSN,
+    component: _FormattedRawSSN.default,
     argTypes: {
         onChange: {
             action: 'onChange'
@@ -17,18 +81,18 @@ export default {
 };
 const Template = (args)=>{
     const { value: initialValue, ...restArgs } = args;
-    const [value, setValue] = useState(initialValue || '');
+    const [value, setValue] = (0, _react.useState)(initialValue || '');
     const onChange = (newValue)=>{
         setValue(newValue);
         console.log(newValue);
     };
-    return /*#__PURE__*/ _jsx(FormattedRawSSN, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormattedRawSSN.default, {
         ...restArgs,
         value: value,
         onChange: onChange
     });
 };
-export const FormattedRawSSNTemplate = Template.bind({});
+const FormattedRawSSNTemplate = Template.bind({});
 FormattedRawSSNTemplate.args = {
     value: '012345678',
     fullSnnMask: 'DDD-DD-DDDD',

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

@@ -1,15 +1,71 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from "react";
-import { Eye, EyeOff } from "react-feather";
-import { setCarretToEnd } from "../../../Functions/utils";
-import Input from "../Input/Input";
-import "./FormattedRawSSN.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./FormattedRawSSN.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;
+}
 const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()=>{}, maskChar = "*", testId = "formatted-raw-ssn", isHiddenDefault = true, maxLen = 9, ...args })=>{
     var _value_substring;
-    const [SSN, setSSN] = useState((_value_substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value_substring !== void 0 ? _value_substring : "");
-    const [isHidden, setIsHidden] = useState(isHiddenDefault);
-    const wrapperRef = useRef(null);
-    useEffect(()=>{
+    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 : "");
+    const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
+    const wrapperRef = (0, _react.useRef)(null);
+    (0, _react.useEffect)(()=>{
         var _value_toString;
         var _value_toString_substring;
         setSSN((_value_toString_substring = value === null || value === void 0 ? void 0 : (_value_toString = value.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.substring(0, maxLen)) !== null && _value_toString_substring !== void 0 ? _value_toString_substring : "");
@@ -43,7 +99,7 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
         var _wrapperRef_current;
         const input = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : _wrapperRef_current.querySelector("input");
         input === null || input === void 0 ? void 0 : input.focus();
-        setCarretToEnd(input);
+        (0, _utils.setCarretToEnd)(input);
         setIsHidden(!isHidden);
     };
     const getFormatedValue = (v)=>{
@@ -62,22 +118,22 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
     const getMaskedValue = (v)=>{
         return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (SSN) onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
     }, [
         SSN
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
         className: "formatted-raw-ssn",
         ref: wrapperRef,
         children: [
-            /*#__PURE__*/ _jsx(Input, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                 ...args,
                 value: getMaskedValue(getFormatedValue(SSN)),
                 onChange: onChange
             }),
-            postfix && /*#__PURE__*/ _jsx("span", {
+            postfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 className: "formatted-raw-ssn-postfix",
                 onClick: ()=>{
                     var _wrapperRef_current_querySelector, _wrapperRef_current;
@@ -85,15 +141,15 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
                 },
                 children: postfix
             }),
-            /*#__PURE__*/ _jsxs("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                 className: "formatted-raw-ssn-eye-holder",
                 onClick: switchView,
                 children: [
                     " ",
-                    isHidden ? /*#__PURE__*/ _jsx(Eye, {
+                    isHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
                         strokeWidth: 1,
                         className: "password-icon"
-                    }) : /*#__PURE__*/ _jsx(EyeOff, {
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
                         strokeWidth: 1,
                         className: "password-icon"
                     })
@@ -102,4 +158,4 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
         ]
     });
 };
-export default FormattedRawSSN;
+const _default = FormattedRawSSN;