@arquimedes.co/eureka-forms 1.9.1 → 1.9.2

package/dist/@Types/CBRFormStep.d.ts

@@ -5,7 +5,7 @@ export interface PostVentaStep extends GBaseStep {
     type: Types.CBR_POSTVENTA;
 }
 export interface CBRProjectStep extends GSmartSelect {
-    type: Types.CBR_PROYECTO;
+    type: Types.CBR_PROYECTO | Types.CBR_MACRO_PROYECTO;
     steps: string[];
     /** Only has maxSize if level === 0 */
     maxSize: number;

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -154,8 +154,10 @@ function ColumnForm(_a) {
                     setShowConfirmation(undefined);
                 } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, domain: domain, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps, setDependencyStore: setDependencyStore, dependencyStore: dependencyStore, trigger: trigger }, others), index)); }), form.terms &&
                 (!internal || (internal && postview)) &&
-                (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined &&
-                form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }), !postview && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () {
+                (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined && (_jsx("div", __assign({ className: styles.termsContainer, style: {
+                    width: (form.size.blockSize + form.size.spacingSize) *
+                        form.size.blockNum,
+                } }, { children: form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }) }), void 0)), !postview && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () {
                         onSubmit();
                     }, style: {
                         background: formStyle.primaryColor,

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js

@@ -33,7 +33,7 @@ function IncidentComponent(_a) {
     if (incident.deleted) {
         return _jsx("div", {}, void 0);
     }
-    return (_jsx("div", __assign({ className: others.widthStats.isMobile
+    return (_jsx("div", __assign({ className: others.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) *

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.js

@@ -95,7 +95,7 @@ function LeakIconComponent(props) {
         } }, void 0));
 }
 var getLocativasOptions = function (idOrganization, step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
-    var idProyecto, response, father_1, locativasList, data;
+    var idProyecto, response, father_1;
     var _a;
     return __generator(this, function (_b) {
         switch (_b.label) {
@@ -105,30 +105,22 @@ var getLocativasOptions = function (idOrganization, step, dependencyStore) { ret
                 if (!idProyecto) {
                     return [2 /*return*/, null]; //null para indicar que falta la depedency
                 }
-                return [4 /*yield*/, axios.get("https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/cbr/ConsultaLocativas?idOrganization=" + idOrganization)];
+                return [4 /*yield*/, axios.get("https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/cbr/Locativas?idOrganization=" + idOrganization)];
             case 1:
                 response = (_b.sent()).data;
                 father_1 = dependencyStore[step.dependencies[1]];
                 if (father_1 !== undefined && father_1.id === undefined) {
                     return [2 /*return*/, null];
                 }
-                locativasList = response.lstLocativas.TipoLocativas.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;
-                    }
-                });
-                data = locativasList.map(function (option) {
-                    return {
-                        label: option.Descripcion,
-                        id: option.Id,
-                    };
-                });
-                data.sort(function (a, b) { return a.label.localeCompare(b.label); });
-                return [2 /*return*/, data];
+                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];
         }
     });

package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -46,13 +46,20 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './CBRPropertyStep.module.css';
 import SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
+import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+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';
 var baseUrl = "https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/cbr/";
 function CBRPropertyStepComponent(props) {
     var _this = this;
+    var _a = useState(undefined), showWarning = _a[0], setShowWarning = _a[1];
     var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var idProyecto, idMacroProyecto, response;
+        var idProyecto, idMacroProyecto;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -64,47 +71,63 @@ function CBRPropertyStepComponent(props) {
                         return [2 /*return*/, null]; //null para indicar que falta la depedency
                     }
                     return [4 /*yield*/, axios.get(baseUrl +
-                            'ConsultaInmuebles?idMacro=' +
+                            'Inmuebles?idMacro=' +
                             idMacroProyecto +
                             '&idProyecto=' +
                             idProyecto +
                             '&idOrganization=' +
                             idOrganization)];
-                case 1:
-                    response = (_c.sent()).data;
-                    return [2 /*return*/, response.map(function (option) {
-                            return {
-                                label: option.Descripcion,
-                                id: option.Id,
-                                entrega: option.FechaEntrega,
-                            };
-                        })];
+                case 1: return [2 /*return*/, (_c.sent()).data];
                 case 2: return [2 /*return*/, null];
             }
         });
     }); };
-    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
-                display: 'flex',
-                height: 23,
-                width: 23,
-            } }, void 0), getOptionSelected: function (option, value) {
-            return option.id === value.id;
-        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
-            ? function (value) {
-                if (value &&
-                    value.entrega !== undefined &&
-                    props.step.validation) {
-                    var date = new Date(value.entrega);
-                    var today = new Date();
-                    var time = today.getTime() - date.getTime();
-                    var days = time / (1000 * 3600 * 24);
-                    if (days > props.step.validation.maxDays) {
-                        return props.step.validation.message;
+    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                    } }, void 0), getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
+                    ? function (value) {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            var date = new Date(value.entrega);
+                            var today = new Date();
+                            var time = today.getTime() - date.getTime();
+                            var days = time / (1000 * 3600 * 24);
+                            if (days > props.step.validation.maxDays) {
+                                return props.step.validation.message;
+                            }
+                        }
+                        return null;
                     }
-                }
-                return null;
-            }
-            : undefined, iconComponent: PropertyIconComponent, getOptions: getInmueblesOptions }), void 0));
+                    : undefined, changeListener: props.step.validation
+                    ? function (value) {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            var date = new Date(value.entrega);
+                            var today = new Date();
+                            var time = today.getTime() - date.getTime();
+                            var days = time / (1000 * 3600 * 24);
+                            if (days > props.step.validation.maxDays) {
+                                setShowWarning(date);
+                            }
+                        }
+                    }
+                    : undefined, iconComponent: PropertyIconComponent, getOptions: getInmueblesOptions }), void 0), showWarning !== undefined && (_jsx(Dialog, __assign({ PaperProps: {
+                    style: {
+                        borderRadius: '20px',
+                        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 () {
+                                setShowWarning(undefined);
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _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' } }, void 0) }), void 0), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] }), void 0), _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 () {
+                                            setShowWarning(undefined);
+                                        } }, void 0) }), void 0)] }), void 0)] }), void 0) }), void 0))] }, void 0));
 }
 export default CBRPropertyStepComponent;
 function PropertyIconComponent(props) {

package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.module.css

@@ -0,0 +1,54 @@
+.confirmationContainer {
+    display: flex;
+    flex-direction: column;
+    width: fit-content;
+    max-height: 80vh;
+    max-width: 80vw;
+    position: relative;
+}
+
+.container {
+    max-height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    overflow-y: auto;
+}
+.confirmationContainer,
+.confirmationContainer *,
+.confirmationContainer *::after,
+.confirmationContainer *::before {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
+.warningContainer {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 30px;
+    height: fit-content;
+    margin-bottom: 15px;
+}
+
+.messageContainer {
+    margin-top: 5px;
+    margin-left: 20px;
+    margin-right: 20px;
+    font-size: 1.2rem;
+    text-align: center;
+}
+
+.btnContainer {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 30px;
+    margin-bottom: 20px;
+}
+.closeIcon {
+    right: 15px;
+    top: 10px;
+    font-size: 26px;
+    position: absolute;
+    cursor: pointer;
+}

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -59,61 +59,48 @@ var baseUrl = "https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/c
 function CBRStepMapper(props) {
     var _this = this;
     var getTipoDocOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        var response, data;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, axios.get(baseUrl + 'ConsultaTiposDoc?idOrganization=' + idOrganization)];
+                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:
-                    response = (_a.sent()).data;
-                    data = response.map(function (option) {
-                        return { label: option.Descripcion, id: option.Id };
-                    });
-                    data.sort(function (a, b) { return a.label.localeCompare(b.label); });
-                    return [2 /*return*/, data];
+                    proyectos = (_d.sent()).data;
+                    if (idMacroProyecto) {
+                        proyectos = proyectos.filter(function (proyecto) { return proyecto.idMacroProyecto === idMacroProyecto; });
+                    }
+                    return [2 /*return*/, proyectos];
             }
         });
     }); };
-    var getProyectoOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        var response, data;
+    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 + 'Consultaproyectos?idOrganization=' + idOrganization)];
-                case 1:
-                    response = (_a.sent()).data;
-                    data = response.map(function (option) {
-                        return {
-                            label: option.NombreProyecto,
-                            id: option.IdProyecto,
-                            idMacroProyecto: option.IdMacroproyecto,
-                        };
-                    });
-                    data.sort(function (a, b) { return a.label.localeCompare(b.label); });
-                    return [2 /*return*/, data];
+                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 () {
-        var response, data;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, axios.get(baseUrl +
-                        'ConsultaTipoSolicitante?idOrganization=' +
-                        idOrganization)];
-                case 1:
-                    response = (_a.sent()).data;
-                    data = response.map(function (option) {
-                        return {
-                            label: option.Descripcion,
-                            id: option.Id,
-                        };
-                    });
-                    data.sort(function (a, b) { return a.label.localeCompare(b.label); });
-                    return [2 /*return*/, data];
+                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, response, data;
+        var idProyecto;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -124,20 +111,11 @@ function CBRStepMapper(props) {
                         return [2 /*return*/, null]; //null para indicar que falta la depedency
                     }
                     return [4 /*yield*/, axios.get(baseUrl +
-                            'ConsultaTipoEspacios?idProyecto=' +
+                            'TiposEspacio?idProyecto=' +
                             idProyecto +
                             '&idOrganization=' +
                             idOrganization)];
-                case 1:
-                    response = (_b.sent()).data;
-                    data = response.map(function (option) {
-                        return {
-                            label: option.Descripcion,
-                            id: option.Id,
-                        };
-                    });
-                    data.sort(function (a, b) { return a.label.localeCompare(b.label); });
-                    return [2 /*return*/, data];
+                case 1: return [2 /*return*/, (_b.sent()).data];
                 case 2: return [2 /*return*/, null];
             }
         });
@@ -157,6 +135,14 @@ function CBRStepMapper(props) {
             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; } }), void 0));
+        case CBRFormStepTypes.CBR_MACRO_PROYECTO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 24,
+                        width: 24,
+                    } }, void 0), iconComponent: ProjectIconComponent, getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }), void 0));
         case CBRFormStepTypes.CBR_PROYECTO:
             return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -66,7 +66,7 @@ import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
         var _a;
         var missingDeps = [];
         for (var _i = 0, _b = (_a = step.dependencies) !== null && _a !== void 0 ? _a : []; _i < _b.length; _i++) {
@@ -76,7 +76,7 @@ function SmartSelect(_a) {
             }
         }
         return missingDeps;
-    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "getValueString", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
+    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "getValueString", "changeListener", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
     var _g = useState(true), first = _g[0], setFirst = _g[1];
     var _h = useState(), options = _h[0], setOptions = _h[1];
     var _j = useState(), error = _j[0], setError = _j[1];
@@ -128,6 +128,9 @@ function SmartSelect(_a) {
                 calcOptions(null);
             }
         }
+        else if (value && !step.searchable) {
+            setOptions([value]);
+        }
     }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return dependencyStore[dep]; })) !== null && _c !== void 0 ? _c : []);
     var handleMissingDep = function () { return __awaiter(_this, void 0, void 0, function () {
         var invalids;
@@ -160,7 +163,7 @@ function SmartSelect(_a) {
                     if (options === undefined && !(!editable || postview)) {
                         setLoading(true);
                     }
-                }, "data-testid": step.id }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: loading, options: options !== null && options !== void 0 ? options : [], inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
+                }, "data-testid": step.id }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: loading, options: options !== null && options !== void 0 ? options : [], inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', changeListener: changeListener, searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
                         var _a;
                         if (dependencyStore[step.id] !== undefined) {
                             setDependencyStore(__assign(__assign({}, dependencyStore), (_a = {}, _a[step.id] = value, _a)));

package/dist/FormComponents/Step/SmartSelectStep/SmartSelectStep.d.ts

@@ -25,6 +25,8 @@ export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
     children?: React.ReactElement<any, string>;
     /** Function that overwrites the value before setting it */
     valueOverwrite?: (value: any | null) => any;
+    /** Function called on each value change */
+    changeListener?: (value: any) => void;
 }
 declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
 export default SmartSelectStep;

package/dist/constants/CBRFormStepTypes.d.ts

@@ -1,4 +1,5 @@
 declare enum TYPES {
+    CBR_MACRO_PROYECTO = "CBR_MACRO_PROYECTO",
     CBR_POSTVENTA = "CBR_POSTVENTA",
     CBR_FIRST_NAME = "CBR_FIRST_NAME",
     CBR_MIDDLE_NAME = "CBR_MIDDLE_NAME",

package/dist/constants/CBRFormStepTypes.js

@@ -1,5 +1,6 @@
 var TYPES;
 (function (TYPES) {
+    TYPES["CBR_MACRO_PROYECTO"] = "CBR_MACRO_PROYECTO";
     TYPES["CBR_POSTVENTA"] = "CBR_POSTVENTA";
     TYPES["CBR_FIRST_NAME"] = "CBR_FIRST_NAME";
     TYPES["CBR_MIDDLE_NAME"] = "CBR_MIDDLE_NAME";

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.d.ts

@@ -60,6 +60,8 @@ export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>,
     getOptionSelected?: (option: any, value: any) => boolean;
     /** Function to determine the current value in string format */
     getValueString?: (value: any) => string;
+    /** Function called on each value change */
+    changeListener?: (value: any) => void;
 }
-export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, inputRef, disabled, onBlur, name, }: RoundedSmartSelectProps): JSX.Element;
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, innerBackgroundColor, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, inputRef, disabled, onBlur, name, }: RoundedSmartSelectProps): JSX.Element;
 export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -124,7 +124,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 export default function RoundedSmartSelect(_a) {
-    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, iconComponent = _a.iconComponent, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, onBlur = _a.onBlur, name = _a.name;
+    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, changeListener = _a.changeListener, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, iconComponent = _a.iconComponent, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, onBlur = _a.onBlur, name = _a.name;
     var props = {
         color: color,
         height: height,
@@ -160,6 +160,7 @@ export default function RoundedSmartSelect(_a) {
                 var style = _a.style, props = __rest(_a, ["style"]);
                 return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) }), void 0));
             }, value: value ? value : null, onChange: function (event, newValue) {
+                changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue);
                 handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
             }, filterOptions: function (options, params) {
                 if (value && value.label === (params === null || params === void 0 ? void 0 : params.inputValue)) {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "1.9.1",
+    "version": "1.9.2",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",