@arquimedes.co/eureka-forms 3.0.33 → 3.0.34-react-compiler

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

@@ -1,61 +1,3 @@
-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';
@@ -66,60 +8,47 @@ import { useAppDispatch, useAppSelector } from '../../../hooks';
 import Section from '../../Section/Section';
 import CustomContext from '../../../Contexts/CustomContext';
 import CustomBtn from '../../../Shared/CustomBtn/CustomBtn';
-import FormContext from '../../../Contexts/FormContext';
+import FormContext, { IdFormContext } from '../../../Contexts/FormContext';
 import { addPagedValues } from '../../../States/SiteSlice';
 import { getAppState } from '../../../Utils/store';
-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 () {
+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(() => {
         if (props.setSubmit)
             props.setSubmit(submit);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.setSubmit]);
     /** Esto se usa para no tener que escuchar todo el tiempo los errores del formulario */
-    var handleErrors = handleSubmit(function () { }, function (errors) {
+    const handleErrors = handleSubmit(() => { }, (errors) => {
         console.error('Errors:', errors);
     });
-    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)] }))] })));
+    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;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [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)] }))] }));
 }
 export default ColumnForm;

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

@@ -1,4 +1,3 @@
-/// <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;

package/dist/Form/FormTypes/StepperForm/StepperForm.js

@@ -1,50 +1,3 @@
-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 };
-    }
-};
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useContext, useState } from 'react';
 import styles from './StepperForm.module.css';
@@ -55,75 +8,60 @@ import Section from '../../Section/Section';
 import CustomContext from '../../../Contexts/CustomContext';
 import * as SiteReducer from '../../../States/SiteSlice';
 import { getAppState } from '../../../Utils/store';
-import { IdFormContext } from '../../../App/App';
 import CustomBtn from '../../../Shared/CustomBtn/CustomBtn';
-import FormContext from '../../../Contexts/FormContext';
+import FormContext, { IdFormContext } from '../../../Contexts/FormContext';
 import { addPagedValues } from '../../../States/SiteSlice';
-function StepperForm(_a) {
-    var _this = this;
-    var _b, _c;
-    var onSubmit = _a.onSubmit, scrollToTop = _a.scrollToTop;
-    var _d = useState(undefined), loading = _d[0], setLoading = _d[1];
-    var _e = useAppSelector(function (state) { return state.global; }), postview = _e.postview, editable = _e.editable, formStyle = _e.formStyle;
-    var _f = useFormContext(), trigger = _f.trigger, getValues = _f.getValues, handleSubmit = _f.handleSubmit;
-    var sendLabel = useContext(CustomContext).sendLabel;
-    var form = useContext(FormContext);
-    var dispatch = useAppDispatch();
-    var previous = useAppSelector(function (state) { return state.site.previousSections; });
-    var idCurrent = useAppSelector(function (state) { return state.site.idCurrentSection; });
-    var idForm = useContext(IdFormContext);
-    var next = useAppSelector(function (state) { return state.site.nextSections; });
+function StepperForm({ onSubmit, scrollToTop }) {
+    const [loading, setLoading] = useState(undefined);
+    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 previous = useAppSelector((state) => state.site.previousSections);
+    const idCurrent = useAppSelector((state) => state.site.idCurrentSection);
+    const idForm = useContext(IdFormContext);
+    const next = useAppSelector((state) => state.site.nextSections);
     /** Esto se usa para no tener que escuchar todo el tiempo los errores del formulario */
-    var handleErrors = handleSubmit(function () { }, function (errors) {
+    const handleErrors = handleSubmit(() => { }, (errors) => {
         console.error('Errors:', errors);
     });
-    var handlePrevious = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            dispatch(SiteReducer.handlePrevious({ values: getValues(), form: form }));
-            scrollToTop === null || scrollToTop === void 0 ? void 0 : scrollToTop();
-            return [2 /*return*/];
-        });
-    }); }, []);
-    var handleNext = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var valid, state, values, response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading('NEXT');
-                    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(undefined)];
-                    }
-                    if (next.length > 0) {
-                        dispatch(SiteReducer.handleNext({ values: getValues(), form: form }));
-                        scrollToTop === null || scrollToTop === void 0 ? void 0 : scrollToTop();
-                        return [2 /*return*/, setLoading(undefined)];
-                    }
-                    return [4 /*yield*/, dispatch(getAppState({ idForm: idForm })).unwrap()];
-                case 2:
-                    state = _a.sent();
-                    values = state.site.previousSections.reduce(function (v, idSection) { return (__assign(__assign({}, v), state.site.values.sections[idSection])); }, {});
-                    /** Add the current section's values */
-                    values = __assign(__assign({}, values), getValues());
-                    if (idCurrent) {
-                        addPagedValues(form.steps, values, state.site.values.sections[idCurrent]);
-                    }
-                    return [4 /*yield*/, onSubmit(values)];
-                case 3:
-                    response = _a.sent();
-                    setLoading(undefined);
-                    return [2 /*return*/, response];
-            }
-        });
-    }); }, [next]);
+    const handlePrevious = useCallback(() => {
+        dispatch(SiteReducer.handlePrevious({ values: getValues(), form }));
+        scrollToTop?.();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const handleNext = useCallback(async () => {
+        setLoading('NEXT');
+        const valid = await trigger(undefined, { shouldFocus: true });
+        /** Imprimir errores si no es valido */
+        if (!valid) {
+            void handleErrors();
+            return setLoading(undefined);
+        }
+        if (next.length > 0) {
+            dispatch(SiteReducer.handleNext({ values: getValues(), form }));
+            scrollToTop?.();
+            return setLoading(undefined);
+        }
+        const state = await dispatch(getAppState({ idForm })).unwrap();
+        /** put all the values of the previous sections into a single object */
+        let values = state.site.previousSections.reduce((v, idSection) => ({
+            ...v,
+            ...state.site.values.sections[idSection],
+        }), {});
+        /** Add the current section's values */
+        values = { ...values, ...getValues() };
+        if (idCurrent) {
+            addPagedValues(form.steps, values, state.site.values.sections[idCurrent]);
+        }
+        const response = await onSubmit(values);
+        setLoading(undefined);
+        return response;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [next]);
     if (!idCurrent)
         return _jsx(_Fragment, {});
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }), _jsx(Section, { idSection: idCurrent }, idCurrent), next.length === 0 && _jsx(Terms, {}), _jsxs("div", __assign({ className: styles.btnsContainer }, { children: [previous.length > 0 && (_jsx(CustomBtn, { label: (_b = form.prevSectionLabel) !== null && _b !== void 0 ? _b : 'Volver', "data-testid": "form__back", onClick: handlePrevious, backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, disabled: !!loading, loading: loading === 'BACK' })), (next.length > 0 || (!postview && editable)) && (_jsx(CustomBtn, { label: next.length > 0
-                            ? (_c = form.nextSectionLabel) !== null && _c !== void 0 ? _c : 'Siguiente'
-                            : sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar', "data-testid": "form__submit", onClick: handleNext, backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, disabled: !!loading, loading: loading === 'NEXT' }))] }))] })));
+    return (_jsxs("div", { className: styles.container, style: { color: formStyle.textColor }, children: [loading && _jsx("div", { className: styles.curtain }), _jsx(Section, { idSection: idCurrent }, idCurrent), next.length === 0 && _jsx(Terms, {}), _jsxs("div", { className: styles.btnsContainer, children: [previous.length > 0 && (_jsx(CustomBtn, { label: form.prevSectionLabel ?? 'Volver', "data-testid": "form__back", onClick: handlePrevious, backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, disabled: !!loading, loading: loading === 'BACK' })), (next.length > 0 || (!postview && editable)) && (_jsx(CustomBtn, { label: next.length > 0 ? (form.nextSectionLabel ?? 'Siguiente') : (sendLabel ?? 'Enviar'), "data-testid": "form__submit", onClick: handleNext, backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, disabled: !!loading, loading: loading === 'NEXT' }))] })] }));
 }
 export default StepperForm;

package/dist/Form/Section/MaterialSection/MaterialSection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SectionComponentProps } from '../Section';
 declare function MaterialSection({ idSection }: SectionComponentProps): JSX.Element;
 export default MaterialSection;

package/dist/Form/Section/MaterialSection/MaterialSection.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import StepComponent from '../../../FormSteps/Step';
 import styles from './MaterialSection.module.css';
@@ -16,26 +5,24 @@ import { selectBreakPoint, useAppSelector } from '../../../hooks';
 import { useContext } from 'react';
 import CustomContext from '../../../Contexts/CustomContext';
 import FormContext from '../../../Contexts/FormContext';
-function MaterialSection(_a) {
-    var _b;
-    var idSection = _a.idSection;
-    var currentBreakPoint = useAppSelector(selectBreakPoint);
-    var editable = useAppSelector(function (state) { return state.global; }).editable;
-    var form = useContext(FormContext);
-    var sendLabel = useContext(CustomContext).sendLabel;
-    var section = form.sections[idSection];
+function MaterialSection({ idSection }) {
+    const currentBreakPoint = useAppSelector(selectBreakPoint);
+    const { editable } = useAppSelector((state) => state.global);
+    const form = useContext(FormContext);
+    const { sendLabel } = useContext(CustomContext);
+    const section = form.sections[idSection];
     if (!section)
         return _jsx(_Fragment, {});
-    return (_jsx("div", __assign({ className: styles.container, style: {
+    return (_jsx("div", { className: styles.container, style: {
             width: (form.size.blockSize + form.size.spacingSize) *
                 form.size.blockNum,
             justifyContent: sendLabel !== undefined &&
                 currentBreakPoint < form.size.blockNum
                 ? 'center'
                 : 'normal',
-        } }, { children: (_b = section.steps) === null || _b === void 0 ? void 0 : _b.map(function (idStep) {
-            var step = form.steps[idStep];
+        }, children: section.steps?.map((idStep) => {
+            const step = form.steps[idStep];
             return (_jsx(StepComponent, { editable: editable, step: step }, idStep));
-        }) })));
+        }) }));
 }
 export default MaterialSection;

package/dist/Form/Section/MaterialSection/MaterialSection.module.css

@@ -3,6 +3,4 @@
     flex-flow: row wrap;
     height: fit-content;
     max-width: 100%;
-    overflow-x: hidden;
-    overflow-y: hidden;
 }

package/dist/Form/Section/Section.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SectionComponentProps {
     idSection: string;
 }

package/dist/Form/Section/Section.js

@@ -1,29 +1,18 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialSection from './MaterialSection/MaterialSection';
 import SectionContext from '../../Contexts/SectionContext';
 import { useAppSelector } from '../../hooks';
 function SectionComponent(props) {
-    var formStyle = useAppSelector(function (state) { return state.global.formStyle; });
-    var renderSectionType = function () {
+    const formStyle = useAppSelector((state) => state.global.formStyle);
+    const renderSectionType = () => {
         switch (formStyle.type) {
             case FormStyleTypes.MATERIAL:
             default: {
-                return _jsx(MaterialSection, __assign({}, props));
+                return _jsx(MaterialSection, { ...props });
             }
         }
     };
-    return (_jsx(SectionContext.Provider, __assign({ value: props.idSection }, { children: renderSectionType() })));
+    return (_jsx(SectionContext.Provider, { value: props.idSection, children: renderSectionType() }));
 }
 export default SectionComponent;

package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TermComponentProps } from '../Term';
 declare function TermComponent({ term, tempError }: TermComponentProps): JSX.Element;
 export default TermComponent;

package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.js

@@ -1,101 +1,66 @@
-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 __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 { Dialog } from '@material-ui/core';
 import React from 'react';
 import { useState } from 'react';
 import { useController } from 'react-hook-form';
-import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
-import RoundedCheckBox from '../../../../Shared/RoundedCheckBox/RoundedCheckBox';
-import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+import ErkButton from '../../../../Shared/ErkButton/ErkButton';
 import styles from './MaterialTerm.module.css';
 import { useAppSelector } from '../../../../hooks';
 import { createSelector } from '@reduxjs/toolkit';
-var selectOriginalValue = createSelector([
-    function (state) { return state.site.values; },
-    function (state, idTerm) { return idTerm; },
-], function (values, idTerm) { return values.global[idTerm]; });
-function TermComponent(_a) {
-    var _b;
-    var term = _a.term, tempError = _a.tempError;
-    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
-    var originalValue = useAppSelector(function (state) {
-        return selectOriginalValue(state, term.id);
-    });
-    var _d = useController({
+import CloseIcon from '../../../../Icons/CloseIcon';
+import { Dialog } from '@mui/material';
+import ErkCheckbox from '../../../../Shared/ErkCheckbox/ErkCheckBox';
+const selectOriginalValue = createSelector([(state) => state.site.values, (_state, idTerm) => idTerm], (values, idTerm) => values.global[idTerm]);
+function TermComponent({ term, tempError }) {
+    const { formStyle, postview } = useAppSelector((state) => state.global);
+    const originalValue = useAppSelector((state) => selectOriginalValue(state, term.id));
+    const { field: { ref, ...field }, fieldState: { error }, } = useController({
         name: term.id,
         rules: {
             required: true,
         },
-        defaultValue: originalValue !== null && originalValue !== void 0 ? originalValue : false,
+        defaultValue: originalValue ?? false,
         shouldUnregister: true,
-    }), _e = _d.field, ref = _e.ref, field = __rest(_e, ["ref"]), error = _d.fieldState.error;
-    var _f = useState(false), showDialog = _f[0], setShowDialog = _f[1];
+    });
+    const [showDialog, setShowDialog] = useState(false);
     /**
      * Function that renders the highlighted text
      * @returns a string with span highlighted
      */
-    var renderText = function (text) {
+    const renderText = (text) => {
         if (text) {
-            var parts = text.split(/{{(.*?)}}/gi);
-            for (var i = 1; i < parts.length; i += 2) {
-                parts[i] = (_jsx("span", __assign({ className: styles.highlight, style: {
-                        color: !!error && tempError
-                            ? formStyle.errorColor
-                            : formStyle.primaryColor,
-                    }, onClick: function () {
-                        var _a, _b, _c, _d, _e;
-                        if (((_a = term.clickEffect) === null || _a === void 0 ? void 0 : _a.type) === 'LINK') {
-                            (_d = (_c = (_b = window
-                                .open) === null || _b === void 0 ? void 0 : _b.call(window, term.clickEffect.url, '_blank')) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
+            const parts = text.split(/{{(.*?)}}/gi);
+            for (let i = 1; i < parts.length; i += 2) {
+                parts[i] = (_jsx("span", { className: styles.highlight, style: {
+                        color: !!error && tempError ? formStyle.errorColor : formStyle.primaryColor,
+                    }, onClick: () => {
+                        if (term.clickEffect?.type === 'LINK') {
+                            window.open?.(term.clickEffect.url, '_blank')?.focus?.();
                         }
-                        else if (((_e = term.clickEffect) === null || _e === void 0 ? void 0 : _e.type) === 'DIALOG') {
+                        else if (term.clickEffect?.type === 'DIALOG') {
                             setShowDialog(true);
                         }
-                    } }, { children: parts[i] }), i));
+                    }, children: parts[i] }, i));
             }
             return parts;
         }
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, __assign({ PaperProps: {
+    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, { PaperProps: {
                     style: {
                         borderRadius: '20px',
                     },
-                }, onClose: function () {
+                }, onClose: () => {
                     setShowDialog(false);
-                }, open: showDialog }, { children: ((_b = term.clickEffect) === null || _b === void 0 ? void 0 : _b.type) === 'DIALOG' && (_jsxs("div", __assign({ className: styles.dialogContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                }, open: showDialog, children: term.clickEffect?.type === 'DIALOG' && (_jsxs("div", { className: styles.dialogContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => {
                                 setShowDialog(false);
-                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsx("div", __assign({ className: styles.dialogTitle, style: {
+                            }, children: _jsx(CloseIcon, { style: { fontSize: 'inherit' } }) }), _jsx("div", { className: styles.dialogTitle, style: {
                                 borderBottom: '1px solid ' + formStyle.primaryColor,
-                            } }, { children: term.clickEffect.title })), _jsx("div", __assign({ className: styles.dialogContentContainer }, { children: term.clickEffect.text })), _jsx(RoundedButton, { text: 'Aceptar', padding: "20px 15px", backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, fontSize: 20, onClick: function () {
+                            }, children: term.clickEffect.title }), _jsx("div", { className: styles.dialogContentContainer, children: term.clickEffect.text }), _jsx(ErkButton, { text: 'Aceptar', sx: { padding: '20px 15px', fontSize: '20px' }, onClick: () => {
                                 setShowDialog(false);
                                 if (!postview) {
                                     field.onChange(true);
                                 }
-                            } })] }))) })), _jsxs("div", __assign({ className: styles.container + ' noselect' }, { children: [_jsx("div", __assign({ className: styles.checkboxContainer }, { children: _jsx(RoundedCheckBox, __assign({ inputRef: ref }, field, { checked: field.value, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!error })) })), _jsx("p", __assign({ className: styles.messageContainer, style: {
-                            color: !!error && tempError
-                                ? formStyle.errorColor
-                                : 'inherit',
-                        } }, { children: renderText(term.message) }))] }))] }));
+                            } })] })) }), _jsxs("div", { className: styles.container + ' noselect', children: [_jsx("div", { className: styles.checkboxContainer, children: _jsx(ErkCheckbox, { inputRef: ref, ...field, checked: field.value, readOnly: postview, padding: "5px", error: !!error }) }), _jsx("p", { className: styles.messageContainer, style: {
+                            color: !!error && tempError ? formStyle.errorColor : 'inherit',
+                        }, children: renderText(term.message) })] })] }));
 }
 export default TermComponent;

package/dist/Form/Terms/Term/Term.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Term } from '../../../@Types/Form';
 export interface TermComponentProps {
     term: Term;