@arquimedes.co/eureka-forms 2.0.34-test → 2.0.35-test

package/dist/mjs/Form/FormFunctions.js

@@ -1,189 +0,0 @@
-import { convertFromRaw, convertToRaw } from 'draft-js';
-import StepTypes, { EntityValueDataTypes } from '../constants/FormStepTypes';
-import { calcRecursiveData } from '../App/AppFunctions';
-/**
- * Function that cals the value of a step to output on submit
- */
-export const calcValue = (idStep, steps, values, customSteps, deleteIds, value = values[idStep]) => {
-    const step = steps[idStep];
-    if (!step)
-        return value;
-    const custom = customSteps?.[step?.type];
-    if (custom !== undefined) {
-        return custom.calcValue?.(step, value) ?? value;
-    }
-    else {
-        switch (step.type) {
-            case StepTypes.TEXTAREA: {
-                if (step.hasTextEditor) {
-                    const currentContent = value.getCurrentContent();
-                    return {
-                        value: currentContent.getPlainText(),
-                        draft: convertToRaw(currentContent),
-                    };
-                }
-                else {
-                    return {
-                        value,
-                        draft: stringToDraft(value),
-                    };
-                }
-            }
-            case StepTypes.FILEUPLOAD: {
-                return value.map((val) => ({
-                    fileName: val.fileName,
-                    S3Key: val.S3Key,
-                }));
-            }
-            case StepTypes.SELECTOR:
-            case StepTypes.CLASSIFIER_SELECTOR: {
-                return value.value;
-            }
-            case StepTypes.MAPPER: {
-                const elements = value?.filter((element) => element.deleted !== true);
-                const mappedValues = [];
-                for (const element of elements) {
-                    const newValue = {
-                        id: element.id,
-                    };
-                    for (const key of Object.keys(element.originalValues)) {
-                        newValue[key] = element.originalValues[key];
-                    }
-                    if (element.value)
-                        newValue.value = element.value;
-                    for (const idStep of Object.keys(step.steps)) {
-                        const mappedId = element.ids[idStep];
-                        if (values[mappedId] !== undefined) {
-                            newValue[idStep] = calcValue(idStep, step.steps, values, customSteps, deleteIds, values[mappedId]);
-                            deleteIds.push(mappedId);
-                        }
-                    }
-                    mappedValues.push(newValue);
-                }
-                return mappedValues;
-            }
-            case StepTypes.TITLE: {
-                return value ?? undefined;
-            }
-            case StepTypes.COLLAPSIBLE:
-                deleteIds.push(idStep);
-                return;
-            default:
-                if (step?.type === 'CBR_INCIDENCIAS') {
-                    return value?.filter((incidencia) => incidencia.deleted !== true);
-                }
-                return value;
-        }
-    }
-};
-function stringToDraft(text) {
-    const draftStructure = {
-        blocks: [],
-        entityMap: {},
-    };
-    text.split('\n').forEach((element, index) => {
-        draftStructure.blocks.push({
-            key: String(index),
-            text: element,
-            type: 'unstyled',
-            depth: 0,
-            inlineStyleRanges: [],
-            entityRanges: [],
-            data: {},
-        });
-    });
-    return draftStructure;
-}
-export function calcDependencies(steps, customSteps = {}, allSteps = steps, dependencies = {}, values = {
-    global: {},
-    sections: {},
-}, addDependents = true) {
-    for (const step of Object.values(steps)) {
-        if (step.dependencies) {
-            for (const idDep of step.dependencies) {
-                if (dependencies[idDep] === undefined &&
-                    (addDependents || allSteps[idDep]))
-                    dependencies[idDep] = calcStepDependency(idDep, allSteps, values, customSteps);
-                if (addDependents)
-                    dependencies[idDep].dependents.push(step);
-            }
-        }
-        if (step.type === StepTypes.ENTITYVALUEPICKER) {
-            for (const dep of [...step.path, ...step.filters]) {
-                if (dep.type !== EntityValueDataTypes.STEP)
-                    continue;
-                if (step.dependencies?.includes(dep.idStep))
-                    continue;
-                if (dependencies[dep.idStep] === undefined &&
-                    (addDependents || allSteps[dep.idStep])) {
-                    dependencies[dep.idStep] = calcStepDependency(dep.idStep, allSteps, values, customSteps);
-                }
-                if (addDependents)
-                    dependencies[dep.idStep].dependents.push(step);
-            }
-        }
-        if (step.type === StepTypes.MAPPER) {
-            const subSteps = calcMapperSubSteps(step, values.sections[step.idSection]?.[step.id], customSteps);
-            const hasSubSteps = Object.keys(subSteps).length > 0;
-            calcDependencies(hasSubSteps ? subSteps : step.steps, customSteps, { ...allSteps, ...subSteps }, dependencies, values, hasSubSteps);
-        }
-    }
-    return dependencies;
-}
-export const calcMapperSubSteps = (step, elements = [], customSteps) => {
-    const newSteps = {};
-    for (const element of elements) {
-        const elemSteps = {};
-        for (const idSubStep of Object.keys(step.steps)) {
-            const baseStep = JSON.parse(JSON.stringify(step.steps[idSubStep] ?? '{}'));
-            const newIdStep = element.ids[idSubStep];
-            baseStep.id = newIdStep;
-            elemSteps[newIdStep] = baseStep;
-            newSteps[newIdStep] = baseStep;
-        }
-        calcRecursiveData(element, elemSteps, customSteps);
-    }
-    return newSteps;
-};
-function calcStepDependency(idStep, steps, values, customSteps) {
-    const depStep = steps[idStep];
-    if (!depStep) {
-        console.error('Missing Step Dependency:', idStep);
-        const originalValue = values.global[idStep];
-        return {
-            type: originalValue ? 'ORIGINAL' : 'MISSING',
-            value: originalValue ?? null,
-            dependents: [],
-        };
-    }
-    const originalValue = values.sections[depStep.idSection]?.[depStep.id];
-    return {
-        type: depStep.type,
-        value: calcStepDependencyValue(depStep, originalValue, customSteps),
-        dependents: [],
-    };
-}
-function calcStepDependencyValue(depStep, originalValue, customSteps) {
-    const custom = customSteps[depStep?.type];
-    if (custom?.calcDependencyValue) {
-        return custom.calcDependencyValue(depStep, originalValue);
-    }
-    switch (depStep.type) {
-        case StepTypes.TEXTAREA: {
-            if (depStep.hasTextEditor) {
-                return originalValue
-                    ? convertFromRaw(originalValue).getPlainText()
-                    : null;
-            }
-            else {
-                return originalValue ?? null;
-            }
-        }
-        case StepTypes.MAPPER: {
-            //TODO: Esto aun no se usa
-            return (originalValue?.map((mapperValue) => mapperValue.value ?? mapperValue) ?? null);
-        }
-        default:
-            return originalValue ?? null;
-    }
-}

package/dist/mjs/Form/FormHooks.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { RootState } from '../Utils/store';
-import { Form } from '../@Types';
-export declare const selectCurrentValues: ((state: RootState) => Record<string, any>) & import("reselect").OutputSelectorFields<(args_0: string | null, args_1: Record<string, Record<string, any>>) => Record<string, any>, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-export declare function useWidthStats(containerRef: React.RefObject<HTMLDivElement>, form: Form, postview: boolean, internal: boolean): void;

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

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

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

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useState } from 'react';
-import styles from './ColumnForm.module.css';
-import React from 'react';
-import Terms from '../../Terms/Terms';
-import { useFormContext } from 'react-hook-form';
-import { useAppSelector } from '../../../hooks';
-import Section from '../../Section/Section';
-import CustomContext from '../../../Contexts/CustomContext';
-import CustomBtn from '../../../Shared/CustomBtn/CustomBtn';
-function ColumnForm({ onSubmit, customSubmitBtns, }) {
-    const [loading, setLoading] = useState(false);
-    const { postview, editable, formStyle } = useAppSelector((state) => state.global);
-    const { trigger, getValues, handleSubmit } = useFormContext();
-    const { sendLabel } = useContext(CustomContext);
-    const previous = useAppSelector((state) => state.site.previousSections);
-    const next = useAppSelector((state) => state.site.nextSections);
-    /** Esto se usa para no tener que escuchar todo el tiempo los errores del formulario */
-    const handleErrors = handleSubmit(() => { }, (errors) => {
-        console.error('Errors:', errors);
-    });
-    const submit = useCallback(async () => {
-        setLoading(true);
-        const valid = await trigger(undefined, { shouldFocus: true });
-        /** Imprimir errores si no es valido */
-        if (!valid) {
-            handleErrors();
-            return setLoading(false);
-        }
-        const values = await onSubmit(getValues());
-        setLoading(false);
-        return values;
-    }, []);
-    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 && (_jsx("div", { className: styles.submitBtnContainer, children: _jsx(CustomBtn, { onClick: 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/mjs/Form/FormTypes/ColumnForm/ColumnForm.module.css

@@ -1,19 +0,0 @@
-.container {
-    width: fit-content;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    max-width: 100%;
-    position: relative;
-}
-.curtain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 2;
-}
-.submitBtnContainer {
-    margin-top: 10px;
-    width: 200px;
-    max-width: calc(100% - 40px);
-}

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

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

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

@@ -1,62 +0,0 @@
-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';
-import Terms from '../../Terms/Terms';
-import { useFormContext } from 'react-hook-form';
-import { useAppDispatch, useAppSelector } from '../../../hooks';
-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';
-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 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 */
-    const handleErrors = handleSubmit(() => { }, (errors) => {
-        console.error('Errors:', errors);
-    });
-    const handlePrevious = useCallback(async () => {
-        dispatch(SiteReducer.handlePrevious(getValues()));
-        scrollToTop?.();
-    }, []);
-    const handleNext = useCallback(async () => {
-        setLoading('NEXT');
-        const valid = await trigger(undefined, { shouldFocus: true });
-        /** Imprimir errores si no es valido */
-        if (!valid) {
-            handleErrors();
-            return setLoading(undefined);
-        }
-        if (next.length > 0) {
-            dispatch(SiteReducer.handleNext(getValues()));
-            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() };
-        const response = await onSubmit(values);
-        setLoading(undefined);
-        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: "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
-                            ? '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/mjs/Form/FormTypes/StepperForm/StepperForm.module.css

@@ -1,26 +0,0 @@
-.container {
-    width: fit-content;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    max-width: 100%;
-    position: relative;
-}
-.curtain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 2;
-}
-.btnsContainer {
-    margin-top: 10px;
-    max-width: calc(100% - 40px);
-    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -ms-flexbox; /* TWEENER - IE 10 */
-    display: -webkit-flex; /* NEW - Chrome */
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 10px 20px;
-}

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

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

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

@@ -1,28 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import StepComponent from '../../../FormSteps/Step';
-import styles from './MaterialSection.module.css';
-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];
-    if (!section)
-        return _jsx(_Fragment, {});
-    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: section.steps?.map((idStep) => {
-            const step = form.steps[idStep];
-            return (_jsx(StepComponent, { editable: editable, step: step }, idStep));
-        }) }));
-}
-export default MaterialSection;

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

@@ -1,8 +0,0 @@
-.container {
-    display: flex;
-    flex-flow: row wrap;
-    height: fit-content;
-    max-width: 100%;
-    overflow-x: hidden;
-    overflow-y: hidden;
-}

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface SectionComponentProps {
-    idSection: string;
-}
-declare function SectionComponent(props: SectionComponentProps): JSX.Element;
-export default SectionComponent;

package/dist/mjs/Form/Section/Section.js

@@ -1,18 +0,0 @@
-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 = () => {
-        switch (formStyle.type) {
-            case FormStyleTypes.MATERIAL:
-            default: {
-                return _jsx(MaterialSection, { ...props });
-            }
-        }
-    };
-    return (_jsx(SectionContext.Provider, { value: props.idSection, children: renderSectionType() }));
-}
-export default SectionComponent;

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

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

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

@@ -1,75 +0,0 @@
-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 styles from './MaterialTerm.module.css';
-import { useAppSelector } from '../../../../hooks';
-import { createSelector } from '@reduxjs/toolkit';
-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 ?? false,
-        shouldUnregister: true,
-    });
-    const [showDialog, setShowDialog] = useState(false);
-    /**
-     * Function that renders the highlighted text
-     * @returns a string with span highlighted
-     */
-    const renderText = (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?.();
-                        }
-                        else if (term.clickEffect?.type === 'DIALOG') {
-                            setShowDialog(true);
-                        }
-                    }, children: parts[i] }, i));
-            }
-            return parts;
-        }
-    };
-    return (_jsxs(React.Fragment, { children: [_jsx(Dialog, { PaperProps: {
-                    style: {
-                        borderRadius: '20px',
-                    },
-                }, onClose: () => {
-                    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: () => {
-                                setShowDialog(false);
-                            }, children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) }), _jsx("div", { 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: () => {
-                                setShowDialog(false);
-                                if (!postview) {
-                                    field.onChange(true);
-                                }
-                            } })] })) }), _jsxs("div", { className: styles.container + ' noselect', children: [_jsx("div", { className: styles.checkboxContainer, children: _jsx(RoundedCheckBox, { inputRef: ref, ...field, checked: field.value, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!error }) }), _jsx("div", { className: styles.messageContainer, style: {
-                            color: !!error && tempError
-                                ? formStyle.errorColor
-                                : 'inherit',
-                        }, children: renderText(term.message) })] })] }));
-}
-export default TermComponent;

package/dist/mjs/Form/Terms/Term/MaterialTerm/MaterialTerm.module.css

@@ -1,83 +0,0 @@
-.container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-left: 0px;
-    padding-right: 0px;
-    width: 100%;
-}
-.checkboxContainer {
-    margin-bottom: auto;
-    margin-left: 12px;
-}
-.messageContainer {
-    font-size: 1rem;
-    padding-right: 25px;
-}
-
-.highlight {
-    font-weight: bold;
-    cursor: pointer;
-}
-.dialogContainer {
-    overflow-y: hidden;
-    max-height: 60vh;
-    min-width: 400px;
-    padding-bottom: 20px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-}
-
-.dialogContainer,
-.dialogContainer *,
-.dialogContainer *::after,
-.dialogContainer *::before {
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-}
-
-.closeIcon {
-    right: 15px;
-    top: 10px;
-    font-size: 26px;
-    position: absolute;
-    cursor: pointer;
-}
-.dialogTitle {
-    font-size: 22px;
-    font-weight: 600;
-    margin-top: 10px;
-    padding-bottom: 5px;
-    width: calc(100% - 40px);
-    margin-bottom: 5px;
-    text-align: center;
-}
-.dialogContentContainer {
-    overflow-y: auto;
-    width: calc(100% - 35px);
-    padding-left: 20px;
-    padding-right: 10px;
-    max-height: calc(60vh - 50px);
-    margin-bottom: 15px;
-}
-.dialogContentContainer {
-    scrollbar-width: thin;
-    scrollbar-color: #787878 transparent;
-    margin-right: 1px;
-}
-.dialogContentContainer::-webkit-scrollbar {
-    width: 4px;
-}
-.dialogContentContainer::-webkit-scrollbar-track {
-    background: transparent;
-}
-.dialogContentContainer::-webkit-scrollbar-thumb {
-    background: #787878;
-    border-radius: 2px;
-}
-.dialogContentContainer::-webkit-scrollbar-thumb:hover {
-    background: #4f4f4f;
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Term } from '../../../@Types/Form';
-export interface TermComponentProps {
-    term: Term;
-    tempError: boolean;
-}
-declare function TermComponent(props: TermComponentProps): JSX.Element;
-export default TermComponent;

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

@@ -1,14 +0,0 @@
-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);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialTerm, { ...props });
-        }
-    }
-}
-export default TermComponent;

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

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

package/dist/mjs/Form/Terms/Terms.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import styles from './Terms.module.css';
-import TermComponent from './Term/Term';
-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(() => {
-        if (!isSubmitting)
-            return;
-        setTempError(true);
-        setTimeout(() => {
-            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))) }));
-    }
-    return _jsx(_Fragment, {});
-}
-export default Terms;

package/dist/mjs/Form/Terms/Terms.module.css

@@ -1,3 +0,0 @@
-.termsContainer {
-    max-width: 100%;
-}