@arquimedes.co/eureka-forms 2.0.61 → 2.0.64-test

package/dist/Form/FormTypes/ColumnForm/ColumnForm.js

@@ -45,8 +45,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import styles from './ColumnForm.module.css';
 import React from 'react';
 import Terms from '../../Terms/Terms';
@@ -61,7 +72,7 @@ import { getAppState } from '../../../Utils/store';
 import { IdFormContext } from '../../../App/App';
 function ColumnForm(_a) {
     var _this = this;
-    var onSubmit = _a.onSubmit, customSubmitBtns = _a.customSubmitBtns;
+    var onSubmit = _a.onSubmit, customSubmitBtns = _a.customSubmitBtns, props = __rest(_a, ["onSubmit", "customSubmitBtns"]);
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useAppSelector(function (state) { return state.global; }), postview = _c.postview, editable = _c.editable, formStyle = _c.formStyle;
     var _d = useFormContext(), trigger = _d.trigger, getValues = _d.getValues, handleSubmit = _d.handleSubmit;
@@ -72,6 +83,10 @@ function ColumnForm(_a) {
     var previous = useAppSelector(function (state) { return state.site.previousSections; });
     var next = useAppSelector(function (state) { return state.site.nextSections; });
     var idCurrent = useAppSelector(function (state) { return state.site.idCurrentSection; });
+    useEffect(function () {
+        if (props.submit)
+            props.submit(submit);
+    }, [props.submit]);
     /** Esto se usa para no tener que escuchar todo el tiempo los errores del formulario */
     var handleErrors = handleSubmit(function () { }, function (errors) {
         console.error('Errors:', errors);
@@ -105,6 +120,6 @@ function ColumnForm(_a) {
             }
         });
     }); }, []);
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }), previous.map(function (idSection) { return (_jsx(Section, { idSection: idSection }, idSection)); }), next.map(function (idSection) { return (_jsx(Section, { idSection: idSection }, idSection)); }), _jsx(Terms, {}), !postview && editable && (_jsxs(React.Fragment, { children: [!customSubmitBtns && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsx(CustomBtn, { onClick: submit, width: "calc(100% - 70px)", label: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar', backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, loading: loading, "data-testid": "form__submit" }) }))), customSubmitBtns === null || customSubmitBtns === void 0 ? void 0 : customSubmitBtns(submit, loading)] }))] })));
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }), previous.map(function (idSection) { return (_jsx(Section, { idSection: idSection }, idSection)); }), next.map(function (idSection) { return (_jsx(Section, { idSection: idSection }, idSection)); }), _jsx(Terms, {}), !postview && editable && (_jsxs(React.Fragment, { children: [customSubmitBtns === undefined && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsx(CustomBtn, { onClick: submit, width: "calc(100% - 70px)", label: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar', backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, loading: loading, "data-testid": "form__submit" }) }))), customSubmitBtns === null || customSubmitBtns === void 0 ? void 0 : customSubmitBtns(submit, loading)] }))] })));
 }
 export default ColumnForm;

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

@@ -106,7 +106,7 @@ var getElementOptions = function (idOrganization, step, dependencyStore) { retur
             case 1:
                 response = (_d.sent()).data;
                 father_1 = (_c = dependencyStore[step.dependencies[1]]) === null || _c === void 0 ? void 0 : _c.value;
-                if (father_1 !== undefined && father_1.id === undefined) {
+                if (father_1 && father_1.id === undefined) {
                     return [2 /*return*/, null];
                 }
                 return [2 /*return*/, response.filter(function (locativa) {

package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.js

@@ -90,7 +90,7 @@ function MapperComponent(_a) {
                     margin: step.description
                         ? '10px 0px'
                         : '0px 0px 5px 0px',
-                } }, { children: step.description }))), mapElements(), _jsx("input", { id: step.id, ref: inputRef, className: 'hidden-input', readOnly: true, value: inputValue }), step.creatable !== false &&
+                } }, { children: step.description }))), mapElements(), _jsx("input", { id: step.id + '-input', ref: inputRef, className: 'hidden-input', readOnly: true, value: inputValue }), step.creatable !== false &&
                 (!step.max ||
                     elements.filter(function (elem) { return !elem.deleted; }).length < step.max) && (_jsxs("div", __assign({ className: styles.btnContainer }, { children: [!customAdd && (_jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel +
                             (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {

package/dist/FormSteps/Step.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import Types from '../constants/FormStepTypes';
+import FormStepTypes from '../constants/FormStepTypes';
 import SelectorStep from './SelectorStep/SelectorStep';
 import SeparatorStep from './SeparatorStep/SeparatorStep';
 import TextInputStep from './TextInputStep/TextInputStep';
@@ -43,6 +43,7 @@ import { useAppSelector } from '../hooks';
 import { useContext } from 'react';
 import CustomContext from '../Contexts/CustomContext';
 import { selectOriginalValue, useCondition } from './StepHooks';
+import TimePickerStep from './TimePickerStep/TimePickerStep';
 function StepComponent(_a) {
     var _b;
     var step = _a.step, props = __rest(_a, ["step"]);
@@ -69,46 +70,49 @@ function StepComponent(_a) {
         return (_jsx(CustomStep, __assign({}, props, { step: step, editable: editable, customStep: customStep })));
     }
     switch (step.type) {
-        case Types.TITLE: {
+        case FormStepTypes.TITLE: {
             return (_jsx(TitleStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.SELECTOR: {
+        case FormStepTypes.TIMEPICKER: {
+            return (_jsx(TimePickerStep, __assign({}, props, { step: step, editable: editable })));
+        }
+        case FormStepTypes.SELECTOR: {
             return (_jsx(SelectorStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.CHECKBOX: {
+        case FormStepTypes.CHECKBOX: {
             return (_jsx(CheckBoxStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.CLASSIFIER_SELECTOR: {
+        case FormStepTypes.CLASSIFIER_SELECTOR: {
             return (_jsx(ClassifierSelectorStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.TEXTAREA: {
+        case FormStepTypes.TEXTAREA: {
             return (_jsx(TextAreaStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.TEXTINPUT: {
+        case FormStepTypes.TEXTINPUT: {
             return (_jsx(TextInputStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.DATEPICKER: {
+        case FormStepTypes.DATEPICKER: {
             return (_jsx(DatePickerStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.SEPARATOR: {
+        case FormStepTypes.SEPARATOR: {
             return (_jsx(SeparatorStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.FILEUPLOAD: {
+        case FormStepTypes.FILEUPLOAD: {
             return (_jsx(FileUploadStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.RATING: {
+        case FormStepTypes.RATING: {
             return (_jsx(RatingStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.COLLAPSIBLE: {
+        case FormStepTypes.COLLAPSIBLE: {
             return (_jsx(CollapsibleStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.ENTITYVALUEPICKER: {
+        case FormStepTypes.ENTITYVALUEPICKER: {
             return (_jsx(EntityValuePickerStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.API_SELECTOR: {
+        case FormStepTypes.API_SELECTOR: {
             return (_jsx(ApiSelectorStep, __assign({}, props, { step: step, editable: editable })));
         }
-        case Types.MAPPER: {
+        case FormStepTypes.MAPPER: {
             return (_jsx(MapperStep, __assign({}, props, { step: step, editable: editable })));
         }
         default:

package/dist/FormSteps/StepFunctions.js

@@ -7,7 +7,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, StepTypes, } from '../constants/FormStepTypes';
+import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueDataTypes, EntityValueOptionTypes, OptionTypes, } from '../constants/FormStepTypes';
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
 import { getRawText } from '../Utils/DraftFunctions';
@@ -29,7 +29,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
     var step = steps[idStep];
     var value = values[idStep];
     switch (step.type) {
-        case StepTypes.SELECTOR: {
+        case FormStepTypes.SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options.find(function (option) { return option.value === value.value; });
@@ -45,7 +45,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.CLASSIFIER_SELECTOR: {
+        case FormStepTypes.CLASSIFIER_SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -60,7 +60,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.ENTITYVALUEPICKER: {
+        case FormStepTypes.ENTITYVALUEPICKER: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -75,7 +75,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.API_SELECTOR: {
+        case FormStepTypes.API_SELECTOR: {
             var size = step.size;
             if (value) {
                 var currentOption = step.options[value];
@@ -90,7 +90,7 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             }
             return size;
         }
-        case StepTypes.CHECKBOX: {
+        case FormStepTypes.CHECKBOX: {
             var size = step.size;
             var stepSteps = value ? step.steps : step.uncheckedSteps;
             var optionSize = 0;
@@ -101,8 +101,8 @@ function recursivelyCheckOpenSize(idStep, steps, values) {
             size += optionSize;
             return size;
         }
-        case StepTypes.DATEPICKER:
-        case StepTypes.TEXTINPUT: {
+        case FormStepTypes.DATEPICKER:
+        case FormStepTypes.TEXTINPUT: {
             return step.size;
         }
         default:
@@ -115,35 +115,37 @@ export var calcStepWidth = function (stepSize, size) {
 export var calcDefaultValue = function (step) {
     var _a, _b;
     switch (step.type) {
-        case StepTypes.CHECKBOX:
+        case FormStepTypes.CHECKBOX:
             return (_a = step.defaultValue) !== null && _a !== void 0 ? _a : false;
-        case StepTypes.TITLE:
+        case FormStepTypes.TITLE:
             return undefined;
-        case StepTypes.SELECTOR:
+        case FormStepTypes.TIMEPICKER:
+            return step.defaultValue;
+        case FormStepTypes.SELECTOR:
             if (step.defaultValue)
                 return ((_b = step.options.find(function (option) { return option.value === step.defaultValue; })) !== null && _b !== void 0 ? _b : '');
             return '';
-        case StepTypes.TEXTINPUT:
-        case StepTypes.CLASSIFIER_SELECTOR:
+        case FormStepTypes.TEXTINPUT:
+        case FormStepTypes.CLASSIFIER_SELECTOR:
             return '';
-        case StepTypes.TEXTAREA:
+        case FormStepTypes.TEXTAREA:
             if (step.hasTextEditor)
                 return getRawText();
             else
                 return '';
-        case StepTypes.RATING:
-        case StepTypes.DATEPICKER:
-        case StepTypes.API_SELECTOR:
-        case StepTypes.ENTITYVALUEPICKER:
+        case FormStepTypes.RATING:
+        case FormStepTypes.DATEPICKER:
+        case FormStepTypes.API_SELECTOR:
+        case FormStepTypes.ENTITYVALUEPICKER:
             return null;
-        case StepTypes.MAPPER:
+        case FormStepTypes.MAPPER:
             return { elements: [], page: 0 };
-        case StepTypes.FILEUPLOAD:
+        case FormStepTypes.FILEUPLOAD:
         case CBRFormStepTypes.CBR_INCIDENCIAS:
             return [];
-        case StepTypes.COLLAPSIBLE:
+        case FormStepTypes.COLLAPSIBLE:
             return false;
-        case StepTypes.SEPARATOR:
+        case FormStepTypes.SEPARATOR:
         default:
             return undefined;
     }
@@ -155,7 +157,7 @@ export var iterateNestedSteps = function (idStep, steps, iteration) {
         return;
     }
     iteration(step);
-    if (step.type === StepTypes.MAPPER) {
+    if (step.type === FormStepTypes.MAPPER) {
         for (var _i = 0, _a = step.rootSteps; _i < _a.length; _i++) {
             var idStep_1 = _a[_i];
             iterateNestedSteps(idStep_1, step.steps, iteration);
@@ -189,7 +191,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
         }
     };
     switch (step.type) {
-        case StepTypes.SELECTOR: {
+        case FormStepTypes.SELECTOR: {
             for (var _i = 0, _b = step.options; _i < _b.length; _i++) {
                 var option = _b[_i];
                 if (option.type === OptionTypes.NESTED) {
@@ -198,7 +200,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
             }
             break;
         }
-        case StepTypes.CLASSIFIER_SELECTOR:
+        case FormStepTypes.CLASSIFIER_SELECTOR:
             for (var _c = 0, _d = Object.keys(step.options); _c < _d.length; _c++) {
                 var idOption = _d[_c];
                 var option = step.options[idOption];
@@ -207,7 +209,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
                 }
             }
             break;
-        case StepTypes.RATING:
+        case FormStepTypes.RATING:
             if (step.nestedSteps) {
                 for (var _e = 0, _f = step.nestedSteps; _e < _f.length; _e++) {
                     var steps = _f[_e];
@@ -215,18 +217,18 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
                 }
             }
             break;
-        case StepTypes.COLLAPSIBLE: {
+        case FormStepTypes.COLLAPSIBLE: {
             handleSteps(step.steps);
             break;
         }
-        case StepTypes.CHECKBOX: {
+        case FormStepTypes.CHECKBOX: {
             if (step.steps)
                 handleSteps(step.steps);
             if (step.uncheckedSteps)
                 handleSteps(step.uncheckedSteps);
             break;
         }
-        case StepTypes.ENTITYVALUEPICKER:
+        case FormStepTypes.ENTITYVALUEPICKER:
             if (idModifier) {
                 for (var _g = 0, _h = step.path; _g < _h.length; _g++) {
                     var path = _h[_g];
@@ -303,7 +305,7 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 return !boolFactor;
             }
             var dependency = dependencies[condition.idStep];
-            var value = dependencies[condition.idStep].value;
+            var value_2 = dependencies[condition.idStep].value;
             switch (condition.stepType) {
                 // case FormStepTypes.AGENTPICKER:
                 //     return await evaluateAgentCondition(
@@ -312,32 +314,77 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 //     );
                 case FormStepTypes.CHECKBOX: {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                    return value === condition.value ? boolFactor : !boolFactor;
+                    return value_2 === condition.value ? boolFactor : !boolFactor;
+                }
+                case FormStepTypes.TIMEPICKER: {
+                    var boolFactor = condition.operator === OperatorTypes.INCLUDES;
+                    if (!value_2)
+                        return !boolFactor;
+                    var evaluateCondition_1 = function (condition) {
+                        var property = condition.property;
+                        if (property === 'working') {
+                            var boolFactor_1 = condition.propertyOperator ===
+                                OperatorTypes.EQUAL;
+                            if (value_2.working === condition.value) {
+                                return boolFactor_1;
+                            }
+                            return !boolFactor_1;
+                        }
+                        else {
+                            var time = value_2;
+                            switch (condition.propertyOperator) {
+                                case OperatorTypes.EQUAL: {
+                                    return time[property] === condition.value;
+                                }
+                                case OperatorTypes.NOTEQUAL: {
+                                    return time[property] !== condition.value;
+                                }
+                                case OperatorTypes.LESS: {
+                                    var propValue = time[property];
+                                    if (!propValue)
+                                        return false;
+                                    return propValue < condition.value;
+                                }
+                                case OperatorTypes.MORE: {
+                                    var propValue = time[property];
+                                    if (!propValue)
+                                        return false;
+                                    return propValue > condition.value;
+                                }
+                                default: {
+                                    return false;
+                                }
+                            }
+                        }
+                    };
+                    return evaluateCondition_1(condition)
+                        ? boolFactor
+                        : !boolFactor;
                 }
                 case FormStepTypes.DATEPICKER: {
-                    if (!(value instanceof Date) || isNaN(value.getTime())) {
+                    if (!(value_2 instanceof Date) || isNaN(value_2.getTime())) {
                         return condition.operator === OperatorTypes.NOTEQUAL;
                     }
                     var propertyDate = new Date(condition.value);
                     switch (condition.operator) {
                         case OperatorTypes.EQUAL:
-                            return (value.toUTCString().split('T')[0] ===
+                            return (value_2.toUTCString().split('T')[0] ===
                                 propertyDate.toUTCString().split('T')[0]);
                         case OperatorTypes.NOTEQUAL:
-                            return (value.toUTCString().split('T')[0] !==
+                            return (value_2.toUTCString().split('T')[0] !==
                                 propertyDate.toUTCString().split('T')[0]);
                         case OperatorTypes.LESS:
-                            return value.getTime() < propertyDate.getTime();
+                            return value_2.getTime() < propertyDate.getTime();
                         case OperatorTypes.MORE:
-                            return value.getTime() > propertyDate.getTime();
+                            return value_2.getTime() > propertyDate.getTime();
                         default:
                             return false;
                     }
                 }
                 case FormStepTypes.SELECTOR: {
                     var val = dependency.type === 'ORIGINAL'
-                        ? value
-                        : (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : null;
+                        ? value_2
+                        : (_a = value_2 === null || value_2 === void 0 ? void 0 : value_2.value) !== null && _a !== void 0 ? _a : null;
                     if (condition.operator === OperatorTypes.EQUAL) {
                         return condition.value === val;
                     }
@@ -347,18 +394,18 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                 }
                 case FormStepTypes.TEXTINPUT: {
                     if (condition.operator === OperatorTypes.INCLUDES) {
-                        return (_b = value === null || value === void 0 ? void 0 : value.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(condition.value.toLowerCase());
+                        return (_b = value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(condition.value.toLowerCase());
                     }
                     else if (condition.operator === OperatorTypes.NOTINCLUDES) {
-                        return !((_c = value === null || value === void 0 ? void 0 : value.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes(condition.value.toLowerCase()));
+                        return !((_c = value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes(condition.value.toLowerCase()));
                     }
                     else if (condition.operator === OperatorTypes.EQUAL) {
                         return (condition.value.toLowerCase() ===
-                            (value === null || value === void 0 ? void 0 : value.toLowerCase()));
+                            (value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()));
                     }
                     else if (condition.operator === OperatorTypes.NOTEQUAL) {
                         return !(condition.value.toLowerCase() ===
-                            (value === null || value === void 0 ? void 0 : value.toLowerCase()));
+                            (value_2 === null || value_2 === void 0 ? void 0 : value_2.toLowerCase()));
                     }
                     else {
                         return false;
@@ -372,36 +419,36 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                     }
                     regx += ')\\b';
                     if (condition.operator === OperatorTypes.INCLUDES) {
-                        return (value && new RegExp(regx).test(value.toLowerCase()));
+                        return (value_2 && new RegExp(regx).test(value_2.toLowerCase()));
                     }
                     else {
-                        return (!value ||
-                            !new RegExp(regx).test(value.toLowerCase()));
+                        return (!value_2 ||
+                            !new RegExp(regx).test(value_2.toLowerCase()));
                     }
                 }
                 case FormStepTypes.RATING: {
-                    if (!value || isNaN(value)) {
+                    if (!value_2 || isNaN(value_2)) {
                         return condition.operator === OperatorTypes.NOTEQUAL;
                     }
                     switch (condition.operator) {
                         case OperatorTypes.EQUAL:
                         case OperatorTypes.NOTEQUAL: {
                             var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                            if (value === condition.value)
+                            if (value_2 === condition.value)
                                 return boolFactor;
                             return !boolFactor;
                         }
                         case OperatorTypes.LESS:
-                            return value < condition.value;
+                            return value_2 < condition.value;
                         case OperatorTypes.MORE:
-                            return value > condition.value;
+                            return value_2 > condition.value;
                         default:
                             return false;
                     }
                 }
                 case FormStepTypes.CLASSIFIER_SELECTOR: {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
-                    if ((value === null || value === void 0 ? void 0 : value.value) === condition.idValue) {
+                    if ((value_2 === null || value_2 === void 0 ? void 0 : value_2.value) === condition.idValue) {
                         //Si op es EQUALS (boolfactor true) evaluará a true
                         //Si op es NOTEQUALS (boolfactor false) evaluará a false
                         return boolFactor;
@@ -414,7 +461,7 @@ export var evaluateCondition = function (condition, dependencies, entityValue) {
                     var boolFactor = condition.operator === OperatorTypes.EQUAL;
                     for (var _g = 0, _h = condition.values; _g < _h.length; _g++) {
                         var idEntityValue = _h[_g];
-                        if ((value === null || value === void 0 ? void 0 : value._id) === idEntityValue) {
+                        if ((value_2 === null || value_2 === void 0 ? void 0 : value_2._id) === idEntityValue) {
                             return boolFactor;
                         }
                     }
@@ -466,8 +513,8 @@ var evaluateEntityValueCondition = function (condition, entity, entityValue) {
 var evaluateEntityPropertyCondition = function (condition, entity, entityValue) {
     if (isEntityPropertyExistance(condition)) {
         var boolFactor = condition.propertyOperator === OperatorTypes.EXISTS;
-        var value_2 = entityValue[condition.idProperty];
-        if (value_2 !== undefined) {
+        var value_3 = entityValue[condition.idProperty];
+        if (value_3 !== undefined) {
             return boolFactor;
         }
         return !boolFactor;
@@ -530,6 +577,46 @@ var evaluateEntityPropertyCondition = function (condition, entity, entityValue)
             }
             return false;
         }
+        case EntityPropertyTypes.TIMEPICKER: {
+            var boolFactor = condition.propertyOperator === OperatorTypes.INCLUDES;
+            var evaluateCondition_2 = function (condition) {
+                var timeProperty = condition.property;
+                if (timeProperty === 'working') {
+                    var boolFactor_2 = condition.timePropertyOperator === OperatorTypes.EQUAL;
+                    if (value.working === condition.value) {
+                        return boolFactor_2;
+                    }
+                    return !boolFactor_2;
+                }
+                else {
+                    var time = value;
+                    switch (condition.timePropertyOperator) {
+                        case OperatorTypes.EQUAL: {
+                            return time[timeProperty] === condition.value;
+                        }
+                        case OperatorTypes.NOTEQUAL: {
+                            return time[timeProperty] !== condition.value;
+                        }
+                        case OperatorTypes.LESS: {
+                            var propValue = time[timeProperty];
+                            if (!propValue)
+                                return false;
+                            return propValue < condition.value;
+                        }
+                        case OperatorTypes.MORE: {
+                            var propValue = time[timeProperty];
+                            if (!propValue)
+                                return false;
+                            return propValue > condition.value;
+                        }
+                        default: {
+                            return false;
+                        }
+                    }
+                }
+            };
+            return evaluateCondition_2(condition) ? boolFactor : !boolFactor;
+        }
         case EntityPropertyTypes.SELECTOR:
         case EntityPropertyTypes.TEXTAREA:
         case EntityPropertyTypes.TEXTINPUT: {

package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.d.ts

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

package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js

@@ -0,0 +1,29 @@
+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 RoundedTimePicker from '../../../Shared/RoundedTimePicker/RoundedTimePicker';
+import { useAppSelector } from '../../../hooks';
+import { useFormStep } from '../../StepHooks';
+import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
+function TimePickerStep(_a) {
+    var _b;
+    var step = _a.step, editable = _a.editable, defaultValue = _a.defaultValue;
+    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var _d = useFormStep(step, {
+        defaultValue: defaultValue,
+        rules: {
+            required: step ? 'Este campo es obligatorio' : undefined,
+        },
+    }), ref = _d.ref, value = _d.value, onChange = _d.onChange, error = _d.error, field = _d.field;
+    return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedTimePicker, __assign({}, field, { value: value, onChange: onChange, inputRef: ref, cantEdit: !editable || postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, helperTextColor: formStyle.descriptionTextColor, backgroundColor: formStyle.stepBackgroundColor, fontWeight: 400, label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required, pickDays: step.pickDays, pickHours: step.pickHours, pickMinutes: step.pickMinutes, working: step.working })) })));
+}
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/TimePickerStep.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimePicker } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+import { Time } from '../../@Types/Time';
+export interface TimePickerStepProps extends StepProps {
+    /** The TimePickerStep to display */
+    step: TimePicker;
+    /** Default value to display */
+    defaultValue?: Time;
+}
+declare function TimePickerStep(props: TimePickerStepProps): JSX.Element;
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/TimePickerStep.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../constants/FormStepTypes';
+import { useAppSelector } from '../../hooks';
+import MaterialTimePickerStep from './MaterialTimePickerStep/MaterialTimePickerStep';
+function TimePickerStep(props) {
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialTimePickerStep, __assign({}, props));
+        }
+    }
+}
+export default TimePickerStep;

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { GSmartSelect } from '../../../@Types/GenericFormSteps';
-import { CheckBox, DatePicker, ClassifierSelector, FormSelector } from '../../../@Types/FormStep';
+import { CheckBox, DatePicker, ClassifierSelector, FormSelector, TimePicker } from '../../../@Types/FormStep';
 interface MaterialInputProps {
-    step: GSmartSelect | CheckBox | ClassifierSelector | DatePicker | FormSelector;
+    step: GSmartSelect | CheckBox | ClassifierSelector | DatePicker | TimePicker | FormSelector;
     editable: boolean;
     onClick?: () => void;
     children: React.ReactNode;