@arquimedes.co/eureka-forms 1.9.19-test → 1.9.20

package/dist/FormComponents/Step/StepFunctions.js

@@ -1,7 +1,7 @@
 import Types, { ClassifierOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
 export function calcFillerSize(step, steps, values, size) {
     if (step.maxSize < size.blockNum) {
-        const stepSize = step.maxSize - recursivelyCheckOpenSize(step.id, steps, values);
+        var stepSize = step.maxSize - recursivelyCheckOpenSize(step.id, steps, values);
         return (size.blockSize * stepSize + size.spacingSize * (stepSize - 1) + 20);
     }
     else {
@@ -9,15 +9,16 @@ export function calcFillerSize(step, steps, values, size) {
     }
 }
 export function recursivelyCheckOpenSize(idStep, steps, values) {
-    const step = steps[idStep];
-    const value = values[idStep];
+    var step = steps[idStep];
+    var value = values[idStep];
     if (step.type === Types.SELECTOR) {
-        let size = step.size;
+        var size = step.size;
         if (value) {
-            const currentOption = step.options.find((option) => option.value === value);
-            if (currentOption?.type === OptionTypes.NESTED) {
-                let optionSize = 0;
-                for (const pStepId of currentOption.steps) {
+            var currentOption = step.options.find(function (option) { return option.value === value; });
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === OptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _i = 0, _a = currentOption.steps; _i < _a.length; _i++) {
+                    var pStepId = _a[_i];
                     optionSize += recursivelyCheckOpenSize(pStepId, steps, values);
                 }
                 size += optionSize;
@@ -26,12 +27,13 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         return size;
     }
     if (step.type === Types.CLASSIFIER_SELECTOR) {
-        let size = step.size;
+        var size = step.size;
         if (value) {
-            const currentOption = step.options[value];
-            if (currentOption?.type === ClassifierOptionTypes.NESTED) {
-                let optionSize = 0;
-                for (const pStepId of currentOption.steps) {
+            var currentOption = step.options[value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _b = 0, _c = currentOption.steps; _b < _c.length; _b++) {
+                    var pStepId = _c[_b];
                     optionSize += recursivelyCheckOpenSize(pStepId, steps, values);
                 }
                 size += optionSize;
@@ -43,6 +45,6 @@ export function recursivelyCheckOpenSize(idStep, steps, values) {
         return 4;
     }
 }
-export const calcStepWidth = (stepSize, size) => {
+export var calcStepWidth = function (stepSize, size) {
     return size.blockSize * stepSize + size.spacingSize * (stepSize - 1);
 };

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -1,3 +1,14 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import RoundedTextField from '../../../../shared/RoundedTextField/RoundedTextField';
 import styles from './MaterialTextAreaStep.module.css';
@@ -8,87 +19,93 @@ import './DraftEditor.css';
 import { convertFromRaw, EditorState } from 'draft-js';
 import React, { useState } from 'react';
 import { ClickAwayListener } from '@material-ui/core';
-function TextAreaStep({ step, errors, partial, control, editable, postview, formStyle, maxLength, originalValues, backgroundColor, }) {
-    const [hovering, setHovering] = useState(false);
-    const [focus, setFocus] = useState(false);
-    const calcStyle = () => {
-        const backgroundColor = formStyle.stepBackgroundColor;
+function TextAreaStep(_a) {
+    var step = _a.step, errors = _a.errors, partial = _a.partial, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, maxLength = _a.maxLength, originalValues = _a.originalValues, backgroundColor = _a.backgroundColor;
+    var _b = useState(false), hovering = _b[0], setHovering = _b[1];
+    var _c = useState(false), focus = _c[0], setFocus = _c[1];
+    var calcStyle = function () {
+        var backgroundColor = formStyle.stepBackgroundColor;
         if (focus) {
             return {
                 border: '2px solid ' + formStyle.primaryColor,
                 marginTop: -1,
                 marginLeft: -1,
                 marginBottom: 0,
-                backgroundColor,
+                backgroundColor: backgroundColor,
             };
         }
         else if (hovering) {
             return {
                 border: '1px solid ' + formStyle.primaryColor,
-                backgroundColor,
+                backgroundColor: backgroundColor,
             };
         }
         else {
             return {
                 border: '1px solid ' + formStyle.outlineColor,
-                backgroundColor,
+                backgroundColor: backgroundColor,
             };
         }
     };
-    const calcDefaultStringValue = (defaultValue) => {
+    var calcDefaultStringValue = function (defaultValue) {
+        var _a;
         if (typeof defaultValue === 'string') {
             return defaultValue;
         }
         else {
-            return defaultValue?.text ?? '';
+            return (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) !== null && _a !== void 0 ? _a : '';
         }
     };
-    const calcDefaultDraftValue = (defaultValue) => {
+    var calcDefaultDraftValue = function (defaultValue) {
         if (typeof defaultValue === 'string') {
             return EditorState.createWithContent(convertFromRaw(stringToDraft(defaultValue)));
         }
         else {
-            return EditorState.createWithContent(convertFromRaw(getRawText(defaultValue?.draft, defaultValue?.text)));
+            return EditorState.createWithContent(convertFromRaw(getRawText(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.draft, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text)));
         }
     };
-    const canEdit = editable && !postview;
+    var canEdit = editable && !postview;
     if (step.hasTextEditor) {
-        return (_jsxs("div", { className: styles.textEditorContainer, style: {
+        return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
                 '--eureka-outline': formStyle.outlineColor,
                 '--eureka-primary': formStyle.primaryColor,
-            }, children: [step.label && (_jsxs("div", { className: styles.textEditorLabel, style: {
+            } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {
                         color: !!errors[step.id]
                             ? formStyle.errorColor
                             : formStyle.textColor,
-                    }, children: [step.label, " ", step.required ? ' *' : ''] })), _jsx(ClickAwayListener, { mouseEvent: "onMouseDown", onClickAway: () => {
+                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }))), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
                         if (canEdit) {
                             setFocus(false);
                         }
-                    }, children: _jsx("div", { className: postview
+                    } }, { children: _jsx("div", __assign({ className: postview
                             ? styles.postViewContainer +
                                 ' EF-DraftContainer'
-                            : styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: () => {
+                            : styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: function () {
                             if (canEdit) {
                                 setHovering(true);
                             }
-                        }, onMouseLeave: () => {
+                        }, onMouseLeave: function () {
                             if (canEdit) {
                                 setHovering(false);
                             }
-                        }, onClick: () => {
+                        }, onClick: function () {
                             if (canEdit) {
                                 setFocus(true);
                             }
-                        }, children: _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
+                        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
                                 ? calcDefaultDraftValue(originalValues[step.id])
                                 : EditorState.createEmpty(), rules: step.required
                                 ? {
-                                    validate: (editorState) => editorState
-                                        .getCurrentContent()
-                                        .hasText(),
+                                    validate: function (editorState) {
+                                        return editorState
+                                            .getCurrentContent()
+                                            .hasText();
+                                    },
                                 }
-                                : {}, shouldUnregister: true, render: ({ field }) => {
-                                let editorClassName = styles.editor;
+                                : {}, shouldUnregister: true, render: function (_a) {
+                                var _b;
+                                var field = _a.field;
+                                var editorClassName = styles.editor;
                                 if (!field.value.getCurrentContent().hasText()) {
                                     if (field.value
                                         .getCurrentContent()
@@ -102,12 +119,12 @@ function TextAreaStep({ step, errors, partial, control, editable, postview, form
                                 if (!canEdit) {
                                     editorClassName += ' postview-editor';
                                 }
-                                return (_jsx(Editor, { editorRef: field.ref, onFocus: () => {
+                                return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
                                         setFocus(true);
                                     }, readOnly: !canEdit, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar +
                                         (!canEdit
                                             ? ' postview-editor-toolbar'
-                                            : ''), editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: step.description ?? '', toolbar: {
+                                            : ''), editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
                                         options: [
                                             'inline',
                                             'list',
@@ -125,36 +142,38 @@ function TextAreaStep({ step, errors, partial, control, editable, postview, form
                                             options: ['unordered'],
                                         },
                                     } }));
-                            } }) }) }), _jsx("div", { className: styles.errorMsg, style: {
+                            } }) })) })), _jsx("div", __assign({ className: styles.errorMsg, style: {
                         color: formStyle.errorColor,
-                    }, children: !!errors[step.id] && 'Este campo es obligatorio' })] }));
+                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }))] })));
     }
     else {
-        return (_jsx("div", { className: styles.container, style: {
+        return (_jsx("div", __assign({ className: styles.container, style: {
                 paddingBottom: step.required || step.description || !!errors[step.id]
                     ? '0px'
                     : '5px',
-            }, children: _jsx(Controller, { name: step.id, control: control, defaultValue: calcDefaultStringValue(originalValues[step.id]), rules: {
+            } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: calcDefaultStringValue(originalValues[step.id]), rules: {
                     required: step.required
                         ? 'Este campo es obligatorio'
                         : undefined,
-                }, shouldUnregister: true, render: ({ field }) => (_jsxs(React.Fragment, { children: [_jsx("div", { className: styles.erkTextArea, children: _jsx(RoundedTextField, { ...field, "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: backgroundColor ??
-                                    formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
-                                    ? errors[step.id].message
-                                    : step.description ??
-                                        (step.required ? ' ' : null), error: !!errors[step.id] }) }), postview && (_jsxs("div", { className: styles.print, children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", { className: styles.printContainer, style: {
-                                        backgroundColor: formStyle.stepBackgroundColor,
-                                        borderColor: formStyle.outlineColor,
-                                    }, children: field.value })] }))] })) }) }));
+                }, shouldUnregister: true, render: function (_a) {
+                    var _b;
+                    var field = _a.field;
+                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
+                                        ? errors[step.id].message
+                                        : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
+                                            backgroundColor: formStyle.stepBackgroundColor,
+                                            borderColor: formStyle.outlineColor,
+                                        } }, { children: field.value }))] })))] }));
+                } }) })));
     }
 }
 export default TextAreaStep;
 export function stringToDraft(text) {
-    let 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,
@@ -167,7 +186,7 @@ export function stringToDraft(text) {
     });
     return draftStructure;
 }
-export const getRawText = (draft, text) => {
+export var getRawText = function (draft, text) {
     if (draft !== undefined) {
         return draft;
     }

package/dist/FormComponents/Step/TextAreaStep/TextAreaStep.js

@@ -1,13 +1,24 @@
+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 MaterialTextAreaStep from './MaterialTextAreaStep/MaterialTextAreaStep';
 function TextAreaStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTextAreaStep, { ...props });
+            return _jsx(MaterialTextAreaStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTextAreaStep, { ...props });
+            return _jsx(MaterialTextAreaStep, __assign({}, props));
         }
     }
 }

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -1,17 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import RoundedTextField from '../../../../shared/RoundedTextField/RoundedTextField';
 import styles from './MaterialTextInputStep.module.css';
 import { Controller } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
-function TextInputStep({ icon, step, form, errors, control, editable, postview, formStyle, widthStats, defaultValue = '', }) {
-    return (_jsx("div", { className: styles.container, style: {
+function TextInputStep(_a) {
+    var icon = _a.icon, step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b;
+    return (_jsx("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
             minHeight: step.description || step.required || step.validation
                 ? '55px'
                 : '43px',
-        }, children: _jsx(Controller, { name: step.id, control: control, defaultValue: defaultValue, rules: {
+        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: defaultValue, rules: {
                 required: step.required
                     ? 'Este campo es obligatorio'
                     : undefined,
@@ -21,8 +33,11 @@ function TextInputStep({ icon, step, form, errors, control, editable, postview,
                         message: step.validation.message,
                     }
                     : undefined,
-            }, shouldUnregister: true, render: ({ field }) => (_jsx(RoundedTextField, { ...field, "data-testid": step.id, label: step.label, inputRef: field.ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
-                    ? errors[step.id].message
-                    : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined })) }) }));
+            }, shouldUnregister: true, render: function (_a) {
+                var field = _a.field;
+                return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
+                        ? errors[step.id].message
+                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined })));
+            } }) })));
 }
 export default TextInputStep;

package/dist/FormComponents/Step/TextInputStep/TextInputStep.js

@@ -1,13 +1,24 @@
+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 MaterialTextInputStep from './MaterialTextInputStep/MaterialTextInputStep';
 function TextInputStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTextInputStep, { ...props });
+            return _jsx(MaterialTextInputStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTextInputStep, { ...props });
+            return _jsx(MaterialTextInputStep, __assign({}, props));
         }
     }
 }

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -1,8 +1,20 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './MaterialTitleStep.module.css';
-function TitleStep({ step, formStyle, widthStats, }) {
-    return (_jsxs("div", { className: styles.container, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.titleLbl, style: { textAlign: widthStats.isMobile ? 'center' : 'start' }, children: step.title }), step.description && (_jsx("p", { className: styles.descriptionPar, style: {
+function TitleStep(_a) {
+    var step = _a.step, formStyle = _a.formStyle, widthStats = _a.widthStats;
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl, style: { textAlign: widthStats.isMobile ? 'center' : 'start' } }, { children: step.title })), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
                     margin: step.title ? '10px 0px' : '0px 0px 5px 0px',
-                }, children: step.description }))] }));
+                } }, { children: step.description })))] })));
 }
 export default TitleStep;

package/dist/FormComponents/Step/TitleStep/TitleStep.js

@@ -1,13 +1,36 @@
+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 } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialTitleStep from './MaterialTitleStep/MaterialTitleStep';
-function TitleStep({ step, formStyle, ...others }) {
+function TitleStep(_a) {
+    var step = _a.step, formStyle = _a.formStyle, others = __rest(_a, ["step", "formStyle"]);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialTitleStep, { step: step, formStyle: formStyle, ...others }));
+            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others)));
         }
         default: {
-            return (_jsx(MaterialTitleStep, { step: step, formStyle: formStyle, ...others }));
+            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others)));
         }
     }
 }

package/dist/FormComponents/Term/MaterialTerm/MaterialTerm.js

@@ -1,3 +1,14 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from '@material-ui/core';
 import React from 'react';
@@ -7,55 +18,60 @@ import RoundedButton from '../../../shared/RoundedButton/RoundedButton';
 import RoundedCheckBox from '../../../shared/RoundedCheckBox/RoundedCheckBox';
 import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
 import styles from './MaterialTerm.module.css';
-function TermComponent({ term, errors, control, postview, setValue, formStyle, tempError, }) {
-    const [showDialog, setShowDialog] = useState(false);
+function TermComponent(_a) {
+    var _b;
+    var term = _a.term, errors = _a.errors, control = _a.control, postview = _a.postview, setValue = _a.setValue, formStyle = _a.formStyle, tempError = _a.tempError;
+    var _c = useState(false), showDialog = _c[0], setShowDialog = _c[1];
     /**
      * Function that renders the highlighted text
      * @returns a string with span highlighted
      */
-    const renderText = (text) => {
+    var renderText = function (text) {
         if (text) {
             var parts = text.split(/{{(.*?)}}/gi);
             for (var i = 1; i < parts.length; i += 2) {
-                parts[i] = (_jsx("span", { className: styles.highlight, style: {
+                parts[i] = (_jsx("span", __assign({ className: styles.highlight, style: {
                         color: !!errors[term.id] && tempError
                             ? formStyle.errorColor
                             : formStyle.primaryColor,
-                    }, onClick: () => {
-                        if (term.clickEffect?.type === 'LINK') {
-                            window
-                                .open?.(term.clickEffect.url, '_blank')
-                                ?.focus?.();
+                    }, 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);
                         }
-                        else if (term.clickEffect?.type === 'DIALOG') {
+                        else if (((_e = term.clickEffect) === null || _e === void 0 ? void 0 : _e.type) === 'DIALOG') {
                             setShowDialog(true);
                         }
-                    }, children: parts[i] }, i));
+                    } }, { children: parts[i] }), i));
             }
             return parts;
         }
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, { PaperProps: {
+    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, __assign({ PaperProps: {
                     style: {
                         borderRadius: '20px',
                     },
-                }, onClose: () => {
+                }, onClose: function () {
                     setShowDialog(false);
-                }, open: showDialog, children: term.clickEffect?.type === 'DIALOG' && (_jsxs("div", { className: styles.dialogContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => {
+                }, 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 () {
                                 setShowDialog(false);
-                            }, children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) }), _jsx("div", { className: styles.dialogTitle, style: {
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsx("div", __assign({ className: styles.dialogTitle, style: {
                                 borderBottom: '1px solid ' + formStyle.primaryColor,
-                            }, children: term.clickEffect.title }), _jsx("div", { className: styles.dialogContentContainer, children: term.clickEffect.text }), _jsx(RoundedButton, { text: 'Aceptar', padding: "20px 15px", backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, fontSize: 20, onClick: () => {
+                            } }, { 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 () {
                                 setShowDialog(false);
                                 if (!postview) {
                                     setValue(term.id, true);
                                 }
-                            } })] })) }), _jsxs("div", { className: styles.container + ' noselect', children: [_jsx("div", { className: styles.checkboxContainer, children: _jsx(Controller, { name: term.id, control: control, rules: {
+                            } })] }))) })), _jsxs("div", __assign({ className: styles.container + ' noselect' }, { children: [_jsx("div", __assign({ className: styles.checkboxContainer }, { children: _jsx(Controller, { name: term.id, control: control, rules: {
                                 required: true,
-                            }, defaultValue: false, shouldUnregister: true, render: ({ field }) => (_jsx(RoundedCheckBox, { checked: field.value, onChange: field.onChange, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!errors[term.id] })) }) }), _jsx("div", { className: styles.messageContainer, style: {
+                            }, defaultValue: false, shouldUnregister: true, render: function (_a) {
+                                var field = _a.field;
+                                return (_jsx(RoundedCheckBox, { checked: field.value, onChange: field.onChange, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!errors[term.id] }));
+                            } }) })), _jsx("div", __assign({ className: styles.messageContainer, style: {
                             color: !!errors[term.id] && tempError
                                 ? formStyle.errorColor
                                 : 'inherit',
-                        }, children: renderText(term.message) })] })] }));
+                        } }, { children: renderText(term.message) }))] }))] }));
 }
 export default TermComponent;

package/dist/FormComponents/Term/Term.js

@@ -1,13 +1,24 @@
+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 MaterialTerm from './MaterialTerm/MaterialTerm';
 function TermComponent(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTerm, { ...props });
+            return _jsx(MaterialTerm, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTerm, { ...props });
+            return _jsx(MaterialTerm, __assign({}, props));
         }
     }
 }