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

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

@@ -0,0 +1,135 @@
+"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 __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 react_1 = __importStar(require("react"));
+const FormStepTypes_1 = __importStar(require("../../../constants/FormStepTypes"));
+const Step_1 = __importDefault(require("../../Step"));
+const MaterialSmartSelectStep_1 = __importDefault(require("../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep"));
+const AxiosWidget_1 = __importDefault(require("../../../Utils/AxiosWidget"));
+const AxiosAPI_1 = __importDefault(require("../../../Utils/AxiosAPI"));
+const InputIcon_1 = __importDefault(require("../../../Shared/InputIcon/InputIcon"));
+const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
+const StepFiller_1 = __importDefault(require("../../Utils/@StepFiller/StepFiller"));
+function ApiSelectorComponent(_a) {
+    var { step, editable } = _a, others = __rest(_a, ["step", "editable"]);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    function calcOptionId(option) {
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
+    }
+    function calcOptionLabel(option) {
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.labelAttribute]) !== null && _a !== void 0 ? _a : '';
+    }
+    return ((0, jsx_runtime_1.jsx)(StepFiller_1.default, Object.assign({ step: step }, { children: (0, jsx_runtime_1.jsx)(MaterialSmartSelectStep_1.default, Object.assign({}, others, { editable: editable, step: step, icon: step.icon ? (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: step.icon }) : undefined, getOptions: getApiOptions, getOptionSelected: (option, value) => calcOptionId(option) === calcOptionId(value), calcDepError: (steps) => {
+                for (const step of steps) {
+                    if (step.type === FormStepTypes_1.default.API_SELECTOR) {
+                        return 'Selecciona un ' + step.label;
+                    }
+                }
+                return undefined;
+            }, getValueString: (value) => calcOptionLabel(value), renderNestedSteps: (value) => {
+                if (!value)
+                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                const currentOption = step.options[calcOptionId(value)];
+                if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === FormStepTypes_1.ApiSelectorOptionTypes.NESTED) {
+                    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: currentOption.steps.map((idStep) => {
+                            const subStep = form.steps[idStep];
+                            return ((0, jsx_runtime_1.jsx)(Step_1.default, { editable: editable, step: subStep }, idStep));
+                        }) }));
+                }
+                else
+                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            } })) })));
+}
+exports.default = ApiSelectorComponent;
+const getApiOptions = (idOrganization, step, dependencyStore) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    function calcOptionId(option) {
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
+    }
+    const params = new URLSearchParams({});
+    for (const filter of step.queryParams) {
+        switch (filter.type) {
+            case FormStepTypes_1.ApiSelectorParamTypes.STEP: {
+                const currentValue = (_a = dependencyStore[filter.idStep]) === null || _a === void 0 ? void 0 : _a.value;
+                if (currentValue) {
+                    if (typeof currentValue === 'string')
+                        params.set(filter.key, currentValue);
+                    else
+                        params.set(filter.key, (_b = currentValue.label) !== null && _b !== void 0 ? _b : currentValue.id);
+                }
+                else if (filter.required) {
+                    return null;
+                }
+                break;
+            }
+            case FormStepTypes_1.ApiSelectorParamTypes.VALUE:
+            default:
+                params.set(filter.key, filter.value);
+                break;
+        }
+    }
+    let url = step.url.replace('capta.co', process.env.REACT_APP_DOMAIN);
+    if (idOrganization && url.includes(process.env.REACT_APP_DOMAIN))
+        params.set('idOrganization', idOrganization);
+    if (!step.url.includes('?'))
+        url += '?';
+    url += params.toString();
+    const response = yield (idOrganization
+        ? AxiosWidget_1.default.get(url)
+        : AxiosAPI_1.default.get(url));
+    return response.data.filter((option) => {
+        var _a;
+        return calcOptionId(option) &&
+            ((_a = step.options[calcOptionId(option)]) === null || _a === void 0 ? void 0 : _a.type) !==
+                FormStepTypes_1.ApiSelectorOptionTypes.HIDE;
+    });
+});

package/dist/cjs/FormSteps/CBRStepMapper.js

@@ -0,0 +1,131 @@
+"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 CBRFormStepTypes_1 = __importDefault(require("../constants/CBRFormStepTypes"));
+const PersonRounded_1 = __importDefault(require("@material-ui/icons/PersonRounded"));
+const TextInputStep_1 = __importDefault(require("./TextInputStep/TextInputStep"));
+const SmartSelectStep_1 = __importDefault(require("./SmartSelectStep/SmartSelectStep"));
+const TextAreaStep_1 = __importDefault(require("./TextAreaStep/TextAreaStep"));
+const CBRIncidentsStep_1 = __importDefault(require("./@Construction/CBRIncidentsStep/CBRIncidentsStep"));
+const CBRElementStep_1 = __importDefault(require("./@Construction/CBRElementStep/CBRElementStep"));
+const axios_1 = __importDefault(require("axios"));
+const CBRPropertyStep_1 = __importDefault(require("./@Construction/CBRPropertyStep/CBRPropertyStep"));
+const InputIcon_1 = __importDefault(require("../Shared/InputIcon/InputIcon"));
+const baseUrl = `https://integrations.${process.env.REACT_APP_DOMAIN}/sinco/cbr/`;
+function CBRStepMapper(props) {
+    const getTipoDocOptions = (idOrganization) => __awaiter(this, void 0, void 0, function* () {
+        if (!idOrganization)
+            return null;
+        return (yield axios_1.default.get(baseUrl + 'TiposDoc?idOrganization=' + idOrganization)).data;
+    });
+    const getProyectoOptions = (idOrganization, step, dependencyStore) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (!idOrganization)
+            return null;
+        const idMacroProyecto = (_d = (_c = dependencyStore[(_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.id;
+        let proyectos = (yield axios_1.default.get(baseUrl + 'Proyectos?idOrganization=' + idOrganization)).data;
+        if (idMacroProyecto) {
+            proyectos = proyectos.filter((proyecto) => proyecto.idMacroProyecto === idMacroProyecto);
+        }
+        return proyectos;
+    });
+    const getMacroProyectoOptions = (idOrganization) => __awaiter(this, void 0, void 0, function* () {
+        if (!idOrganization)
+            return null;
+        return (yield axios_1.default.get(baseUrl + 'MacroProyectos?idOrganization=' + idOrganization)).data;
+    });
+    const getTipoSolicitanteOptions = (idOrganization) => __awaiter(this, void 0, void 0, function* () {
+        if (!idOrganization)
+            return null;
+        return (yield axios_1.default.get(baseUrl + 'TiposSolicitante?idOrganization=' + idOrganization)).data;
+    });
+    const getTipoEspaciosOptions = (idOrganization, step, dependencyStore) => __awaiter(this, void 0, void 0, function* () {
+        var _e, _f;
+        if (step.dependencies && idOrganization) {
+            const idProyecto = (_f = (_e = dependencyStore[step.dependencies[0]]) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.id;
+            if (!idProyecto) {
+                return null; //null para indicar que falta la depedency
+            }
+            const params = new URLSearchParams({ idProyecto, idOrganization });
+            return (yield axios_1.default.get(baseUrl + 'TiposEspacio?' + params.toString())).data;
+        }
+        else {
+            return null;
+        }
+    });
+    switch (props.step.type) {
+        case CBRFormStepTypes_1.default.CBR_EMAIL:
+            return ((0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step, validation: {
+                    type: 'EMAIL',
+                    value: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                        .source,
+                    message: 'El correo no es válido',
+                } })));
+        case CBRFormStepTypes_1.default.CBR_CEL:
+        case CBRFormStepTypes_1.default.CBR_PHONE:
+            return ((0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step, validation: {
+                    type: 'OTHER',
+                    value: /^(\+[0-9])|([0-9])$/.source,
+                    message: 'El teléfono no es válido',
+                } })));
+        case CBRFormStepTypes_1.default.CBR_LAST_NAME:
+        case CBRFormStepTypes_1.default.CBR_FIRST_NAME:
+        case CBRFormStepTypes_1.default.CBR_MIDDLE_NAME:
+        case CBRFormStepTypes_1.default.CBR_SECOND_LAST_NAME:
+            return (0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step }));
+        case CBRFormStepTypes_1.default.CBR_DOC:
+            return ((0, jsx_runtime_1.jsx)(TextInputStep_1.default, Object.assign({}, props, { step: props.step, icon: (0, jsx_runtime_1.jsx)(DocumentIconComponent, {}) })));
+        case CBRFormStepTypes_1.default.CBR_TIPO_DOC:
+            return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { step: Object.assign(Object.assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id })));
+        case CBRFormStepTypes_1.default.CBR_MACRO_PROYECTO:
+            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: 'PROJECT' }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id })));
+        case CBRFormStepTypes_1.default.CBR_PROYECTO:
+            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: 'PROJECT' }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id })));
+        case CBRFormStepTypes_1.default.CBR_INMUEBLE:
+            return (0, jsx_runtime_1.jsx)(CBRPropertyStep_1.default, Object.assign({}, props, { step: props.step }));
+        case CBRFormStepTypes_1.default.CBR_TIPO_SOLICITANTE:
+            return ((0, jsx_runtime_1.jsx)(SmartSelectStep_1.default, Object.assign({}, props, { step: props.step, icon: (0, jsx_runtime_1.jsx)(PersonRounded_1.default, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                        marginRight: 3,
+                        marginTop: 1,
+                    } }), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id })));
+        case CBRFormStepTypes_1.default.CBR_TIPO_ESPACIO:
+            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: 'SPACE' }), getOptions: getTipoEspaciosOptions, calcDepError: (steps) => {
+                    for (const step of steps) {
+                        if (step.type ===
+                            CBRFormStepTypes_1.default.CBR_PROYECTO) {
+                            return 'Selecciona un proyecto';
+                        }
+                    }
+                    return undefined;
+                }, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value === null || value === void 0 ? void 0 : value.id })));
+        case CBRFormStepTypes_1.default.CBR_LOCATIVAS:
+            return (0, jsx_runtime_1.jsx)(CBRElementStep_1.default, Object.assign({}, props, { step: props.step }));
+        case CBRFormStepTypes_1.default.CBR_COMENTARIO:
+            return (0, jsx_runtime_1.jsx)(TextAreaStep_1.default, Object.assign({}, props, { step: props.step }));
+        case CBRFormStepTypes_1.default.CBR_INCIDENCIAS:
+            return (0, jsx_runtime_1.jsx)(CBRIncidentsStep_1.default, Object.assign({}, props, { step: props.step }));
+        default:
+            return (0, jsx_runtime_1.jsx)("div", {});
+    }
+}
+exports.default = CBRStepMapper;
+function DocumentIconComponent() {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
+            marginRight: 2,
+        } }, { children: (0, jsx_runtime_1.jsx)(InputIcon_1.default, { icon: 'DOCUMENT' }) })));
+}

package/dist/cjs/FormSteps/CheckBoxStep/CheckBoxStep.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 MaterialCheckBoxStep_1 = __importDefault(require("./MaterialCheckBoxStep/MaterialCheckBoxStep"));
+const hooks_1 = require("../../hooks");
+function CheckboxStep(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)(MaterialCheckBoxStep_1.default, Object.assign({}, props));
+        }
+    }
+}
+exports.default = CheckboxStep;

package/dist/cjs/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -0,0 +1,63 @@
+"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 __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 MaterialCheckBoxStep_module_css_1 = __importDefault(require("./MaterialCheckBoxStep.module.css"));
+const RoundedCheckBox_1 = __importDefault(require("../../../Shared/RoundedCheckBox/RoundedCheckBox"));
+const react_1 = __importStar(require("react"));
+const Step_1 = __importDefault(require("../../Step"));
+const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
+const hooks_1 = require("../../../hooks");
+const StepHooks_1 = require("../../StepHooks");
+const StepFiller_1 = __importDefault(require("../../Utils/@StepFiller/StepFiller"));
+const MaterialInputContainer_1 = __importDefault(require("../../Utils/MaterialInputContainer/MaterialInputContainer"));
+function CheckBoxStep({ step, editable }) {
+    var _a;
+    const { ref, value, onChange, error, field } = (0, StepHooks_1.useFormStep)(step, {
+        defaultValue: (_a = step.defaultValue) !== null && _a !== void 0 ? _a : false,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+        sizeChange: true,
+    });
+    const { formStyle, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    const renderNested = () => {
+        const steps = value ? step.steps : step.uncheckedSteps;
+        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: steps === null || steps === void 0 ? void 0 : steps.map((idStep) => {
+                const subStep = form.steps[idStep];
+                return ((0, jsx_runtime_1.jsx)(Step_1.default, { editable: editable, step: subStep }, idStep));
+            }) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(StepFiller_1.default, Object.assign({ step: step }, { children: [(0, jsx_runtime_1.jsxs)(MaterialInputContainer_1.default, Object.assign({ step: step, editable: editable }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialCheckBoxStep_module_css_1.default.labelCheckBoxContainer }, { children: [step.label && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialCheckBoxStep_module_css_1.default.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), (0, jsx_runtime_1.jsx)(RoundedCheckBox_1.default, Object.assign({}, field, { inputRef: ref, onChange: onChange, "data-testid": step.id, padding: "0px", size: "1.6rem", error: !!error, cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: value }))] })), (step.description || !!error) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCheckBoxStep_module_css_1.default.descriptionPar, style: {
+                            color: error
+                                ? formStyle.errorColor
+                                : formStyle.descriptionTextColor,
+                        } }, { children: error ? 'Este campo es obligatorio' : step.description })))] })), renderNested()] })));
+}
+exports.default = CheckBoxStep;

package/dist/cjs/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.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 MaterialClassifierSelectorStep_1 = __importDefault(require("./MaterialClassifierSelectorStep/MaterialClassifierSelectorStep"));
+const hooks_1 = require("../../hooks");
+function ClassifierSelectorStep(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)(MaterialClassifierSelectorStep_1.default, Object.assign({}, props));
+        }
+    }
+}
+exports.default = ClassifierSelectorStep;

package/dist/cjs/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -0,0 +1,89 @@
+"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 __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 react_1 = __importStar(require("react"));
+const FormStepTypes_1 = require("../../../constants/FormStepTypes");
+const Step_1 = __importDefault(require("../../Step"));
+const RoundedSmartSelect_1 = __importDefault(require("../../../Shared/RoundedSmartSelect/RoundedSmartSelect"));
+const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
+const hooks_1 = require("../../../hooks");
+const StepHooks_1 = require("../../StepHooks");
+const StepFiller_1 = __importDefault(require("../../Utils/@StepFiller/StepFiller"));
+const MaterialInputContainer_1 = __importDefault(require("../../Utils/MaterialInputContainer/MaterialInputContainer"));
+const StepFunctions_1 = require("../../StepFunctions");
+function ClassifierSelectorStep({ step, editable, }) {
+    var _a, _b, _c, _d;
+    const { ref, value, onChange, error, field } = (0, StepHooks_1.useFormStep)(step, {
+        defaultValue: (0, StepFunctions_1.calcDefaultValue)(step),
+        sizeChange: true,
+        rules: {
+            required: step.required ? 'Este campo es obligatorio' : undefined,
+        },
+    });
+    const { formStyle, postview, preview } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    if (!step.idClassifier)
+        return (0, jsx_runtime_1.jsx)("div", {});
+    const classifier = (_a = form.classifiers) === null || _a === void 0 ? void 0 : _a[step.idClassifier];
+    if (!classifier)
+        return (0, jsx_runtime_1.jsx)("div", {});
+    const options = (0, react_1.useMemo)(() => {
+        var _a;
+        return (_a = classifier.children) === null || _a === void 0 ? void 0 : _a.filter((idClassifier) => {
+            var _a, _b;
+            return ((_a = step.options[idClassifier]) === null || _a === void 0 ? void 0 : _a.type) !==
+                FormStepTypes_1.ClassifierOptionTypes.HIDE &&
+                ((_b = form.classifiers) === null || _b === void 0 ? void 0 : _b[idClassifier]);
+        }).map((idClassifier) => {
+            var _a, _b, _c;
+            const classifier = (_a = form.classifiers) === null || _a === void 0 ? void 0 : _a[idClassifier];
+            return {
+                value: classifier === null || classifier === void 0 ? void 0 : classifier._id,
+                label: ((_c = (_b = classifier === null || classifier === void 0 ? void 0 : classifier.clientName) === null || _b === void 0 ? void 0 : _b.trim) === null || _c === void 0 ? void 0 : _c.call(_b)) && preview
+                    ? classifier === null || classifier === void 0 ? void 0 : classifier.clientName
+                    : classifier === null || classifier === void 0 ? void 0 : classifier.name,
+            };
+        });
+    }, []);
+    const mapNestedOption = () => {
+        if (value) {
+            const currentOption = step.options[value.value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === FormStepTypes_1.ClassifierOptionTypes.NESTED) {
+                return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: currentOption.steps.map((idStep) => {
+                        const subStep = form.steps[idStep];
+                        return ((0, jsx_runtime_1.jsx)(Step_1.default, { step: subStep, editable: editable }, idStep));
+                    }) }));
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(StepFiller_1.default, Object.assign({ step: step }, { children: [(0, jsx_runtime_1.jsx)(MaterialInputContainer_1.default, Object.assign({ step: step, editable: editable }, { children: (0, jsx_runtime_1.jsx)(RoundedSmartSelect_1.default, Object.assign({}, field, { inputRef: ref, value: value, disabled: false, loading: false, options: options, cantEdit: !editable || postview, fullWidth: true, backgroundColor: (_b = formStyle.stepBackgroundColor) !== null && _b !== void 0 ? _b : 'white', label: step.label ? step.label : classifier.name, required: step.required, height: '31px', searchable: step.searchable, icon: undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: onChange, getOptionSelected: (option, value) => {
+                        return option.value === (value === null || value === void 0 ? void 0 : value.value);
+                    }, helperText: (_d = (_c = error === null || error === void 0 ? void 0 : error.message) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : step.description, error: !!error })) })), mapNestedOption()] })));
+}
+exports.default = ClassifierSelectorStep;

package/dist/cjs/FormSteps/CollapsibleStep/CollapsibleStep.js

@@ -0,0 +1,33 @@
+"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 hooks_1 = require("../../hooks");
+const FormStepTypes_1 = require("../../constants/FormStepTypes");
+const MaterialCollapsibleStep_1 = __importDefault(require("./MaterialTitleStep/MaterialCollapsibleStep"));
+function CollapsibleStep(_a) {
+    var { step } = _a, others = __rest(_a, ["step"]);
+    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
+    if (step.steps.length === 0)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    switch (formStyle.type) {
+        case FormStepTypes_1.FormStyleTypes.MATERIAL:
+        default: {
+            return (0, jsx_runtime_1.jsx)(MaterialCollapsibleStep_1.default, Object.assign({ step: step }, others));
+        }
+    }
+}
+exports.default = CollapsibleStep;

package/dist/cjs/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.js

@@ -0,0 +1,97 @@
+"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 __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 react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = __importStar(require("react"));
+const MaterialCollapsibleStep_module_css_1 = __importDefault(require("./MaterialCollapsibleStep.module.css"));
+const react_hook_form_1 = require("react-hook-form");
+const Step_1 = __importDefault(require("../../Step"));
+const ExpandMoreRounded_1 = __importDefault(require("@material-ui/icons/ExpandMoreRounded"));
+const ExpandLessRounded_1 = __importDefault(require("@material-ui/icons/ExpandLessRounded"));
+const FormContext_1 = __importDefault(require("../../../Contexts/FormContext"));
+const hooks_1 = require("../../../hooks");
+function Collapsible(_a) {
+    var _b, _c, _d, _e;
+    var { step, open, setOpen } = _a, others = __rest(_a, ["step", "open", "setOpen"]);
+    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const form = (0, react_2.useContext)(FormContext_1.default);
+    const { formState: { errors }, } = (0, react_hook_form_1.useFormContext)();
+    const contentRef = react_2.default.useRef(null);
+    (0, react_2.useEffect)(() => {
+        var _a;
+        if (!open && ((_a = step.dependencies) === null || _a === void 0 ? void 0 : _a.find((dep) => !!errors[dep]))) {
+            setOpen(true);
+        }
+    }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map((dep) => errors[dep])) !== null && _c !== void 0 ? _c : []);
+    return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.container, style: {
+                    color: formStyle.textColor,
+                    borderColor: formStyle.primaryColor,
+                } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.collapsibleLabel, onClick: () => {
+                            setOpen(!open);
+                        } }, { children: step.label })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.expand, onClick: () => {
+                            setOpen(!open);
+                        } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.expandIcon }, { children: open ? ((0, jsx_runtime_1.jsx)(ExpandLessRounded_1.default, { fontSize: "inherit" })) : ((0, jsx_runtime_1.jsx)(ExpandMoreRounded_1.default, { fontSize: "inherit" })) })) }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.content, style: {
+                    height: open === 'TRUE'
+                        ? 'auto'
+                        : open
+                            ? (_e = (_d = contentRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 'auto'
+                            : 0,
+                } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: MaterialCollapsibleStep_module_css_1.default.contentContainer, ref: contentRef }, { children: step.steps.map((idSubStep) => {
+                        const subStep = form.steps[idSubStep];
+                        return ((0, react_1.createElement)(Step_1.default, Object.assign({}, others, { step: subStep, key: idSubStep })));
+                    }) })) })), (0, jsx_runtime_1.jsx)("div", { className: MaterialCollapsibleStep_module_css_1.default.separator, style: {
+                    backgroundColor: formStyle.primaryColor,
+                } })] }));
+}
+function CollapsibleStep(props) {
+    var _a;
+    const { postview } = (0, hooks_1.useAppSelector)((state) => state.global);
+    const { clearErrors, formState: { errors }, } = (0, react_hook_form_1.useFormContext)();
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.step.id, defaultValue: ((_a = props.step.defaultValue) !== null && _a !== void 0 ? _a : postview) ? false : true, render: ({ field: { value, onChange } }) => ((0, jsx_runtime_1.jsx)(Collapsible, Object.assign({}, props, { open: value, setOpen: (open) => {
+                var _a;
+                if (!open) {
+                    const deps = (_a = props.step.dependencies) === null || _a === void 0 ? void 0 : _a.filter((dep) => !!errors[dep]);
+                    if (deps)
+                        clearErrors(deps);
+                }
+                onChange(open);
+            } }))) }));
+}
+exports.default = CollapsibleStep;

package/dist/cjs/FormSteps/CustomStep.js

@@ -0,0 +1,36 @@
+"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 FormContext_1 = __importDefault(require("../Contexts/FormContext"));
+const hooks_1 = require("../hooks");
+const CustomContext_1 = __importDefault(require("../Contexts/CustomContext"));
+const react_1 = require("react");
+const StepHooks_1 = require("./StepHooks");
+function CustomStepComponent(_a) {
+    var _b;
+    var { customStep } = _a, props = __rest(_a, ["customStep"]);
+    const form = (0, react_1.useContext)(FormContext_1.default);
+    const global = (0, hooks_1.useAppSelector)((state) => state.global);
+    const { customStepProps } = (0, react_1.useContext)(CustomContext_1.default);
+    const dependencyStore = (0, hooks_1.useAppSelector)((state) => state.site.dependencies);
+    const widthStats = (0, hooks_1.useAppSelector)((state) => state.widthStats);
+    const dependencyInfo = (0, StepHooks_1.useStepDependency)(props.step, undefined);
+    return customStep.component(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, global), dependencyInfo), props), { dependencyStore,
+        widthStats,
+        form,
+        customStepProps }), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
+}
+exports.default = CustomStepComponent;