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

package/dist/FormComponents/Step/CBRStepMapper.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 CBRFormStepTypes from '../../constants/CBRFormStepTypes';
 import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
@@ -8,41 +55,71 @@ import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep'
 import CBRLocativasStep from './@Construction/CBRLocativasStep/CBRLocativasStep';
 import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
-const baseUrl = `https://integrations.${process.env.REACT_APP_DOMAIN}/sinco/cbr/`;
+var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRStepMapper(props) {
-    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
+    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];
             }
-            return (await axios.get(baseUrl +
-                'TiposEspacio?idProyecto=' +
-                idProyecto +
-                '&idOrganization=' +
-                idOrganization)).data;
-        }
-        else {
-            return null;
-        }
-    };
+        });
+    }); };
+    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];
+            }
+        });
+    }); };
     switch (props.step.type) {
         case CBRFormStepTypes.CBR_CEL:
         case CBRFormStepTypes.CBR_EMAIL:
@@ -51,66 +128,77 @@ function CBRStepMapper(props) {
         case CBRFormStepTypes.CBR_FIRST_NAME:
         case CBRFormStepTypes.CBR_MIDDLE_NAME:
         case CBRFormStepTypes.CBR_SECOND_LAST_NAME:
-            return _jsx(TextInputStep, { ...props, step: props.step });
+            return _jsx(TextInputStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_DOC:
-            return (_jsx(TextInputStep, { ...props, step: props.step, icon: _jsx(DocumentIconComponent, {}) }));
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, icon: _jsx(DocumentIconComponent, {}) })));
         case CBRFormStepTypes.CBR_TIPO_DOC:
-            return (_jsx(SmartSelectStep, { ...props, step: { ...props.step, showIcon: false }, getOptions: getTipoDocOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            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; } })));
         case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
-                    } }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+                    } }), getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_PROYECTO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 24,
                         width: 24,
-                    } }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+                    } }), getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_INMUEBLE:
-            return _jsx(CBRPropertyStep, { ...props, step: props.step });
+            return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
                         marginRight: 3,
                         marginTop: 1,
-                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
-                    } }), getOptions: getTipoEspaciosOptions, calcDepError: (types) => {
-                    for (const type of types) {
+                    } }), getOptions: getTipoEspaciosOptions, calcDepError: function (types) {
+                    for (var _i = 0, _a = types; _i < _a.length; _i++) {
+                        var type = _a[_i];
                         if (type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
                     return undefined;
-                }, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+                }, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_LOCATIVAS:
-            return _jsx(CBRLocativasStep, { ...props, step: props.step });
+            return _jsx(CBRLocativasStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_COMENTARIO:
-            return _jsx(TextAreaStep, { ...props, step: props.step });
+            return _jsx(TextAreaStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_INCIDENCIAS:
-            return _jsx(CBRIncidentsStep, { ...props, step: props.step });
+            return _jsx(CBRIncidentsStep, __assign({}, props, { step: props.step }));
         default:
             return _jsx("div", {});
     }
 }
 export default CBRStepMapper;
 function DocumentIconComponent(props) {
-    return (_jsx("div", { style: {
+    return (_jsx("div", __assign({ 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,
-            } }) }));
+            } }) })));
 }
-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" }) }));
+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" }) }))); };

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

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

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

@@ -1,24 +1,39 @@
+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({ step, form, errors, control, editable, postview, formStyle, widthStats, }) {
-    return (_jsxs("div", { className: styles.container, style: {
+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: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
             minHeight: step.description || step.required ? '55px' : '43px',
-        }, 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: {
+        } }, { 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: {
                             required: step.required
                                 ? 'Este campo es obligatorio'
                                 : undefined,
-                        }, 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: {
+                        }, 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: {
                     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,13 +1,36 @@
+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({ formStyle, ...others }) {
+function ClassifierSelectorStep(_a) {
+    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialClassifierSelectorStep, { formStyle: formStyle, ...others }));
+            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others)));
         }
         default: {
-            return (_jsx(MaterialClassifierSelectorStep, { formStyle: formStyle, ...others }));
+            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others)));
         }
     }
 }

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.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 { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
@@ -7,69 +29,77 @@ import StepComponent from '../../Step';
 import { Controller } from 'react-hook-form';
 import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
 import RoundedSmartSelect from '../../../../shared/RoundedSmartSelect/RoundedSmartSelect';
-function ClassifierSelector({ step, form, level, errors, value, onBlur, control, editable, onChange, postview, inputRef, formStyle, getValues, widthStats, handleSizeChange, ...others }) {
-    const [fillerSize, setFillerSize] = useState(level === 0
+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
         ? calcFillerSize(step, form.steps, getValues(), form.size)
-        : 0);
+        : 0), fillerSize = _b[0], setFillerSize = _b[1];
     if (!step.idClassifier) {
         return _jsx("div", {});
     }
-    const classifier = form.classifiers[step.idClassifier];
+    var classifier = form.classifiers[step.idClassifier];
     if (!classifier) {
         return _jsx("div", {});
     }
-    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 = () => {
+    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 () {
         handleSizeChange();
         if (level === 0) {
             setFillerSize(calcFillerSize(step, form.steps, getValues(), form.size));
         }
     };
-    const renderSelect = () => {
-        return (_jsx("div", { className: styles.container, style: {
+    var renderSelect = function () {
+        var _a;
+        return (_jsx("div", __assign({ 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: 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) => {
+            } }, { 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) {
                     onChange(value);
                     sizeChange();
-                }, getOptionSelected: (option, value) => {
-                    return option.value === value?.value;
+                }, getOptionSelected: function (option, value) {
+                    return option.value === (value === null || value === void 0 ? void 0 : 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));
     };
-    const mapNestedOption = () => {
+    var mapNestedOption = function () {
         if (value) {
-            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: () => {
+            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 () {
                                 sizeChange();
-                            } }));
+                            } })));
                     }) }));
             }
         }
     };
     if (level === 0 && step.maxSize < form.size.blockNum) {
-        return (_jsxs("div", { className: styles.firstLvlContainer, style: {
+        return (_jsxs("div", __assign({ 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 })] }));
@@ -81,5 +111,8 @@ function ClassifierSelectorStep(props) {
             required: props.step.required
                 ? 'Este campo es obligatorio'
                 : undefined,
-        }, shouldUnregister: true, render: ({ field }) => (_jsx(ClassifierSelector, { ...props, inputRef: field.ref, value: field.value, onChange: field.onChange, onBlur: field.onBlur })) }));
+        }, 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 })));
+        } }));
 }

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

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

@@ -1,20 +1,35 @@
+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({ step, form, errors, control, editable, postview, formStyle, widthStats, defaultValue = null, }) {
-    return (_jsx("div", { className: styles.container, style: {
+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: {
             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: ({ 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 })) }) }));
+            }, 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 })));
+            } }) })));
 }
 export default DatePickerStep;