@arquimedes.co/eureka-forms 2.0.54 → 2.0.55

package/dist/FormSteps/StepFunctions.js

@@ -12,6 +12,7 @@ import CBRFormStepTypes from '../constants/CBRFormStepTypes';
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
 import { getRawText } from '../Utils/DraftFunctions';
 import ConditionTypes, { ExpressionTypes, OperatorTypes, } from '../constants/ConditionTypes';
+import EntityPropertyTypes from '../constants/EntityPropertyTypes';
 export function calcFillerSize(step, steps, values, size) {
     var _a;
     var maxSize = (_a = step.maxSize) !== null && _a !== void 0 ? _a : size.blockNum;
@@ -136,6 +137,7 @@ export var calcDefaultValue = function (step) {
         case StepTypes.ENTITYVALUEPICKER:
             return null;
         case StepTypes.MAPPER:
+            return { elements: [], page: 0 };
         case StepTypes.FILEUPLOAD:
         case CBRFormStepTypes.CBR_INCIDENCIAS:
             return [];
@@ -271,7 +273,7 @@ export var calcSubSteps = function (idStep, allSteps, idModifier) {
     }
     return subSteps;
 };
-export var evaluateCondition = function (condition, dependencies) {
+export var evaluateCondition = function (condition, dependencies, entityValue) {
     var _a, _b, _c;
     switch (condition.type) {
         case ConditionTypes.EXPRESSION: {
@@ -423,6 +425,11 @@ export var evaluateCondition = function (condition, dependencies) {
             }
             break;
         }
+        case ConditionTypes.ENTITYVALUE: {
+            if (!entityValue || !entityValue.entity)
+                return false;
+            return evaluateEntityValueCondition(condition, entityValue.entity, entityValue.entityValue);
+        }
         default:
             return false;
     }
@@ -432,3 +439,141 @@ function isFormStepExistance(condition) {
     return (condition.operator === OperatorTypes.EXISTS ||
         condition.operator === OperatorTypes.NOTEXISTS);
 }
+var evaluateEntityValueCondition = function (condition, entity, entityValue) {
+    switch (condition.operator) {
+        case OperatorTypes.EQUAL:
+        case OperatorTypes.NOTEQUAL: {
+            var boolFactor = condition.operator === OperatorTypes.EQUAL;
+            for (var _i = 0, _a = condition.values; _i < _a.length; _i++) {
+                var value = _a[_i];
+                if (value === entityValue._id) {
+                    return boolFactor;
+                }
+            }
+            return !boolFactor;
+        }
+        case OperatorTypes.INCLUDES: {
+            return evaluateEntityPropertyCondition(condition, entity, entityValue);
+        }
+        case OperatorTypes.NOTINCLUDES: {
+            return !evaluateEntityPropertyCondition(condition, entity, entityValue);
+        }
+        default:
+            break;
+    }
+    return false;
+};
+var evaluateEntityPropertyCondition = function (condition, entity, entityValue) {
+    if (isEntityPropertyExistance(condition)) {
+        var boolFactor = condition.propertyOperator === OperatorTypes.EXISTS;
+        var value_2 = entityValue[condition.idProperty];
+        if (value_2 !== undefined) {
+            return boolFactor;
+        }
+        return !boolFactor;
+    }
+    var property = entity.steps[condition.idProperty];
+    if (!property || property.type !== condition.propertyType) {
+        return false;
+    }
+    var value = entityValue[condition.idProperty];
+    if (value === undefined)
+        return false;
+    switch (condition.propertyType) {
+        case EntityPropertyTypes.CHECKBOX: {
+            var boolFactor = condition.propertyOperator === OperatorTypes.EQUAL;
+            if (value === condition.propertyValue) {
+                return boolFactor;
+            }
+            return !boolFactor;
+        }
+        case EntityPropertyTypes.DATEPICKER: {
+            var date = new Date(value);
+            if (!(date instanceof Date) || isNaN(date.getTime())) {
+                return condition.propertyOperator === OperatorTypes.NOTEQUAL;
+            }
+            switch (condition.propertyOperator) {
+                case OperatorTypes.EQUAL: {
+                    var propertyDate = new Date(condition.propertyValue);
+                    return date.getTime() === propertyDate.getTime();
+                }
+                case OperatorTypes.NOTEQUAL: {
+                    var propertyDate = new Date(condition.propertyValue);
+                    return date.getTime() !== propertyDate.getTime();
+                }
+                case OperatorTypes.LESS: {
+                    var propertyDate = new Date(condition.propertyValue);
+                    return date.getTime() < propertyDate.getTime();
+                }
+                case OperatorTypes.MORE: {
+                    var propertyDate = new Date(condition.propertyValue);
+                    return date.getTime() > propertyDate.getTime();
+                }
+                case OperatorTypes.PAST_RELATIVE_LESS:
+                case OperatorTypes.PAST_RELATIVE_MORE:
+                case OperatorTypes.FUTURE_RELATIVE_LESS:
+                case OperatorTypes.FUTURE_RELATIVE_MORE: {
+                    var date_1 = getRelativeDate(condition.days, condition.hours, condition.minutes, condition.propertyOperator ===
+                        OperatorTypes.PAST_RELATIVE_LESS ||
+                        condition.propertyOperator ===
+                            OperatorTypes.PAST_RELATIVE_MORE);
+                    if (condition.propertyOperator ===
+                        OperatorTypes.PAST_RELATIVE_LESS ||
+                        condition.propertyOperator ===
+                            OperatorTypes.FUTURE_RELATIVE_LESS)
+                        return new Date().getTime() > date_1.getTime();
+                    else
+                        return new Date().getTime() < date_1.getTime();
+                }
+                default:
+                    false;
+            }
+            return false;
+        }
+        case EntityPropertyTypes.SELECTOR:
+        case EntityPropertyTypes.TEXTAREA:
+        case EntityPropertyTypes.TEXTINPUT: {
+            if (condition.propertyOperator === OperatorTypes.INCLUDES ||
+                condition.propertyOperator === OperatorTypes.NOTINCLUDES) {
+                var words = condition.propertyValues;
+                var regx = "\\b(".concat(words[0].toLowerCase());
+                for (var i = 1; i < words.length; i++) {
+                    regx += "|".concat(words[i].toLowerCase());
+                }
+                regx += ')\\b';
+                if (condition.propertyOperator === OperatorTypes.INCLUDES) {
+                    return new RegExp(regx).test(value.toLowerCase());
+                }
+                else {
+                    return !new RegExp(regx).test(value.toLowerCase());
+                }
+                /** For Inputs and Selectors */
+            }
+            else if (condition.propertyOperator === OperatorTypes.EQUAL) {
+                return (condition.propertyValue.toLowerCase() ===
+                    value.toLowerCase());
+            }
+            else if (condition.propertyOperator === OperatorTypes.NOTEQUAL) {
+                return !(condition.propertyValue.toLowerCase() ===
+                    value.toLowerCase());
+            }
+            return false;
+        }
+        default:
+            break;
+    }
+    return false;
+};
+function isEntityPropertyExistance(condition) {
+    return (condition.propertyOperator === OperatorTypes.EXISTS ||
+        condition.propertyOperator === OperatorTypes.NOTEXISTS);
+}
+export function getRelativeDate(nDays, nHours, nMinutes, subtract, date) {
+    if (nDays === void 0) { nDays = 0; }
+    if (nHours === void 0) { nHours = 0; }
+    if (nMinutes === void 0) { nMinutes = 0; }
+    if (subtract === void 0) { subtract = false; }
+    if (date === void 0) { date = new Date(); }
+    var millis = nDays * 86400000 + nHours * 3600000 + nMinutes * 60000;
+    return new Date(date.getTime() + (subtract ? -millis : millis));
+}

package/dist/FormSteps/StepHooks.js

@@ -202,12 +202,17 @@ export var calcStepDeps = function (step) {
                         dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(option.condition));
                     }
                 }
+                if (step.dialogs)
+                    for (var _e = 0, _f = Object.values(step.dialogs); _e < _f.length; _e++) {
+                        var dialog = _f[_e];
+                        dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(dialog.condition));
+                    }
             }
             break;
         case FormStepTypes.API_SELECTOR:
             {
-                for (var _e = 0, _f = Object.values(step.options); _e < _f.length; _e++) {
-                    var option = _f[_e];
+                for (var _g = 0, _h = Object.values(step.options); _g < _h.length; _g++) {
+                    var option = _h[_g];
                     if (option.type !== ApiSelectorOptionTypes.HIDE &&
                         option.condition) {
                         dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(option.condition));
@@ -217,8 +222,8 @@ export var calcStepDeps = function (step) {
             break;
         case FormStepTypes.SELECTOR:
             {
-                for (var _g = 0, _h = Object.values(step.options); _g < _h.length; _g++) {
-                    var option = _h[_g];
+                for (var _j = 0, _k = Object.values(step.options); _j < _k.length; _j++) {
+                    var option = _k[_j];
                     if (option.condition) {
                         dependencies.push.apply(dependencies, recursivelyCalcConditionSteps(option.condition));
                     }
@@ -242,5 +247,8 @@ export var recursivelyCalcConditionSteps = function (condition) {
         case ConditionTypes.FORM_STEP: {
             return [condition.idStep];
         }
+        case ConditionTypes.ENTITYVALUE: {
+            return [];
+        }
     }
 };

package/dist/Shared/CustomBtn/CustomBtn.d.ts

@@ -1,13 +1,18 @@
 /// <reference types="react" />
 interface CustomBtnProps {
-    label: string;
+    label?: string;
     'data-testid'?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     backgroundColor?: string;
     color?: string;
+    height?: string;
     width?: string;
     disabled?: boolean;
     loading?: boolean;
+    children?: React.ReactNode;
+    padding?: string;
+    borderRadius?: string;
+    contentMargin?: string;
 }
-declare function CustomBtn({ label, onClick, backgroundColor, color, loading, disabled, width, ...others }: CustomBtnProps): JSX.Element;
+declare function CustomBtn({ label, onClick, backgroundColor, color, loading, disabled, height, width, padding, borderRadius, contentMargin, children, ...others }: CustomBtnProps): JSX.Element;
 export default CustomBtn;

package/dist/Shared/CustomBtn/CustomBtn.js

@@ -62,15 +62,20 @@ import styles from './CustomBtn.module.css';
 import Loader from '../Loader/Loader';
 function CustomBtn(_a) {
     var _this = this;
-    var label = _a.label, onClick = _a.onClick, backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.width, width = _d === void 0 ? 'fit-content' : _d, others = __rest(_a, ["label", "onClick", "backgroundColor", "color", "loading", "disabled", "width"]);
-    var _e = useState(undefined), coords = _e[0], setCoords = _e[1];
+    var label = _a.label, onClick = _a.onClick, backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.height, height = _d === void 0 ? 'fit-content' : _d, _e = _a.width, width = _e === void 0 ? 'fit-content' : _e, _f = _a.padding, padding = _f === void 0 ? '15px 30px' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? '20px' : _g, _h = _a.contentMargin, contentMargin = _h === void 0 ? '0px 10px' : _h, children = _a.children, others = __rest(_a, ["label", "onClick", "backgroundColor", "color", "loading", "disabled", "height", "width", "padding", "borderRadius", "contentMargin", "children"]);
+    var _j = useState(undefined), coords = _j[0], setCoords = _j[1];
+    var _k = useState(true), mounted = _k[0], setMounted = _k[1];
     useEffect(function () {
         if (coords)
             setCoords(undefined);
+        return function () { return setMounted(false); };
     }, [label]);
     return (_jsxs("button", __assign({ className: styles.customBtn, style: {
             width: width,
+            height: height,
+            borderRadius: borderRadius,
             background: backgroundColor,
+            padding: padding,
             color: color,
         }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
             var rect;
@@ -80,7 +85,10 @@ function CustomBtn(_a) {
                     x: e.clientX - rect.left,
                     y: e.clientY - rect.top,
                 });
-                setTimeout(function () { return setCoords(undefined); }, 600);
+                setTimeout(function () {
+                    if (mounted)
+                        setCoords(undefined);
+                }, 600);
                 onClick && onClick(e);
                 return [2 /*return*/];
             });
@@ -90,7 +98,8 @@ function CustomBtn(_a) {
                     top: coords.y,
                 } })) : (_jsx(_Fragment, {})), _jsx("div", __assign({ style: {
                     visibility: loading ? 'hidden' : 'visible',
-                    margin: '0px 10px',
-                } }, { children: label })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: color, position: "unset" }) })))] })));
+                    margin: contentMargin,
+                    display: 'flex',
+                } }, { children: children !== null && children !== void 0 ? children : label })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: color, position: "unset" }) })))] })));
 }
 export default CustomBtn;

package/dist/Shared/CustomBtn/CustomBtn.module.css

@@ -1,7 +1,5 @@
 .customBtn {
     max-width: 100%;
-    border-radius: 20px;
-    padding: 15px 30px;
     font-size: 1.4rem;
     cursor: pointer;
     -moz-user-select: none;

package/dist/States/GlobalSlice.d.ts

@@ -1,9 +1,14 @@
 import { FormStyle } from '../@Types/Form';
 import type { PayloadAction } from '@reduxjs/toolkit';
 import { SiteState } from './SiteSlice';
+import { EurekaDraft } from '../@Types/Draft/Draft';
 export interface GlobalState {
     idOrganization: string;
     formStyle: FormStyle;
+    confirmation: {
+        confirmationMessage: EurekaDraft;
+        showLink: boolean;
+    };
     /** If the formsteps can be edited (For internal) */
     editable: boolean;
     preview: boolean;
@@ -21,6 +26,10 @@ export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState,
         formStyle: FormStyle;
         preview: boolean;
         idOrganization: string;
+        confirmation: {
+            confirmationMessage: EurekaDraft;
+            showLink: boolean;
+        };
         internal: boolean;
         dependencies: import("../Form/Form").DependencyStore;
         values: import("./SiteSlice").ValuesStore;

package/dist/States/GlobalSlice.js

@@ -11,9 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import InternalFormStyle from '../constants/InternalFormStyle';
 import { createSlice } from '@reduxjs/toolkit';
+import { BaseConfirmationMessage } from '../Contexts/FormContext';
 var initialState = {
     idOrganization: '',
     formStyle: InternalFormStyle,
+    confirmation: {
+        confirmationMessage: BaseConfirmationMessage,
+        showLink: true,
+    },
     editable: false,
     preview: false,
     postview: false,

package/dist/States/SiteSlice.d.ts

@@ -5,6 +5,7 @@ import { CustomStep } from '../FormSteps/CustomStep';
 import { CBRFormStep } from '../@Types/CBRFormStep';
 import type { PayloadAction } from '@reduxjs/toolkit';
 import { FieldValues } from 'react-hook-form';
+import { Form } from '../@Types';
 export interface SiteState {
     dependencies: DependencyStore;
     values: ValuesStore;
@@ -41,8 +42,27 @@ export declare const SiteSlice: import("@reduxjs/toolkit").Slice<SiteState, {
         };
         type: string;
     }) => void;
-    handlePrevious: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload }: PayloadAction<Record<string, any>>) => void;
-    handleNext: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload }: PayloadAction<Record<string, any>>) => void;
+    handlePrevious: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { values, form }, }: {
+        payload: {
+            values: Record<string, any>;
+            form: Form;
+        };
+        type: string;
+    }) => void;
+    handleNext: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { values, form }, }: {
+        payload: {
+            values: Record<string, any>;
+            form: Form;
+        };
+        type: string;
+    }) => void;
+    updateNestedValues: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { key, values }, }: {
+        payload: {
+            key: string;
+            values: Record<string, any>;
+        };
+        type: string;
+    }) => void;
     focusStep: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload, }: PayloadAction<{
         step: FormStep;
         values: FieldValues;
@@ -61,5 +81,14 @@ export declare const focusStep: import("@reduxjs/toolkit").ActionCreatorWithOpti
 }, "site/addStepsDependencies">, setEmptyDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     step: GBaseStep;
     empty: StepDependency['empty'];
-}, "site/setEmptyDependency">, handlePrevious: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "site/handlePrevious">, handleNext: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "site/handleNext">;
+}, "site/setEmptyDependency">, handlePrevious: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    values: Record<string, any>;
+    form: Form;
+}, "site/handlePrevious">, handleNext: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    values: Record<string, any>;
+    form: Form;
+}, "site/handleNext">, updateNestedValues: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    key: string;
+    values: Record<string, any>;
+}, "site/updateNestedValues">;
 export default SiteSlice;

package/dist/States/SiteSlice.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 var _a;
+import StepTypes from '../constants/FormStepTypes';
 import { createSlice } from '@reduxjs/toolkit';
 import { reset } from './GlobalSlice';
 import { calcDependencies } from '../Form/FormFunctions';
@@ -72,25 +73,41 @@ export var SiteSlice = createSlice({
             calcDependencies(steps, customSteps, allSteps, state.dependencies);
         },
         handlePrevious: function (state, _a) {
-            var payload = _a.payload;
+            var _b = _a.payload, values = _b.values, form = _b.form;
             var previousSections = state.previousSections, nextSections = state.nextSections, idCurrentSection = state.idCurrentSection;
             var idPreviousSection = previousSections.pop();
             if (!idPreviousSection || !idCurrentSection)
                 return;
             nextSections.unshift(idCurrentSection);
-            state.values.sections[idCurrentSection] = payload;
+            addPagedValues(form.steps, values, state.values.sections[idCurrentSection]);
+            state.values.sections[idCurrentSection] = values;
             state.idCurrentSection = idPreviousSection;
         },
         handleNext: function (state, _a) {
-            var payload = _a.payload;
+            var _b = _a.payload, values = _b.values, form = _b.form;
             var previousSections = state.previousSections, nextSections = state.nextSections, idCurrentSection = state.idCurrentSection;
             var idNextSection = nextSections.shift();
             if (!idNextSection || !idCurrentSection)
                 return;
             previousSections.push(idCurrentSection);
-            state.values.sections[idCurrentSection] = payload;
+            addPagedValues(form.steps, values, state.values.sections[idCurrentSection]);
+            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;
+            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];
+                if (idStep.startsWith(key)) {
+                    delete sectionValues[idStep];
+                }
+            }
+            state.values.sections[idCurrentSection] = __assign(__assign({}, sectionValues), values);
+        },
         focusStep: function (state, _a) {
             var payload = _a.payload;
             var idSection = payload === null || payload === void 0 ? void 0 : payload.step.idSection;
@@ -125,5 +142,33 @@ 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;
+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 default SiteSlice;
+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;
+        if (step.type === StepTypes.MAPPER) {
+            var 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];
+                    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 (key.startsWith(idStep + '-') &&
+                            !key.startsWith(idStep + '-' + currentPageElement.id + '-') &&
+                            !values[key]) {
+                            values[key] = original[key];
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/Utils/DraftFunctions.d.ts

@@ -1,3 +1,24 @@
 import { RawDraftContentState } from 'draft-js';
+import { EurekaDraft } from '../@Types/Draft/Draft';
+import { DependencyStore } from '../Form/Form';
+interface FormCache {
+    dependencies: DependencyStore;
+    ticket?: {
+        caseNumber: string;
+    };
+    entityValue?: {
+        _id: string;
+        label: string;
+        [key: string]: any;
+    };
+    company?: {
+        _id: string;
+        label: string;
+        [key: string]: any;
+    };
+    entity?: Record<string, any>;
+}
 export declare function stringToDraft(text: string): RawDraftContentState;
 export declare const getRawText: (draft?: RawDraftContentState, text?: string) => RawDraftContentState;
+export declare function mapDraftEntities(cache: FormCache, draft: EurekaDraft): RawDraftContentState;
+export {};