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

package/dist/@Types/Condition.d.ts

@@ -1,13 +1,14 @@
 import ConditionTypes, { ExpressionTypes, OperatorTypes } from '../constants/ConditionTypes';
 import EntityPropertyTypes from '../constants/EntityPropertyTypes';
 import FormStepTypes from '../constants/FormStepTypes';
+import { Time } from './Time';
 export type Condition = ExpressionCondition | FormStepCondition | EntityValueCondition;
 export interface ExpressionCondition<Type extends Condition = Condition> {
     type: ConditionTypes.EXPRESSION;
     conditions: (Type | ExpressionCondition)[];
     expression: ExpressionTypes;
 }
-export type FormStepCondition = ExistanceFormStepCondition | CheckBoxFormStepCondition | ClassifierSelectorFormStepCondition | DatePickerFormStepCondition | EntityValuePickerFormStepCondition | RatingFormStepCondition | SelectorFormStepCondition | TextAreaFormStepCondition | TextInputFormStepCondition;
+export type FormStepCondition = ExistanceFormStepCondition | CheckBoxFormStepCondition | TimePickerFormStepCondition | ClassifierSelectorFormStepCondition | DatePickerFormStepCondition | EntityValuePickerFormStepCondition | RatingFormStepCondition | SelectorFormStepCondition | TextAreaFormStepCondition | TextInputFormStepCondition;
 interface BaseFormStepCondition {
     type: ConditionTypes.FORM_STEP;
     operator: OperatorTypes;
@@ -58,8 +59,23 @@ export interface TextInputFormStepCondition extends BaseFormStepCondition {
     operator: OperatorTypes.EQUAL | OperatorTypes.NOTEQUAL | OperatorTypes.INCLUDES | OperatorTypes.NOTINCLUDES;
     value: string;
 }
+export type TimePickerFormStepCondition = BaseTimePickerFormStepCondition | WorkingTimePickerFormStepCondition;
+export interface BaseTimePickerFormStepCondition extends BaseFormStepCondition {
+    stepType: FormStepTypes.TIMEPICKER;
+    operator: OperatorTypes.INCLUDES | OperatorTypes.NOTINCLUDES;
+    property: Omit<keyof Time, 'working'>;
+    propertyOperator: OperatorTypes.EQUAL | OperatorTypes.NOTEQUAL | OperatorTypes.MORE | OperatorTypes.LESS;
+    value: number;
+}
+export interface WorkingTimePickerFormStepCondition extends BaseFormStepCondition {
+    stepType: FormStepTypes.TIMEPICKER;
+    operator: OperatorTypes.INCLUDES | OperatorTypes.NOTINCLUDES;
+    property: 'working';
+    propertyOperator: OperatorTypes.EQUAL | OperatorTypes.NOTEQUAL;
+    value: boolean;
+}
 export type EntityValueCondition = EntityEqualsCondition | EntityPropertyCondition;
-export type EntityPropertyCondition = EntityPropertyExistsCondition | EntitySelectorCondition | EntityTextInputCondition | EntityTextAreaCondition | EntityCheckboxCondition | EntityDateCondition | EntityRelativeDateCondition;
+export type EntityPropertyCondition = EntityPropertyExistsCondition | EntitySelectorCondition | EntityTextInputCondition | EntityTextAreaCondition | EntityCheckboxCondition | EntityDateCondition | EntityTimeCondition | EntityRelativeDateCondition;
 export interface EntityEqualsCondition {
     type: ConditionTypes.ENTITYVALUE;
     idEntity: string;
@@ -109,4 +125,19 @@ export interface EntityRelativeDateCondition extends EntityPropertyConditionBase
     minutes: number;
     working: boolean;
 }
+export type EntityTimeCondition = BaseEntityTimeCondition | WorkingEntityTimeCondition;
+export interface BaseEntityTimeCondition extends EntityPropertyConditionBase {
+    propertyType: EntityPropertyTypes.TIMEPICKER;
+    property: Omit<keyof Time, 'working'>;
+    propertyOperator: OperatorTypes.INCLUDES | OperatorTypes.NOTINCLUDES;
+    timePropertyOperator: OperatorTypes.EQUAL | OperatorTypes.NOTEQUAL | OperatorTypes.MORE | OperatorTypes.LESS;
+    value: number;
+}
+export interface WorkingEntityTimeCondition extends EntityPropertyConditionBase {
+    propertyType: EntityPropertyTypes.TIMEPICKER;
+    property: 'working';
+    propertyOperator: OperatorTypes.INCLUDES | OperatorTypes.NOTINCLUDES;
+    timePropertyOperator: OperatorTypes.EQUAL | OperatorTypes.NOTEQUAL;
+    value: boolean;
+}
 export {};

package/dist/@Types/Entity.d.ts

@@ -7,7 +7,7 @@ export interface Entity {
     steps: Record<string, EntityProperty>;
     rootSteps: string[];
 }
-export type EntityProperty = Name | CheckBox | TextArea | TextInput | EntitySelector | DatePicker;
+export type EntityProperty = Name | CheckBox | TextArea | TextInput | EntitySelector | DatePicker | TimePicker;
 interface BaseProperty {
     required: boolean;
 }
@@ -27,6 +27,9 @@ export interface TextInput extends GSteps.GTextInput, BaseProperty {
 export interface DatePicker extends GSteps.GDatePicker, BaseProperty {
     type: EntityPropertyTypes.DATEPICKER;
 }
+export interface TimePicker extends GSteps.GTimePicker, BaseProperty {
+    type: EntityPropertyTypes.TIMEPICKER;
+}
 export interface EntitySelector extends Omit<FormSelector, 'type'>, BaseProperty {
     type: EntityPropertyTypes.SELECTOR;
 }

package/dist/@Types/FormStep.d.ts

@@ -1,23 +1,28 @@
-import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes, ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../constants/FormStepTypes';
+import FormStepTypes, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes, ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../constants/FormStepTypes';
 import { Condition } from './Condition';
 import { EurekaDraft } from './Draft/Draft';
 import * as GSteps from './GenericFormSteps';
-export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
+import { Time } from './Time';
+export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
 export interface Title extends GSteps.GBaseStep {
-    type: Types.TITLE;
+    type: FormStepTypes.TITLE;
     title: string;
     description: string | null;
     size?: 1 | 2 | 3 | 4;
 }
+export interface TimePicker extends GSteps.GTimePicker {
+    type: FormStepTypes.TIMEPICKER;
+    defaultValue?: Time;
+}
 export interface CheckBox extends GSteps.GCheckBox {
-    type: Types.CHECKBOX;
+    type: FormStepTypes.CHECKBOX;
     steps?: string[];
     uncheckedSteps?: string[];
     maxSize?: number;
     defaultValue?: boolean;
 }
 export interface Rating extends GSteps.GBaseStep {
-    type: Types.RATING;
+    type: FormStepTypes.RATING;
     label: string;
     description: string;
     required: boolean;
@@ -25,31 +30,31 @@ export interface Rating extends GSteps.GBaseStep {
     nestedSteps: string[][] | null;
 }
 export interface FileUpload extends GSteps.GBaseStep {
-    type: Types.FILEUPLOAD;
+    type: FormStepTypes.FILEUPLOAD;
     label: string;
     description: string | null;
     required: boolean;
 }
 export interface Separator extends GSteps.GSeparator {
-    type: Types.SEPARATOR;
+    type: FormStepTypes.SEPARATOR;
 }
 export interface TextArea extends GSteps.GTextArea {
-    type: Types.TEXTAREA;
+    type: FormStepTypes.TEXTAREA;
 }
 export interface TextInput extends GSteps.GTextInput {
-    type: Types.TEXTINPUT;
+    type: FormStepTypes.TEXTINPUT;
 }
 export interface DatePicker extends GSteps.GDatePicker {
-    type: Types.DATEPICKER;
+    type: FormStepTypes.DATEPICKER;
 }
 export interface Collapsible extends GSteps.GBaseStep {
-    type: Types.COLLAPSIBLE;
+    type: FormStepTypes.COLLAPSIBLE;
     label: string;
     steps: string[];
     defaultValue?: boolean;
 }
 export interface FormSelector extends GSteps.GBaseStep {
-    type: Types.SELECTOR;
+    type: FormStepTypes.SELECTOR;
     label: string;
     description: string;
     required: boolean;
@@ -74,7 +79,7 @@ export interface NestedStepOption {
     condition?: Condition;
 }
 export interface ClassifierSelector extends GSteps.GBaseStep {
-    type: Types.CLASSIFIER_SELECTOR;
+    type: FormStepTypes.CLASSIFIER_SELECTOR;
     idClassifier: string | null;
     label: string;
     description: string;
@@ -101,7 +106,7 @@ interface HideValueOption {
     idClassifier: string;
 }
 export interface EntityValuePicker extends GSteps.GSmartSelect {
-    type: Types.ENTITYVALUEPICKER;
+    type: FormStepTypes.ENTITYVALUEPICKER;
     idEntity: string;
     icon: string | null;
     filters: EntityValuePickerFilter[];
@@ -157,7 +162,7 @@ export interface ValueEntityValuePickerFilter {
     value: any;
 }
 export interface ApiSelector extends GSteps.GSmartSelect {
-    type: Types.API_SELECTOR;
+    type: FormStepTypes.API_SELECTOR;
     icon: string | null;
     url: string;
     pathParams: ApiSelectorParam[];
@@ -198,7 +203,7 @@ export interface ValueApiSelectorParam {
     value: string;
 }
 export interface Mapper extends GSteps.GBaseStep {
-    type: Types.MAPPER;
+    type: FormStepTypes.MAPPER;
     style: {
         type: MapperStyleTypes;
         size?: number;

package/dist/@Types/GenericFormSteps.d.ts

@@ -47,6 +47,17 @@ export interface GDatePicker extends GBaseStep {
     required: boolean;
     size: 1 | 2 | 3 | 4;
 }
+export interface GTimePicker extends GBaseStep {
+    label: string;
+    description: string | null;
+    required: boolean;
+    size: 1 | 2 | 3 | 4;
+    pickDays: boolean;
+    pickHours: boolean;
+    pickMinutes: boolean;
+    /** Undefined if user can choose */
+    working?: boolean;
+}
 export interface GAgentPicker extends GBaseStep {
     label: string;
     description: string | null;

package/dist/@Types/Time.d.ts

@@ -0,0 +1,6 @@
+export interface Time {
+    days?: number;
+    hours?: number;
+    minutes?: number;
+    working?: boolean;
+}

package/dist/@Types/Time.js

@@ -0,0 +1 @@
+export {};

package/dist/App/App.d.ts

@@ -33,6 +33,8 @@ export interface AppProps {
     classifiers?: Record<string, Classifier>;
     /** Custom function to call on send */
     customSubmit?: (values: Record<string, unknown>, reload: () => void) => Promise<void>;
+    /** Custom submit function, when passed it is called */
+    submit?: (submit: () => Promise<Record<string, any> | void>) => Promise<void>;
     /** Custom submit buttons */
     customSubmitBtns?: (onSubmit: () => Promise<Record<string, any> | void>, loading: boolean) => JSX.Element;
     /** Function to call on postview to fetch the download url of a file */

package/dist/App/App.js

@@ -74,6 +74,6 @@ function App(_a) {
                 sendLabel: props.sendLabel,
                 fetchDownloadUrl: props.fetchDownloadUrl,
                 customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
-            } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns }) })) })));
+            } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, submit: props.submit, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns }) })) })));
     }
 }

package/dist/App/AppFunctions.js

@@ -55,7 +55,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { nanoid } from 'nanoid';
-import StepTypes, { EntityValueOptionTypes, FormTypes, } from '../constants/FormStepTypes';
+import FormStepTypes, { EntityValueOptionTypes, FormTypes, } from '../constants/FormStepTypes';
 import { getRawText, stringToDraft } from '../Utils/DraftFunctions';
 import { calcSubSteps } from '../FormSteps/StepFunctions';
 import ConditionTypes from '../constants/ConditionTypes';
@@ -113,7 +113,7 @@ export var calcValuesStore = function (idOrganization, form, originalValues, pos
                         for (_b = 0, _c = section.steps; _b < _c.length; _b++) {
                             idStep = _c[_b];
                             step = form.steps[idStep];
-                            if (step.type !== StepTypes.MAPPER ||
+                            if (step.type !== FormStepTypes.MAPPER ||
                                 ((_f = values.sections[step.idSection]) === null || _f === void 0 ? void 0 : _f[step.id]))
                                 continue;
                             if (!values.sections[step.idSection])
@@ -150,7 +150,7 @@ export var addMapperStep = function (step, customSteps, path) {
     calcRecursiveData(element, steps, customSteps);
     for (var _b = 0, _c = Object.values(step.steps); _b < _c.length; _b++) {
         var nestedStep = _c[_b];
-        if (nestedStep.type === StepTypes.MAPPER) {
+        if (nestedStep.type === FormStepTypes.MAPPER) {
             var nested = addMapperStep(nestedStep, customSteps, base + step.id + '-' + idElement);
             steps = __assign(__assign({}, steps), nested.steps);
             mappers = __assign(__assign({}, mappers), nested.mappers);
@@ -218,11 +218,11 @@ export var mapOriginalValue = function (idOrganization, step, value, values, for
                         return [2 /*return*/, value];
                     _a = step === null || step === void 0 ? void 0 : step.type;
                     switch (_a) {
-                        case StepTypes.MAPPER: return [3 /*break*/, 1];
-                        case StepTypes.TEXTAREA: return [3 /*break*/, 6];
-                        case StepTypes.SELECTOR: return [3 /*break*/, 7];
-                        case StepTypes.CLASSIFIER_SELECTOR: return [3 /*break*/, 8];
-                        case StepTypes.ENTITYVALUEPICKER: return [3 /*break*/, 9];
+                        case FormStepTypes.MAPPER: return [3 /*break*/, 1];
+                        case FormStepTypes.TEXTAREA: return [3 /*break*/, 6];
+                        case FormStepTypes.SELECTOR: return [3 /*break*/, 7];
+                        case FormStepTypes.CLASSIFIER_SELECTOR: return [3 /*break*/, 8];
+                        case FormStepTypes.ENTITYVALUEPICKER: return [3 /*break*/, 9];
                     }
                     return [3 /*break*/, 12];
                 case 1:

package/dist/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import CheckCircleOutlineRoundedIcon from '@material-ui/icons/CheckCircleOutlineRounded';
 import styles from './ConfirmationDialog.module.css';
 import Dialog from '@material-ui/core/Dialog';
@@ -36,6 +36,7 @@ function ConfirmationDialog(_a) {
     var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, global = __rest(_b, ["formStyle"]);
     var form = useContext(FormContext);
     var dependencies = useAppSelector(function (state) { return state.site.dependencies; });
+    var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var editorState = useMemo(function () {
         return EditorState.createWithContent(convertFromRaw(mapDraftEntities({
             dependencies: dependencies,
@@ -49,10 +50,32 @@ function ConfirmationDialog(_a) {
                 maxWidth: '100vw',
                 boxSizing: 'content-box',
             },
-        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: '#293241' } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: {
+                color: '#293241',
+                padding: widthStats.isMobile ? '0px 20px' : '0px 30px',
+            } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
                         onClose();
-                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.checkContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), hasText && (_jsx("div", __assign({ className: styles.messageContainer }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Confirmation', editorState: editorState, readOnly: true, toolbarHidden: true }) }))), global.confirmation.showLink && (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: styles.linkContainer }, { children: ["Puedes consultar el estado aqui:", ' '] })), _jsx("a", __assign({ className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
+                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.checkContainer, style: {
+                                color: formStyle.primaryColor,
+                                paddingTop: widthStats.isMobile ? '20px' : '30px',
+                            } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: {
+                                    fontSize: widthStats.isMobile
+                                        ? '100px'
+                                        : '160px',
+                                } }) })), hasText && (_jsx("div", __assign({ className: styles.messageContainer, style: {
+                                fontSize: widthStats.isMobile
+                                    ? '1.1rem'
+                                    : '1.4rem',
+                                padding: widthStats.isMobile
+                                    ? '5px 0px'
+                                    : '20px 0px',
+                            } }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Confirmation', editorState: editorState, readOnly: true, toolbarHidden: true }) }))), global.confirmation.showLink && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: widthStats.isMobile
+                                        ? styles.mobileLinkContainer
+                                        : styles.linkContainer }, { children: "Puedes consultar el estado aqui:" })), _jsx("a", __assign({ className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
                                         color: '#293241',
+                                        fontSize: widthStats.isMobile
+                                            ? '1rem'
+                                            : '1.2rem',
                                     } }, { children: confirmation.url }))] }))] }))] })) })));
 }
 export default ConfirmationDialog;

package/dist/Form/ConfirmationDialog/ConfirmationDialog.module.css

@@ -27,26 +27,31 @@
 .checkContainer {
     margin-left: auto;
     margin-right: auto;
-    padding-top: 30px;
     height: fit-content;
-    margin-bottom: 15px;
 }
 
 .messageContainer {
-    margin-top: 5px;
     margin-left: 40px;
     margin-right: 40px;
-    font-size: 1.2rem;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }
 
+.mobileLinkContainer {
+    font-size: 1.1rem;
+    margin-left: 15px;
+    margin-top: 10px;
+    padding-right: 5px;
+}
+
 .linkContainer {
-    margin-top: 20px;
     font-size: 1.2rem;
     margin-left: 20px;
+    margin-top: 20px;
+    padding-right: 10px;
 }
+
 .url {
     font-weight: bolder;
     margin-left: 40px;

package/dist/Form/Form.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Branding } from '../@Types/Branding';
-import StepTypes from '../constants/FormStepTypes';
+import FormStepTypes from '../constants/FormStepTypes';
 import { FieldValues } from 'react-hook-form';
 import { AppProps } from '../App/App';
 import CBRFormStepTypes from '../constants/CBRFormStepTypes';
@@ -11,7 +11,7 @@ export declare const getLocale: () => any;
 export interface StepDependency {
     dependents: (FormStep | CBRFormStep)[];
     value: any | undefined;
-    type: StepTypes | CBRFormStepTypes | 'ORIGINAL';
+    type: FormStepTypes | CBRFormStepTypes | 'ORIGINAL';
     empty?: boolean;
 }
 export type DependencyStore = Record<string, StepDependency>;
@@ -20,7 +20,7 @@ export interface WidthStats {
     isResponsive: boolean;
     isMobile: boolean;
 }
-type CustomAppProps = Pick<AppProps, 'customSteps' | 'customSubmitBtns'>;
+type CustomAppProps = Pick<AppProps, 'customSteps' | 'customSubmitBtns' | 'submit'>;
 export interface BaseFormProps extends CustomAppProps {
     form: Form;
     branding?: Branding;
@@ -36,5 +36,5 @@ export interface FormComponentProps extends CustomAppProps {
     onSubmit: (values: FieldValues) => Promise<any>;
     scrollToTop?: () => void;
 }
-declare function FormComponent({ form, apiKey, reload, isWidget, branding, scrollToTop, customSteps, containerRef, customSubmit, customSubmitBtns, }: BaseFormProps): JSX.Element;
+declare function FormComponent({ form, submit, apiKey, reload, isWidget, branding, scrollToTop, customSteps, containerRef, customSubmit, customSubmitBtns, }: BaseFormProps): JSX.Element;
 export default FormComponent;

package/dist/Form/Form.js

@@ -84,7 +84,7 @@ export var getLocale = function () {
 function FormComponent(_a) {
     var _this = this;
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, isWidget = _a.isWidget, branding = _a.branding, scrollToTop = _a.scrollToTop, customSteps = _a.customSteps, containerRef = _a.containerRef, customSubmit = _a.customSubmit, customSubmitBtns = _a.customSubmitBtns;
+    var form = _a.form, submit = _a.submit, apiKey = _a.apiKey, reload = _a.reload, isWidget = _a.isWidget, branding = _a.branding, scrollToTop = _a.scrollToTop, customSteps = _a.customSteps, containerRef = _a.containerRef, customSubmit = _a.customSubmit, customSubmitBtns = _a.customSubmitBtns;
     var _l = useAppSelector(function (state) { return state.global; }), idOrganization = _l.idOrganization, internal = _l.internal, postview = _l.postview;
     var formMethods = useForm({
         mode: 'onTouched',
@@ -170,7 +170,7 @@ function FormComponent(_a) {
         return (_jsxs(React.Fragment, { children: [showConfirmation !== undefined && (_jsx(ConfirmationDialog, { confirmation: showConfirmation, onClose: function () {
                         reload();
                         setShowConfirmation(undefined);
-                    } })), form.hasCaptcha && !internal && !postview && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _jsx(FormProvider, __assign({}, formMethods, { children: _jsx(FormContext.Provider, __assign({ value: form }, { children: _jsx(FormTypeComponent, { onSubmit: onSubmit, scrollToTop: scrollToTop, customSubmitBtns: customSubmitBtns }) })) }))] }));
+                    } })), form.hasCaptcha && !internal && !postview && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _jsx(FormProvider, __assign({}, formMethods, { children: _jsx(FormContext.Provider, __assign({ value: form }, { children: _jsx(FormTypeComponent, { onSubmit: onSubmit, submit: submit, scrollToTop: scrollToTop, customSubmitBtns: customSubmitBtns }) })) }))] }));
     };
     if (!idOrganization)
         return _jsx(_Fragment, {});

package/dist/Form/FormFunctions.js

@@ -19,7 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { convertFromRaw, convertToRaw } from 'draft-js';
-import StepTypes, { EntityValueDataTypes } from '../constants/FormStepTypes';
+import FormStepTypes, { EntityValueDataTypes, } from '../constants/FormStepTypes';
 import { calcRecursiveData } from '../App/AppFunctions';
 import { calcStepDeps } from '../FormSteps/StepHooks';
 /**
@@ -37,7 +37,7 @@ export var calcValue = function (idStep, steps, values, customSteps, deleteIds,
     }
     else {
         switch (step.type) {
-            case StepTypes.TEXTAREA: {
+            case FormStepTypes.TEXTAREA: {
                 if (step.hasTextEditor) {
                     var currentContent = value.getCurrentContent();
                     return {
@@ -52,17 +52,17 @@ export var calcValue = function (idStep, steps, values, customSteps, deleteIds,
                     };
                 }
             }
-            case StepTypes.FILEUPLOAD: {
+            case FormStepTypes.FILEUPLOAD: {
                 return value.map(function (val) { return ({
                     fileName: val.fileName,
                     S3Key: val.S3Key,
                 }); });
             }
-            case StepTypes.SELECTOR:
-            case StepTypes.CLASSIFIER_SELECTOR: {
+            case FormStepTypes.SELECTOR:
+            case FormStepTypes.CLASSIFIER_SELECTOR: {
                 return value.value;
             }
-            case StepTypes.MAPPER: {
+            case FormStepTypes.MAPPER: {
                 var elements = (_c = value === null || value === void 0 ? void 0 : value.elements) === null || _c === void 0 ? void 0 : _c.filter(function (element) { return element.deleted !== true; });
                 var mappedValues = [];
                 for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
@@ -94,12 +94,12 @@ export var calcValue = function (idStep, steps, values, customSteps, deleteIds,
                 }
                 return mappedValues;
             }
-            case StepTypes.TITLE: {
+            case FormStepTypes.TITLE: {
                 if (!value)
                     deleteIds.push(idStep);
                 return value !== null && value !== void 0 ? value : undefined;
             }
-            case StepTypes.COLLAPSIBLE:
+            case FormStepTypes.COLLAPSIBLE:
                 deleteIds.push(idStep);
                 return;
             default:
@@ -149,7 +149,7 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
                 !dependencies[idDep].dependents.find(function (dep) { return dep.id === step.id; }))
                 dependencies[idDep].dependents.push(step);
         }
-        if (step.type === StepTypes.ENTITYVALUEPICKER) {
+        if (step.type === FormStepTypes.ENTITYVALUEPICKER) {
             for (var _f = 0, _g = __spreadArray(__spreadArray([], step.path, true), step.filters, true); _f < _g.length; _f++) {
                 var dep = _g[_f];
                 if (dep.type !== EntityValueDataTypes.STEP)
@@ -164,7 +164,7 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
                     dependencies[dep.idStep].dependents.push(step);
             }
         }
-        if (step.type === StepTypes.MAPPER) {
+        if (step.type === FormStepTypes.MAPPER) {
             var subSteps = calcMapperSubSteps(step, (_c = (_b = values.sections[step.idSection]) === null || _b === void 0 ? void 0 : _b[step.id]) === null || _c === void 0 ? void 0 : _c.elements, customSteps);
             var hasSubSteps = Object.keys(subSteps).length > 0;
             calcDependencies(hasSubSteps ? subSteps : step.steps, customSteps, __assign(__assign({}, allSteps), subSteps), dependencies, values, hasSubSteps);
@@ -222,7 +222,7 @@ function calcStepDependencyValue(depStep, originalValue, customSteps) {
         return custom.calcDependencyValue(depStep, originalValue);
     }
     switch (depStep.type) {
-        case StepTypes.TEXTAREA: {
+        case FormStepTypes.TEXTAREA: {
             if (depStep.hasTextEditor) {
                 return originalValue
                     ? convertFromRaw(originalValue).getPlainText()
@@ -232,7 +232,7 @@ function calcStepDependencyValue(depStep, originalValue, customSteps) {
                 return originalValue !== null && originalValue !== void 0 ? originalValue : null;
             }
         }
-        case StepTypes.MAPPER: {
+        case FormStepTypes.MAPPER: {
             //TODO: Esto aun no se usa
             return ((_a = {
                 elements: originalValue === null || originalValue === void 0 ? void 0 : originalValue.map(function (mapperValue) { var _a; return (_a = mapperValue.value) !== null && _a !== void 0 ? _a : mapperValue; }),

package/dist/Form/FormTypes/ColumnForm/ColumnForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormComponentProps } from '../../Form';
-declare function ColumnForm({ onSubmit, customSubmitBtns, }: FormComponentProps): JSX.Element;
+declare function ColumnForm({ onSubmit, customSubmitBtns, ...props }: FormComponentProps): JSX.Element;
 export default ColumnForm;

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);

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: