@arquimedes.co/eureka-forms 3.0.31-test → 3.0.32

package/dist/Form/FormFunctions.js

@@ -1,23 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { convertFromRaw, convertToRaw } from 'draft-js';
-import FormStepTypes, { EntityValueDataTypes } from '../constants/FormStepTypes';
+import FormStepTypes, { EntityValueDataTypes, } from '../constants/FormStepTypes';
 import { calcStepDeps } from '../FormSteps/StepHooks';
 import { calcRecursiveData } from '../Utils/FormStepFunctions';
 import { isValidPhoneNumber } from '../Utils/PhoneFunctions';
 /**
  * Function that cals the value of a step to output on submit
  */
-export const calcValue = (idStep, steps, values, customSteps, deleteIds, value = values[idStep]) => {
-    const step = steps[idStep];
+export var calcValue = function (idStep, steps, values, customSteps, deleteIds, value) {
+    var _a, _b, _c, _d;
+    if (value === void 0) { value = values[idStep]; }
+    var step = steps[idStep];
     if (!step)
         return value;
-    const custom = customSteps?.[step?.type];
+    var custom = customSteps === null || customSteps === void 0 ? void 0 : customSteps[step === null || step === void 0 ? void 0 : step.type];
     if (custom !== undefined) {
-        return custom.calcValue?.(step, value) ?? value;
+        return (_b = (_a = custom.calcValue) === null || _a === void 0 ? void 0 : _a.call(custom, step, value)) !== null && _b !== void 0 ? _b : value;
     }
     else {
         switch (step.type) {
             case FormStepTypes.TEXTINPUT: {
-                if (step.clientInfoType === 'cel' || step.validation?.type === 'PHONE') {
+                if (step.clientInfoType === 'cel' ||
+                    ((_c = step.validation) === null || _c === void 0 ? void 0 : _c.type) === 'PHONE') {
                     if (isValidPhoneNumber(value))
                         return value;
                     return '';
@@ -28,7 +51,7 @@ export const calcValue = (idStep, steps, values, customSteps, deleteIds, value =
             }
             case FormStepTypes.TEXTAREA: {
                 if (step.hasTextEditor) {
-                    const currentContent = value.getCurrentContent();
+                    var currentContent = value.getCurrentContent();
                     return {
                         value: currentContent.getPlainText(),
                         draft: convertToRaw(currentContent),
@@ -36,45 +59,49 @@ export const calcValue = (idStep, steps, values, customSteps, deleteIds, value =
                 }
                 else {
                     return {
-                        value,
+                        value: value,
                         draft: stringToDraft(value),
                     };
                 }
             }
             case FormStepTypes.FILEUPLOAD: {
-                return value.map((val) => ({
+                return value.map(function (val) { return ({
                     fileName: val.fileName,
                     S3Key: val.S3Key,
-                }));
+                }); });
             }
             case FormStepTypes.SELECTOR:
             case FormStepTypes.CLASSIFIER_SELECTOR: {
                 return value.value;
             }
             case FormStepTypes.MAPPER: {
-                const elements = value?.elements?.filter((element) => element.deleted !== true);
-                const mappedValues = [];
-                for (const element of elements) {
-                    const newValue = {
+                var elements = (_d = value === null || value === void 0 ? void 0 : value.elements) === null || _d === void 0 ? void 0 : _d.filter(function (element) { return element.deleted !== true; });
+                var mappedValues = [];
+                for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
+                    var element = elements_1[_i];
+                    var newValue = {
                         id: element.id,
                     };
-                    for (const key of Object.keys(element.originalValues)) {
+                    for (var _e = 0, _f = Object.keys(element.originalValues); _e < _f.length; _e++) {
+                        var key = _f[_e];
                         newValue[key] = element.originalValues[key];
                     }
                     if (element.value)
                         newValue.value = element.value;
-                    const nestedDeleteIds = [];
-                    for (const idStep of Object.keys(step.steps)) {
-                        const mappedId = element.ids[idStep];
+                    var nestedDeleteIds = [];
+                    for (var _g = 0, _h = Object.keys(step.steps); _g < _h.length; _g++) {
+                        var idStep_1 = _h[_g];
+                        var mappedId = element.ids[idStep_1];
                         if (values[mappedId] !== undefined) {
-                            newValue[idStep] = calcValue(idStep, step.steps, values, customSteps, nestedDeleteIds, values[mappedId]);
+                            newValue[idStep_1] = calcValue(idStep_1, step.steps, values, customSteps, nestedDeleteIds, values[mappedId]);
                         }
                     }
-                    for (const idStep of nestedDeleteIds) {
-                        delete newValue[idStep];
+                    for (var _j = 0, nestedDeleteIds_1 = nestedDeleteIds; _j < nestedDeleteIds_1.length; _j++) {
+                        var idStep_2 = nestedDeleteIds_1[_j];
+                        delete newValue[idStep_2];
                     }
-                    deleteIds.push(...nestedDeleteIds);
-                    deleteIds.push(...Object.values(element.ids));
+                    deleteIds.push.apply(deleteIds, nestedDeleteIds);
+                    deleteIds.push.apply(deleteIds, Object.values(element.ids));
                     mappedValues.push(newValue);
                 }
                 return mappedValues;
@@ -82,25 +109,25 @@ export const calcValue = (idStep, steps, values, customSteps, deleteIds, value =
             case FormStepTypes.TITLE: {
                 if (!value)
                     deleteIds.push(idStep);
-                return value ?? undefined;
+                return value !== null && value !== void 0 ? value : undefined;
             }
             case FormStepTypes.COLLAPSIBLE:
                 deleteIds.push(idStep);
                 return;
             default:
-                if (step?.type === 'CBR_INCIDENCIAS') {
-                    return value?.filter((incidencia) => incidencia.deleted !== true);
+                if ((step === null || step === void 0 ? void 0 : step.type) === 'CBR_INCIDENCIAS') {
+                    return value === null || value === void 0 ? void 0 : value.filter(function (incidencia) { return incidencia.deleted !== true; });
                 }
                 return value;
         }
     }
 };
 function stringToDraft(text) {
-    const draftStructure = {
+    var draftStructure = {
         blocks: [],
         entityMap: {},
     };
-    text.split('\n').forEach((element, index) => {
+    text.split('\n').forEach(function (element, index) {
         draftStructure.blocks.push({
             key: String(index),
             text: element,
@@ -113,25 +140,36 @@ function stringToDraft(text) {
     });
     return draftStructure;
 }
-export function calcDependencies(steps, customSteps = {}, allSteps = steps, dependencies = {}, values = {
-    global: {},
-    sections: {},
-}, addDependents = true) {
-    for (const step of Object.values(steps)) {
-        const idDeps = calcStepDeps(step);
-        for (const idDep of idDeps) {
-            if (dependencies[idDep] === undefined && (addDependents || allSteps[idDep]))
+export function calcDependencies(steps, customSteps, allSteps, dependencies, values, addDependents) {
+    var _a, _b, _c;
+    if (customSteps === void 0) { customSteps = {}; }
+    if (allSteps === void 0) { allSteps = steps; }
+    if (dependencies === void 0) { dependencies = {}; }
+    if (values === void 0) { values = {
+        global: {},
+        sections: {},
+    }; }
+    if (addDependents === void 0) { addDependents = true; }
+    var _loop_1 = function (step) {
+        var idDeps = calcStepDeps(step);
+        for (var _e = 0, idDeps_1 = idDeps; _e < idDeps_1.length; _e++) {
+            var idDep = idDeps_1[_e];
+            if (dependencies[idDep] === undefined &&
+                (addDependents || allSteps[idDep]))
                 dependencies[idDep] = calcStepDependency(idDep, allSteps, values, customSteps);
-            if (addDependents && !dependencies[idDep].dependents.find((dep) => dep.id === step.id))
+            if (addDependents &&
+                !dependencies[idDep].dependents.find(function (dep) { return dep.id === step.id; }))
                 dependencies[idDep].dependents.push(step);
         }
         if (step.type === FormStepTypes.ENTITYVALUEPICKER) {
-            for (const dep of [...step.path, ...step.filters]) {
+            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)
                     continue;
-                if (step.dependencies?.includes(dep.idStep))
+                if ((_a = step.dependencies) === null || _a === void 0 ? void 0 : _a.includes(dep.idStep))
                     continue;
-                if (dependencies[dep.idStep] === undefined && (addDependents || allSteps[dep.idStep])) {
+                if (dependencies[dep.idStep] === undefined &&
+                    (addDependents || allSteps[dep.idStep])) {
                     dependencies[dep.idStep] = calcStepDependency(dep.idStep, allSteps, values, customSteps);
                 }
                 if (addDependents)
@@ -139,20 +177,28 @@ export function calcDependencies(steps, customSteps = {}, allSteps = steps, depe
             }
         }
         if (step.type === FormStepTypes.MAPPER) {
-            const subSteps = calcMapperSubSteps(step, values.sections[step.idSection]?.[step.id]?.elements, customSteps);
-            const hasSubSteps = Object.keys(subSteps).length > 0;
-            calcDependencies(hasSubSteps ? subSteps : step.steps, customSteps, { ...allSteps, ...subSteps }, dependencies, values, hasSubSteps);
+            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);
         }
+    };
+    for (var _i = 0, _d = Object.values(steps); _i < _d.length; _i++) {
+        var step = _d[_i];
+        _loop_1(step);
     }
     return dependencies;
 }
-export const calcMapperSubSteps = (step, elements = [], customSteps) => {
-    const newSteps = {};
-    for (const element of elements) {
-        const elemSteps = {};
-        for (const idSubStep of Object.keys(step.steps)) {
-            const baseStep = JSON.parse(JSON.stringify(step.steps[idSubStep] ?? '{}'));
-            const newIdStep = element.ids[idSubStep];
+export var calcMapperSubSteps = function (step, elements, customSteps) {
+    var _a;
+    if (elements === void 0) { elements = []; }
+    var newSteps = {};
+    for (var _i = 0, elements_2 = elements; _i < elements_2.length; _i++) {
+        var element = elements_2[_i];
+        var elemSteps = {};
+        for (var _b = 0, _c = Object.keys(step.steps); _b < _c.length; _b++) {
+            var idSubStep = _c[_b];
+            var baseStep = JSON.parse(JSON.stringify((_a = step.steps[idSubStep]) !== null && _a !== void 0 ? _a : '{}'));
+            var newIdStep = element.ids[idSubStep];
             baseStep.id = newIdStep;
             elemSteps[newIdStep] = baseStep;
             newSteps[newIdStep] = baseStep;
@@ -162,50 +208,53 @@ export const calcMapperSubSteps = (step, elements = [], customSteps) => {
     return newSteps;
 };
 function calcStepDependency(idStep, steps, values, customSteps) {
-    const depStep = steps[idStep];
+    var _a, _b, _c, _d;
+    var depStep = steps[idStep];
     if (!depStep) {
-        const originalValue = values.global[idStep];
-        if (!originalValue)
+        var originalValue_1 = values.global[idStep];
+        if (!originalValue_1)
             console.error('Missing Step Dependency:', idStep);
         return {
             idOriginal: idStep,
-            type: originalValue ? 'ORIGINAL' : 'MISSING',
-            value: originalValue ?? null,
+            type: originalValue_1 ? 'ORIGINAL' : 'MISSING',
+            value: originalValue_1 !== null && originalValue_1 !== void 0 ? originalValue_1 : null,
             dependents: [],
         };
     }
-    const originalValue = values.sections[depStep.idSection]?.[depStep.id] ?? values.global[depStep.id];
+    var originalValue = (_b = (_a = values.sections[depStep.idSection]) === null || _a === void 0 ? void 0 : _a[depStep.id]) !== null && _b !== void 0 ? _b : values.global[depStep.id];
     if (!depStep.stepPath)
         console.error('Missing stepPath', depStep);
     return {
         type: depStep.type,
-        idOriginal: depStep.stepPath?.[0] ?? [idStep],
+        idOriginal: (_d = (_c = depStep.stepPath) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : [idStep],
         value: calcStepDependencyValue(depStep, originalValue, customSteps),
         dependents: [],
     };
 }
 function calcStepDependencyValue(depStep, originalValue, customSteps) {
-    const custom = customSteps[depStep?.type];
-    if (custom?.calcDependencyValue) {
+    var custom = customSteps[depStep === null || depStep === void 0 ? void 0 : depStep.type];
+    if (custom === null || custom === void 0 ? void 0 : custom.calcDependencyValue) {
         return custom.calcDependencyValue(depStep, originalValue);
     }
     switch (depStep.type) {
         case FormStepTypes.TEXTAREA: {
             if (depStep.hasTextEditor) {
-                return originalValue ? convertFromRaw(originalValue).getPlainText() : null;
+                return originalValue
+                    ? convertFromRaw(originalValue).getPlainText()
+                    : null;
             }
             else {
-                return originalValue ?? null;
+                return originalValue !== null && originalValue !== void 0 ? originalValue : null;
             }
         }
         case FormStepTypes.MAPPER: {
             //TODO: Esto aun no se usa
             return {
-                elements: originalValue?.map((mapperValue) => mapperValue.value ?? mapperValue),
+                elements: originalValue === null || originalValue === void 0 ? void 0 : originalValue.map(function (mapperValue) { var _a; return (_a = mapperValue.value) !== null && _a !== void 0 ? _a : mapperValue; }),
                 page: 0,
             };
         }
         default:
-            return originalValue ?? null;
+            return originalValue !== null && originalValue !== void 0 ? originalValue : null;
     }
 }

package/dist/Form/FormHooks.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { Form } from '../@Types';
 export declare function useWidthStats(containerRef: React.RefObject<HTMLDivElement>, form: Form, postview: boolean, internal: boolean): void;

package/dist/Form/FormHooks.js

@@ -2,32 +2,40 @@ import { useCallback, useLayoutEffect } from 'react';
 import { updateWidthStats } from '../States/WidthStatsSlice';
 import { useAppDispatch } from '../hooks';
 export function useWidthStats(containerRef, form, postview, internal) {
-    const calcWidthStats = useCallback((currentWidth) => {
-        let currentBreakPoint = form.size.blockNum;
-        const padding = postview || internal || !form.isStandAlone ? 0 : 40;
-        while (currentWidth < (form.size.blockSize + form.size.spacingSize) * currentBreakPoint + padding) {
+    var calcWidthStats = useCallback(function (currentWidth) {
+        var currentBreakPoint = form.size.blockNum;
+        var padding = postview || internal || !form.isStandAlone ? 0 : 40;
+        while (currentWidth <
+            (form.size.blockSize + form.size.spacingSize) *
+                currentBreakPoint +
+                padding) {
             currentBreakPoint--;
         }
         return {
-            isResponsive: currentWidth < (form.size.blockSize + form.size.spacingSize) * form.size.blockNum + padding,
-            isMobile: currentWidth < (form.size.blockSize + form.size.spacingSize) * 2 + padding,
-            currentBreakPoint,
+            isResponsive: currentWidth <
+                (form.size.blockSize + form.size.spacingSize) *
+                    form.size.blockNum +
+                    padding,
+            isMobile: currentWidth <
+                (form.size.blockSize + form.size.spacingSize) * 2 + padding,
+            currentBreakPoint: currentBreakPoint,
         };
     }, [form, postview, internal]);
-    const dispatch = useAppDispatch();
+    var dispatch = useAppDispatch();
     /** Calcs the currentBreakPoint and if is mobile */
-    useLayoutEffect(() => {
-        const handleResize = () => {
-            const currentWidth = containerRef?.current?.offsetWidth;
+    useLayoutEffect(function () {
+        var handleResize = function () {
+            var _a;
+            var currentWidth = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
             if (currentWidth !== undefined) {
-                const current = calcWidthStats(currentWidth);
+                var current = calcWidthStats(currentWidth);
                 dispatch(updateWidthStats(current));
             }
         };
         /** On load add a resize listener to calc the currentBreakpoint */
         window.addEventListener('resize', handleResize);
         handleResize();
-        return () => {
+        return function () {
             window.removeEventListener('resize', handleResize);
         };
     }, []);

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

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

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

@@ -1,3 +1,61 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __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, useEffect, useState } from 'react';
 import styles from './ColumnForm.module.css';
@@ -8,45 +66,60 @@ import { useAppDispatch, useAppSelector } from '../../../hooks';
 import Section from '../../Section/Section';
 import CustomContext from '../../../Contexts/CustomContext';
 import CustomBtn from '../../../Shared/CustomBtn/CustomBtn';
-import FormContext, { IdFormContext } from '../../../Contexts/FormContext';
+import FormContext from '../../../Contexts/FormContext';
 import { addPagedValues } from '../../../States/SiteSlice';
 import { getAppState } from '../../../Utils/store';
-function ColumnForm({ onSubmit, customSubmitBtns, ...props }) {
-    const [loading, setLoading] = useState(false);
-    const { postview, editable, formStyle } = useAppSelector((state) => state.global);
-    const { trigger, getValues, handleSubmit } = useFormContext();
-    const { sendLabel } = useContext(CustomContext);
-    const form = useContext(FormContext);
-    const dispatch = useAppDispatch();
-    const idForm = useContext(IdFormContext);
-    const previous = useAppSelector((state) => state.site.previousSections);
-    const next = useAppSelector((state) => state.site.nextSections);
-    const idCurrent = useAppSelector((state) => state.site.idCurrentSection);
-    useEffect(() => {
+import { IdFormContext } from '../../../App/App';
+function ColumnForm(_a) {
+    var _this = this;
+    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;
+    var sendLabel = useContext(CustomContext).sendLabel;
+    var form = useContext(FormContext);
+    var dispatch = useAppDispatch();
+    var idForm = useContext(IdFormContext);
+    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.setSubmit)
             props.setSubmit(submit);
     }, [props.setSubmit]);
     /** Esto se usa para no tener que escuchar todo el tiempo los errores del formulario */
-    const handleErrors = handleSubmit(() => { }, (errors) => {
+    var handleErrors = handleSubmit(function () { }, function (errors) {
         console.error('Errors:', errors);
     });
-    const submit = useCallback(async () => {
-        setLoading(true);
-        const valid = await trigger(undefined, { shouldFocus: true });
-        /** Imprimir errores si no es valido */
-        if (!valid) {
-            void handleErrors();
-            return setLoading(false);
-        }
-        let values = getValues();
-        if (idCurrent) {
-            const state = await dispatch(getAppState({ idForm })).unwrap();
-            addPagedValues(form.steps, values, state.site.values.sections[idCurrent]);
-        }
-        values = await onSubmit(values);
-        setLoading(false);
-        return values;
-    }, [form]);
-    return (_jsxs("div", { className: styles.container, style: { color: formStyle.textColor }, children: [loading && _jsx("div", { className: styles.curtain }), previous.map((idSection) => (_jsx(Section, { idSection: idSection }, idSection))), next.map((idSection) => (_jsx(Section, { idSection: idSection }, idSection))), _jsx(Terms, {}), !postview && editable && (_jsxs(React.Fragment, { children: [customSubmitBtns === undefined && (_jsx("div", { className: styles.submitBtnContainer, children: _jsx(CustomBtn, { onClick: () => void submit(), width: "calc(100% - 70px)", label: sendLabel ?? 'Enviar', backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, loading: loading, "data-testid": "form__submit" }) })), customSubmitBtns?.(submit, loading)] }))] }));
+    var submit = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var valid, values, state;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, trigger(undefined, { shouldFocus: true })];
+                case 1:
+                    valid = _a.sent();
+                    /** Imprimir errores si no es valido */
+                    if (!valid) {
+                        handleErrors();
+                        return [2 /*return*/, setLoading(false)];
+                    }
+                    values = getValues();
+                    if (!idCurrent) return [3 /*break*/, 3];
+                    return [4 /*yield*/, dispatch(getAppState({ idForm: idForm })).unwrap()];
+                case 2:
+                    state = _a.sent();
+                    addPagedValues(form.steps, values, state.site.values.sections[idCurrent]);
+                    _a.label = 3;
+                case 3: return [4 /*yield*/, onSubmit(values)];
+                case 4:
+                    values = _a.sent();
+                    setLoading(false);
+                    return [2 /*return*/, values];
+            }
+        });
+    }); }, [form]);
+    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/Form/FormTypes/StepperForm/StepperForm.d.ts

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