@arquimedes.co/eureka-forms 1.9.16-test → 1.9.17-test

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -1,50 +1,3 @@
-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 CBRFormStepTypes from '../../constants/CBRFormStepTypes';
 import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
@@ -55,71 +8,41 @@ import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep'
 import CBRLocativasStep from './@Construction/CBRLocativasStep/CBRLocativasStep';
 import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
-var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
+const baseUrl = `https://integrations.${process.env.REACT_APP_DOMAIN}/sinco/cbr/`;
 function CBRStepMapper(props) {
-    var _this = this;
-    var getTipoDocOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)];
-                case 1: return [2 /*return*/, (_a.sent()).data];
-            }
-        });
-    }); };
-    var getProyectoOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var idMacroProyecto, proyectos;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    idMacroProyecto = (_c = dependencyStore[(_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.id;
-                    return [4 /*yield*/, axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)];
-                case 1:
-                    proyectos = (_d.sent()).data;
-                    if (idMacroProyecto) {
-                        proyectos = proyectos.filter(function (proyecto) { return proyecto.idMacroProyecto === idMacroProyecto; });
-                    }
-                    return [2 /*return*/, proyectos];
-            }
-        });
-    }); };
-    var getMacroProyectoOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)];
-                case 1: return [2 /*return*/, (_a.sent()).data];
-            }
-        });
-    }); };
-    var getTipoSolicitanteOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)];
-                case 1: return [2 /*return*/, (_a.sent()).data];
-            }
-        });
-    }); };
-    var getTipoEspaciosOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var idProyecto;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!step.dependencies) return [3 /*break*/, 2];
-                    idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
-                    if (!idProyecto) {
-                        return [2 /*return*/, null]; //null para indicar que falta la depedency
-                    }
-                    return [4 /*yield*/, axios.get(baseUrl +
-                            'TiposEspacio?idProyecto=' +
-                            idProyecto +
-                            '&idOrganization=' +
-                            idOrganization)];
-                case 1: return [2 /*return*/, (_b.sent()).data];
-                case 2: return [2 /*return*/, null];
+    const getTipoDocOptions = async (idOrganization) => {
+        return (await axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)).data;
+    };
+    const getProyectoOptions = async (idOrganization, step, dependencyStore) => {
+        const idMacroProyecto = dependencyStore[step.dependencies?.[0] ?? '']?.id;
+        let proyectos = (await axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)).data;
+        if (idMacroProyecto) {
+            proyectos = proyectos.filter((proyecto) => proyecto.idMacroProyecto === idMacroProyecto);
+        }
+        return proyectos;
+    };
+    const getMacroProyectoOptions = async (idOrganization) => {
+        return (await axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)).data;
+    };
+    const getTipoSolicitanteOptions = async (idOrganization) => {
+        return (await axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)).data;
+    };
+    const getTipoEspaciosOptions = async (idOrganization, step, dependencyStore) => {
+        if (step.dependencies) {
+            const idProyecto = dependencyStore[step.dependencies[0]]?.id;
+            if (!idProyecto) {
+                return null; //null para indicar que falta la depedency
             }
-        });
-    }); };
+            return (await axios.get(baseUrl +
+                'TiposEspacio?idProyecto=' +
+                idProyecto +
+                '&idOrganization=' +
+                idOrganization)).data;
+        }
+        else {
+            return null;
+        }
+    };
     switch (props.step.type) {
         case CBRFormStepTypes.CBR_CEL:
         case CBRFormStepTypes.CBR_EMAIL:
@@ -128,77 +51,66 @@ function CBRStepMapper(props) {
         case CBRFormStepTypes.CBR_FIRST_NAME:
         case CBRFormStepTypes.CBR_MIDDLE_NAME:
         case CBRFormStepTypes.CBR_SECOND_LAST_NAME:
-            return _jsx(TextInputStep, __assign({}, props, { step: props.step }));
+            return _jsx(TextInputStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_DOC:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, icon: _jsx(DocumentIconComponent, {}) })));
+            return (_jsx(TextInputStep, { ...props, step: props.step, icon: _jsx(DocumentIconComponent, {}) }));
         case CBRFormStepTypes.CBR_TIPO_DOC:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: __assign(__assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+            return (_jsx(SmartSelectStep, { ...props, step: { ...props.step, showIcon: false }, getOptions: getTipoDocOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
-                    } }), getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                    } }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 24,
                         width: 24,
-                    } }), getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                    } }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_INMUEBLE:
-            return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRPropertyStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
                         marginRight: 3,
                         marginTop: 1,
-                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
-                    } }), getOptions: getTipoEspaciosOptions, calcDepError: function (types) {
-                    for (var _i = 0, _a = types; _i < _a.length; _i++) {
-                        var type = _a[_i];
+                    } }), getOptions: getTipoEspaciosOptions, calcDepError: (types) => {
+                    for (const type of types) {
                         if (type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
                     return undefined;
-                }, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                }, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_LOCATIVAS:
-            return _jsx(CBRLocativasStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRLocativasStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_COMENTARIO:
-            return _jsx(TextAreaStep, __assign({}, props, { step: props.step }));
+            return _jsx(TextAreaStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_INCIDENCIAS:
-            return _jsx(CBRIncidentsStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRIncidentsStep, { ...props, step: props.step });
         default:
             return _jsx("div", {});
     }
 }
 export default CBRStepMapper;
 function DocumentIconComponent(props) {
-    return (_jsx("div", __assign({ style: {
+    return (_jsx("div", { style: {
             marginRight: 2,
-        } }, { children: _jsx(DocumentIcon, { className: props.className, fill: "#757575", style: {
+        }, children: _jsx(DocumentIcon, { className: props.className, fill: "#757575", style: {
                 display: 'flex',
                 height: 23,
                 width: 23,
-            } }) })));
+            } }) }));
 }
-var SpaceTypeIcon = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" })] }))] }))); };
-var DocumentIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }) }))); };
-var ProjectIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) }))); };
+const SpaceTypeIcon = (props) => (_jsxs("svg", { fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", children: [_jsx("title", { children: "SpaceType" }), _jsxs("g", { id: "space_type", "data-name": "space type", children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" })] })] }));
+const DocumentIcon = (props) => (_jsx("svg", { fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }) }));
+const ProjectIcon = (props) => (_jsx("svg", { fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) }));

package/dist/FormComponents/Step/CheckBoxStep/CheckBoxStep.js

@@ -1,36 +1,13 @@
-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 } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
-function CheckboxStep(_a) {
-    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
+function CheckboxStep({ formStyle, ...others }) {
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others));
+            return _jsx(MaterialCheckBoxStep, { formStyle: formStyle, ...others });
         }
         default: {
-            return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others));
+            return _jsx(MaterialCheckBoxStep, { formStyle: formStyle, ...others });
         }
     }
 }

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -1,39 +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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import styles from './MaterialCheckBoxStep.module.css';
 import { calcStepWidth } from '../../StepFunctions';
 import RoundedCheckBox from '../../../../shared/RoundedCheckBox/RoundedCheckBox';
 import { Controller } from 'react-hook-form';
-function CheckBoxStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
+function CheckBoxStep({ step, form, errors, control, editable, postview, formStyle, widthStats, }) {
+    return (_jsxs("div", { className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
             minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
+        }, children: [_jsxs("div", { className: styles.labelCheckBoxContainer, children: [step.label && (_jsxs("div", { className: styles.checkboxLbl, children: [step.label, step.required ? ' *' : '', ":"] })), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
                             required: step.required
                                 ? 'Este campo es obligatorio'
                                 : undefined,
-                        }, shouldUnregister: true, render: function (_a) {
-                            var field = _a.field;
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value })));
-                        } })] })), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
+                        }, shouldUnregister: true, render: ({ field }) => (_jsx(RoundedCheckBox, { ...field, "data-testid": step.id, inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value })) })] }), (step.description || !!errors[step.id]) && (_jsx("div", { className: styles.descriptionPar, style: {
                     color: !!errors[step.id]
                         ? formStyle.errorColor
                         : formStyle.descriptionTextColor,
-                } }, { children: !!errors[step.id]
+                }, children: !!errors[step.id]
                     ? 'Este campo es obligatorio'
-                    : step.description })))] })));
+                    : step.description }))] }));
 }
 export default CheckBoxStep;

package/dist/FormComponents/Step/ClassifierSelectorStep/ClassifierSelectorStep.js

@@ -1,36 +1,13 @@
-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 } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialClassifierSelectorStep from './MaterialClassifierSelectorStep/MaterialClassifierSelectorStep';
-function ClassifierSelectorStep(_a) {
-    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
+function ClassifierSelectorStep({ formStyle, ...others }) {
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others)));
+            return (_jsx(MaterialClassifierSelectorStep, { formStyle: formStyle, ...others }));
         }
         default: {
-            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others)));
+            return (_jsx(MaterialClassifierSelectorStep, { formStyle: formStyle, ...others }));
         }
     }
 }

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -1,25 +1,3 @@
-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 { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
@@ -29,77 +7,69 @@ import StepComponent from '../../Step';
 import { Controller } from 'react-hook-form';
 import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
 import RoundedSmartSelect from '../../../../shared/RoundedSmartSelect/RoundedSmartSelect';
-function ClassifierSelector(_a) {
-    var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, editable = _a.editable, onChange = _a.onChange, postview = _a.postview, inputRef = _a.inputRef, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "editable", "onChange", "postview", "inputRef", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
-    var _b = useState(level === 0
+function ClassifierSelector({ step, form, level, errors, value, onBlur, control, editable, onChange, postview, inputRef, formStyle, getValues, widthStats, handleSizeChange, ...others }) {
+    const [fillerSize, setFillerSize] = useState(level === 0
         ? calcFillerSize(step, form.steps, getValues(), form.size)
-        : 0), fillerSize = _b[0], setFillerSize = _b[1];
+        : 0);
     if (!step.idClassifier) {
         return _jsx("div", {});
     }
-    var classifier = form.classifiers[step.idClassifier];
+    const classifier = form.classifiers[step.idClassifier];
     if (!classifier) {
         return _jsx("div", {});
     }
-    var options = classifier.children
-        .filter(function (classifier) {
-        var _a;
-        return ((_a = step.options[typeof classifier === 'string'
-            ? classifier
-            : classifier === null || classifier === void 0 ? void 0 : classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !== ClassifierOptionTypes.HIDE;
-    })
-        .map(function (classifier) {
-        var _a;
-        return typeof classifier === 'string'
-            ? {
-                value: classifier,
-                label: (_a = form.classifiers[classifier]) === null || _a === void 0 ? void 0 : _a.name,
-            }
-            : { value: classifier._id, label: classifier.name };
-    });
-    var sizeChange = function () {
+    const options = classifier.children
+        .filter((classifier) => step.options[typeof classifier === 'string'
+        ? classifier
+        : classifier?._id]?.type !== ClassifierOptionTypes.HIDE)
+        .map((classifier) => typeof classifier === 'string'
+        ? {
+            value: classifier,
+            label: form.classifiers[classifier]?.name,
+        }
+        : { value: classifier._id, label: classifier.name });
+    const sizeChange = () => {
         handleSizeChange();
         if (level === 0) {
             setFillerSize(calcFillerSize(step, form.steps, getValues(), form.size));
         }
     };
-    var renderSelect = function () {
-        var _a;
-        return (_jsx("div", __assign({ className: styles.container, style: {
+    const renderSelect = () => {
+        return (_jsx("div", { className: styles.container, style: {
                 width: widthStats.currentBreakPoint <= step.size
                     ? '100%'
                     : calcStepWidth(step.size, form.size),
                 minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: false, loading: false, options: options, inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_a = formStyle.stepBackgroundColor) !== null && _a !== void 0 ? _a : 'white', label: step.label ? step.label : classifier.name, required: step.required, height: '31px', searchable: step.searchable, icon: undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
+            }, children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: false, loading: false, options: options, inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: formStyle.stepBackgroundColor ?? 'white', label: step.label ? step.label : classifier.name, required: step.required, height: '31px', searchable: step.searchable, icon: undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: (value) => {
                     onChange(value);
                     sizeChange();
-                }, getOptionSelected: function (option, value) {
-                    return option.value === (value === null || value === void 0 ? void 0 : value.value);
+                }, getOptionSelected: (option, value) => {
+                    return option.value === value?.value;
                 }, helperText: errors[step.id]
                     ? errors[step.id].message
-                    : step.description, error: !!errors[step.id] }) }), step.id));
+                    : step.description, error: !!errors[step.id] }) }, step.id));
     };
-    var mapNestedOption = function () {
+    const mapNestedOption = () => {
         if (value) {
-            var currentOption = step.options[value.value];
-            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
-                return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep, index) {
-                        var subStep = form.steps[idStep];
-                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, editable: editable, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
+            const currentOption = step.options[value.value];
+            if (currentOption?.type === ClassifierOptionTypes.NESTED) {
+                return (_jsx(React.Fragment, { children: currentOption.steps.map((idStep, index) => {
+                        const subStep = form.steps[idStep];
+                        return (_createElement(StepComponent, { ...others, postview: postview, editable: editable, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, step: subStep, key: index, level: level + 1, handleSizeChange: () => {
                                 sizeChange();
-                            } })));
+                            } }));
                     }) }));
             }
         }
     };
     if (level === 0 && step.maxSize < form.size.blockNum) {
-        return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
+        return (_jsxs("div", { className: styles.firstLvlContainer, style: {
                 width: widthStats.currentBreakPoint <= step.size
                     ? '100%'
                     : 'fit-content',
-            } }, { children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.size.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
+            }, children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.size.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
                         width: fillerSize,
-                    } }, "SEPARATOR"))] })));
+                    } }, "SEPARATOR"))] }));
     }
     else {
         return (_jsxs(React.Fragment, { children: [renderSelect(), mapNestedOption(), level === 0 && _jsx("div", { className: styles.separator })] }));
@@ -111,8 +81,5 @@ function ClassifierSelectorStep(props) {
             required: props.step.required
                 ? 'Este campo es obligatorio'
                 : undefined,
-        }, shouldUnregister: true, render: function (_a) {
-            var field = _a.field;
-            return (_jsx(ClassifierSelector, __assign({}, props, { inputRef: field.ref, value: field.value, onChange: field.onChange, onBlur: field.onBlur })));
-        } }));
+        }, shouldUnregister: true, render: ({ field }) => (_jsx(ClassifierSelector, { ...props, inputRef: field.ref, value: field.value, onChange: field.onChange, onBlur: field.onBlur })) }));
 }

package/dist/FormComponents/Step/DatePickerStep/DatePickerStep.js

@@ -1,24 +1,13 @@
-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 MaterialDatePickerStep from './MaterialDatePickerStep/MaterialDatePickerStep';
 function DatePickerStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialDatePickerStep, __assign({}, props));
+            return _jsx(MaterialDatePickerStep, { ...props });
         }
         default: {
-            return _jsx(MaterialDatePickerStep, __assign({}, props));
+            return _jsx(MaterialDatePickerStep, { ...props });
         }
     }
 }

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -1,35 +1,20 @@
-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 styles from './MaterialDatePickerStep.module.css';
 import { Controller } from 'react-hook-form';
 import RoundedDatePicker from '../../../../shared/RoundedDatePicker/RoundedDatePicker';
 import { calcStepWidth } from '../../StepFunctions';
-function DatePickerStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, _b = _a.defaultValue, defaultValue = _b === void 0 ? null : _b;
-    return (_jsx("div", __assign({ className: styles.container, style: {
+function DatePickerStep({ step, form, errors, control, editable, postview, formStyle, widthStats, defaultValue = null, }) {
+    return (_jsx("div", { className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
             minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: defaultValue, rules: {
+        }, children: _jsx(Controller, { name: step.id, control: control, defaultValue: defaultValue, rules: {
                 required: step.required
                     ? 'Este campo es obligatorio'
                     : undefined,
-            }, shouldUnregister: true, render: function (_a) {
-                var field = _a.field;
-                return (_jsx(RoundedDatePicker, __assign({}, field, { pickTime: step.pickTime, inputRef: field.ref, cantEdit: !editable || postview, "data-testid": step.id, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
-                        ? errors[step.id].message
-                        : step.description, error: !!errors[step.id], required: step.required })));
-            } }) })));
+            }, shouldUnregister: true, render: ({ field }) => (_jsx(RoundedDatePicker, { ...field, pickTime: step.pickTime, inputRef: field.ref, cantEdit: !editable || postview, "data-testid": step.id, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
+                    ? errors[step.id].message
+                    : step.description, error: !!errors[step.id], required: step.required })) }) }));
 }
 export default DatePickerStep;