@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.js

@@ -1,13 +1,24 @@
+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 { useAppSelector } from '../../hooks';
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialEntityValuePickerStep from './MaterialEntityValuePickerStep/MaterialEntityValuePickerStep';
 function EntityValuePickerStep(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialEntityValuePickerStep, { ...props });
+            return _jsx(MaterialEntityValuePickerStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EurekaDraft } from '../../../../@Types/Draft/Draft';
 import { Entity } from '../../../../@Types/Entity';
 interface EntityValueDialogProps {

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.js

@@ -1,31 +1,47 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from '@material-ui/core';
+import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
+import InfoRoundedIcon from '@material-ui/icons/InfoRounded';
 import styles from './MaterialEntityValueDialog.module.css';
-import ErkButton from '../../../../Shared/ErkButton/ErkButton';
+import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
 import { useAppSelector } from '../../../../hooks';
 import { EditorState, convertFromRaw } from 'draft-js';
 import { useContext, useMemo } from 'react';
 import { mapDraftEntities } from '../../../../Utils/DraftFunctions';
 import { Editor } from 'react-draft-wysiwyg';
 import FormContext from '../../../../Contexts/FormContext';
-import { Dialog } from '@mui/material';
-import CloseIcon from '../../../../Icons/CloseIcon';
-import InfoIcon from '../../../../Icons/InfoIcon';
-import WarningIcon from '../../../../Icons/WarningIcon';
-function MaterialEntityValueDialog({ type, entity, message, entityValue, handleClose, }) {
-    const formStyle = useAppSelector((state) => state.global.formStyle);
-    const form = useContext(FormContext);
-    const dependencies = useAppSelector((state) => state.site.dependencies);
-    const editorState = useMemo(() => {
-        return EditorState.createWithContent(convertFromRaw(mapDraftEntities({ form, dependencies, entity, entityValue }, message)));
-    }, [form, message, dependencies, entity, entityValue]);
-    return (_jsx(Dialog, { PaperProps: {
+function MaterialEntityValueDialog(_a) {
+    var type = _a.type, entity = _a.entity, message = _a.message, entityValue = _a.entityValue, handleClose = _a.handleClose;
+    var formStyle = useAppSelector(function (state) { return state.global.formStyle; });
+    var form = useContext(FormContext);
+    var dependencies = useAppSelector(function (state) { return state.site.dependencies; });
+    var editorState = useMemo(function () {
+        return EditorState.createWithContent(convertFromRaw(mapDraftEntities({ form: form, dependencies: dependencies, entity: entity, entityValue: entityValue }, message)));
+    }, [message, dependencies]);
+    return (_jsx(Dialog, __assign({ PaperProps: {
             style: {
                 borderRadius: '20px',
                 maxWidth: '100vw',
                 boxSizing: 'content-box',
             },
-        }, open: true, children: _jsxs("div", { className: styles.confirmationContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => handleClose(), children: _jsx(CloseIcon, { style: { fontSize: 'inherit' } }) }), _jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.contentContainer, children: [_jsx("div", { className: styles.warningContainer, style: {
-                                        color: type === 'INFO' ? formStyle.primaryColor : formStyle.errorColor,
-                                    }, children: type === 'INFO' ? (_jsx(InfoIcon, { style: { fontSize: '160px' } })) : (_jsx(WarningIcon, { style: { fontSize: '160px' } })) }), _jsx("div", { className: styles.messageContainer, children: _jsx(Editor, { editorClassName: 'Erk-Forms-Dialog', editorState: editorState, readOnly: true, toolbarHidden: true }) })] }), _jsx("div", { className: styles.btnContainer, children: _jsx(ErkButton, { text: 'Continuar', onClick: () => handleClose(), sx: { padding: '16px 20px', fontSize: '1.2rem' } }) })] })] }) }));
+        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () { return handleClose(); } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsxs("div", __assign({ className: styles.contentContainer }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: {
+                                        color: type === 'INFO'
+                                            ? formStyle.primaryColor
+                                            : formStyle.errorColor,
+                                    } }, { children: type === 'INFO' ? (_jsx(InfoRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } })) : (_jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } })) })), _jsx("div", __assign({ className: styles.messageContainer }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Dialog', editorState: editorState, readOnly: true, toolbarHidden: true }) }))] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: type === 'INFO'
+                                    ? formStyle.primaryColor
+                                    : formStyle.errorColor, fontSize: '1.2rem', height: undefined, padding: '16px 20px', onClick: function () { return handleClose(); } }) }))] }))] })) })));
 }
 export default MaterialEntityValueDialog;

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EntityValuePickerStepProps } from '../EntityValuePickerStep';
-declare function EntityValuePickerStep({ step, editable }: EntityValuePickerStepProps): JSX.Element;
+declare function EntityValuePickerStep({ step, editable, }: EntityValuePickerStepProps): JSX.Element;
 export default EntityValuePickerStep;

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -1,56 +1,174 @@
+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 __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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useContext, useMemo, useState } from 'react';
-import FormStepTypes, { EntityValueDataTypes, EntityValueOptionTypes } from '../../../constants/FormStepTypes';
+import FormStepTypes, { EntityValueDataTypes, EntityValueOptionTypes, } from '../../../constants/FormStepTypes';
+import StepComponent from '../../Step';
 import SmartSelect from '../../SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep';
 import widgetInstance from '../../../Utils/AxiosWidget';
+import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import FormContext from '../../../Contexts/FormContext';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
-import { recursivelyCalcConditionSteps, selectDependencies } from '../../StepHooks';
-import { useAppSelector } from '../../../hooks';
-import MaterialEntityValueDialog from './MaterialEntityValueDialog/MaterialEntityValueDialog';
-import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import { evaluateCondition } from '../../StepFunctions';
-import StepComponent from '../../Step';
-function EntityValuePickerStep({ step, editable }) {
-    const form = useContext(FormContext);
-    const [dialogs, setDialogs] = useState();
-    const dialogsIdStepDeps = useMemo(() => {
-        const ids = [];
+import { recursivelyCalcConditionSteps, selectDependencies, } from '../../StepHooks';
+import { useApiSubscribe, useAppSelector } from '../../../hooks';
+import MaterialEntityValueDialog from './MaterialEntityValueDialog/MaterialEntityValueDialog';
+import ErkValueTypes from '../../../constants/ErkValueTypes';
+import { IntegrationsApi } from '../../../Services/IntegrationService';
+import { IdFormContext } from '../../../App/App';
+function EntityValuePickerStep(_a) {
+    var _this = this;
+    var _b, _c;
+    var step = _a.step, editable = _a.editable;
+    var subscribe = useApiSubscribe();
+    var form = useContext(FormContext);
+    var idForm = useContext(IdFormContext);
+    // const mapDraftEntities = useContext(CustomContext).mapDraftEntities;
+    var _d = useState(), dialogs = _d[0], setDialogs = _d[1];
+    // const path = useMemo(
+    //     () => [...step.stepPath, step.id].join('.'),
+    //     [step.stepPath, step.id]
+    // );
+    // //TODO: Esto toca revisarlo, es un borrador.
+    // const mapDraft = useCallback(
+    //     async (property: string): Promise<EurekaDraft | undefined> => {
+    //         const state = await dispatch(getAppState({ idForm })).unwrap();
+    //         const dependencies = selectDependencies(state, step.dependencies);
+    //         return await subscribe(
+    //             DraftApi.endpoints.mapDraft.initiate({
+    //                 idForm,
+    //                 property: `${path}.${property}`,
+    //                 dependencies,
+    //                 mapDraftEntities,
+    //             })
+    //         );
+    //     },
+    //     [subscribe, idForm, mapDraftEntities, path]
+    // );
+    var fetchFilterIntegration = useCallback(function (idIntegration, payload) { return __awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, subscribe(IntegrationsApi.endpoints.fetchFilterIntegration.initiate({
+                        idForm: idForm,
+                        payload: payload,
+                        idIntegration: idIntegration,
+                    }))];
+                case 1: return [2 /*return*/, ((_a = (_b.sent())) !== null && _a !== void 0 ? _a : [])];
+            }
+        });
+    }); }, [subscribe, idForm]);
+    var dialogsIdStepDeps = useMemo(function () {
+        var ids = [];
         if (!step.dialogs)
             return ids;
-        for (const dialog of step.dialogs) {
-            ids.push(...recursivelyCalcConditionSteps(dialog.condition));
+        for (var _i = 0, _a = step.dialogs; _i < _a.length; _i++) {
+            var dialog = _a[_i];
+            ids.push.apply(ids, recursivelyCalcConditionSteps(dialog.condition));
         }
         return ids;
     }, []);
-    const dialogDeps = useAppSelector((state) => selectDependencies(state, dialogsIdStepDeps));
-    const handleCloseDialog = useCallback(() => {
-        setDialogs((dialogs) => dialogs && dialogs?.pending.length > 0
-            ? {
-                current: dialogs.pending[0],
-                pending: dialogs.pending.slice(1),
-                value: dialogs.value,
-            }
-            : undefined);
+    var dialogDeps = useAppSelector(function (state) {
+        return selectDependencies(state, dialogsIdStepDeps);
+    });
+    var handleCloseDialog = useCallback(function () {
+        setDialogs(function (dialogs) {
+            return dialogs && (dialogs === null || dialogs === void 0 ? void 0 : dialogs.pending.length) > 0
+                ? {
+                    current: dialogs.pending[0],
+                    pending: dialogs.pending.slice(1),
+                    value: dialogs.value,
+                }
+                : undefined;
+        });
     }, []);
-    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && form.entities?.[step.idEntity] && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: form.entities?.[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, { step: step, children: _jsx(SmartSelect, { step: step, editable: editable, getOptions: getEntityValueOptions, getOptionalDependencies: getOptionalDependencies, IconComponent: () => (step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined), getOptionSelected: (option, value) => option._id === value._id, calcDepError: (steps) => {
-                        for (const step of steps) {
-                            if (step.type === FormStepTypes.ENTITYVALUEPICKER) {
-                                return 'Selecciona un ' + step.label;
+    var getOptions = useCallback(function (step, dependencyStore, ids) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getEntityValueOptions(step, dependencyStore, ids, 
+                    // mapDraft
+                    fetchFilterIntegration)];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [fetchFilterIntegration]);
+    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && ((_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity]) && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: (_c = form.entities) === null || _c === void 0 ? void 0 : _c[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getOptions, getOptionalDependencies: getOptionalDependencies, getOptionSelected: function (option, value) {
+                        return option._id === value._id;
+                    }, calcDepError: function (steps) {
+                        for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                            var step_1 = steps_1[_i];
+                            if (step_1.type === FormStepTypes.ENTITYVALUEPICKER) {
+                                return 'Selecciona un ' + step_1.label;
                             }
                         }
                         return undefined;
-                    }, changeListener: (value) => {
+                    }, changeListener: function (value) {
+                        var _a, _b;
                         if (!value)
                             return;
-                        const dialogsToDisplay = [];
-                        for (const dialog of step.dialogs ?? []) {
+                        var dialogsToDisplay = [];
+                        for (var _i = 0, _c = (_a = step.dialogs) !== null && _a !== void 0 ? _a : []; _i < _c.length; _i++) {
+                            var dialog = _c[_i];
                             if (!dialog.condition) {
                                 dialogsToDisplay.push(dialog);
                                 continue;
                             }
                             if (evaluateCondition(dialog.condition, dialogDeps, {
-                                entity: form.entities?.[step.idEntity],
+                                entity: (_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity],
                                 entityValue: value,
                             })) {
                                 dialogsToDisplay.push(dialog);
@@ -58,106 +176,182 @@ function EntityValuePickerStep({ step, editable }) {
                         }
                         if (dialogsToDisplay.length > 0) {
                             setDialogs({
-                                value,
+                                value: value,
                                 current: dialogsToDisplay[0],
                                 pending: dialogsToDisplay.slice(1),
                             });
                         }
-                    }, filterOptions: (options, dependencies) => {
-                        const filteredOptions = [];
-                        for (const value of options) {
-                            const option = step.options[value._id];
-                            if (option?.type === EntityValueOptionTypes.HIDE)
+                    }, filterOptions: function (options, dependencies) {
+                        var filteredOptions = [];
+                        for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
+                            var value = options_1[_i];
+                            var option = step.options[value._id];
+                            if ((option === null || option === void 0 ? void 0 : option.type) === EntityValueOptionTypes.HIDE)
                                 continue;
-                            if (!option?.condition || evaluateCondition(option.condition, dependencies))
+                            if (!option ||
+                                !option.condition ||
+                                evaluateCondition(option.condition, dependencies))
                                 filteredOptions.push(value);
                         }
                         return filteredOptions;
-                    }, getOptionsConditionsIdSteps: () => {
-                        const dependencies = [...(step.dependencies ?? [])];
-                        for (const option of Object.values(step.options)) {
-                            if (option.type !== EntityValueOptionTypes.HIDE && option.condition) {
-                                dependencies.push(...recursivelyCalcConditionSteps(option.condition));
+                    }, getOptionsConditionsIdSteps: function () {
+                        var _a;
+                        var dependencies = __spreadArray([], ((_a = step.dependencies) !== null && _a !== void 0 ? _a : []), true);
+                        for (var _i = 0, _b = Object.values(step.options); _i < _b.length; _i++) {
+                            var option = _b[_i];
+                            if (option.type !== EntityValueOptionTypes.HIDE &&
+                                option.condition) {
+                                dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(option.condition));
                             }
                         }
                         return dependencies;
-                    }, getValueString: (value) => value?._id, renderNestedSteps: (value) => {
+                    }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value._id; }, renderNestedSteps: function (value) {
                         if (!value)
                             return _jsx(_Fragment, {});
-                        const currentOption = step.options[value._id];
-                        if (currentOption?.type === EntityValueOptionTypes.NESTED) {
-                            return (_jsx(React.Fragment, { children: currentOption.steps.map((idStep) => {
-                                    const subStep = form.steps[idStep];
-                                    return _jsx(StepComponent, { editable: editable, step: subStep }, idStep);
+                        var currentOption = step.options[value._id];
+                        if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) ===
+                            EntityValueOptionTypes.NESTED) {
+                            return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep) {
+                                    var subStep = form.steps[idStep];
+                                    return (_jsx(StepComponent, { editable: editable, step: subStep }, idStep));
                                 }) }));
                         }
                         else
                             return _jsx(_Fragment, {});
-                    } }) })] }));
+                    } }) }))] }));
 }
 export default EntityValuePickerStep;
-const getEntityValueOptions = async (step, dependencyStore, { idOrganization, idCurrentAgent, }) => {
-    if (!idOrganization)
-        return null;
-    let urlPath = '';
-    for (const path of step.path) {
-        let idEntityValue = 'null';
-        switch (path.type) {
-            case EntityValueDataTypes.STEP: {
-                const currentValue = dependencyStore[path.idStep]?.value;
-                if (!currentValue)
-                    return null;
-                if (typeof currentValue === 'string')
-                    idEntityValue = currentValue;
-                else
-                    idEntityValue = currentValue._id ?? currentValue.id;
-                break;
-            }
-            case EntityValueDataTypes.VALUE:
-            default:
-                idEntityValue = path.idEntityValue ?? 'null';
-                break;
-        }
-        urlPath += '/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : '');
-    }
-    const params = new URLSearchParams({});
-    for (const filter of step.filters) {
-        switch (filter.type) {
-            case EntityValueDataTypes.STEP: {
-                const currentValue = dependencyStore[filter.idStep]?.value;
-                if (currentValue) {
-                    if (typeof currentValue === 'string')
-                        params.set(filter.idProperty, currentValue);
-                    else
-                        params.set(filter.idProperty, currentValue._id ?? currentValue.id);
-                }
-                else if (filter.required) {
-                    return null;
-                }
-                break;
+var getEntityValueOptions = function (step, dependencyStore, _a, fetchFilterIntegration
+// mapDraftEntities: (property: string) => Promise<EurekaDraft | undefined>
+) {
+    var idOrganization = _a.idOrganization, idCurrentAgent = _a.idCurrentAgent;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var urlPath, _i, _b, path, idEntityValue, currentValue, params, _c, _d, filter, _e, payload, _f, _g, _h, key, erkValue, currentValue, filtered, currentValue, url, response;
+        var _j, _k, _l, _m, _o, _p, _q, _r;
+        return __generator(this, function (_s) {
+            switch (_s.label) {
+                case 0:
+                    if (!idOrganization)
+                        return [2 /*return*/, null];
+                    urlPath = '';
+                    for (_i = 0, _b = step.path; _i < _b.length; _i++) {
+                        path = _b[_i];
+                        idEntityValue = 'null';
+                        switch (path.type) {
+                            case EntityValueDataTypes.STEP: {
+                                currentValue = (_j = dependencyStore[path.idStep]) === null || _j === void 0 ? void 0 : _j.value;
+                                if (!currentValue)
+                                    return [2 /*return*/, null];
+                                if (typeof currentValue === 'string')
+                                    idEntityValue = currentValue;
+                                else
+                                    idEntityValue = (_k = currentValue._id) !== null && _k !== void 0 ? _k : currentValue.id;
+                                break;
+                            }
+                            case EntityValueDataTypes.VALUE:
+                            default:
+                                idEntityValue = (_l = path.idEntityValue) !== null && _l !== void 0 ? _l : 'null';
+                                break;
+                        }
+                        urlPath +=
+                            '/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : '');
+                    }
+                    params = new URLSearchParams({});
+                    _c = 0, _d = step.filters;
+                    _s.label = 1;
+                case 1:
+                    if (!(_c < _d.length)) return [3 /*break*/, 8];
+                    filter = _d[_c];
+                    _e = filter.type;
+                    switch (_e) {
+                        case EntityValueDataTypes.INTEGRATION: return [3 /*break*/, 2];
+                        case EntityValueDataTypes.STEP: return [3 /*break*/, 4];
+                        case EntityValueDataTypes.CURRENT_AGENT: return [3 /*break*/, 5];
+                        case EntityValueDataTypes.VALUE: return [3 /*break*/, 6];
+                    }
+                    return [3 /*break*/, 6];
+                case 2:
+                    payload = {};
+                    for (_f = 0, _g = Object.entries((_m = filter.values) !== null && _m !== void 0 ? _m : {}); _f < _g.length; _f++) {
+                        _h = _g[_f], key = _h[0], erkValue = _h[1];
+                        switch (erkValue.type) {
+                            case ErkValueTypes.BOOLEAN:
+                                payload[key] = erkValue.value;
+                                break;
+                            case ErkValueTypes.DRAFT: {
+                                //TODO: Hacer esto bien, la lambda tiene que ser capaz de calcular un draft en un filtro
+                                // values[key] = await mapDraftEntities(
+                                //     `filters[${index}].values.${key}`
+                                // );
+                                break;
+                            }
+                            case ErkValueTypes.STEP: {
+                                currentValue = (_o = dependencyStore[erkValue.idStep]) === null || _o === void 0 ? void 0 : _o.value;
+                                if (currentValue) {
+                                    if (typeof currentValue === 'string')
+                                        payload[key] = currentValue;
+                                    else
+                                        payload[key] =
+                                            (_p = currentValue._id) !== null && _p !== void 0 ? _p : currentValue.id;
+                                }
+                                else
+                                    payload[key] = null;
+                                break;
+                            }
+                        }
+                    }
+                    return [4 /*yield*/, fetchFilterIntegration(filter.idIntegration, payload)];
+                case 3:
+                    filtered = _s.sent();
+                    params.set(filter.idProperty, filtered.join(','));
+                    return [3 /*break*/, 7];
+                case 4:
+                    {
+                        currentValue = (_q = dependencyStore[filter.idStep]) === null || _q === void 0 ? void 0 : _q.value;
+                        if (currentValue) {
+                            if (typeof currentValue === 'string')
+                                params.set(filter.idProperty, currentValue);
+                            else
+                                params.set(filter.idProperty, (_r = currentValue._id) !== null && _r !== void 0 ? _r : currentValue.id);
+                        }
+                        else if (filter.required) {
+                            return [2 /*return*/, null];
+                        }
+                        return [3 /*break*/, 7];
+                    }
+                    _s.label = 5;
+                case 5:
+                    if (idCurrentAgent)
+                        params.set(filter.idProperty, idCurrentAgent);
+                    return [3 /*break*/, 7];
+                case 6:
+                    params.set(filter.idProperty, filter.value);
+                    return [3 /*break*/, 7];
+                case 7:
+                    _c++;
+                    return [3 /*break*/, 1];
+                case 8:
+                    url = "".concat(idOrganization, "/entities/").concat(step.idEntity).concat(urlPath, "?").concat(params.toString());
+                    return [4 /*yield*/, widgetInstance.get(url, {
+                            timeout: 120000,
+                        })];
+                case 9:
+                    response = _s.sent();
+                    return [2 /*return*/, response.data.filter(function (option) { var _a; return ((_a = step.options[option._id]) === null || _a === void 0 ? void 0 : _a.type) !== EntityValueOptionTypes.HIDE; })];
             }
-            case EntityValueDataTypes.CURRENT_AGENT:
-                if (idCurrentAgent)
-                    params.set(filter.idProperty, idCurrentAgent);
-                break;
-            case EntityValueDataTypes.VALUE:
-            default:
-                params.set(filter.idProperty, filter.value);
-                break;
-        }
-    }
-    const url = `${idOrganization}/entities/${step.idEntity}${urlPath}?${params.toString()}`;
-    const response = await widgetInstance.get(url, {
-        timeout: 120000,
+        });
     });
-    return response.data.filter((option) => step.options[option._id]?.type !== EntityValueOptionTypes.HIDE);
 };
-const getOptionalDependencies = (step) => {
-    const optional = [];
-    for (const filter of step.filters) {
+var getOptionalDependencies = function (step) {
+    var _a;
+    var optional = [];
+    for (var _i = 0, _b = step.filters; _i < _b.length; _i++) {
+        var filter = _b[_i];
         switch (filter.type) {
             case EntityValueDataTypes.STEP: {
-                if (filter.idStep && !filter.required && !step.dependencies?.includes(filter.idStep))
+                if (filter.idStep &&
+                    !filter.required &&
+                    !((_a = step.dependencies) === null || _a === void 0 ? void 0 : _a.includes(filter.idStep)))
                     optional.push(filter.idStep);
                 break;
             }

package/dist/FormSteps/FileUploadStep/FileUploadStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileUpload } from '../../@Types/FormStep';
 import { StepProps } from '../Step';
 export interface FileUploadStepProps extends StepProps {

package/dist/FormSteps/FileUploadStep/FileUploadStep.js

@@ -1,13 +1,24 @@
+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 { useAppSelector } from '../../hooks';
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialFileUploadStep from './MaterialFileUploadStep/MaterialFileUploadStep';
 function FileUploadStep(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialFileUploadStep, { ...props });
+            return _jsx(MaterialFileUploadStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileObject, UploadedFileObject } from '../MaterialFileUploadStep';
 import { FormStyle } from '../../../../@Types/Form';
 interface FileComponentProps {