@arquimedes.co/eureka-forms 1.9.134 → 2.0.0-test

package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js

@@ -45,11 +45,24 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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 SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
 import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
 import axios from 'axios';
-import InputIcon from '../../../shared/InputIcon/InputIcon';
+import InputIcon from '../../../Shared/InputIcon/InputIcon';
+import FormContext from '../../../Contexts/FormContext';
+import { useContext } from 'react';
 function CBRElementStepComponent(props) {
     return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'LEAK' }), getOptions: getElementOptions, getOptionSelected: function (option, value) {
             return option.id === value.id;
@@ -60,57 +73,55 @@ function CBRElementStepComponent(props) {
             else {
                 return null;
             }
-        } }, { children: _jsx(ElementSubStepRenderer, {}) })));
+        }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, props))); } })));
 }
 export default CBRElementStepComponent;
 function ElementSubStepRenderer(_a) {
     var _b;
-    var value = _a.value, stepProps = _a.stepProps;
+    var value = _a.value, stepProps = __rest(_a, ["value"]);
+    var form = useContext(FormContext);
     if (!value || stepProps == undefined) {
         return _jsx("div", {});
     }
-    var subStep = stepProps === null || stepProps === void 0 ? void 0 : stepProps.form.steps[(_b = stepProps.step.subStep) !== null && _b !== void 0 ? _b : ''];
+    var subStep = form.steps[(_b = stepProps.step.subStep) !== null && _b !== void 0 ? _b : ''];
     if ((subStep === null || subStep === void 0 ? void 0 : subStep.type) !== CBRFormStepTypes.CBR_LOCATIVAS) {
         return _jsx("div", {});
     }
     return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, level: stepProps.level + 1, icon: _jsx(InputIcon, { icon: 'LEAK' }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: function (option, value) {
             return option.id === value.id;
-        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }, { children: _jsx(ElementSubStepRenderer, {}) })));
+        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, stepProps, { step: subStep }))); } })));
 }
-var getElementOptions = function (_a, step, dependencyStore) {
-    var idOrganization = _a.idOrganization;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var idProyecto, response, father_1;
-        var _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!step.dependencies) return [3 /*break*/, 2];
-                    idProyecto = (_c = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id;
-                    if (!idProyecto) {
-                        return [2 /*return*/, null]; //null para indicar que falta la depedency
-                    }
-                    return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
-                case 1:
-                    response = (_e.sent()).data;
-                    father_1 = (_d = dependencyStore[step.dependencies[1]]) === null || _d === void 0 ? void 0 : _d.value;
-                    if (father_1 !== undefined && father_1.id === undefined) {
-                        return [2 /*return*/, null];
-                    }
-                    return [2 /*return*/, response.filter(function (locativa) {
-                            if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
-                                return (locativa.id.startsWith(father_1.id) &&
-                                    locativa.id !== father_1.id);
-                            }
-                            else {
-                                return locativa.id.length === 2;
-                            }
-                        })];
-                case 2: return [2 /*return*/, null];
-            }
-        });
+var getElementOptions = function (idOrganization, step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
+    var idProyecto, response, father_1;
+    var _a, _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
+                if (!idProyecto) {
+                    return [2 /*return*/, null]; //null para indicar que falta la depedency
+                }
+                return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
+            case 1:
+                response = (_d.sent()).data;
+                father_1 = (_c = dependencyStore[step.dependencies[1]]) === null || _c === void 0 ? void 0 : _c.value;
+                if (father_1 !== undefined && father_1.id === undefined) {
+                    return [2 /*return*/, null];
+                }
+                return [2 /*return*/, response.filter(function (locativa) {
+                        if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
+                            return (locativa.id.startsWith(father_1.id) &&
+                                locativa.id !== father_1.id);
+                        }
+                        else {
+                            return locativa.id.length === 2;
+                        }
+                    })];
+            case 2: return [2 /*return*/, null];
+        }
     });
-};
+}); };
 var calcDepError = function (steps) {
     for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
         var step = steps_1[_i];

package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.js

@@ -12,8 +12,10 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialCBRIncidentsStep from './MaterialCBRIncidentsStep/MaterialCBRIncidentsStep';
+import { useAppSelector } from '../../../hooks';
 function CBRIncidentsStep(props) {
-    switch (props.formStyle.type) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialCBRIncidentsStep, __assign({}, props));

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { CBRIncidentsStepProps } from '../../CBRIncidentsStep';
 import { Incident } from '../MaterialCBRIncidentsStep';
-declare function IncidentComponent({ step, form, level, incident, formStyle, handleDelete, ...others }: CBRIncidentsStepProps & {
+declare function IncidentComponent({ step, level, incident, handleDelete, ...others }: CBRIncidentsStepProps & {
     incident: Incident;
-    handleDelete: Function;
+    handleDelete: () => void;
 }): JSX.Element;
 export default IncidentComponent;

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js

@@ -25,25 +25,31 @@ import styles from './Incident.module.css';
 import StepComponent from '../../../../Step';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 import TextAreaStep from '../../../../TextAreaStep/TextAreaStep';
+import FormContext from '../../../../../Contexts/FormContext';
+import { useAppSelector } from '../../../../../hooks';
+import { useContext } from 'react';
 function IncidentComponent(_a) {
-    var step = _a.step, form = _a.form, level = _a.level, incident = _a.incident, formStyle = _a.formStyle, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "form", "level", "incident", "formStyle", "handleDelete"]);
+    var step = _a.step, level = _a.level, incident = _a.incident, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "level", "incident", "handleDelete"]);
+    var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, postview = _b.postview;
+    var form = useContext(FormContext);
+    var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var spaceStep = form.steps[incident.idSpaceStep];
     var elementStep = form.steps[incident.idElementStep];
     var commentStep = form.steps[incident.idCommentStep];
     if (incident.deleted) {
         return _jsx("div", {});
     }
-    return (_jsx("div", __assign({ className: others.widthStats.isMobile || form.size.blockNum < 3
+    return (_jsx("div", __assign({ className: widthStats.isMobile || form.size.blockNum < 3
             ? styles.mobileContainer
             : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
                 width: (form.size.blockSize + form.size.spacingSize) *
                     (form.size.blockNum - 1),
-            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), _jsx("div", __assign({ className: !others.editable || others.postview
+            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), _jsx("div", __assign({ className: !others.editable || postview
                         ? styles.disabledDeleteBtn
                         : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
-                        if (others.editable && !others.postview) {
+                        if (others.editable && !postview) {
                             handleDelete();
                         }
-                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { formStyle: formStyle, form: form, step: spaceStep, level: level + 1 })), _jsx(StepComponent, __assign({}, others, { form: form, formStyle: formStyle, step: elementStep, level: level + 1 })), _jsx(TextAreaStep, __assign({}, others, { form: form, formStyle: formStyle, step: commentStep, maxLength: 200, level: level + 1 }))] })) })));
+                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { step: spaceStep, level: level + 1 })), _jsx(StepComponent, __assign({}, others, { step: elementStep, level: level + 1 })), _jsx(TextAreaStep, __assign({}, others, { step: commentStep, maxLength: 200, level: level + 1 }))] })) })));
 }
 export default IncidentComponent;

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -31,18 +31,26 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-console */
-import { useEffect, useState } from 'react';
-import { Controller } from 'react-hook-form';
+import { useContext, useEffect, useState } from 'react';
 import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
 import IncidentComponent from './Incident/Incident';
 import styles from './MaterialCBRIncidentsStep.module.css';
 import { nanoid } from 'nanoid';
-import RoundedButton from '../../../../shared/RoundedButton/RoundedButton';
+import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
+import FormContext from '../../../../Contexts/FormContext';
+import { addStepsDependencies } from '../../../../States/SiteStateReducer';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import CustomContext from '../../../../Contexts/CustomContext';
+import { Controller } from 'react-hook-form';
 function Incidents(_a) {
-    var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "incidents", "formStyle", "dependencyStore", "setDependencyStore"]);
+    var step = _a.step, btnRef = _a.btnRef, editable = _a.editable, onChange = _a.onChange, incidents = _a.incidents, others = __rest(_a, ["step", "btnRef", "editable", "onChange", "incidents"]);
+    var customSteps = useContext(CustomContext).customSteps;
+    var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, postview = _b.postview;
+    var dispatch = useAppDispatch();
+    var form = useContext(FormContext);
     /** Form to pass down with aditional steps */
-    var _b = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _b[0], setLocalForm = _b[1];
-    var _c = useState(false), firstRender = _c[0], setFirstRender = _c[1];
+    var _c = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _c[0], setLocalForm = _c[1];
+    var _d = useState(false), firstRender = _d[0], setFirstRender = _d[1];
     useEffect(function () {
         setFirstRender(true);
     }, []);
@@ -52,6 +60,7 @@ function Incidents(_a) {
         }
     }, [firstRender]);
     var handleAddIncident = function () {
+        var _a, _b;
         var current = incidents.filter(function (incident) { return !incident.deleted; });
         var newIncident = {
             idSpaceStep: CBRFormStepTypes.CBR_TIPO_ESPACIO + '-' + nanoid(),
@@ -62,40 +71,33 @@ function Incidents(_a) {
         var newSteps = __assign({}, localForm.steps);
         newSteps[newIncident.idSpaceStep] = __assign(__assign({}, step.spaceStep), { id: newIncident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
         newSteps[newIncident.idCommentStep] = __assign(__assign({}, step.commentStep), { id: newIncident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
-        setDependencyStore(function (dependencies) {
-            var _a, _b;
-            var deps = __assign({}, dependencies);
-            addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, deps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
-            onChange(__spreadArray(__spreadArray([], incidents, true), [newIncident], false));
-            setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
-            return deps;
-        });
+        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+        onChange(__spreadArray(__spreadArray([], incidents, true), [newIncident], false));
+        setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
+        dispatch(addStepsDependencies({
+            steps: newSteps,
+            customSteps: customSteps,
+        }));
     };
-    var addRecursiveElementStep = function (idStep, step, idParent, steps, dependencyStore, idProjectDep) {
-        var _a, _b;
+    var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep) {
         var idSubStep = CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid();
         var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
         var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
+        if (idParent)
+            newStep.dependencies.push(idParent);
         if (newSubStep) {
             newStep.subStep = idSubStep;
         }
-        if (idParent) {
-            dependencyStore[idParent] = {
-                type: steps[idParent].type,
-                value: null,
-            };
-            (_b = (_a = newStep.dependencies) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, idParent);
-        }
         steps[idStep] = newStep;
         if (newSubStep) {
-            addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, dependencyStore, idProjectDep);
+            addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, idProjectDep);
         }
     };
     return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.label })), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
                     margin: step.description
                         ? '10px 0px'
                         : '0px 0px 5px 0px',
-                } }, { children: step.description }))), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, formStyle: formStyle, step: step, form: localForm, editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                } }, { children: step.description }))), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, step: step, editable: editable, handleDelete: function () {
                     var tempIncidents = __spreadArray([], incidents, true);
                     tempIncidents[index].deleted = true;
                     var n = 1;
@@ -107,14 +109,14 @@ function Incidents(_a) {
                         }
                     }
                     onChange(tempIncidents);
-                } }, others), index)); }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                } }, others), index)); }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: 'hidden-input' }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
                             if (editable && !postview) {
                                 handleAddIncident();
                             }
                         } })] }))] })));
 }
 function CBRIncidentsStep(props) {
-    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: [], rules: {
+    return (_jsx(Controller, { name: props.step.id, defaultValue: [], rules: {
             required: props.step.required
                 ? 'Este campo es obligatorio'
                 : undefined,

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.module.css

@@ -26,9 +26,3 @@
     margin-bottom: 3px;
     width: fit-content;
 }
-.hiddenInput {
-    height: 0;
-    width: 0;
-    padding: 0;
-    border-width: 0;
-}

package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -53,41 +53,49 @@ import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
 import axios from 'axios';
 import React, { useState } from 'react';
 import { Dialog } from '@material-ui/core';
-import RoundedButton from '../../../shared/RoundedButton/RoundedButton';
-import InputIcon from '../../../shared/InputIcon/InputIcon';
+import RoundedButton from '../../../Shared/RoundedButton/RoundedButton';
+import InputIcon from '../../../Shared/InputIcon/InputIcon';
+import { useAppSelector } from '../../../hooks';
+import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
 var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRPropertyStepComponent(props) {
     var _this = this;
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     var _a = useState(undefined), showWarning = _a[0], setShowWarning = _a[1];
-    var getInmueblesOptions = function (_a, step, dependencyStore) {
-        var idOrganization = _a.idOrganization;
-        return __awaiter(_this, void 0, void 0, function () {
-            var idProyecto, idMacroProyecto;
-            var _b, _c, _d, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
-                    case 0:
-                        if (!step.dependencies) return [3 /*break*/, 2];
-                        idProyecto = (_c = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id;
-                        idMacroProyecto = (_e = (_d = dependencyStore[step.dependencies[0]]) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.idMacroProyecto;
-                        if (!idProyecto) {
-                            return [2 /*return*/, null]; //null para indicar que falta la depedency
-                        }
-                        return [4 /*yield*/, axios.get(baseUrl +
-                                'Inmuebles?idMacro=' +
-                                idMacroProyecto +
-                                '&idProyecto=' +
-                                idProyecto +
-                                '&idOrganization=' +
-                                idOrganization)];
-                    case 1: return [2 /*return*/, (_f.sent()).data];
-                    case 2: return [2 /*return*/, null];
-                }
-            });
+    var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, idMacroProyecto;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                    idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
+                    idMacroProyecto = (_d = (_c = dependencyStore[step.dependencies[0]]) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.idMacroProyecto;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    return [4 /*yield*/, axios.get(baseUrl +
+                            'Inmuebles?idMacro=' +
+                            idMacroProyecto +
+                            '&idProyecto=' +
+                            idProyecto +
+                            '&idOrganization=' +
+                            idOrganization)];
+                case 1: return [2 /*return*/, (_e.sent()).data];
+                case 2: return [2 /*return*/, null];
+            }
         });
-    };
-    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROPERTY' }), getOptionSelected: function (option, value) {
+    }); };
+    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { icon: _jsx(InputIcon, { icon: 'PROPERTY' }), getOptionSelected: function (option, value) {
                     return option.id === value.id;
+                }, calcDepError: function (steps) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step = steps_1[_i];
+                        if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
                     ? function (value) {
                         if (value &&
@@ -129,9 +137,9 @@ function CBRPropertyStepComponent(props) {
                         maxWidth: '100vw',
                         boxSizing: 'content-box',
                     },
-                }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: props.formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
                                 setShowWarning(undefined);
-                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: { color: props.formStyle.primaryColor } }, { children: _jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: props.formStyle.primaryContrastColor, backgroundColor: props.formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
                                             setShowWarning(undefined);
                                         } }) }))] }))] })) })))] }));
 }

package/dist/FormSteps/AYFStepMapper.js

@@ -75,52 +75,51 @@ function AYFStepMapper(props) {
                 ]];
         });
     }); };
-    var getCiudadesOptions = function (_a, step, dependencyStore) {
-        var idOrganization = _a.idOrganization;
-        return __awaiter(_this, void 0, void 0, function () {
-            var nit, params, _i, _b, dep, value, error_1;
-            var _c, _d, _e, _f;
-            return __generator(this, function (_g) {
-                switch (_g.label) {
-                    case 0:
-                        nit = (_c = dependencyStore[step.idNitStep]) === null || _c === void 0 ? void 0 : _c.value;
-                        params = new URLSearchParams({
-                            idOrganization: idOrganization,
-                            idCompany: nit,
-                            nit: 'true',
-                        });
-                        for (_i = 0, _b = (_d = step.dependencies) !== null && _d !== void 0 ? _d : []; _i < _b.length; _i++) {
-                            dep = _b[_i];
-                            value = (_e = dependencyStore[dep]) === null || _e === void 0 ? void 0 : _e.value;
-                            if (value && dep.startsWith('AYF')) {
-                                switch ((_f = dep.split('-')) === null || _f === void 0 ? void 0 : _f[0]) {
-                                    case AYFFormStepTypes.AYF_START_MONTH:
-                                        params.set('startMonth', value.id);
-                                        break;
-                                    case AYFFormStepTypes.AYF_END_MONTH:
-                                        params.set('endMonth', value.id);
-                                        break;
-                                    case AYFFormStepTypes.AYF_YEAR:
-                                        params.set('year', value);
-                                        break;
-                                    default:
-                                        break;
-                                }
+    var getCiudadesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var nit, params, _i, _a, dep, value, error_1;
+        var _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    nit = (_b = dependencyStore[step.idNitStep]) === null || _b === void 0 ? void 0 : _b.value;
+                    params = new URLSearchParams({
+                        idOrganization: idOrganization,
+                        idCompany: nit,
+                        nit: 'true',
+                    });
+                    for (_i = 0, _a = (_c = step.dependencies) !== null && _c !== void 0 ? _c : []; _i < _a.length; _i++) {
+                        dep = _a[_i];
+                        value = (_d = dependencyStore[dep]) === null || _d === void 0 ? void 0 : _d.value;
+                        if (value && dep.startsWith('AYF')) {
+                            switch ((_e = dep.split('-')) === null || _e === void 0 ? void 0 : _e[0]) {
+                                case AYFFormStepTypes.AYF_START_MONTH:
+                                    params.set('startMonth', value.id);
+                                    break;
+                                case AYFFormStepTypes.AYF_END_MONTH:
+                                    params.set('endMonth', value.id);
+                                    break;
+                                case AYFFormStepTypes.AYF_YEAR:
+                                    params.set('year', value);
+                                    break;
+                                default:
+                                    break;
                             }
                         }
-                        _g.label = 1;
-                    case 1:
-                        _g.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
-                    case 2: return [2 /*return*/, (_g.sent()).data];
-                    case 3:
-                        error_1 = _g.sent();
-                        return [2 /*return*/, null];
-                    case 4: return [2 /*return*/];
-                }
-            });
+                    }
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
+                case 2: return [2 /*return*/, (_f.sent()).data];
+                case 3:
+                    error_1 = _f.sent();
+                    return [2 /*return*/, null];
+                case 4: return [2 /*return*/];
+            }
         });
-    };
+    }); };
     switch (props.step.type) {
         case AYFFormStepTypes.AYF_START_MONTH:
         case AYFFormStepTypes.AYF_END_MONTH:

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.d.ts

@@ -11,5 +11,5 @@ export interface ApiSelectorStepProps extends StepProps {
     /** Default value to display */
     defaultValue?: Date | null;
 }
-declare function ApiSelectorStep({ ...props }: ApiSelectorStepProps): JSX.Element;
+declare function ApiSelectorStep(props: ApiSelectorStepProps): JSX.Element;
 export default ApiSelectorStep;

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js

@@ -9,23 +9,13 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { useAppSelector } from '../../hooks';
 import MaterialApiSelectorStep from './MaterialApiSelectorStep/MaterialApiSelectorStep';
-function ApiSelectorStep(_a) {
-    var props = __rest(_a, []);
-    switch (props.formStyle.type) {
+function ApiSelectorStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialApiSelectorStep, __assign({}, props));