@arquimedes.co/eureka-forms 2.0.34-test → 2.0.35-test

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

@@ -0,0 +1,129 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable no-console */
+import { useContext, useEffect, useState } from 'react';
+import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
+import IncidentComponent from './Incident/Incident';
+import styles from './MaterialCBRIncidentsStep.module.css';
+import { nanoid } from 'nanoid';
+import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
+import FormContext from '../../../../Contexts/FormContext';
+import { addStepsDependencies } from '../../../../States/SiteSlice';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import CustomContext from '../../../../Contexts/CustomContext';
+import { useFormStep } from '../../../StepHooks';
+function CBRIncidentsStep(_a) {
+    var step = _a.step, editable = _a.editable, others = __rest(_a, ["step", "editable"]);
+    var _b = useFormStep(step, {
+        defaultValue: [],
+        rules: {
+            validate: function (array) {
+                return !step.required ||
+                    (step.required &&
+                        array.filter(function (elem) { return !elem.deleted; }).length > 0);
+            },
+        },
+    }), ref = _b.ref, value = _b.value, onChange = _b.onChange, error = _b.error;
+    var customSteps = useContext(CustomContext).customSteps;
+    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var dispatch = useAppDispatch();
+    var form = useContext(FormContext);
+    /** Form to pass down with aditional steps */
+    var _d = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _d[0], setLocalForm = _d[1];
+    var _e = useState(false), firstRender = _e[0], setFirstRender = _e[1];
+    useEffect(function () {
+        setFirstRender(true);
+    }, []);
+    useEffect(function () {
+        if (firstRender && value.length === 0 && !postview && editable) {
+            handleAddIncident();
+        }
+    }, [firstRender]);
+    var handleAddIncident = function () {
+        var _a, _b;
+        var current = value.filter(function (incident) { return !incident.deleted; });
+        var newIncident = {
+            idSpaceStep: CBRFormStepTypes.CBR_TIPO_ESPACIO + '-' + nanoid(),
+            idCommentStep: CBRFormStepTypes.CBR_COMENTARIO + '-' + nanoid(),
+            idElementStep: CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid(),
+            num: current.length + 1,
+        };
+        var newSteps = __assign({}, localForm.steps);
+        newSteps[newIncident.idSpaceStep] = __assign(__assign({}, step.spaceStep), { id: newIncident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+        newSteps[newIncident.idCommentStep] = __assign(__assign({}, step.commentStep), { id: newIncident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
+        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+        onChange(__spreadArray(__spreadArray([], value, true), [newIncident], false));
+        setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
+        dispatch(addStepsDependencies({
+            steps: newSteps,
+            customSteps: customSteps,
+            allSteps: __assign(__assign(__assign({}, form.steps), localForm.steps), newSteps),
+        }));
+    };
+    var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep) {
+        var idSubStep = CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid();
+        var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
+        var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
+        if (idParent)
+            newStep.dependencies.push(idParent);
+        if (newSubStep) {
+            newStep.subStep = idSubStep;
+        }
+        steps[idStep] = newStep;
+        if (newSubStep) {
+            addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, idProjectDep);
+        }
+    };
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.label })), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
+                    margin: step.description
+                        ? '10px 0px'
+                        : '0px 0px 5px 0px',
+                } }, { children: step.description }))), _jsx(FormContext.Provider, __assign({ value: localForm }, { children: value.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, step: step, editable: editable, handleDelete: function () {
+                        var tempIncidents = __spreadArray([], value, true);
+                        tempIncidents[index].deleted = true;
+                        var n = 1;
+                        for (var _i = 0, tempIncidents_1 = tempIncidents; _i < tempIncidents_1.length; _i++) {
+                            var inc = tempIncidents_1[_i];
+                            if (!inc.deleted) {
+                                inc.num = n;
+                                n++;
+                            }
+                        }
+                        onChange(tempIncidents);
+                    } }, others), index)); }) })), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: ref, className: 'hidden-input' }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                            if (editable && !postview) {
+                                handleAddIncident();
+                            }
+                        } })] })), !!error && value.filter(function (elem) { return !elem.deleted; }).length === 0 && (_jsx("div", __assign({ className: styles.errorMsg, style: { color: formStyle.errorColor } }, { children: "Este campo es obligatorio" })))] })));
+}
+export default CBRIncidentsStep;

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

@@ -0,0 +1,146 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import 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';
+import InputIcon from '../../../Shared/InputIcon/InputIcon';
+import { useAppSelector } from '../../../hooks';
+import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
+var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
+function CBRPropertyStepComponent(props) {
+    var _this = this;
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    var _a = useState(undefined), showWarning = _a[0], setShowWarning = _a[1];
+    var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, idMacroProyecto;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                    idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
+                    idMacroProyecto = (_d = (_c = dependencyStore[step.dependencies[0]]) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.idMacroProyecto;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    return [4 /*yield*/, axios.get(baseUrl +
+                            'Inmuebles?idMacro=' +
+                            idMacroProyecto +
+                            '&idProyecto=' +
+                            idProyecto +
+                            '&idOrganization=' +
+                            idOrganization)];
+                case 1: return [2 /*return*/, (_e.sent()).data];
+                case 2: return [2 /*return*/, null];
+            }
+        });
+    }); };
+    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { icon: _jsx(InputIcon, { icon: 'PROPERTY' }), getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, calcDepError: function (steps) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step = steps_1[_i];
+                        if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
+                    ? function (value) {
+                        if (value &&
+                            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;
+                    }
+                    : 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(new Date(date.getTime() +
+                                    (props.step.validation
+                                        .maxDays +
+                                        1) *
+                                        1000 *
+                                        3600 *
+                                        24));
+                            }
+                        }
+                    }
+                    : undefined, getOptions: getInmueblesOptions })), 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: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                                setShowWarning(undefined);
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                                            setShowWarning(undefined);
+                                        } }) }))] }))] })) })))] }));
+}
+export default CBRPropertyStepComponent;

package/dist/FormSteps/AYFStepMapper.js

@@ -0,0 +1,160 @@
+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 AYFFormStepTypes from '../constants/AYFFormStepTypes';
+import TextInputStep from './TextInputStep/TextInputStep';
+import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
+import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
+import LocationOnRoundedIcon from '@material-ui/icons/LocationOnRounded';
+import DescriptionIcon from '@material-ui/icons/Description';
+import DatePickerStep from './DatePickerStep/DatePickerStep';
+import axios from 'axios';
+var baseUrl = "https://api.integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/ayf/");
+function AYFStepMapper(props) {
+    var _this = this;
+    var getMonths = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, [
+                    { id: '1', label: 'Enero' },
+                    { id: '2', label: 'Febrero' },
+                    { id: '3', label: 'Marzo' },
+                    { id: '4', label: 'Abril' },
+                    { id: '5', label: 'Mayo' },
+                    { id: '6', label: 'Junio' },
+                    { id: '7', label: 'Julio' },
+                    { id: '8', label: 'Agosto' },
+                    { id: '9', label: 'Septiembre' },
+                    { id: '10', label: 'Octubre' },
+                    { id: '11', label: 'Noviembre ' },
+                    { id: '12', label: 'Diciembre' },
+                ]];
+        });
+    }); };
+    var getCiudadesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var nit, params, _i, _a, dep, value, error_1;
+        var _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    nit = (_b = dependencyStore[step.idNitStep]) === null || _b === void 0 ? void 0 : _b.value;
+                    params = new URLSearchParams({
+                        idOrganization: idOrganization,
+                        idCompany: nit,
+                        nit: 'true',
+                    });
+                    for (_i = 0, _a = (_c = step.dependencies) !== null && _c !== void 0 ? _c : []; _i < _a.length; _i++) {
+                        dep = _a[_i];
+                        value = (_d = dependencyStore[dep]) === null || _d === void 0 ? void 0 : _d.value;
+                        if (value && dep.startsWith('AYF')) {
+                            switch ((_e = dep.split('-')) === null || _e === void 0 ? void 0 : _e[0]) {
+                                case AYFFormStepTypes.AYF_START_MONTH:
+                                    params.set('startMonth', value.id);
+                                    break;
+                                case AYFFormStepTypes.AYF_END_MONTH:
+                                    params.set('endMonth', value.id);
+                                    break;
+                                case AYFFormStepTypes.AYF_YEAR:
+                                    params.set('year', value);
+                                    break;
+                                default:
+                                    break;
+                            }
+                        }
+                    }
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
+                case 2: return [2 /*return*/, (_f.sent()).data];
+                case 3:
+                    error_1 = _f.sent();
+                    return [2 /*return*/, null];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    switch (props.step.type) {
+        case AYFFormStepTypes.AYF_START_MONTH:
+        case AYFFormStepTypes.AYF_END_MONTH:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, getOptions: getMonths, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, defaultValue: props.step.type === AYFFormStepTypes.AYF_START_MONTH
+                    ? { id: '1', label: 'Enero' }
+                    : { id: '12', label: 'Diciembre' }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, icon: _jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
+                        color: '#757575',
+                        fontSize: 20,
+                        marginRight: 4,
+                        marginTop: 2,
+                    } }) })));
+        case AYFFormStepTypes.AYF_YEAR:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, defaultValue: new Date().getFullYear().toString() })));
+        case AYFFormStepTypes.AYF_BILL_NUM:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+                    value: '^\\S*$',
+                    type: 'OTHER',
+                    message: 'No se permiten espacios',
+                }, maxLength: 30, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
+        case AYFFormStepTypes.AYF_CUT_OFF_DATE:
+            return (_jsx(DatePickerStep, __assign({}, props, { step: props.step, defaultValue: new Date() })));
+        case AYFFormStepTypes.AYF_ICA_CITY:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, getOptions: getCiudadesOptions, getOptionSelected: function (option, value) {
+                    return option === value;
+                }, getValueString: function (value) { return value; }, icon: _jsx(LocationOnRoundedIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                        marginRight: 3,
+                        marginTop: 1,
+                    } }) })));
+        default:
+            return _jsx("div", {});
+    }
+}
+export default AYFStepMapper;

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js

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

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

@@ -0,0 +1,157 @@
+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;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import FormStepTypes, { ApiSelectorOptionTypes, ApiSelectorParamTypes, } from '../../../constants/FormStepTypes';
+import StepComponent from '../../Step';
+import SmartSelect from '../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep';
+import widgetInstance from '../../../Utils/AxiosWidget';
+import axiosInstance from '../../../Utils/AxiosAPI';
+import InputIcon from '../../../Shared/InputIcon/InputIcon';
+import FormContext from '../../../Contexts/FormContext';
+import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
+function ApiSelectorComponent(_a) {
+    var step = _a.step, editable = _a.editable, others = __rest(_a, ["step", "editable"]);
+    var 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 : '';
+    }
+    function calcOptionLabel(option) {
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.labelAttribute]) !== null && _a !== void 0 ? _a : '';
+    }
+    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;
+            }, getValueString: function (value) { return calcOptionLabel(value); }, renderNestedSteps: function (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));
+                        }) }));
+                }
+                else
+                    return _jsx(_Fragment, {});
+            } })) })));
+}
+export default ApiSelectorComponent;
+var getApiOptions = function (idOrganization, step, dependencyStore) { return __awaiter(void 0, 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, 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;
+                            if (currentValue) {
+                                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;
+                    }
+                }
+                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;
+                    })];
+        }
+    });
+}); };