@arquimedes.co/eureka-forms 2.0.99 → 3.0.0-refactor

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

@@ -1,73 +1,6 @@
-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';
@@ -77,125 +10,90 @@ import FormContext from '../../../Contexts/FormContext';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import { recursivelyCalcConditionSteps } from '../../StepHooks';
 import { evaluateCondition } from '../../StepFunctions';
-function ApiSelectorComponent(_a) {
-    var _this = this;
-    var step = _a.step, editable = _a.editable, others = __rest(_a, ["step", "editable"]);
-    var form = useContext(FormContext);
+function ApiSelectorComponent({ step, editable, ...others }) {
+    const form = useContext(FormContext);
     function calcOptionId(option) {
-        var _a;
-        return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
+        return option?.[step.idAttribute] ?? '';
     }
     function calcOptionLabel(option) {
-        var _a;
-        return (_a = option === null || option === void 0 ? void 0 : option[step.labelAttribute]) !== null && _a !== void 0 ? _a : '';
+        return option?.[step.labelAttribute] ?? '';
     }
-    var getApiOptions = useMemo(function () {
-        return function (idOrganization, step, dependencyStore) { 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 : '';
-            }
-            var params, _i, _a, filter, currentValue, filterStep, url, response;
-            var _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        params = new URLSearchParams({});
-                        for (_i = 0, _a = step.queryParams; _i < _a.length; _i++) {
-                            filter = _a[_i];
-                            switch (filter.type) {
-                                case ApiSelectorParamTypes.STEP: {
-                                    currentValue = (_b = dependencyStore[filter.idStep]) === null || _b === void 0 ? void 0 : _b.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
-                                            params.set(filter.key, (_c = currentValue.label) !== null && _c !== void 0 ? _c : currentValue.id);
-                                    }
-                                    else if (filter.required) {
-                                        return [2 /*return*/, null];
-                                    }
-                                    break;
-                                }
-                                case ApiSelectorParamTypes.VALUE:
-                                default:
-                                    params.set(filter.key, filter.value);
-                                    break;
-                            }
+    const getApiOptions = useMemo(() => async (idOrganization, step, dependencyStore) => {
+        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]);
                         }
-                        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 = _d.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;
-                            })];
+                        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;
                 }
-            });
-        }); };
+                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);
     }, [form]);
-    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 (_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 undefined;
-            }, 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)
+            }, filterOptions: (options, dependencies) => {
+                const filteredOptions = [];
+                for (const value of options) {
+                    const option = step.options[calcOptionId(value)];
+                    if (option?.type === ApiSelectorOptionTypes.HIDE)
                         continue;
-                    if (!option ||
-                        !option.condition ||
-                        evaluateCondition(option.condition, dependencies))
+                    if (!option?.condition || evaluateCondition(option.condition, dependencies))
                         filteredOptions.push(value);
                 }
                 return filteredOptions;
-            }, 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));
+            }, 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));
                     }
                 }
                 return dependencies;
-            }, getValueString: function (value) { return calcOptionLabel(value); }, renderNestedSteps: function (value) {
+            }, getValueString: (value) => calcOptionLabel(value), renderNestedSteps: (value) => {
                 if (!value)
                     return _jsx(_Fragment, {});
-                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));
+                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);
                         }) }));
                 }
                 else
                     return _jsx(_Fragment, {});
-            } })) })));
+            } }) }));
 }
 export default ApiSelectorComponent;

package/dist/FormSteps/CBRStepMapper.js

@@ -1,53 +1,5 @@
-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';
@@ -56,151 +8,108 @@ import CBRElementStep from './@Construction/CBRElementStep/CBRElementStep';
 import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
 import InputIcon from '../Shared/InputIcon/InputIcon';
-var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
+import PersonIcon from '../Icons/PersonIcon';
+import IconTypes from '../constants/IconTypes';
+const baseUrl = `https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/`;
 function CBRStepMapper(props) {
-    var _this = this;
-    var getTipoDocOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!idOrganization)
-                        return [2 /*return*/, null];
-                    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, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!idOrganization)
-                        return [2 /*return*/, null];
-                    idMacroProyecto = (_d = (_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.value) === null || _d === void 0 ? void 0 : _d.id;
-                    return [4 /*yield*/, axios.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)];
-                case 1:
-                    proyectos = (_e.sent()).data;
-                    if (idMacroProyecto) {
-                        proyectos = proyectos.filter(function (proyecto) { return proyecto.idMacroProyecto === idMacroProyecto; });
-                    }
-                    return [2 /*return*/, proyectos];
-            }
-        });
-    }); };
-    var getMacroProyectoOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!idOrganization)
-                        return [2 /*return*/, null];
-                    return [4 /*yield*/, axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)];
-                case 1: return [2 /*return*/, (_a.sent()).data];
-            }
-        });
-    }); };
-    var getTipoSolicitanteOptions = function (idOrganization) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!idOrganization)
-                        return [2 /*return*/, null];
-                    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, params;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.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
-                    }
-                    params = new URLSearchParams({ idProyecto: idProyecto, idOrganization: idOrganization });
-                    return [4 /*yield*/, axios.get(baseUrl + 'TiposEspacio?' + params.toString())];
-                case 1: return [2 /*return*/, (_c.sent()).data];
-                case 2: return [2 /*return*/, null];
+    const getTipoDocOptions = async (idOrganization) => {
+        if (!idOrganization)
+            return null;
+        return (await axios.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)).data;
+    };
+    const getProyectoOptions = async (idOrganization, step, dependencyStore) => {
+        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;
+    };
+    const getMacroProyectoOptions = async (idOrganization) => {
+        if (!idOrganization)
+            return null;
+        return (await axios.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)).data;
+    };
+    const getTipoSolicitanteOptions = async (idOrganization) => {
+        if (!idOrganization)
+            return null;
+        return (await axios.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)).data;
+    };
+    const getTipoEspaciosOptions = async (idOrganization, step, dependencyStore) => {
+        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;
+        }
+    };
     switch (props.step.type) {
         case CBRFormStepTypes.CBR_EMAIL:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+            return (_jsx(TextInputStep, { ...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, __assign({}, props, { step: props.step, validation: {
+            return (_jsx(TextInputStep, { ...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, __assign({}, props, { step: props.step }));
+            return _jsx(TextInputStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_DOC:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, icon: _jsx(DocumentIconComponent, {}) })));
+            return (_jsx(TextInputStep, { ...props, step: props.step, IconComponent: () => _jsx(DocumentIconComponent, {}) }));
         case CBRFormStepTypes.CBR_TIPO_DOC:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: __assign(__assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+            return (_jsx(SmartSelectStep, { ...props, step: { ...props.step, showIcon: false }, getOptions: getTipoDocOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(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; } })));
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.PROJECT }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(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; } })));
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.PROJECT }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_INMUEBLE:
-            return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRPropertyStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => (_jsx(PersonIcon, { style: {
                         display: 'flex',
                         height: 23,
                         width: 23,
                         marginRight: 3,
                         marginTop: 1,
-                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                    } })), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(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 (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.SPACE }), getOptions: getTipoEspaciosOptions, calcDepError: (steps) => {
+                    for (const step of steps) {
+                        if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
                     return undefined;
-                }, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
+                }, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_LOCATIVAS:
-            return _jsx(CBRElementStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRElementStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_COMENTARIO:
-            return _jsx(TextAreaStep, __assign({}, props, { step: props.step }));
+            return _jsx(TextAreaStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_INCIDENCIAS:
-            return _jsx(CBRIncidentsStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRIncidentsStep, { ...props, step: props.step });
         default:
             return _jsx("div", {});
     }
 }
 export default CBRStepMapper;
 function DocumentIconComponent() {
-    return (_jsx("div", __assign({ style: {
+    return (_jsx("div", { style: {
             marginRight: 2,
-        } }, { children: _jsx(InputIcon, { icon: 'DOCUMENT' }) })));
+        }, children: _jsx(InputIcon, { icon: IconTypes.DOCUMENT }) }));
 }

package/dist/FormSteps/CheckBoxStep/CheckBoxStep.js

@@ -1,24 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
 import { useAppSelector } from '../../hooks';
 function CheckboxStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    const { formStyle } = useAppSelector((state) => state.global);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialCheckBoxStep, __assign({}, props));
+            return _jsx(MaterialCheckBoxStep, { ...props });
         }
     }
 }