@arquimedes.co/eureka-forms 3.0.31-test → 3.0.32

package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.js

@@ -1,6 +1,73 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useContext, useMemo } from 'react';
-import FormStepTypes, { ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../../../constants/FormStepTypes';
+import FormStepTypes, { ApiSelectorOptionTypes, ApiSelectorParamTypes, } from '../../../constants/FormStepTypes';
 import StepComponent from '../../Step';
 import SmartSelect from '../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep';
 import widgetInstance from '../../../Utils/AxiosWidget';
@@ -10,90 +77,132 @@ import FormContext from '../../../Contexts/FormContext';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import { recursivelyCalcConditionSteps } from '../../StepHooks';
 import { evaluateCondition } from '../../StepFunctions';
-function ApiSelectorComponent({ step, editable, ...others }) {
-    const form = useContext(FormContext);
+function ApiSelectorComponent(_a) {
+    var _this = this;
+    var step = _a.step, editable = _a.editable, others = __rest(_a, ["step", "editable"]);
+    var form = useContext(FormContext);
     function calcOptionId(option) {
-        return option?.[step.idAttribute] ?? '';
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
     }
     function calcOptionLabel(option) {
-        return option?.[step.labelAttribute] ?? '';
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.labelAttribute]) !== null && _a !== void 0 ? _a : '';
     }
-    const getApiOptions = useMemo(() => async (step, dependencyStore, { idOrganization }) => {
-        function calcOptionId(option) {
-            return option?.[step.idAttribute] ?? '';
-        }
-        const params = new URLSearchParams({});
-        for (const filter of step.queryParams) {
-            switch (filter.type) {
-                case ApiSelectorParamTypes.STEP: {
-                    const currentValue = dependencyStore[filter.idStep]?.value;
-                    const filterStep = form.steps[filter.idStep];
-                    if (currentValue) {
-                        if (filterStep.type === FormStepTypes.API_SELECTOR) {
-                            params.set(filter.key, currentValue[step.idAttribute]);
-                        }
-                        else if (typeof currentValue === 'string')
-                            params.set(filter.key, currentValue);
-                        else
-                            params.set(filter.key, currentValue.label ?? currentValue.id);
-                    }
-                    else if (filter.required) {
-                        return null;
-                    }
-                    break;
+    var getApiOptions = useMemo(function () {
+        return function (step, dependencyStore, _a) {
+            var idOrganization = _a.idOrganization;
+            return __awaiter(_this, void 0, void 0, function () {
+                function calcOptionId(option) {
+                    var _a;
+                    return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
                 }
-                case ApiSelectorParamTypes.VALUE:
-                default:
-                    params.set(filter.key, filter.value);
-                    break;
-            }
-        }
-        let url = step.url.replace('capta.co', import.meta.env.VITE_REACT_APP_DOMAIN);
-        if (idOrganization && url.includes(import.meta.env.VITE_REACT_APP_DOMAIN))
-            params.set('idOrganization', idOrganization);
-        if (!step.url.includes('?'))
-            url += '?';
-        url += params.toString();
-        const response = await (idOrganization ? widgetInstance.get(url) : axiosInstance.get(url));
-        return response.data.filter((option) => calcOptionId(option) && step.options[calcOptionId(option)]?.type !== ApiSelectorOptionTypes.HIDE);
+                var params, _i, _b, filter, currentValue, filterStep, url, response;
+                var _c, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            params = new URLSearchParams({});
+                            for (_i = 0, _b = step.queryParams; _i < _b.length; _i++) {
+                                filter = _b[_i];
+                                switch (filter.type) {
+                                    case ApiSelectorParamTypes.STEP: {
+                                        currentValue = (_c = dependencyStore[filter.idStep]) === null || _c === void 0 ? void 0 : _c.value;
+                                        filterStep = form.steps[filter.idStep];
+                                        if (currentValue) {
+                                            if (filterStep.type ===
+                                                FormStepTypes.API_SELECTOR) {
+                                                params.set(filter.key, currentValue[step.idAttribute]);
+                                            }
+                                            else if (typeof currentValue === 'string')
+                                                params.set(filter.key, currentValue);
+                                            else if (step.url.includes('capta.co') &&
+                                                currentValue._id) {
+                                                params.set(filter.key, currentValue._id);
+                                            }
+                                            else
+                                                params.set(filter.key, (_d = currentValue.label) !== null && _d !== void 0 ? _d : currentValue.id);
+                                        }
+                                        else if (filter.required) {
+                                            return [2 /*return*/, null];
+                                        }
+                                        break;
+                                    }
+                                    case ApiSelectorParamTypes.VALUE:
+                                    default:
+                                        params.set(filter.key, filter.value);
+                                        break;
+                                }
+                            }
+                            url = step.url.replace('capta.co', process.env.REACT_APP_DOMAIN);
+                            if (idOrganization &&
+                                url.includes(process.env.REACT_APP_DOMAIN))
+                                params.set('idOrganization', idOrganization);
+                            if (!step.url.includes('?'))
+                                url += '?';
+                            url += params.toString();
+                            return [4 /*yield*/, (idOrganization
+                                    ? widgetInstance.get(url)
+                                    : axiosInstance.get(url))];
+                        case 1:
+                            response = _e.sent();
+                            return [2 /*return*/, response.data.filter(function (option) {
+                                    var _a;
+                                    return calcOptionId(option) &&
+                                        ((_a = step.options[calcOptionId(option)]) === null || _a === void 0 ? void 0 : _a.type) !==
+                                            ApiSelectorOptionTypes.HIDE;
+                                })];
+                    }
+                });
+            });
+        };
     }, [form]);
-    return (_jsx(StepFillerContainer, { step: step, children: _jsx(SmartSelect, { ...others, editable: editable, step: step, IconComponent: () => (step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined), getOptions: getApiOptions, getOptionSelected: (option, value) => calcOptionId(option) === calcOptionId(value), calcDepError: (steps) => {
-                for (const step of steps) {
-                    if (step.type === FormStepTypes.API_SELECTOR) {
-                        return 'Selecciona un ' + step.label;
+    return (_jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, __assign({}, others, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getApiOptions, getOptionSelected: function (option, value) {
+                return calcOptionId(option) === calcOptionId(value);
+            }, calcDepError: function (steps) {
+                for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                    var step_1 = steps_1[_i];
+                    if (step_1.type === FormStepTypes.API_SELECTOR) {
+                        return 'Selecciona un ' + step_1.label;
                     }
                 }
                 return undefined;
-            }, filterOptions: (options, dependencies) => {
-                const filteredOptions = [];
-                for (const value of options) {
-                    const option = step.options[calcOptionId(value)];
-                    if (option?.type === ApiSelectorOptionTypes.HIDE)
+            }, filterOptions: function (options, dependencies) {
+                var filteredOptions = [];
+                for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
+                    var value = options_1[_i];
+                    var option = step.options[calcOptionId(value)];
+                    if ((option === null || option === void 0 ? void 0 : option.type) === ApiSelectorOptionTypes.HIDE)
                         continue;
-                    if (!option?.condition || evaluateCondition(option.condition, dependencies))
+                    if (!option ||
+                        !option.condition ||
+                        evaluateCondition(option.condition, dependencies))
                         filteredOptions.push(value);
                 }
                 return filteredOptions;
-            }, getOptionsConditionsIdSteps: () => {
-                const dependencies = [...(step.dependencies ?? [])];
-                for (const option of Object.values(step.options)) {
-                    if (option.type !== ApiSelectorOptionTypes.HIDE && option.condition) {
-                        dependencies.push(...recursivelyCalcConditionSteps(option.condition));
+            }, getOptionsConditionsIdSteps: function () {
+                var _a;
+                var dependencies = __spreadArray([], ((_a = step.dependencies) !== null && _a !== void 0 ? _a : []), true);
+                for (var _i = 0, _b = Object.values(step.options); _i < _b.length; _i++) {
+                    var option = _b[_i];
+                    if (option.type !== ApiSelectorOptionTypes.HIDE &&
+                        option.condition) {
+                        dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(option.condition));
                     }
                 }
                 return dependencies;
-            }, getValueString: (value) => calcOptionLabel(value), renderNestedSteps: (value) => {
+            }, getValueString: function (value) { return calcOptionLabel(value); }, renderNestedSteps: function (value) {
                 if (!value)
                     return _jsx(_Fragment, {});
-                const currentOption = step.options[calcOptionId(value)];
-                if (currentOption?.type === ApiSelectorOptionTypes.NESTED) {
-                    return (_jsx(React.Fragment, { children: currentOption.steps.map((idStep) => {
-                            const subStep = form.steps[idStep];
-                            return _jsx(StepComponent, { editable: editable, step: subStep }, idStep);
+                var currentOption = step.options[calcOptionId(value)];
+                if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ApiSelectorOptionTypes.NESTED) {
+                    return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep) {
+                            var subStep = form.steps[idStep];
+                            return (_jsx(StepComponent, { editable: editable, step: subStep }, idStep));
                         }) }));
                 }
                 else
                     return _jsx(_Fragment, {});
-            } }) }));
+            } })) })));
 }
 export default ApiSelectorComponent;

package/dist/FormSteps/CBRStepMapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CBRFormStep } from '../@Types/CBRFormStep';
 import { StepProps } from './Step';
 interface CBRStepProps extends Omit<StepProps, 'step'> {

package/dist/FormSteps/CBRStepMapper.js

@@ -1,5 +1,53 @@
+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 } from "react/jsx-runtime";
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
 import TextInputStep from './TextInputStep/TextInputStep';
 import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
 import TextAreaStep from './TextAreaStep/TextAreaStep';
@@ -8,102 +56,166 @@ import CBRElementStep from './@Construction/CBRElementStep/CBRElementStep';
 import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
 import InputIcon from '../Shared/InputIcon/InputIcon';
-import PersonIcon from '../Icons/PersonIcon';
-import { ErkIconTypes } from '../constants/ErkIconTypes';
-const baseUrl = `https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/`;
+var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRStepMapper(props) {
-    const getTipoDocOptions = async (_step, _dependencies, { idOrganization }) => {
-        if (!idOrganization)
-            return null;
-        return (await axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)).data;
+    var _this = this;
+    var getTipoDocOptions = function (_step, _dependencies, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!idOrganization)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)];
+                    case 1: return [2 /*return*/, (_b.sent()).data];
+                }
+            });
+        });
     };
-    const getProyectoOptions = async (step, dependencyStore, { idOrganization }) => {
-        if (!idOrganization)
-            return null;
-        const idMacroProyecto = dependencyStore[step.dependencies?.[0] ?? '']?.value?.id;
-        let proyectos = (await axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)).data;
-        if (idMacroProyecto) {
-            proyectos = proyectos.filter((proyecto) => proyecto.idMacroProyecto === idMacroProyecto);
-        }
-        return proyectos;
+    var getProyectoOptions = function (step, dependencyStore, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            var idMacroProyecto, proyectos;
+            var _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        if (!idOrganization)
+                            return [2 /*return*/, null];
+                        idMacroProyecto = (_e = (_d = dependencyStore[(_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : '']) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.id;
+                        return [4 /*yield*/, axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)];
+                    case 1:
+                        proyectos = (_f.sent()).data;
+                        if (idMacroProyecto) {
+                            proyectos = proyectos.filter(function (proyecto) { return proyecto.idMacroProyecto === idMacroProyecto; });
+                        }
+                        return [2 /*return*/, proyectos];
+                }
+            });
+        });
     };
-    const getMacroProyectoOptions = async (_step, _dependencies, { idOrganization }) => {
-        if (!idOrganization)
-            return null;
-        return (await axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)).data;
+    var getMacroProyectoOptions = function (_step, _dependencies, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!idOrganization)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)];
+                    case 1: return [2 /*return*/, (_b.sent()).data];
+                }
+            });
+        });
     };
-    const getTipoSolicitanteOptions = async (_step, _dependencies, { idOrganization }) => {
-        if (!idOrganization)
-            return null;
-        return (await axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)).data;
+    var getTipoSolicitanteOptions = function (_step, _dependencies, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!idOrganization)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)];
+                    case 1: return [2 /*return*/, (_b.sent()).data];
+                }
+            });
+        });
     };
-    const getTipoEspaciosOptions = async (step, dependencyStore, { idOrganization }) => {
-        if (step.dependencies && idOrganization) {
-            const idProyecto = dependencyStore[step.dependencies[0]]?.value?.id;
-            if (!idProyecto) {
-                return null; //null para indicar que falta la depedency
-            }
-            const params = new URLSearchParams({ idProyecto, idOrganization });
-            return (await axios.get(baseUrl + 'TiposEspacio?' + params.toString())).data;
-        }
-        else {
-            return null;
-        }
+    var getTipoEspaciosOptions = function (step, dependencyStore, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            var idProyecto, params;
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!(step.dependencies && idOrganization)) 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
+                        }
+                        params = new URLSearchParams({ idProyecto: idProyecto, idOrganization: idOrganization });
+                        return [4 /*yield*/, axios.get(baseUrl + 'TiposEspacio?' + params.toString())];
+                    case 1: return [2 /*return*/, (_d.sent()).data];
+                    case 2: return [2 /*return*/, null];
+                }
+            });
+        });
     };
     switch (props.step.type) {
         case CBRFormStepTypes.CBR_EMAIL:
-            return (_jsx(TextInputStep, { ...props, step: props.step, validation: {
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
                     type: 'EMAIL',
                     value: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
                         .source,
                     message: 'El correo no es válido',
-                } }));
+                } })));
         case CBRFormStepTypes.CBR_CEL:
         case CBRFormStepTypes.CBR_PHONE:
-            return (_jsx(TextInputStep, { ...props, step: props.step, validation: {
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
                     type: 'OTHER',
                     value: /^(\+[0-9])|([0-9])$/.source,
                     message: 'El teléfono no es válido',
-                } }));
+                } })));
         case CBRFormStepTypes.CBR_LAST_NAME:
         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, IconComponent: () => _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, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROJECT }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), 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, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROJECT }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), 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, IconComponent: () => _jsx(PersonIcon, {}), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            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: 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, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.SPACE }), getOptions: getTipoEspaciosOptions, calcDepError: (steps) => {
-                    for (const step of steps) {
-                        if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'SPACE' }), getOptions: getTipoEspaciosOptions, 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;
-                }, 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(CBRElementStep, { ...props, step: props.step });
+            return _jsx(CBRElementStep, __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() {
-    return (_jsx("div", { style: {
+    return (_jsx("div", __assign({ style: {
             marginRight: 2,
-        }, children: _jsx(InputIcon, { icon: ErkIconTypes.DOCUMENT }) }));
+        } }, { children: _jsx(InputIcon, { icon: 'DOCUMENT' }) })));
 }

package/dist/FormSteps/CheckBoxStep/CheckBoxStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckBox } from '../../@Types/FormStep';
 import { StepProps } from '../Step';
 export interface CheckBoxStepProps extends StepProps {

package/dist/FormSteps/CheckBoxStep/CheckBoxStep.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 MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
 import { useAppSelector } from '../../hooks';
 function CheckboxStep(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialCheckBoxStep, { ...props });
+            return _jsx(MaterialCheckBoxStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckBoxStepProps } from '../CheckBoxStep';
 declare function CheckBoxStep({ step, editable }: CheckBoxStepProps): JSX.Element;
 export default CheckBoxStep;