@arquimedes.co/eureka-forms 2.0.99 → 3.0.0-refactor

package/dist/Shared/Rating/Ratings/ScaleRating.js

@@ -1,62 +1,31 @@
-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 { Rating } from '@material-ui/lab';
-import GradeRoundedIcon from '@material-ui/icons/GradeRounded';
-import { makeStyles } from '@material-ui/core';
 import React from 'react';
-var useRatingStyles = function (props) {
-    return makeStyles({
-        root: {
-            '&.Mui-disabled': {
-                opacity: 1,
-            },
-            '& .EF-MuiRating-iconFilled': {
-                color: props.focusColor,
-            },
-            '& .EF-MuiRating-iconEmpty': {
-                color: props.unSelectedColor,
-            },
-        },
-    });
-};
-function ScaleRating(_a) {
-    var value = _a.value, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
-    var ratingClasses = useRatingStyles({
-        unSelectedColor: unSelectedColor,
-        focusColor: focusColor,
-    })();
-    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+import StarIcon from '../../../Icons/Ratings/StarIcon';
+import { Rating as MuiRating, styled } from '@mui/material';
+const StyledRating = styled(MuiRating)(({ theme }) => ({
+    '&.Mui-disabled': {
+        opacity: 1,
+    },
+    '& .EF-MuiRating-iconFilled': {
+        color: theme.palette.primary.main,
+    },
+    '& .EF-MuiRating-iconEmpty': {
+        color: theme.palette.outline.main,
+    },
+    '& .EF-MuiRating-visuallyHidden': {
+        display: 'none',
+    },
+}));
+function ScaleRating({ value, inputRef, disabled, onChange, isMobile }) {
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx(StyledRating, { value: value, onChange: (_event, newValue) => {
                     if (!disabled)
                         onChange(newValue);
-                }, disabled: disabled, classes: ratingClasses, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
+                }, disabled: disabled, size: "large", defaultValue: 0, getLabelText: (value) => value + '/5', max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
 }
-function IconContainer(_a) {
-    var value = _a.value, other = __rest(_a, ["value"]);
-    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }) })));
+function IconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(StarIcon, { style: { fontSize: 60 } }) }));
 }
-function SmallIconContainer(_a) {
-    var value = _a.value, other = __rest(_a, ["value"]);
-    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) })));
+function SmallIconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(StarIcon, { style: { fontSize: 50 } }) }));
 }
 export default ScaleRating;

package/dist/Shared/Toggle/Toggle.js

@@ -1,36 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { makeStyles, Switch } from '@material-ui/core';
-var useStyles = function (props) {
-    var _a;
-    return makeStyles({
-        root: {
-            padding: '6px 12px',
-            height: 26,
-        },
-        switchBase: {
-            padding: '3px 6px',
-            color: props.baseColor + ' !important',
-            '&$checked': {
-                color: props.color + ' !important',
-            },
-            '&$checked + $track': {
-                backgroundColor: props.color + ' !important',
-            },
-            '&:hover': {
-                backgroundColor: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
-                    ? props.color + '40'
-                    : props.color,
-            },
-        },
-        checked: {},
-        track: {},
-    });
-};
-function RoundedToggle(_a) {
-    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.baseColor, baseColor = _c === void 0 ? '#b8b8b8' : _c, _d = _a.checked, checked = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f;
-    var classes = useStyles({ color: color, baseColor: baseColor })();
-    return (_jsx(Switch, { size: size, classes: classes, checked: checked, disabled: disabled, onChange: function (event) {
-            onChange(event.target.checked);
-        } }));
+import { styled, Switch as MuiSwitch } from '@mui/material';
+const Styled = styled(MuiSwitch)(({ theme, checked }) => ({
+    marginTop: -6,
+    marginBottom: -6,
+    '& .EF-MuiSwitch-track': {
+        backgroundColor: checked ? theme.palette.primary.main : undefined,
+    },
+}));
+function Toggle({ checked, onChange }) {
+    return _jsx(Styled, { checked: checked, onChange: () => onChange(!checked), size: "medium" });
 }
-export default RoundedToggle;
+export default Toggle;

package/dist/States/GlobalSlice.js

@@ -1,18 +1,7 @@
-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 InternalFormStyle from '../constants/InternalFormStyle';
 import { createSlice } from '@reduxjs/toolkit';
 import { BaseConfirmationMessage } from '../Contexts/FormContext';
-var initialState = {
+const initialState = {
     idOrganization: '',
     countryCode: 'CO',
     formStyle: InternalFormStyle,
@@ -27,14 +16,14 @@ var initialState = {
     internal: false,
     loaded: false,
 };
-export var GlobalSlice = createSlice({
+export const GlobalSlice = createSlice({
     name: 'global',
-    initialState: initialState,
+    initialState,
     reducers: {
-        reset: function (state, action) {
-            return __assign(__assign(__assign({}, state), action.payload), { loaded: true });
+        reset: (state, action) => {
+            return { ...state, ...action.payload, loaded: true };
         },
     },
 });
-export var reset = GlobalSlice.actions.reset;
+export const { reset } = GlobalSlice.actions;
 export default GlobalSlice;

package/dist/States/SiteSlice.js

@@ -1,21 +1,9 @@
-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 _a;
-import StepTypes from '../constants/FormStepTypes';
+import StepTypes, { MapperStyleTypes } from '../constants/FormStepTypes';
 import { createSlice } from '@reduxjs/toolkit';
 import { reset } from './GlobalSlice';
 import { calcDependencies } from '../Form/FormFunctions';
 import { calcDefaultValue } from '../FormSteps/StepFunctions';
-var initialState = {
+const initialState = {
     values: {
         global: {},
         sections: {},
@@ -25,18 +13,21 @@ var initialState = {
     previousSections: [],
     nextSections: [],
 };
-export var SiteSlice = createSlice({
+export const SiteSlice = createSlice({
     name: 'site',
-    initialState: initialState,
+    initialState,
     reducers: {
-        setStepDependency: function (state, _a) {
-            var _b = _a.payload, _c = _b.step, id = _c.id, type = _c.type, idSection = _c.idSection, value = _b.value;
-            var old = state.dependencies[id];
+        setStepDependency: (state, { payload: { step: { id, type, idSection }, value, }, }) => {
+            const old = state.dependencies[id];
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
             if (old && (old.type !== type || old.value !== value)) {
-                state.dependencies[id] = __assign(__assign({}, state.dependencies[id]), { type: type, value: value });
+                state.dependencies[id] = {
+                    ...state.dependencies[id],
+                    type: type,
+                    value,
+                };
                 if (state.idCurrentSection !== null) {
-                    for (var _i = 0, _d = old.dependents; _i < _d.length; _i++) {
-                        var dependent = _d[_i];
+                    for (const dependent of old.dependents) {
                         if (dependent.idSection !== idSection) {
                             state.values.sections[dependent.idSection][dependent.id] = calcDefaultValue(dependent);
                         }
@@ -44,16 +35,17 @@ export var SiteSlice = createSlice({
                 }
             }
         },
-        clearDependency: function (state, _a) {
-            var _b = _a.payload, id = _b.id, idSection = _b.idSection;
-            if (state.idCurrentSection === null ||
-                state.idCurrentSection === idSection) {
-                var old = state.dependencies[id];
+        clearDependency: (state, { payload: { id, idSection } }) => {
+            if (state.idCurrentSection === null || state.idCurrentSection === idSection) {
+                const old = state.dependencies[id];
                 if (old && old.value !== null) {
-                    state.dependencies[id] = __assign(__assign({}, state.dependencies[id]), { value: null, empty: false });
+                    state.dependencies[id] = {
+                        ...state.dependencies[id],
+                        value: null,
+                        empty: false,
+                    };
                     if (state.idCurrentSection !== null) {
-                        for (var _i = 0, _c = old.dependents; _i < _c.length; _i++) {
-                            var dependent = _c[_i];
+                        for (const dependent of old.dependents) {
                             if (dependent.idSection !== idSection) {
                                 state.values.sections[dependent.idSection][dependent.id] = calcDefaultValue(dependent);
                             }
@@ -62,20 +54,17 @@ export var SiteSlice = createSlice({
                 }
             }
         },
-        setEmptyDependency: function (state, _a) {
-            var _b = _a.payload, id = _b.step.id, empty = _b.empty;
+        setEmptyDependency: (state, { payload: { step: { id }, empty, }, }) => {
             if (state.dependencies[id]) {
                 state.dependencies[id].empty = empty;
             }
         },
-        addStepsDependencies: function (state, _a) {
-            var _b = _a.payload, steps = _b.steps, customSteps = _b.customSteps, allSteps = _b.allSteps;
+        addStepsDependencies: (state, { payload: { steps, customSteps, allSteps }, }) => {
             calcDependencies(steps, customSteps, allSteps, state.dependencies);
         },
-        handlePrevious: function (state, _a) {
-            var _b = _a.payload, values = _b.values, form = _b.form;
-            var previousSections = state.previousSections, nextSections = state.nextSections, idCurrentSection = state.idCurrentSection;
-            var idPreviousSection = previousSections.pop();
+        handlePrevious: (state, { payload: { values, form } }) => {
+            const { previousSections, nextSections, idCurrentSection } = state;
+            const idPreviousSection = previousSections.pop();
             if (!idPreviousSection || !idCurrentSection)
                 return;
             nextSections.unshift(idCurrentSection);
@@ -83,10 +72,9 @@ export var SiteSlice = createSlice({
             state.values.sections[idCurrentSection] = values;
             state.idCurrentSection = idPreviousSection;
         },
-        handleNext: function (state, _a) {
-            var _b = _a.payload, values = _b.values, form = _b.form;
-            var previousSections = state.previousSections, nextSections = state.nextSections, idCurrentSection = state.idCurrentSection;
-            var idNextSection = nextSections.shift();
+        handleNext: (state, { payload: { values, form } }) => {
+            const { previousSections, nextSections, idCurrentSection } = state;
+            const idNextSection = nextSections.shift();
             if (!idNextSection || !idCurrentSection)
                 return;
             previousSections.push(idCurrentSection);
@@ -94,31 +82,29 @@ export var SiteSlice = createSlice({
             state.values.sections[idCurrentSection] = values;
             state.idCurrentSection = idNextSection;
         },
-        updateNestedValues: function (state, _a) {
-            var _b = _a.payload, key = _b.key, values = _b.values;
-            var idCurrentSection = state.idCurrentSection;
+        updateNestedValues: (state, { payload: { key, values } }) => {
+            const { idCurrentSection } = state;
             if (!idCurrentSection)
                 return;
-            var sectionValues = state.values.sections[idCurrentSection];
-            for (var _i = 0, _c = Object.keys(sectionValues); _i < _c.length; _i++) {
-                var idStep = _c[_i];
+            const sectionValues = state.values.sections[idCurrentSection];
+            for (const idStep of Object.keys(sectionValues)) {
                 if (idStep.startsWith(key)) {
                     delete sectionValues[idStep];
                 }
             }
-            state.values.sections[idCurrentSection] = __assign(__assign({}, sectionValues), values);
+            state.values.sections[idCurrentSection] = {
+                ...sectionValues,
+                ...values,
+            };
         },
-        focusStep: function (state, _a) {
-            var payload = _a.payload;
-            var idSection = payload === null || payload === void 0 ? void 0 : payload.step.idSection;
-            var previousSections = state.previousSections, nextSections = state.nextSections;
-            var idCurrentSection = state.idCurrentSection;
-            if (idSection &&
-                idCurrentSection &&
-                previousSections.includes(idSection)) {
+        focusStep: (state, { payload }) => {
+            const idSection = payload?.step.idSection;
+            const { previousSections, nextSections } = state;
+            let idCurrentSection = state.idCurrentSection;
+            if (idSection && idCurrentSection && previousSections.includes(idSection)) {
                 state.values.sections[idCurrentSection] = payload.values;
                 while (idCurrentSection !== idSection) {
-                    var idPreviousSection = previousSections.pop();
+                    const idPreviousSection = previousSections.pop();
                     if (!idCurrentSection)
                         return;
                     nextSections.unshift(idCurrentSection);
@@ -128,12 +114,12 @@ export var SiteSlice = createSlice({
             state.previousSections = previousSections;
             state.idCurrentSection = idCurrentSection;
             state.nextSections = nextSections;
-            state.focusStep = payload === null || payload === void 0 ? void 0 : payload.step.id;
+            state.focusStep = payload?.step.id;
         },
     },
-    extraReducers: function (builder) {
-        builder.addCase(reset, function (state, action) {
-            var payload = action.payload;
+    extraReducers: (builder) => {
+        builder.addCase(reset, (state, action) => {
+            const payload = action.payload;
             state.previousSections = payload.previousSections;
             state.idCurrentSection = payload.idCurrentSection;
             state.nextSections = payload.nextSections;
@@ -142,25 +128,21 @@ export var SiteSlice = createSlice({
         });
     },
 });
-export var focusStep = (_a = SiteSlice.actions, _a.focusStep), clearDependency = _a.clearDependency, setStepDependency = _a.setStepDependency, addStepsDependencies = _a.addStepsDependencies, setEmptyDependency = _a.setEmptyDependency, handlePrevious = _a.handlePrevious, handleNext = _a.handleNext, updateNestedValues = _a.updateNestedValues;
+export const { focusStep, clearDependency, setStepDependency, addStepsDependencies, setEmptyDependency, handlePrevious, handleNext, updateNestedValues, } = SiteSlice.actions;
 export default SiteSlice;
-export function addPagedValues(steps, values, original, path) {
-    if (path === void 0) { path = ''; }
-    for (var _i = 0, _a = Object.values(steps); _i < _a.length; _i++) {
-        var step = _a[_i];
-        var idStep = (path ? path + '-' : '') + step.id;
+export function addPagedValues(steps, values, original, path = '') {
+    for (const step of Object.values(steps)) {
+        const idStep = (path ? path + '-' : '') + step.id;
         if (step.type === StepTypes.MAPPER) {
-            var value = values[idStep];
+            const value = values[idStep];
             if (value) {
-                var elements = value.elements, page = value.page;
-                for (var _b = 0, elements_1 = elements; _b < elements_1.length; _b++) {
-                    var element = elements_1[_b];
+                const { elements, page } = value;
+                for (const element of elements) {
                     addPagedValues(step.steps, values, original, idStep + '-' + element.id);
                 }
-                if (step.style.type === 'PAGED') {
-                    var currentPageElement = elements[page];
-                    for (var _c = 0, _d = Object.keys(original); _c < _d.length; _c++) {
-                        var key = _d[_c];
+                if (step.style.type === MapperStyleTypes.PAGED) {
+                    const currentPageElement = elements[page];
+                    for (const key of Object.keys(original)) {
                         if (key.startsWith(idStep + '-') &&
                             !key.startsWith(idStep + '-' + currentPageElement.id + '-') &&
                             !values[key]) {

package/dist/States/WidthStatsSlice.js

@@ -1,23 +1,22 @@
 import { createSlice } from '@reduxjs/toolkit';
-var initialState = {
+const initialState = {
     currentBreakPoint: 0,
     isMobile: false,
     isResponsive: false,
 };
-export var WidthStatsSlice = createSlice({
+export const WidthStatsSlice = createSlice({
     name: 'widthStats',
-    initialState: initialState,
+    initialState,
     reducers: {
-        updateWidthStats: function (state, _a) {
-            var payload = _a.payload;
-            if (payload.isMobile !== (state === null || state === void 0 ? void 0 : state.isMobile) ||
-                payload.isResponsive !== (state === null || state === void 0 ? void 0 : state.isResponsive) ||
-                payload.currentBreakPoint !== (state === null || state === void 0 ? void 0 : state.currentBreakPoint))
+        updateWidthStats: (state, { payload }) => {
+            if (payload.isMobile !== state?.isMobile ||
+                payload.isResponsive !== state?.isResponsive ||
+                payload.currentBreakPoint !== state?.currentBreakPoint)
                 return payload;
             else
                 return state;
         },
     },
 });
-export var updateWidthStats = WidthStatsSlice.actions.updateWidthStats;
+export const { updateWidthStats } = WidthStatsSlice.actions;
 export default WidthStatsSlice;

package/dist/Utils/AxiosAPI.js

@@ -1,8 +1,8 @@
 import axios from 'axios';
-var headers = {};
-var axiosInstance = axios.create({
+const headers = {};
+const axiosInstance = axios.create({
     baseURL: '/api',
     timeout: 30000,
-    headers: headers,
+    headers,
 });
 export default axiosInstance;

package/dist/Utils/AxiosWidget.js

@@ -1,8 +1,8 @@
 import axios from 'axios';
-var headers = {};
-var widgetInstance = axios.create({
-    baseURL: "https://api.forms.".concat(process.env.REACT_APP_DOMAIN, "/api"),
+const headers = {};
+const widgetInstance = axios.create({
+    baseURL: `https://api.forms.${import.meta.env.VITE_REACT_APP_DOMAIN}/api`,
     timeout: 30000,
-    headers: headers,
+    headers,
 });
 export default widgetInstance;

package/dist/Utils/CBRFunctions.js

@@ -1,25 +1,11 @@
-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 CBRFormStepTypes from '../constants/CBRFormStepTypes';
-export var calcCbrForm = function (form, formValues) {
-    var _a;
-    for (var _i = 0, _b = Object.values(form.steps); _i < _b.length; _i++) {
-        var step = _b[_i];
+export const calcCbrForm = (form, formValues) => {
+    for (const step of Object.values(form.steps)) {
         if (step.type === CBRFormStepTypes.CBR_INCIDENCIAS) {
-            var incidentStep = step;
-            var incValue = formValues[(_a = incidentStep.id) !== null && _a !== void 0 ? _a : ''];
+            const incidentStep = step;
+            const incValue = formValues[incidentStep.id ?? ''];
             if (incValue) {
-                for (var _c = 0, incValue_1 = incValue; _c < incValue_1.length; _c++) {
-                    var incident = incValue_1[_c];
+                for (const incident of incValue) {
                     handleAddIncident(incident, incidentStep, form.steps, formValues);
                 }
             }
@@ -27,24 +13,37 @@ export var calcCbrForm = function (form, formValues) {
     }
     return form;
 };
-var handleAddIncident = function (incident, step, steps, formValues) {
-    var _a, _b;
-    var spaceStep = __assign(__assign({}, step.spaceStep), { id: incident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+const handleAddIncident = (incident, step, steps, formValues) => {
+    const spaceStep = {
+        ...step.spaceStep,
+        id: incident.idSpaceStep,
+        type: CBRFormStepTypes.CBR_TIPO_ESPACIO,
+        dependencies: step.dependencies,
+    };
     steps[incident.idSpaceStep] = spaceStep;
-    var commentStep = __assign(__assign({}, step.commentStep), { id: incident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
+    const commentStep = {
+        ...step.commentStep,
+        id: incident.idCommentStep,
+        type: CBRFormStepTypes.CBR_COMENTARIO,
+    };
     steps[incident.idCommentStep] = commentStep;
-    addRecursiveElementStep(incident.idElementStep, step.elementStep, null, steps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '', formValues);
+    addRecursiveElementStep(incident.idElementStep, step.elementStep, null, steps, step.dependencies?.[0] ?? '', formValues);
 };
-var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep, formValues) {
-    var _a, _b, _c;
-    var idSubStep = (_a = formValues[idStep]) === null || _a === void 0 ? void 0 : _a.subStep;
-    var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
-    var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
+const addRecursiveElementStep = (idStep, step, idParent, steps, idProjectDep, formValues) => {
+    const idSubStep = formValues[idStep]?.subStep;
+    const newSubStep = step.subStep ? { ...step.subStep } : undefined;
+    const newStep = {
+        ...step,
+        id: idStep,
+        type: CBRFormStepTypes.CBR_LOCATIVAS,
+        dependencies: [idProjectDep],
+        subStep: null,
+    };
     if (newSubStep) {
         newStep.subStep = idSubStep;
     }
     if (idParent) {
-        (_c = (_b = newStep.dependencies) === null || _b === void 0 ? void 0 : _b.push) === null || _c === void 0 ? void 0 : _c.call(_b, idParent);
+        newStep.dependencies?.push?.(idParent);
     }
     steps[idStep] = newStep;
     if (newSubStep) {