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

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

@@ -0,0 +1,95 @@
+"use strict";
+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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SmartSelectStep_1 = __importDefault(require("../../SmartSelectStep/SmartSelectStep"));
+const CBRFormStepTypes_1 = __importDefault(require("../../../constants/CBRFormStepTypes"));
+const axios_1 = __importDefault(require("axios"));
+const InputIcon_1 = __importDefault(require("../../../Shared/InputIcon/InputIcon"));
+const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
+const react_1 = require("react");
+function CBRElementStepComponent(props) {
+    return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { step: props.step, icon: (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: 'LEAK' }), getOptions: getElementOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id, calcDepError: calcDepError, valueOverwrite: (value) => {
+            if (value) {
+                return Object.assign(Object.assign({}, value), { subStep: props.step.subStep });
+            }
+            else {
+                return null;
+            }
+        }, renderNestedSteps: (value) => ((0, jsx_runtime_1.jsx)(ElementSubStepRenderer, Object.assign({ value: value }, props))) })));
+}
+exports.default = CBRElementStepComponent;
+function ElementSubStepRenderer(_a) {
+    var _b;
+    var { value } = _a, stepProps = __rest(_a, ["value"]);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    if (!value || stepProps === undefined) {
+        return (0, jsx_runtime_1.jsx)("div", {});
+    }
+    const subStep = form.steps[(_b = stepProps.step.subStep) !== null && _b !== void 0 ? _b : ''];
+    if ((subStep === null || subStep === void 0 ? void 0 : subStep.type) !== CBRFormStepTypes_1.default.CBR_LOCATIVAS) {
+        return (0, jsx_runtime_1.jsx)("div", {});
+    }
+    return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, stepProps, { step: subStep, icon: (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: 'LEAK' }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id, renderNestedSteps: (value) => ((0, jsx_runtime_1.jsx)(ElementSubStepRenderer, Object.assign({ value: value }, stepProps, { step: subStep }))) })));
+}
+const getElementOptions = (idOrganization, step, dependencyStore) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    if (step.dependencies && idOrganization) {
+        const 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 null; //null para indicar que falta la depedency
+        }
+        //Calc resp given dep, and depency Store
+        const response = (yield axios_1.default.get(`https://integrations.${process.env.REACT_APP_DOMAIN}/sinco/cbr/Locativas?idOrganization=${idOrganization}`)).data;
+        const father = (_c = dependencyStore[step.dependencies[1]]) === null || _c === void 0 ? void 0 : _c.value;
+        if (father !== undefined && father.id === undefined) {
+            return null;
+        }
+        return response.filter((locativa) => {
+            if (father === null || father === void 0 ? void 0 : father.id) {
+                return (locativa.id.startsWith(father.id) &&
+                    locativa.id !== father.id);
+            }
+            else {
+                return locativa.id.length === 2;
+            }
+        });
+    }
+    else {
+        return null;
+    }
+});
+const calcDepError = (steps) => {
+    for (const step of steps) {
+        const type = step.type;
+        if (type === CBRFormStepTypes_1.default.CBR_PROYECTO) {
+            return 'Selecciona un proyecto';
+        }
+        if (type === CBRFormStepTypes_1.default.CBR_LOCATIVAS) {
+            return 'Selecciona un padre';
+        }
+    }
+    return undefined;
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FormStepTypes_1 = require("../../../constants/FormStepTypes");
+const MaterialCBRIncidentsStep_1 = __importDefault(require("./MaterialCBRIncidentsStep/MaterialCBRIncidentsStep"));
+const hooks_1 = require("../../../hooks");
+function CBRIncidentsStep(props) {
+    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
+    switch (formStyle.type) {
+        case FormStepTypes_1.FormStyleTypes.MATERIAL:
+        default: {
+            return (0, jsx_runtime_1.jsx)(MaterialCBRIncidentsStep_1.default, Object.assign({}, props));
+        }
+    }
+}
+exports.default = CBRIncidentsStep;

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

@@ -0,0 +1,49 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Incident_module_css_1 = __importDefault(require("./Incident.module.css"));
+const Step_1 = __importDefault(require("../../../../Step"));
+const DeleteRounded_1 = __importDefault(require("@material-ui/icons/DeleteRounded"));
+const TextAreaStep_1 = __importDefault(require("../../../../TextAreaStep/TextAreaStep"));
+const FormContext_1 = __importDefault(require("../../../../../Contexts/FormContext"));
+const hooks_1 = require("../../../../../hooks");
+const react_1 = require("react");
+function IncidentComponent(_a) {
+    var { step, incident, handleDelete } = _a, others = __rest(_a, ["step", "incident", "handleDelete"]);
+    const { formStyle, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    const widthStats = (0, hooks_1.useAppSelector)((state) => state.widthStats);
+    const spaceStep = form.steps[incident.idSpaceStep];
+    const elementStep = form.steps[incident.idElementStep];
+    const commentStep = form.steps[incident.idCommentStep];
+    if (incident.deleted) {
+        return (0, jsx_runtime_1.jsx)("div", {});
+    }
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: widthStats.isMobile || form.size.blockNum < 3
+            ? Incident_module_css_1.default.mobileContainer
+            : Incident_module_css_1.default.container }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Incident_module_css_1.default.contentContainer, style: {
+                width: (form.size.blockSize + form.size.spacingSize) *
+                    (form.size.blockNum - 1),
+            } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Incident_module_css_1.default.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: !others.editable || postview
+                        ? Incident_module_css_1.default.disabledDeleteBtn
+                        : Incident_module_css_1.default.deleteBtn, style: { color: formStyle.textColor }, onClick: () => {
+                        if (others.editable && !postview) {
+                            handleDelete();
+                        }
+                    } }, { children: (0, jsx_runtime_1.jsx)(DeleteRounded_1.default, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsx)(Step_1.default, Object.assign({}, others, { step: spaceStep })), (0, jsx_runtime_1.jsx)(Step_1.default, Object.assign({}, others, { step: elementStep })), (0, jsx_runtime_1.jsx)(TextAreaStep_1.default, Object.assign({}, others, { step: commentStep, maxLength: 200 }))] })) })));
+}
+exports.default = IncidentComponent;

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

@@ -0,0 +1,111 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable no-console */
+const react_1 = require("react");
+const CBRFormStepTypes_1 = __importDefault(require("../../../../constants/CBRFormStepTypes"));
+const Incident_1 = __importDefault(require("./Incident/Incident"));
+const MaterialCBRIncidentsStep_module_css_1 = __importDefault(require("./MaterialCBRIncidentsStep.module.css"));
+const nanoid_1 = require("nanoid");
+const RoundedButton_1 = __importDefault(require("../../../../Shared/RoundedButton/RoundedButton"));
+const FormContext_1 = __importDefault(require("../../../../Contexts/FormContext"));
+const SiteSlice_1 = require("../../../../States/SiteSlice");
+const hooks_1 = require("../../../../hooks");
+const CustomContext_1 = __importDefault(require("../../../../Contexts/CustomContext"));
+const StepHooks_1 = require("../../../StepHooks");
+function CBRIncidentsStep(_a) {
+    var { step, editable } = _a, others = __rest(_a, ["step", "editable"]);
+    const { ref, value, onChange, error } = (0, StepHooks_1.useFormStep)(step, {
+        defaultValue: [],
+        rules: {
+            validate: (array) => !step.required ||
+                (step.required &&
+                    array.filter((elem) => !elem.deleted).length > 0),
+        },
+    });
+    const { customSteps } = (0, react_1.useContext)(CustomContext_1.default);
+    const { formStyle, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const dispatch = (0, hooks_1.useAppDispatch)();
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    /** Form to pass down with aditional steps */
+    const [localForm, setLocalForm] = (0, react_1.useState)(Object.assign(Object.assign({}, form), { steps: Object.assign({}, form.steps) }));
+    const [firstRender, setFirstRender] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setFirstRender(true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (firstRender && value.length === 0 && !postview && editable) {
+            handleAddIncident();
+        }
+    }, [firstRender]);
+    const handleAddIncident = () => {
+        var _a, _b;
+        const current = value.filter((incident) => !incident.deleted);
+        const newIncident = {
+            idSpaceStep: CBRFormStepTypes_1.default.CBR_TIPO_ESPACIO + '-' + (0, nanoid_1.nanoid)(),
+            idCommentStep: CBRFormStepTypes_1.default.CBR_COMENTARIO + '-' + (0, nanoid_1.nanoid)(),
+            idElementStep: CBRFormStepTypes_1.default.CBR_LOCATIVAS + '-' + (0, nanoid_1.nanoid)(),
+            num: current.length + 1,
+        };
+        const newSteps = Object.assign({}, localForm.steps);
+        newSteps[newIncident.idSpaceStep] = Object.assign(Object.assign({}, step.spaceStep), { id: newIncident.idSpaceStep, type: CBRFormStepTypes_1.default.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+        newSteps[newIncident.idCommentStep] = Object.assign(Object.assign({}, step.commentStep), { id: newIncident.idCommentStep, type: CBRFormStepTypes_1.default.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([...value, newIncident]);
+        setLocalForm(Object.assign(Object.assign({}, localForm), { steps: newSteps }));
+        dispatch((0, SiteSlice_1.addStepsDependencies)({
+            steps: newSteps,
+            customSteps,
+            allSteps: Object.assign(Object.assign(Object.assign({}, form.steps), localForm.steps), newSteps),
+        }));
+    };
+    const addRecursiveElementStep = (idStep, step, idParent, steps, idProjectDep) => {
+        const idSubStep = CBRFormStepTypes_1.default.CBR_LOCATIVAS + '-' + (0, nanoid_1.nanoid)();
+        const newSubStep = step.subStep ? Object.assign({}, step.subStep) : undefined;
+        const newStep = Object.assign(Object.assign({}, step), { id: idStep, type: CBRFormStepTypes_1.default.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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialCBRIncidentsStep_module_css_1.default.container, style: { color: formStyle.textColor } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCBRIncidentsStep_module_css_1.default.titleLbl }, { children: step.label })), step.description && ((0, jsx_runtime_1.jsx)("p", Object.assign({ className: MaterialCBRIncidentsStep_module_css_1.default.descriptionPar, style: {
+                    margin: step.description
+                        ? '10px 0px'
+                        : '0px 0px 5px 0px',
+                } }, { children: step.description }))), (0, jsx_runtime_1.jsx)(FormContext_1.default.Provider, Object.assign({ value: localForm }, { children: value.map((incident, index) => ((0, jsx_runtime_1.jsx)(Incident_1.default, Object.assign({ incident: incident, step: step, editable: editable, handleDelete: () => {
+                        const tempIncidents = [...value];
+                        tempIncidents[index].deleted = true;
+                        let n = 1;
+                        for (const inc of tempIncidents) {
+                            if (!inc.deleted) {
+                                inc.num = n;
+                                n++;
+                            }
+                        }
+                        onChange(tempIncidents);
+                    } }, others), index))) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialCBRIncidentsStep_module_css_1.default.btnContainer }, { children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, className: 'hidden-input' }), (0, jsx_runtime_1.jsx)(RoundedButton_1.default, { disabled: !editable || postview, text: step.addBtnLabel + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: () => {
+                            if (editable && !postview) {
+                                handleAddIncident();
+                            }
+                        } })] })), !!error && value.filter((elem) => !elem.deleted).length === 0 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCBRIncidentsStep_module_css_1.default.errorMsg, style: { color: formStyle.errorColor } }, { children: "Este campo es obligatorio" })))] })));
+}
+exports.default = CBRIncidentsStep;

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

@@ -0,0 +1,128 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CBRPropertyStep_module_css_1 = __importDefault(require("./CBRPropertyStep.module.css"));
+const SmartSelectStep_1 = __importDefault(require("../../SmartSelectStep/SmartSelectStep"));
+const CloseRounded_1 = __importDefault(require("@material-ui/icons/CloseRounded"));
+const WarningRounded_1 = __importDefault(require("@material-ui/icons/WarningRounded"));
+const axios_1 = __importDefault(require("axios"));
+const react_1 = __importStar(require("react"));
+const core_1 = require("@material-ui/core");
+const RoundedButton_1 = __importDefault(require("../../../Shared/RoundedButton/RoundedButton"));
+const InputIcon_1 = __importDefault(require("../../../Shared/InputIcon/InputIcon"));
+const hooks_1 = require("../../../hooks");
+const CBRFormStepTypes_1 = __importDefault(require("../../../constants/CBRFormStepTypes"));
+const baseUrl = `https://integrations.${process.env.REACT_APP_DOMAIN}/sinco/cbr/`;
+function CBRPropertyStepComponent(props) {
+    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const [showWarning, setShowWarning] = (0, react_1.useState)(undefined);
+    const getInmueblesOptions = (idOrganization, step, dependencyStore) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (step.dependencies && idOrganization) {
+            const idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
+            const 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 null; //null para indicar que falta la depedency
+            }
+            return (yield axios_1.default.get(baseUrl +
+                'Inmuebles?idMacro=' +
+                idMacroProyecto +
+                '&idProyecto=' +
+                idProyecto +
+                '&idOrganization=' +
+                idOrganization)).data;
+        }
+        else {
+            return null;
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { icon: (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: 'PROPERTY' }), getOptionSelected: (option, value) => option.id === value.id, calcDepError: (steps) => {
+                    for (const step of steps) {
+                        if (step.type === CBRFormStepTypes_1.default.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
+                }, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id, getValueWarning: props.step.validation
+                    ? (value) => {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            const date = new Date(value.entrega);
+                            const today = new Date();
+                            const time = today.getTime() - date.getTime();
+                            const days = time / (1000 * 3600 * 24);
+                            if (days > props.step.validation.maxDays) {
+                                return props.step.validation.message;
+                            }
+                        }
+                        return null;
+                    }
+                    : undefined, changeListener: props.step.validation
+                    ? (value) => {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            const date = new Date(value.entrega);
+                            const today = new Date();
+                            const time = today.getTime() - date.getTime();
+                            const 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 && ((0, jsx_runtime_1.jsx)(core_1.Dialog, Object.assign({ PaperProps: {
+                    style: {
+                        borderRadius: '20px',
+                        maxWidth: '100vw',
+                        boxSizing: 'content-box',
+                    },
+                }, open: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.confirmationContainer, style: { color: formStyle.textColor } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.closeIcon, onClick: () => {
+                                setShowWarning(undefined);
+                            } }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.container }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.warningContainer, style: { color: formStyle.primaryColor } }, { children: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, { fontSize: "inherit", style: { fontSize: '160px' } }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: CBRPropertyStep_module_css_1.default.btnContainer }, { children: (0, jsx_runtime_1.jsx)(RoundedButton_1.default, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: () => {
+                                            setShowWarning(undefined);
+                                        } }) }))] }))] })) })))] }));
+}
+exports.default = CBRPropertyStepComponent;

package/dist/cjs/FormSteps/AYFStepMapper.js

@@ -0,0 +1,111 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AYFFormStepTypes_1 = __importDefault(require("../constants/AYFFormStepTypes"));
+const TextInputStep_1 = __importDefault(require("./TextInputStep/TextInputStep"));
+const SmartSelectStep_1 = __importDefault(require("./SmartSelectStep/SmartSelectStep"));
+const CalendarTodayRounded_1 = __importDefault(require("@material-ui/icons/CalendarTodayRounded"));
+const LocationOnRounded_1 = __importDefault(require("@material-ui/icons/LocationOnRounded"));
+const Description_1 = __importDefault(require("@material-ui/icons/Description"));
+const DatePickerStep_1 = __importDefault(require("./DatePickerStep/DatePickerStep"));
+const axios_1 = __importDefault(require("axios"));
+const baseUrl = `https://api.integrations.${process.env.REACT_APP_DOMAIN}/sinco/ayf/`;
+function AYFStepMapper(props) {
+    const getMonths = () => __awaiter(this, void 0, void 0, function* () {
+        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' },
+        ];
+    });
+    const getCiudadesOptions = (idOrganization, step, dependencyStore) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (!idOrganization)
+            return null;
+        const nit = (_a = dependencyStore[step.idNitStep]) === null || _a === void 0 ? void 0 : _a.value;
+        const params = new URLSearchParams({
+            idOrganization,
+            idCompany: nit,
+            nit: 'true',
+        });
+        for (const dep of (_b = step.dependencies) !== null && _b !== void 0 ? _b : []) {
+            const value = (_c = dependencyStore[dep]) === null || _c === void 0 ? void 0 : _c.value;
+            if (value && dep.startsWith('AYF')) {
+                switch ((_d = dep.split('-')) === null || _d === void 0 ? void 0 : _d[0]) {
+                    case AYFFormStepTypes_1.default.AYF_START_MONTH:
+                        params.set('startMonth', value.id);
+                        break;
+                    case AYFFormStepTypes_1.default.AYF_END_MONTH:
+                        params.set('endMonth', value.id);
+                        break;
+                    case AYFFormStepTypes_1.default.AYF_YEAR:
+                        params.set('year', value);
+                        break;
+                    default:
+                        break;
+                }
+            }
+        }
+        try {
+            return (yield axios_1.default.get(baseUrl + 'CiudadesICA?' + params.toString())).data;
+            // eslint-disable-next-line no-empty
+        }
+        catch (error) {
+            return null;
+        }
+    });
+    switch (props.step.type) {
+        case AYFFormStepTypes_1.default.AYF_START_MONTH:
+        case AYFFormStepTypes_1.default.AYF_END_MONTH:
+            return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { step: props.step, getOptions: getMonths, getOptionSelected: (option, value) => option.id === value.id, defaultValue: props.step.type === AYFFormStepTypes_1.default.AYF_START_MONTH
+                    ? { id: '1', label: 'Enero' }
+                    : { id: '12', label: 'Diciembre' }, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id, icon: (0, jsx_runtime_1.jsx)(CalendarTodayRounded_1.default, { fontSize: "inherit", style: {
+                        color: '#757575',
+                        fontSize: 20,
+                        marginRight: 4,
+                        marginTop: 2,
+                    } }) })));
+        case AYFFormStepTypes_1.default.AYF_YEAR:
+            return ((0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step, defaultValue: new Date().getFullYear().toString() })));
+        case AYFFormStepTypes_1.default.AYF_BILL_NUM:
+            return ((0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step, validation: {
+                    value: '^\\S*$',
+                    type: 'OTHER',
+                    message: 'No se permiten espacios',
+                }, maxLength: 30, icon: (0, jsx_runtime_1.jsx)(Description_1.default, { style: { color: '#757575', fontSize: 23 } }) })));
+        case AYFFormStepTypes_1.default.AYF_CUT_OFF_DATE:
+            return ((0, jsx_runtime_1.jsx)(DatePickerStep_1.default, Object.assign({}, props, { step: props.step, defaultValue: new Date() })));
+        case AYFFormStepTypes_1.default.AYF_ICA_CITY:
+            return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { step: props.step, getOptions: getCiudadesOptions, getOptionSelected: (option, value) => option === value, getValueString: (value) => value, icon: (0, jsx_runtime_1.jsx)(LocationOnRounded_1.default, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                        marginRight: 3,
+                        marginTop: 1,
+                    } }) })));
+        default:
+            return (0, jsx_runtime_1.jsx)("div", {});
+    }
+}
+exports.default = AYFStepMapper;

package/dist/cjs/FormSteps/ApiSelectorStep/ApiSelectorStep.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FormStepTypes_1 = require("../../constants/FormStepTypes");
+const hooks_1 = require("../../hooks");
+const MaterialApiSelectorStep_1 = __importDefault(require("./MaterialApiSelectorStep/MaterialApiSelectorStep"));
+function ApiSelectorStep(props) {
+    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
+    switch (formStyle.type) {
+        case FormStepTypes_1.FormStyleTypes.MATERIAL:
+        default: {
+            return (0, jsx_runtime_1.jsx)(MaterialApiSelectorStep_1.default, Object.assign({}, props));
+        }
+    }
+}
+exports.default = ApiSelectorStep;