@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

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

@@ -1,3 +1,50 @@
+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';
@@ -8,58 +55,75 @@ 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, { IdFormContext } from '../../../Contexts/FormContext';
+import FormContext from '../../../Contexts/FormContext';
 import { addPagedValues } from '../../../States/SiteSlice';
-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);
+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; });
     /** 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 handlePrevious = useCallback(() => {
-        dispatch(SiteReducer.handlePrevious({ values: getValues(), form }));
-        scrollToTop?.();
-    }, []);
-    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;
-    }, [next]);
+    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]);
     if (!idCurrent)
         return _jsx(_Fragment, {});
-    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' }))] })] }));
+    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' }))] }))] })));
 }
 export default StepperForm;

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

@@ -1,3 +1,4 @@
+/// <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,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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import StepComponent from '../../../FormSteps/Step';
 import styles from './MaterialSection.module.css';
@@ -5,24 +16,26 @@ import { selectBreakPoint, useAppSelector } from '../../../hooks';
 import { useContext } from 'react';
 import CustomContext from '../../../Contexts/CustomContext';
 import FormContext from '../../../Contexts/FormContext';
-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];
+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];
     if (!section)
         return _jsx(_Fragment, {});
-    return (_jsx("div", { className: styles.container, style: {
+    return (_jsx("div", __assign({ className: styles.container, style: {
             width: (form.size.blockSize + form.size.spacingSize) *
                 form.size.blockNum,
             justifyContent: sendLabel !== undefined &&
                 currentBreakPoint < form.size.blockNum
                 ? 'center'
                 : 'normal',
-        }, children: section.steps?.map((idStep) => {
-            const step = form.steps[idStep];
+        } }, { children: (_b = section.steps) === null || _b === void 0 ? void 0 : _b.map(function (idStep) {
+            var step = form.steps[idStep];
             return (_jsx(StepComponent, { editable: editable, step: step }, idStep));
-        }) }));
+        }) })));
 }
 export default MaterialSection;

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

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

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

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

package/dist/Form/Section/Section.js

@@ -1,18 +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 { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialSection from './MaterialSection/MaterialSection';
 import SectionContext from '../../Contexts/SectionContext';
 import { useAppSelector } from '../../hooks';
 function SectionComponent(props) {
-    const formStyle = useAppSelector((state) => state.global.formStyle);
-    const renderSectionType = () => {
+    var formStyle = useAppSelector(function (state) { return state.global.formStyle; });
+    var renderSectionType = function () {
         switch (formStyle.type) {
             case FormStyleTypes.MATERIAL:
             default: {
-                return _jsx(MaterialSection, { ...props });
+                return _jsx(MaterialSection, __assign({}, props));
             }
         }
     };
-    return (_jsx(SectionContext.Provider, { value: props.idSection, children: renderSectionType() }));
+    return (_jsx(SectionContext.Provider, __assign({ value: props.idSection }, { children: renderSectionType() })));
 }
 export default SectionComponent;

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

@@ -1,3 +1,4 @@
+/// <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,66 +1,101 @@
+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 ErkButton from '../../../../Shared/ErkButton/ErkButton';
+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';
 import { useAppSelector } from '../../../../hooks';
 import { createSelector } from '@reduxjs/toolkit';
-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({
+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({
         name: term.id,
         rules: {
             required: true,
         },
-        defaultValue: originalValue ?? false,
+        defaultValue: originalValue !== null && originalValue !== void 0 ? originalValue : false,
         shouldUnregister: true,
-    });
-    const [showDialog, setShowDialog] = useState(false);
+    }), _e = _d.field, ref = _e.ref, field = __rest(_e, ["ref"]), error = _d.fieldState.error;
+    var _f = useState(false), showDialog = _f[0], setShowDialog = _f[1];
     /**
      * Function that renders the highlighted text
      * @returns a string with span highlighted
      */
-    const renderText = (text) => {
+    var renderText = function (text) {
         if (text) {
-            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?.();
+            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);
                         }
-                        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(CloseIcon, { style: { 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(ErkButton, { text: 'Aceptar', sx: { padding: '20px 15px', fontSize: '20px' }, 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) {
                                     field.onChange(true);
                                 }
-                            } })] })) }), _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) })] })] }));
+                            } })] }))) })), _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) }))] }))] }));
 }
 export default TermComponent;

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

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

package/dist/Form/Terms/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 { useAppSelector } from '../../../hooks';
 import MaterialTerm from './MaterialTerm/MaterialTerm';
 function TermComponent(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialTerm, { ...props });
+            return _jsx(MaterialTerm, __assign({}, props));
         }
     }
 }

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function Terms(): JSX.Element;
 export default Terms;

package/dist/Form/Terms/Terms.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, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
 import styles from './Terms.module.css';
@@ -6,23 +17,28 @@ import { useFormContext } from 'react-hook-form';
 import FormContext from '../../Contexts/FormContext';
 import { useAppSelector } from '../../hooks';
 function Terms() {
-    const { postview, internal } = useAppSelector((state) => state.global);
-    const isInteralAgent = useAppSelector((state) => state.site.values.global.INTERNAL_CREATING_AGENT !== undefined);
-    const form = useContext(FormContext);
-    const { formState: { isSubmitting }, } = useFormContext();
-    const [tempError, setTempError] = useState(false);
-    useEffect(() => {
+    var _a = useAppSelector(function (state) { return state.global; }), postview = _a.postview, internal = _a.internal;
+    var isInteralAgent = useAppSelector(function (state) {
+        return state.site.values.global['INTERNAL_CREATING_AGENT'] !== undefined;
+    });
+    var form = useContext(FormContext);
+    var isSubmitting = useFormContext().formState.isSubmitting;
+    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
+    useEffect(function () {
         if (!isSubmitting)
             return;
         setTempError(true);
-        setTimeout(() => {
+        setTimeout(function () {
             setTempError(false);
         }, 500);
     }, [isSubmitting]);
-    if (form.terms && (!internal || (internal && postview)) && !isInteralAgent) {
-        return (_jsx("div", { className: styles.termsContainer, style: {
-                width: (form.size.blockSize + form.size.spacingSize) * form.size.blockNum,
-            }, children: form.terms.map((term) => (_jsx(TermComponent, { term: term, tempError: tempError }, term.id))) }));
+    if (form.terms &&
+        (!internal || (internal && postview)) &&
+        !isInteralAgent) {
+        return (_jsx("div", __assign({ className: styles.termsContainer, style: {
+                width: (form.size.blockSize + form.size.spacingSize) *
+                    form.size.blockNum,
+            } }, { children: form.terms.map(function (term) { return (_jsx(TermComponent, { term: term, tempError: tempError }, term.id)); }) })));
     }
     return _jsx(_Fragment, {});
 }

package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepProps } from '../../Step';
 import { CBRElementStep } from '../../../@Types/CBRFormStep';
 export interface ElementStepProps extends Omit<StepProps, 'step'> {