@arquimedes.co/eureka-forms 1.4.2-test → 1.4.3-test

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -0,0 +1,112 @@
+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 { useState } from 'react';
+import { Controller } from 'react-hook-form';
+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';
+function Incidents(_a) {
+    var step = _a.step, form = _a.form, btnRef = _a.btnRef, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, postview = _a.postview, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "onChange", "incidents", "formStyle", "postview", "dependencyStore", "setDependencyStore"]);
+    /** Form to pass down with aditional steps */
+    var _b = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _b[0], setLocalForm = _b[1];
+    var handleAddIncident = function () {
+        var _a, _b;
+        var current = incidents.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({ id: newIncident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies }, step.spaceStep);
+        newSteps[newIncident.idCommentStep] = __assign({ id: newIncident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO }, step.commentStep);
+        var deps = __assign({}, dependencyStore);
+        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, deps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+        onChange(__spreadArray(__spreadArray([], incidents, true), [newIncident], false));
+        setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
+        setDependencyStore(deps);
+    };
+    var addRecursiveElementStep = function (idStep, step, idParent, steps, dependencyStore, idProjectDep) {
+        var _a, _b;
+        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, parentStep: idParent, dependencies: [idProjectDep], subStep: null });
+        if (newSubStep) {
+            newStep.subStep = idSubStep;
+        }
+        if (idParent) {
+            dependencyStore[idParent] = null;
+            (_b = (_a = newStep.dependencies) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, idParent);
+        }
+        steps[idStep] = newStep;
+        if (newSubStep) {
+            addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, dependencyStore, idProjectDep);
+        }
+    };
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.label }), void 0), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
+                    margin: step.description
+                        ? '10px 0px'
+                        : '0px 0px 5px 0px',
+                } }, { children: step.description }), void 0)), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, formStyle: formStyle, step: step, form: localForm, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                    var tempIncidents = __spreadArray([], incidents, 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: btnRef, className: styles.hiddenInput }, void 0), _jsx(RoundedButton, { disabled: postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                            if (!postview) {
+                                handleAddIncident();
+                            }
+                        } }, void 0)] }), void 0)] }), void 0));
+}
+function CBRIncidentsStep(props) {
+    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: [], rules: {
+            required: props.step.required
+                ? 'Este campo es obligatorio'
+                : undefined,
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(Incidents, __assign({}, props, { incidents: field.value, onChange: field.onChange, btnRef: field.ref }), void 0));
+        } }, void 0));
+}
+export default CBRIncidentsStep;

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.module.css

@@ -0,0 +1,34 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    width: calc(100% - 20px);
+    max-width: calc(100% - 20px);
+    padding: 5px 10px;
+}
+
+.titleLbl {
+    font-size: 24px;
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: default;
+}
+
+.descriptionPar {
+    font-size: 16px;
+    white-space: pre-wrap;
+    cursor: default;
+}
+.btnContainer {
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-bottom: 3px;
+    width: fit-content;
+}
+.hiddenInput {
+    height: 0;
+    width: 0;
+    padding: 0;
+    border-width: 0;
+}

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SmartSelectStepProps } from '../../SmartSelectStep/SmartSelectStep';
+import { StepProps } from '../../Step';
+import { CBRElementStep } from '../../../../@Types/CBRFormStep';
+declare function CBRLocativasStep(props: SmartSelectStepProps): JSX.Element;
+export default CBRLocativasStep;
+export interface LocativasSubStepRendererProps extends Omit<StepProps, 'step'> {
+    step: CBRElementStep;
+}

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.js

@@ -0,0 +1,122 @@
+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 (_) 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 SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
+import LocativasData from '../../CBRStepValuesTemp/CBR_LOCATIVAS.json';
+import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
+function CBRLocativasStep(props) {
+    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(Leak, { fill: "#757575", style: {
+                display: 'flex',
+                height: 23,
+                width: 23,
+                marginTop: 2,
+            } }, void 0), getOptions: getLocativasOptions, getOptionSelected: function (option, value) {
+            return option.id === value.id;
+        }, iconComponent: LeakIconComponent }, { children: _jsx(LocativasSubStepRenderer, {}, void 0) }), void 0));
+}
+export default CBRLocativasStep;
+function LocativasSubStepRenderer(_a) {
+    var _b;
+    var value = _a.value, stepProps = _a.stepProps;
+    if (!value || stepProps == undefined) {
+        return _jsx("div", {}, void 0);
+    }
+    var subStep = stepProps === null || stepProps === void 0 ? void 0 : stepProps.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", {}, void 0);
+    }
+    return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, level: stepProps.level + 1, icon: _jsx(Leak, { fill: "#757575", style: {
+                display: 'flex',
+                height: 23,
+                width: 23,
+                marginTop: 2,
+            } }, void 0), getOptions: getLocativasOptions, getOptionSelected: function (option, value) {
+            return option.id === value.id;
+        }, iconComponent: LeakIconComponent }, { children: _jsx(LocativasSubStepRenderer, {}, void 0) }), void 0));
+}
+function LeakIconComponent(props) {
+    return (_jsx(Leak, { className: props.className, fill: "#757575", style: {
+            display: 'flex',
+            height: 23,
+            width: 23,
+            marginTop: 2,
+        } }, void 0));
+}
+var getLocativasOptions = function (step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
+    var idProyecto, response, father_1, locativasList;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        if (step.dependencies) {
+            idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
+            if (!idProyecto) {
+                return [2 /*return*/, null]; //null para indicar que falta la depedency
+            }
+            response = LocativasData;
+            father_1 = (_b = dependencyStore[step.dependencies[1]]) === null || _b === void 0 ? void 0 : _b.id;
+            locativasList = response.lstLocativas.TipoLocativas.filter(function (locativa) {
+                if (father_1) {
+                    return (locativa.Id.startsWith(father_1) && locativa.Id !== father_1);
+                }
+                else {
+                    return locativa.Id.length === 2;
+                }
+            });
+            return [2 /*return*/, locativasList.map(function (option) {
+                    return {
+                        label: option.Descripcion,
+                        id: option.Id,
+                    };
+                })];
+        }
+        else {
+            return [2 /*return*/, null];
+        }
+        return [2 /*return*/];
+    });
+}); };
+var Leak = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512pt", viewBox: "0 -86 512.00056 512", width: "512pt", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m203.484375 196.359375c2.402344 0 4.753906-.867187 6.601563-2.492187l26.621093-23.394532c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-9.21875-27.257812 21.613281-18.996094c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-11.359375-33.570312c-1.070313-3.167969-3.652344-5.589844-6.882813-6.457031l-57.925781-15.519531c-5.335937-1.433594-10.816406 1.734374-12.246093 7.070312-1.429688 5.335938 1.734374 10.820312 7.070312 12.25l52.753906 14.132812 7.507813 22.1875-21.613281 18.996094c-3.03125 2.664063-4.164063 6.890625-2.871094 10.714844l9.21875 27.257812-17.59375 15.460938-130.027344-34.839844 30.992188-115.667968c.6875-2.5625.328124-5.292969-.996094-7.589844-1.328125-2.296875-3.511719-3.972656-6.074219-4.660156l-45.574219-12.210938c-5.332031-1.429688-10.816406 1.734375-12.246094 7.070312l-36.636718 136.722657c-.6875 2.5625-.324219 5.292969 1 7.589843 1.324218 2.292969 3.511718 3.972657 6.070312 4.65625l45.574219 12.210938c.867187.234375 1.738281.34375 2.597656.34375 4.414063 0 8.453125-2.945312 9.652344-7.414062l.464844-1.734376 135.199219 36.226563c.851562.230469 1.722656.34375 2.585937.34375zm-181.238281-56.703125 31.460937-117.40625 26.253907 7.035156-31.457032 117.40625zm0 0" }, void 0), _jsx("path", { d: "m511.660156 144.136719-36.636718-136.722657c-1.429688-5.332031-6.910157-8.5-12.246094-7.070312l-45.574219 12.210938c-2.5625.6875-4.746094 2.363281-6.070313 4.660156-1.328124 2.296875-1.6875 5.023437-1 7.585937l.464844 1.734375-135.199218 36.226563c-3.28125.878906-5.894532 3.367187-6.933594 6.605469-1.039063 3.238281-.363282 6.777343 1.796875 9.40625l19.121093 23.265624-5.867187 25.070313c-.796875 3.40625.242187 6.980469 2.738281 9.425781l19.386719 18.988282-6.847656 28.496093c-.824219 3.429688.21875 7.039063 2.742187 9.5 1.894532 1.84375 4.40625 2.839844 6.980469 2.839844.863281 0 1.730469-.113281 2.585937-.34375l57.925782-15.519531c5.335937-1.429688 8.5-6.914063 7.070312-12.25-1.429687-5.332032-6.914062-8.5-12.246094-7.070313l-41.683593 11.171875 4.246093-17.664062c.820313-3.421875-.214843-7.023438-2.726562-9.484375l-19.417969-19.015625 5.714844-24.398438c.710937-3.035156-.035156-6.222656-2.011719-8.628906l-12.40625-15.09375 120.207032-32.207031 30.992187 115.667969c1.199219 4.46875 5.238281 7.414062 9.65625 7.414062.855469 0 1.726563-.109375 2.59375-.339844l45.574219-12.210937c2.5625-.6875 4.746094-2.363281 6.070312-4.660157 1.328125-2.296874 1.6875-5.027343 1-7.589843zm-48.160156 2.554687-30.996094-115.667968s0 0 0-.003907v-.003906l-.464844-1.730469 26.257813-7.035156 31.457031 117.40625zm0 0" }, void 0), _jsx("path", { d: "m263.386719 203.265625c-1.894531-2.078125-4.574219-3.261719-7.386719-3.261719-2.808594 0-5.492188 1.183594-7.386719 3.261719-.78125.855469-1.640625 1.789063-2.570312 2.792969-14.488281 15.730468-44.640625 48.457031-44.640625 79.34375 0 30.105468 24.492187 54.601562 54.597656 54.601562s54.597656-24.496094 54.597656-54.601562c0-30.886719-30.148437-63.613282-44.640625-79.339844-.925781-1.007812-1.789062-1.941406-2.570312-2.796875zm-7.386719 116.738281c-19.078125 0-34.597656-15.523437-34.597656-34.601562 0-20.492188 20.960937-45.539063 34.597656-60.601563 13.636719 15.0625 34.597656 40.109375 34.597656 60.601563 0 19.078125-15.519531 34.601562-34.597656 34.601562zm0 0" }, void 0), _jsx("path", { d: "m129.878906 54.871094c.917969.261718 1.839844.386718 2.75.386718 4.351563 0 8.355469-2.863281 9.609375-7.253906 1.519531-5.3125-1.554687-10.847656-6.867187-12.363281h-.007813c-5.308593-1.519531-10.839843 1.554687-12.359375 6.867187-1.515625 5.308594 1.5625 10.847657 6.875 12.363282zm0 0" }, void 0), _jsx("path", { d: "m407.335938 149.527344-.007813.003906c-5.335937 1.421875-8.507813 6.898438-7.082031 12.238281 1.191406 4.472657 5.238281 7.421875 9.65625 7.421875.855468 0 1.722656-.109375 2.585937-.339844 5.335938-1.421874 8.507813-6.902343 7.085938-12.238281-1.425781-5.335937-6.90625-8.511719-12.238281-7.085937zm0 0" }, void 0)] }), void 0)); };

package/dist/FormComponents/Step/CBRStepMapper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CBRFormStep } from '../../@Types/CBRFormStep';
+import { StepProps } from './Step';
+interface CBRStepProps extends Omit<StepProps, 'step'> {
+    step: CBRFormStep;
+}
+export interface StepOptions {
+    id: string | number;
+    label: string;
+    idMacroProyecto?: number;
+}
+declare function CBRStepMapper(props: CBRStepProps): JSX.Element;
+export default CBRStepMapper;

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -0,0 +1,243 @@
+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 (_) 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 CBRFormStepTypes from '../../constants/CBRFormStepTypes';
+import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
+import TextInputStep from './TextInputStep/TextInputStep';
+import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
+import TextAreaStep from './TextAreaStep/TextAreaStep';
+import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep';
+import TipoDocData from './CBRStepValuesTemp/CBR_TIPO_DOC.json';
+import ProyectoData from './CBRStepValuesTemp/CBR_PROYECTO.json';
+import TipoSolicitanteData from './CBRStepValuesTemp/CBR_TIPO_SOLICITANTE.json';
+import TipoEspacioData from './CBRStepValuesTemp/CBR_TIPO_ESPACIO.json';
+import InmuebleData from './CBRStepValuesTemp/CBR_INMUEBLE.json';
+import CBRLocativasStep from './@Construction/CBRLocativasStep/CBRLocativasStep';
+function CBRStepMapper(props) {
+    var _this = this;
+    var getTipoDocOptions = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            response = TipoDocData;
+            return [2 /*return*/, response.map(function (option) {
+                    return { label: option.Descripcion, id: option.Id };
+                })];
+        });
+    }); };
+    var getProyectoOptions = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            response = ProyectoData;
+            return [2 /*return*/, response.map(function (option) {
+                    return {
+                        label: option.NombreProyecto,
+                        id: option.IdProyecto,
+                        idMacroProyecto: option.IdMacroproyecto,
+                    };
+                })];
+        });
+    }); };
+    var getTipoSolicitanteOptions = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            response = TipoSolicitanteData;
+            return [2 /*return*/, response.map(function (option) {
+                    return {
+                        label: option.Descripcion,
+                        id: option.Id,
+                    };
+                })];
+        });
+    }); };
+    var getTipoEspaciosOptions = function (step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, response;
+        var _a;
+        return __generator(this, function (_b) {
+            if (step.dependencies) {
+                idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
+                if (!idProyecto) {
+                    return [2 /*return*/, null]; //null para indicar que falta la depedency
+                }
+                response = TipoEspacioData;
+                return [2 /*return*/, response[String(idProyecto)].map(function (option) {
+                        return {
+                            label: option.Descripcion,
+                            id: option.Id,
+                        };
+                    })];
+            }
+            else {
+                return [2 /*return*/, null];
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var getInmueblesOptions = function (step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, idMacroProyecto, response;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            if (step.dependencies) {
+                idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
+                idMacroProyecto = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.idMacroProyecto;
+                if (!idProyecto) {
+                    return [2 /*return*/, null]; //null para indicar que falta la depedency
+                }
+                response = InmuebleData;
+                return [2 /*return*/, response[String(idMacroProyecto)][String(idProyecto)].map(function (option) {
+                        return {
+                            label: option.Descripcion,
+                            id: option.Id,
+                        };
+                    })];
+            }
+            else {
+                return [2 /*return*/, null];
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    switch (props.step.type) {
+        case CBRFormStepTypes.CBR_CEL:
+        case CBRFormStepTypes.CBR_EMAIL:
+        case CBRFormStepTypes.CBR_PHONE:
+        case CBRFormStepTypes.CBR_LAST_NAME:
+        case CBRFormStepTypes.CBR_FIRST_NAME:
+        case CBRFormStepTypes.CBR_MIDDLE_NAME:
+        case CBRFormStepTypes.CBR_SECOND_LAST_NAME:
+            return _jsx(TextInputStep, __assign({}, props, { step: props.step }), void 0);
+        case CBRFormStepTypes.CBR_DOC:
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, icon: _jsx(DocumentIconComponent, {}, void 0) }), void 0));
+        case CBRFormStepTypes.CBR_TIPO_DOC:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: __assign(__assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                } }), void 0));
+        case CBRFormStepTypes.CBR_PROYECTO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 24,
+                        width: 24,
+                    } }, void 0), iconComponent: ProjectIconComponent, getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                } }), void 0));
+        case CBRFormStepTypes.CBR_INMUEBLE:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                    } }, void 0), iconComponent: PropertyIconComponent, getOptions: getInmueblesOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                } }), void 0));
+        case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                    } }, void 0), iconComponent: PersonRoundedIcon, getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                } }), void 0));
+        case CBRFormStepTypes.CBR_TIPO_ESPACIO:
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                    } }, void 0), iconComponent: SpaceTypeIconComponent, getOptions: getTipoEspaciosOptions, calcDepError: function (types) {
+                    for (var _i = 0, _a = types; _i < _a.length; _i++) {
+                        var type = _a[_i];
+                        if (type === CBRFormStepTypes.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
+                }, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                } }), void 0));
+        case CBRFormStepTypes.CBR_LOCATIVAS:
+            return _jsx(CBRLocativasStep, __assign({}, props, { step: props.step }), void 0);
+        case CBRFormStepTypes.CBR_COMENTARIO:
+            return _jsx(TextAreaStep, __assign({}, props, { step: props.step }), void 0);
+        case CBRFormStepTypes.CBR_INCIDENCIAS:
+            return _jsx(CBRIncidentsStep, __assign({}, props, { step: props.step }), void 0);
+        default:
+            return _jsx("div", {}, void 0);
+    }
+}
+export default CBRStepMapper;
+function ProjectIconComponent(props) {
+    return (_jsx(ProjectIcon, { className: props.className, fill: "#757575", style: {
+            display: 'flex',
+            height: 23,
+            width: 23,
+        } }, void 0));
+}
+function PropertyIconComponent(props) {
+    return (_jsx(PropertyIcon, { className: props.className, fill: "#757575", style: {
+            display: 'flex',
+            height: 23,
+            width: 23,
+        } }, void 0));
+}
+function DocumentIconComponent(props) {
+    return (_jsx("div", __assign({ style: {
+            marginRight: 2,
+        } }, { children: _jsx(DocumentIcon, { className: props.className, fill: "#757575", style: {
+                display: 'flex',
+                height: 23,
+                width: 23,
+            } }, void 0) }), void 0));
+}
+function SpaceTypeIconComponent(props) {
+    return (_jsx(SpaceTypeIcon, { className: props.className, fill: "#757575", style: {
+            display: 'flex',
+            height: 23,
+            width: 23,
+        } }, void 0));
+}
+var SpaceTypeIcon = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }, void 0), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }, void 0), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }, void 0), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }, void 0), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }, void 0), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }, void 0), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }, void 0), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" }, void 0)] }), void 0)] }), void 0)); };
+var DocumentIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }, void 0) }), void 0)); };
+var PropertyIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }, void 0), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" }, void 0)] }), void 0) }), void 0) }), void 0)); };
+var ProjectIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }, void 0) }), void 0)); };