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

package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.js

@@ -1,101 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog } from '@material-ui/core';
-import React from 'react';
-import { useState } from 'react';
-import { useController } from 'react-hook-form';
-import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
-import RoundedCheckBox from '../../../../Shared/RoundedCheckBox/RoundedCheckBox';
-import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
-import styles from './MaterialTerm.module.css';
-import { useAppSelector } from '../../../../hooks';
-import { createSelector } from '@reduxjs/toolkit';
-var selectOriginalValue = createSelector([
-    function (state) { return state.site.values; },
-    function (state, idTerm) { return idTerm; },
-], function (values, idTerm) { return values.global[idTerm]; });
-function TermComponent(_a) {
-    var _b;
-    var term = _a.term, tempError = _a.tempError;
-    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
-    var originalValue = useAppSelector(function (state) {
-        return selectOriginalValue(state, term.id);
-    });
-    var _d = useController({
-        name: term.id,
-        rules: {
-            required: true,
-        },
-        defaultValue: originalValue !== null && originalValue !== void 0 ? originalValue : false,
-        shouldUnregister: true,
-    }), _e = _d.field, ref = _e.ref, field = __rest(_e, ["ref"]), error = _d.fieldState.error;
-    var _f = useState(false), showDialog = _f[0], setShowDialog = _f[1];
-    /**
-     * Function that renders the highlighted text
-     * @returns a string with span highlighted
-     */
-    var renderText = function (text) {
-        if (text) {
-            var parts = text.split(/{{(.*?)}}/gi);
-            for (var i = 1; i < parts.length; i += 2) {
-                parts[i] = (_jsx("span", __assign({ className: styles.highlight, style: {
-                        color: !!error && tempError
-                            ? formStyle.errorColor
-                            : formStyle.primaryColor,
-                    }, onClick: function () {
-                        var _a, _b, _c, _d, _e;
-                        if (((_a = term.clickEffect) === null || _a === void 0 ? void 0 : _a.type) === 'LINK') {
-                            (_d = (_c = (_b = window
-                                .open) === null || _b === void 0 ? void 0 : _b.call(window, term.clickEffect.url, '_blank')) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
-                        }
-                        else if (((_e = term.clickEffect) === null || _e === void 0 ? void 0 : _e.type) === 'DIALOG') {
-                            setShowDialog(true);
-                        }
-                    } }, { children: parts[i] }), i));
-            }
-            return parts;
-        }
-    };
-    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, __assign({ PaperProps: {
-                    style: {
-                        borderRadius: '20px',
-                    },
-                }, onClose: function () {
-                    setShowDialog(false);
-                }, open: showDialog }, { children: ((_b = term.clickEffect) === null || _b === void 0 ? void 0 : _b.type) === 'DIALOG' && (_jsxs("div", __assign({ className: styles.dialogContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
-                                setShowDialog(false);
-                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsx("div", __assign({ className: styles.dialogTitle, style: {
-                                borderBottom: '1px solid ' + formStyle.primaryColor,
-                            } }, { children: term.clickEffect.title })), _jsx("div", __assign({ className: styles.dialogContentContainer }, { children: term.clickEffect.text })), _jsx(RoundedButton, { text: 'Aceptar', padding: "20px 15px", backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, fontSize: 20, onClick: function () {
-                                setShowDialog(false);
-                                if (!postview) {
-                                    field.onChange(true);
-                                }
-                            } })] }))) })), _jsxs("div", __assign({ className: styles.container + ' noselect' }, { children: [_jsx("div", __assign({ className: styles.checkboxContainer }, { children: _jsx(RoundedCheckBox, __assign({ inputRef: ref }, field, { checked: field.value, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!error })) })), _jsx("div", __assign({ className: styles.messageContainer, style: {
-                            color: !!error && tempError
-                                ? formStyle.errorColor
-                                : 'inherit',
-                        } }, { children: renderText(term.message) }))] }))] }));
-}
-export default TermComponent;

package/dist/Form/Terms/Term/Term.js

@@ -1,25 +0,0 @@
-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 MaterialTerm from './MaterialTerm/MaterialTerm';
-function TermComponent(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialTerm, __assign({}, props));
-        }
-    }
-}
-export default TermComponent;

package/dist/Form/Terms/Terms.js

@@ -1,45 +0,0 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import styles from './Terms.module.css';
-import TermComponent from './Term/Term';
-import { useFormContext } from 'react-hook-form';
-import FormContext from '../../Contexts/FormContext';
-import { useAppSelector } from '../../hooks';
-function Terms() {
-    var _a = useAppSelector(function (state) { return state.global; }), postview = _a.postview, internal = _a.internal;
-    var isInteralAgent = useAppSelector(function (state) {
-        return state.site.values.global['INTERNAL_CREATING_AGENT'] !== undefined;
-    });
-    var form = useContext(FormContext);
-    var isSubmitting = useFormContext().formState.isSubmitting;
-    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
-    useEffect(function () {
-        if (!isSubmitting)
-            return;
-        setTempError(true);
-        setTimeout(function () {
-            setTempError(false);
-        }, 500);
-    }, [isSubmitting]);
-    if (form.terms &&
-        (!internal || (internal && postview)) &&
-        !isInteralAgent) {
-        return (_jsx("div", __assign({ className: styles.termsContainer, style: {
-                width: (form.size.blockSize + form.size.spacingSize) *
-                    form.size.blockNum,
-            } }, { children: form.terms.map(function (term) { return (_jsx(TermComponent, { term: term, tempError: tempError }, term.id)); }) })));
-    }
-    return _jsx(_Fragment, {});
-}
-export default Terms;

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

@@ -1,137 +0,0 @@
-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 } from "react/jsx-runtime";
-import SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
-import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
-import axios from 'axios';
-import InputIcon from '../../../Shared/InputIcon/InputIcon';
-import FormContext from '../../../Contexts/FormContext';
-import { useContext } from 'react';
-function CBRElementStepComponent(props) {
-    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'LEAK' }), getOptions: getElementOptions, getOptionSelected: function (option, value) {
-            return option.id === value.id;
-        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, calcDepError: calcDepError, valueOverwrite: function (value) {
-            if (value) {
-                return __assign(__assign({}, value), { subStep: props.step.subStep });
-            }
-            else {
-                return null;
-            }
-        }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, props))); } })));
-}
-export default CBRElementStepComponent;
-function ElementSubStepRenderer(_a) {
-    var _b;
-    var value = _a.value, stepProps = __rest(_a, ["value"]);
-    var form = useContext(FormContext);
-    if (!value || stepProps === undefined) {
-        return _jsx("div", {});
-    }
-    var subStep = form.steps[(_b = stepProps.step.subStep) !== null && _b !== void 0 ? _b : ''];
-    if ((subStep === null || subStep === void 0 ? void 0 : subStep.type) !== CBRFormStepTypes.CBR_LOCATIVAS) {
-        return _jsx("div", {});
-    }
-    return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, icon: _jsx(InputIcon, { icon: 'LEAK' }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: function (option, value) {
-            return option.id === value.id;
-        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, stepProps, { step: subStep }))); } })));
-}
-var getElementOptions = function (idOrganization, step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
-    var idProyecto, response, father_1;
-    var _a, _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.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
-                }
-                return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
-            case 1:
-                response = (_d.sent()).data;
-                father_1 = (_c = dependencyStore[step.dependencies[1]]) === null || _c === void 0 ? void 0 : _c.value;
-                if (father_1 !== undefined && father_1.id === undefined) {
-                    return [2 /*return*/, null];
-                }
-                return [2 /*return*/, response.filter(function (locativa) {
-                        if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
-                            return (locativa.id.startsWith(father_1.id) &&
-                                locativa.id !== father_1.id);
-                        }
-                        else {
-                            return locativa.id.length === 2;
-                        }
-                    })];
-            case 2: return [2 /*return*/, null];
-        }
-    });
-}); };
-var calcDepError = function (steps) {
-    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
-        var step = steps_1[_i];
-        var type = step.type;
-        if (type === CBRFormStepTypes.CBR_PROYECTO) {
-            return 'Selecciona un proyecto';
-        }
-        if (type === CBRFormStepTypes.CBR_LOCATIVAS) {
-            return 'Selecciona un padre';
-        }
-    }
-    return undefined;
-};

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

@@ -1,25 +0,0 @@
-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 MaterialCBRIncidentsStep from './MaterialCBRIncidentsStep/MaterialCBRIncidentsStep';
-import { useAppSelector } from '../../../hooks';
-function CBRIncidentsStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
-        }
-    }
-}
-export default CBRIncidentsStep;

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

@@ -1,55 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './Incident.module.css';
-import StepComponent from '../../../../Step';
-import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
-import TextAreaStep from '../../../../TextAreaStep/TextAreaStep';
-import FormContext from '../../../../../Contexts/FormContext';
-import { useAppSelector } from '../../../../../hooks';
-import { useContext } from 'react';
-function IncidentComponent(_a) {
-    var step = _a.step, incident = _a.incident, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "incident", "handleDelete"]);
-    var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, postview = _b.postview;
-    var form = useContext(FormContext);
-    var widthStats = useAppSelector(function (state) { return state.widthStats; });
-    var spaceStep = form.steps[incident.idSpaceStep];
-    var elementStep = form.steps[incident.idElementStep];
-    var commentStep = form.steps[incident.idCommentStep];
-    if (incident.deleted) {
-        return _jsx("div", {});
-    }
-    return (_jsx("div", __assign({ className: widthStats.isMobile || form.size.blockNum < 3
-            ? styles.mobileContainer
-            : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
-                width: (form.size.blockSize + form.size.spacingSize) *
-                    (form.size.blockNum - 1),
-            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), _jsx("div", __assign({ className: !others.editable || postview
-                        ? styles.disabledDeleteBtn
-                        : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
-                        if (others.editable && !postview) {
-                            handleDelete();
-                        }
-                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { step: spaceStep })), _jsx(StepComponent, __assign({}, others, { step: elementStep })), _jsx(TextAreaStep, __assign({}, others, { step: commentStep, maxLength: 200 }))] })) })));
-}
-export default IncidentComponent;

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

@@ -1,129 +0,0 @@
-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;