@arquimedes.co/eureka-forms 2.0.61 → 2.0.64-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,8 +33,10 @@ 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;
+    customSubmitBtns?: null | ((onSubmit: () => Promise<Record<string, any> | void>, loading: boolean) => JSX.Element);
     /** Function to call on postview to fetch the download url of a file */
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
     /** Function to call after the confimation dialog has been closed */

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.d.ts

@@ -3,7 +3,6 @@ import { FormStep, Mapper } from '../@Types/FormStep';
 import { SiteState, ValuesStore } from '../States/SiteSlice';
 import { CustomStep } from '../FormSteps/CustomStep';
 import { MapperElement } from '../@Types/MapperElement';
-import { Condition } from '../@Types/Condition';
 import { MapperValue } from '../FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep';
 export declare const calcValuesStore: (idOrganization: string, form: Readonly<Form>, originalValues?: Record<string, any>, postview?: boolean, customSteps?: Record<string, CustomStep>) => Promise<ValuesStore>;
 export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>, path?: string) => {
@@ -13,7 +12,5 @@ export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<str
     /** Record of all the new steps created */
     steps: Record<string, FormStep>;
 };
-export declare function calcRecursiveData<Type>(element: Readonly<MapperElement<Type>>, newSteps: Record<string, FormStep>, customSteps: Record<string, CustomStep>): void;
-export declare const calcRecursiveCondition: (condition: Condition, ids: Record<string, string>) => void;
 export declare const mapOriginalValue: (idOrganization: string, step: FormStep, value: any, values: ValuesStore, form?: Readonly<Form>, path?: string) => Promise<any>;
 export declare const calcInitialSections: (form: Form) => Pick<SiteState, 'previousSections' | 'idCurrentSection' | 'nextSections'>;

package/dist/App/AppFunctions.js

@@ -55,11 +55,11 @@ 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';
 import widgetInstance from '../Utils/AxiosWidget';
+import { calcRecursiveData } from '../Utils/FormStepFunctions';
 export var calcValuesStore = function (idOrganization, form, originalValues, postview, customSteps) {
     if (originalValues === void 0) { originalValues = {}; }
     if (postview === void 0) { postview = false; }
@@ -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);
@@ -162,50 +162,6 @@ export var addMapperStep = function (step, customSteps, path) {
     }
     return { element: element, mappers: mappers, steps: steps };
 };
-export function calcRecursiveData(element, newSteps, customSteps) {
-    if (!newSteps)
-        return;
-    for (var _i = 0, _a = Object.entries(newSteps); _i < _a.length; _i++) {
-        var _b = _a[_i], idStep = _b[0], step = _b[1];
-        step.id = idStep;
-        if (step.dependencies) {
-            for (var i = 0; i < step.dependencies.length; i++) {
-                var idDep = step.dependencies[i];
-                var newId = element.ids[idDep];
-                if (newId) {
-                    step.dependencies[i] = newId;
-                }
-            }
-        }
-        var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
-        if (custom === null || custom === void 0 ? void 0 : custom.calcRecursiveData) {
-            custom.calcRecursiveData(step, element.ids);
-        }
-        if (step.condition) {
-            calcRecursiveCondition(step.condition, element.ids);
-        }
-        calcSubSteps(step.id, newSteps, function (idStep) { var _a; return (_a = element.ids[idStep]) !== null && _a !== void 0 ? _a : idStep; });
-    }
-}
-export var calcRecursiveCondition = function (condition, ids) {
-    switch (condition.type) {
-        case ConditionTypes.EXPRESSION:
-            for (var _i = 0, _a = condition.conditions; _i < _a.length; _i++) {
-                var subCondition = _a[_i];
-                calcRecursiveCondition(subCondition, ids);
-            }
-            break;
-        case ConditionTypes.FORM_STEP: {
-            var newId = ids[condition.idStep];
-            if (newId) {
-                condition.idStep = newId;
-            }
-            break;
-        }
-        default:
-            break;
-    }
-};
 export var mapOriginalValue = function (idOrganization, step, value, values, form, path) {
     if (path === void 0) { path = ''; }
     return __awaiter(void 0, void 0, void 0, function () {
@@ -218,11 +174,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,9 +19,9 @@ 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 { calcRecursiveData } from '../App/AppFunctions';
+import FormStepTypes, { EntityValueDataTypes, } from '../constants/FormStepTypes';
 import { calcStepDeps } from '../FormSteps/StepHooks';
+import { calcRecursiveData } from '../Utils/FormStepFunctions';
 /**
  * Function that cals the value of a step to output on submit
  */
@@ -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;