@arquimedes.co/eureka-forms 1.9.19-test → 1.9.20

package/dist/FormComponents/Step/FileUploadStep/FileUploadStep.js

@@ -1,13 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialFileUploadStep from './MaterialFileUploadStep/MaterialFileUploadStep';
 function FileUploadStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialFileUploadStep, { ...props });
+            return _jsx(MaterialFileUploadStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialFileUploadStep, { ...props });
+            return _jsx(MaterialFileUploadStep, __assign({}, props));
         }
     }
 }

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.js

@@ -1,3 +1,50 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './FileComponent.module.css';
 import ClearRoundedIcon from '@material-ui/icons/ClearRounded';
@@ -5,58 +52,72 @@ import DescriptionRoundedIcon from '@material-ui/icons/DescriptionRounded';
 import ErrorRoundedIcon from '@material-ui/icons/ErrorRounded';
 import Loader from '../../../../../shared/Loader/Loader';
 import { useState } from 'react';
-function FileUploadComponent({ file, formStyle, error, handleRemove, fetchDownloadUrl, }) {
-    const [downloading, setDownloading] = useState(false);
+function FileUploadComponent(_a) {
+    var _this = this;
+    var _b, _c;
+    var file = _a.file, formStyle = _a.formStyle, error = _a.error, handleRemove = _a.handleRemove, fetchDownloadUrl = _a.fetchDownloadUrl;
+    var _d = useState(false), downloading = _d[0], setDownloading = _d[1];
     if (!file) {
         return _jsx("div", {});
     }
-    const downloadFile = async () => {
-        if (fetchDownloadUrl && file.S3Key && file.fileName) {
-            try {
-                setDownloading(true);
-                const fileUrl = await fetchDownloadUrl(file.S3Key, file.fileName);
-                var a = document.createElement('a');
-                a.href = fileUrl;
-                a.setAttribute('download', file.fileName);
-                a.click();
-                setDownloading(false);
-            }
-            catch (error) {
-                console.error(error);
+    var downloadFile = function () { return __awaiter(_this, void 0, void 0, function () {
+        var fileUrl, a, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(fetchDownloadUrl && file.S3Key && file.fileName)) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    setDownloading(true);
+                    return [4 /*yield*/, fetchDownloadUrl(file.S3Key, file.fileName)];
+                case 2:
+                    fileUrl = _a.sent();
+                    a = document.createElement('a');
+                    a.href = fileUrl;
+                    a.setAttribute('download', file.fileName);
+                    a.click();
+                    setDownloading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error(error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
-        }
-    };
-    const calcIcon = () => {
+        });
+    }); };
+    var calcIcon = function () {
         if (downloading) {
-            return (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { size: 26, color: formStyle.primaryColor }) }));
+            return (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { size: 26, color: formStyle.primaryColor }) })));
         }
         else if (file.state !== undefined) {
             switch (file.state) {
                 case 'STARTING':
                 case 'UPLOADING':
-                    return (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { size: 26, color: formStyle.primaryColor }) }));
+                    return (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { size: 26, color: formStyle.primaryColor }) })));
                 case 'DONE':
-                    return (_jsx("div", { className: styles.documentIcon, style: { color: formStyle.primaryColor }, children: _jsx(DescriptionRoundedIcon, {}) }));
+                    return (_jsx("div", __assign({ className: styles.documentIcon, style: { color: formStyle.primaryColor } }, { children: _jsx(DescriptionRoundedIcon, {}) })));
                 case 'ERROR':
-                    return (_jsx("div", { className: styles.documentIcon, style: { color: formStyle.errorColor }, children: _jsx(ErrorRoundedIcon, {}) }));
+                    return (_jsx("div", __assign({ className: styles.documentIcon, style: { color: formStyle.errorColor } }, { children: _jsx(ErrorRoundedIcon, {}) })));
                 default:
                     return _jsx("div", {});
             }
         }
         else {
-            return (_jsx("div", { className: styles.documentIcon, style: { color: formStyle.primaryColor }, children: _jsx(DescriptionRoundedIcon, {}) }));
+            return (_jsx("div", __assign({ className: styles.documentIcon, style: { color: formStyle.primaryColor } }, { children: _jsx(DescriptionRoundedIcon, {}) })));
         }
     };
-    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.iconContainer, children: calcIcon() }), _jsx("div", { className: fetchDownloadUrl && file.S3Key
+    return (_jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.iconContainer }, { children: calcIcon() })), _jsx("div", __assign({ className: fetchDownloadUrl && file.S3Key
                     ? styles.downloadableLbl
                     : styles.label, style: {
                     color: error ? formStyle.errorColor : formStyle.textColor,
-                }, onClick: () => {
+                }, onClick: function () {
                     if (fetchDownloadUrl !== undefined && file.S3Key) {
                         downloadFile();
                     }
-                }, children: file.file?.name ?? file.fileName }), _jsx("div", { className: styles.deletBtn, onClick: () => {
+                } }, { children: (_c = (_b = file.file) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : file.fileName })), _jsx("div", __assign({ className: styles.deletBtn, onClick: function () {
                     handleRemove();
-                }, children: file.state !== undefined && (_jsx(ClearRoundedIcon, { fontSize: "inherit" })) })] }));
+                } }, { children: file.state !== undefined && (_jsx(ClearRoundedIcon, { fontSize: "inherit" })) }))] })));
 }
 export default FileUploadComponent;

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -1,3 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './MaterialFileUploadStep.module.css';
 import { Controller } from 'react-hook-form';
@@ -7,14 +63,16 @@ import { getAcceptedExtensions } from '../../../../constants/Files/FileExtension
 import { getUploadUrls, postFile } from '../../../../controllers/FileService';
 import FileComponent from './FileComponent/FileComponent';
 import maxSize from '../../../../constants/Files/FileMaxSize';
-function FileUploadStep({ step, errors, value, domain, btnRef, postview, onChange, editable, formStyle, clearErrors, fetchDownloadUrl, }) {
-    const [error, setError] = useState(undefined);
-    const [fileChange, setFileChange] = useState([]);
-    const inputRef = useRef();
-    useEffect(() => {
-        const filesToFetchLink = [];
-        const filesChanged = [];
-        for (const file of fileChange) {
+function FileUploadStep(_a) {
+    var step = _a.step, errors = _a.errors, value = _a.value, domain = _a.domain, btnRef = _a.btnRef, postview = _a.postview, onChange = _a.onChange, editable = _a.editable, formStyle = _a.formStyle, clearErrors = _a.clearErrors, fetchDownloadUrl = _a.fetchDownloadUrl;
+    var _b = useState(undefined), error = _b[0], setError = _b[1];
+    var _c = useState([]), fileChange = _c[0], setFileChange = _c[1];
+    var inputRef = useRef();
+    useEffect(function () {
+        var filesToFetchLink = [];
+        var filesChanged = [];
+        for (var _i = 0, fileChange_1 = fileChange; _i < fileChange_1.length; _i++) {
+            var file = fileChange_1[_i];
             if (file.state === 'STARTING') {
                 filesToFetchLink.push(file);
             }
@@ -27,8 +85,8 @@ function FileUploadStep({ step, errors, value, domain, btnRef, postview, onChang
                 filesChanged.push(file);
             }
             if (file.state === 'CANCEL') {
-                const newValue = [...value];
-                for (let i = 0; i < value.length; i++) {
+                var newValue = __spreadArray([], value, true);
+                for (var i = 0; i < value.length; i++) {
                     if (value[i].file === file.file) {
                         newValue.splice(i, 1);
                         break;
@@ -38,9 +96,10 @@ function FileUploadStep({ step, errors, value, domain, btnRef, postview, onChang
             }
         }
         if (filesChanged.length > 0) {
-            const newValue = [...value];
-            for (const file of filesChanged) {
-                for (let i = 0; i < value.length; i++) {
+            var newValue = __spreadArray([], value, true);
+            for (var _a = 0, filesChanged_1 = filesChanged; _a < filesChanged_1.length; _a++) {
+                var file = filesChanged_1[_a];
+                for (var i = 0; i < value.length; i++) {
                     if (value[i].file === file.file) {
                         newValue[i] = file;
                     }
@@ -50,54 +109,75 @@ function FileUploadStep({ step, errors, value, domain, btnRef, postview, onChang
         }
         if (filesToFetchLink.length > 0) {
             getLinks(filesToFetchLink);
-            onChange([...value, ...filesToFetchLink]);
+            onChange(__spreadArray(__spreadArray([], value, true), filesToFetchLink, true));
         }
     }, [fileChange]);
-    async function getLinks(pFiles) {
-        try {
-            const fileLinks = await getUploadUrls(pFiles.map((file) => file.file), domain);
-            const errorsExt = [];
-            setFileChange(pFiles.map((file, index) => {
-                if (fileLinks[index] === 'ERROR:INVALIDEXTENSION') {
-                    errorsExt.push(file.file.name.split('.').pop() ?? '');
-                    return { ...file, state: 'ERROR' };
-                }
-                else {
-                    return {
-                        ...file,
-                        state: 'UPLOADING',
-                        postInfo: fileLinks[index],
-                    };
+    function getLinks(pFiles) {
+        return __awaiter(this, void 0, void 0, function () {
+            var fileLinks_1, errorsExt_1, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getUploadUrls(pFiles.map(function (file) { return file.file; }), domain)];
+                    case 1:
+                        fileLinks_1 = _a.sent();
+                        errorsExt_1 = [];
+                        setFileChange(pFiles.map(function (file, index) {
+                            var _a;
+                            if (fileLinks_1[index] === 'ERROR:INVALIDEXTENSION') {
+                                errorsExt_1.push((_a = file.file.name.split('.').pop()) !== null && _a !== void 0 ? _a : '');
+                                return __assign(__assign({}, file), { state: 'ERROR' });
+                            }
+                            else {
+                                return __assign(__assign({}, file), { state: 'UPLOADING', postInfo: fileLinks_1[index] });
+                            }
+                        }));
+                        if (errorsExt_1.length === 1) {
+                            setError('La extención .' + errorsExt_1[0] + ' no es válida');
+                        }
+                        else if (errorsExt_1.length > 1) {
+                            setError('Las extenciónes .' +
+                                errorsExt_1.join(',.') +
+                                ' no son válidas');
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        console.error(error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
                 }
-            }));
-            if (errorsExt.length === 1) {
-                setError('La extención .' + errorsExt[0] + ' no es válida');
-            }
-            else if (errorsExt.length > 1) {
-                setError('Las extenciónes .' +
-                    errorsExt.join(',.') +
-                    ' no son válidas');
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
+            });
+        });
     }
-    async function uploadFile(pFile) {
-        try {
-            const resp = await Promise.all([
-                postFile(pFile.file, pFile.postInfo),
-                new Promise((resolve) => setTimeout(resolve, 1000)),
-            ]);
-            setFileChange([{ ...pFile, state: 'DONE', ...resp[0] }]);
-        }
-        catch (error) {
-            console.error(error);
-        }
+    function uploadFile(pFile) {
+        return __awaiter(this, void 0, void 0, function () {
+            var resp, error_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, Promise.all([
+                                postFile(pFile.file, pFile.postInfo),
+                                new Promise(function (resolve) { return setTimeout(resolve, 1000); }),
+                            ])];
+                    case 1:
+                        resp = _a.sent();
+                        setFileChange([__assign(__assign(__assign({}, pFile), { state: 'DONE' }), resp[0])]);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_2 = _a.sent();
+                        console.error(error_2);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
     }
-    const calcErrorMsg = () => {
+    var calcErrorMsg = function () {
         if (!!errors[step.id]) {
-            const errNum = value.filter((val) => val.state === 'ERROR').length;
+            var errNum = value.filter(function (val) { return val.state === 'ERROR'; }).length;
             if (errNum === 1) {
                 return 'Este archivo no es válido';
             }
@@ -110,58 +190,68 @@ function FileUploadStep({ step, errors, value, domain, btnRef, postview, onChang
         }
         return '';
     };
-    return (_jsxs("div", { className: styles.container +
-            (error || !!errors[step.id] ? ' EF-error' : ''), "data-testid": step.id, children: [_jsx("div", { className: styles.labelLabel, children: step.label }), step.description && (_jsx("div", { className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor }, children: step.description })), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: (e) => {
-                    const files = e.target.files;
+    return (_jsxs("div", __assign({ className: styles.container +
+            (error || !!errors[step.id] ? ' EF-error' : ''), "data-testid": step.id }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label })), step.description && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor } }, { children: step.description }))), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: function (e) {
+                    var files = e.target.files;
                     if (files) {
-                        const filesArray = Array.from(files);
-                        const maxFiles = filesArray.filter((file) => file.size > maxSize);
+                        var filesArray = Array.from(files);
+                        var maxFiles = filesArray.filter(function (file) { return file.size > maxSize; });
                         if (maxFiles.length > 0) {
                             setError('El tamaño máximo de carga es de 30Mb.');
                         }
                         else {
                             setFileChange(filesArray
-                                .filter((file) => value.find((val) => val.file ===
-                                file) === undefined)
-                                .map((file) => ({
-                                state: 'STARTING',
-                                file,
-                                postInfo: null,
-                            })));
+                                .filter(function (file) {
+                                return value.find(function (val) {
+                                    return val.file ===
+                                        file;
+                                }) === undefined;
+                            })
+                                .map(function (file) {
+                                return ({
+                                    state: 'STARTING',
+                                    file: file,
+                                    postInfo: null,
+                                });
+                            }));
                         }
                         inputRef.current.value = '';
                     }
-                }, multiple: true, accept: getAcceptedExtensions() }), _jsxs("div", { className: styles.btnContainer, children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }), _jsx(RoundedButton, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: () => {
+                }, multiple: true, accept: getAcceptedExtensions() }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }), _jsx(RoundedButton, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
                             if (editable && !postview) {
-                                const input = inputRef.current;
+                                var input = inputRef.current;
                                 if (input !== null) {
                                     clearErrors(step.id);
                                     setError(undefined);
                                     input.click();
                                 }
                             }
-                        } })] }), _jsx("div", { className: styles.filesContainer, children: value.map((file, index) => (_jsx(FileComponent, { formStyle: formStyle, file: file, error: (!!errors[step.id] &&
+                        } })] })), _jsx("div", __assign({ className: styles.filesContainer }, { children: value.map(function (file, index) { return (_jsx(FileComponent, { formStyle: formStyle, file: file, error: (!!errors[step.id] &&
                         file.state !== 'DONE') ||
-                        file.state === 'ERROR', handleRemove: () => {
-                        if (value.filter((val) => val.state === 'ERROR').length === 1) {
+                        file.state === 'ERROR', handleRemove: function () {
+                        if (value.filter(function (val) {
+                            return val.state === 'ERROR';
+                        }).length === 1) {
                             clearErrors(step.id);
                             setError(undefined);
                         }
                         if (file.state !== undefined) {
                             setFileChange([
-                                {
-                                    ...file,
-                                    state: 'CANCEL',
-                                },
+                                __assign(__assign({}, file), { state: 'CANCEL' }),
                             ]);
                         }
-                    }, fetchDownloadUrl: fetchDownloadUrl }, index))) }), _jsx("div", { className: styles.errorMsg, style: { color: formStyle.errorColor }, children: error ?? calcErrorMsg() })] }));
+                    }, fetchDownloadUrl: fetchDownloadUrl }, index)); }) })), _jsx("div", __assign({ className: styles.errorMsg, style: { color: formStyle.errorColor } }, { children: error !== null && error !== void 0 ? error : calcErrorMsg() }))] })));
 }
 function UploadStepComponent(props) {
     return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: [], rules: {
-            validate: (array) => ((props.step.required && array.length > 0) ||
-                !props.step.required) &&
-                array.find((file) => !file.S3Key) === undefined,
-        }, shouldUnregister: true, render: ({ field }) => (_jsx(FileUploadStep, { ...props, btnRef: field.ref, onChange: field.onChange, value: field.value })) }));
+            validate: function (array) {
+                return ((props.step.required && array.length > 0) ||
+                    !props.step.required) &&
+                    array.find(function (file) { return !file.S3Key; }) === undefined;
+            },
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(FileUploadStep, __assign({}, props, { btnRef: field.ref, onChange: field.onChange, value: field.value })));
+        } }));
 }
 export default UploadStepComponent;

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/MaterialRatingStep.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import styles from './MaterialRatingStep.module.css';
@@ -6,9 +28,11 @@ import React from 'react';
 import Rating from '../../../../shared/Rating/Rating';
 import { RatingTypes } from '../../../../constants/FormStepTypes';
 import StepComponent from '../../Step';
-function MaterialRatingStep({ form, step, value, level, errors, onChange, inputRef, editable, postview, formStyle, widthStats, ...others }) {
-    const renderNestedOption = () => {
-        let currentOption;
+function MaterialRatingStep(_a) {
+    var _b, _c, _d, _e, _f;
+    var form = _a.form, step = _a.step, value = _a.value, level = _a.level, errors = _a.errors, onChange = _a.onChange, inputRef = _a.inputRef, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, others = __rest(_a, ["form", "step", "value", "level", "errors", "onChange", "inputRef", "editable", "postview", "formStyle", "widthStats"]);
+    var renderNestedOption = function () {
+        var currentOption;
         if (value !== undefined && value !== null && step.nestedSteps) {
             if (step.ratingType === RatingTypes.LIKE) {
                 currentOption = step.nestedSteps[value];
@@ -17,29 +41,31 @@ function MaterialRatingStep({ form, step, value, level, errors, onChange, inputR
                 currentOption = step.nestedSteps[value - 1];
             }
             if (currentOption && currentOption.length > 0) {
-                return (_jsx(React.Fragment, { children: currentOption.map((idSubStep, index) => {
-                        const subStep = form.steps[idSubStep];
-                        return (_createElement(StepComponent, { ...others, form: form, postview: postview, editable: editable, formStyle: formStyle, errors: errors, widthStats: widthStats, step: subStep, key: index, level: level + 1 }));
+                return (_jsx(React.Fragment, { children: currentOption.map(function (idSubStep, index) {
+                        var subStep = form.steps[idSubStep];
+                        return (_createElement(StepComponent, __assign({}, others, { form: form, postview: postview, editable: editable, formStyle: formStyle, errors: errors, widthStats: widthStats, step: subStep, key: index, level: level + 1 })));
                     }) }));
             }
         }
     };
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: styles.container, style: {
+    return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: styles.container, style: {
                     paddingBottom: step.description || step.required ? 0 : 15,
-                }, children: [_jsx("div", { className: styles.labelLabel, children: step.label + (step.required ? ' *' : '') }), _jsx("div", { className: styles.ratingContainer, children: _jsx(Rating, { name: step.id, type: step.ratingType, isMobile: widthStats.isMobile, focusColor: formStyle.primaryColor ?? '#3d5a7f', unSelectedColor: formStyle.outlineColor ?? '#b8b8b8', disabled: !editable || postview, value: value, onChange: onChange, inputRef: inputRef }) }), (step.description || step.required) && (_jsx("div", { className: styles.stepDescriptionLabel, style: {
+                } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') })), _jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { name: step.id, type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: value, onChange: onChange, inputRef: inputRef }) })), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
                             color: !!errors[step.id] && value === null
-                                ? formStyle.errorColor ?? '#cc2936'
-                                : formStyle.descriptionTextColor ??
-                                    '#989898',
-                        }, children: !!errors[step.id] && value === null
-                            ? errors[step.id]?.message
-                            : step.description }))] }), renderNestedOption()] }));
+                                ? (_d = formStyle.errorColor) !== null && _d !== void 0 ? _d : '#cc2936'
+                                : (_e = formStyle.descriptionTextColor) !== null && _e !== void 0 ? _e : '#989898',
+                        } }, { children: !!errors[step.id] && value === null
+                            ? (_f = errors[step.id]) === null || _f === void 0 ? void 0 : _f.message
+                            : step.description })))] })), renderNestedOption()] }));
 }
 function RatingStep(props) {
     return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: null, rules: {
             required: props.step.required
                 ? 'Este campo es obligatorio'
                 : undefined,
-        }, shouldUnregister: true, render: ({ field }) => (_jsx(MaterialRatingStep, { ...props, inputRef: field.ref, value: field.value, onChange: field.onChange })) }));
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(MaterialRatingStep, __assign({}, props, { inputRef: field.ref, value: field.value, onChange: field.onChange })));
+        } }));
 }
 export default RatingStep;

package/dist/FormComponents/Step/RatingStep/RatingStep.js

@@ -1,13 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialRatingStep from './MaterialRatingStep/MaterialRatingStep';
 function RatingStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialRatingStep, { ...props });
+            return _jsx(MaterialRatingStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialRatingStep, { ...props });
+            return _jsx(MaterialRatingStep, __assign({}, props));
         }
     }
 }