@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

package/dist/Shared/SmartDraftRenderer/LinkDecorator.js

@@ -0,0 +1,60 @@
+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";
+export function LinkComponent(_a) {
+    var children = _a.children, decoratedText = _a.decoratedText;
+    // Add protocol if missing
+    var getHref = function (url) {
+        if (url.startsWith('http://') || url.startsWith('https://')) {
+            return url;
+        }
+        return "https://".concat(url);
+    };
+    var handleClick = function (e) {
+        e.preventDefault();
+        window.open(getHref(decoratedText), '_blank', 'noopener,noreferrer');
+    };
+    return (_jsx("a", __assign({ href: getHref(decoratedText), onClick: handleClick, style: {
+            color: '#1976d2',
+            textDecoration: 'underline',
+            cursor: 'pointer',
+        }, target: "_blank", rel: "noopener noreferrer" }, { children: children })));
+}
+export function findLinkEntities(contentBlock, callback) {
+    try {
+        var text = contentBlock.getText();
+        // Return early if no text
+        if (!text)
+            return;
+        // Create a new regex instance for each call to avoid state issues
+        var urlRegex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/g;
+        var matchArr = void 0;
+        var start = void 0;
+        while ((matchArr = urlRegex.exec(text)) !== null) {
+            start = matchArr.index;
+            callback(start, start + matchArr[0].length);
+            // Prevent infinite loop if regex doesn't advance
+            if (matchArr.index === urlRegex.lastIndex) {
+                urlRegex.lastIndex++;
+            }
+        }
+    }
+    catch (error) {
+        // Fail silently to avoid breaking the editor
+        // eslint-disable-next-line no-console
+        console.warn('LinkDecorator: Error finding link entities:', error);
+    }
+}
+export var linkDecorator = {
+    strategy: findLinkEntities,
+    component: LinkComponent,
+};

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { EurekaDraft } from '../../@Types/Draft/Draft';
+export declare const DraftLoadingContext: React.Context<boolean>;
 interface SmartDraftRendererProps {
     property: string;
     draft: EurekaDraft;
@@ -7,5 +8,5 @@ interface SmartDraftRendererProps {
     dependencies: Record<string, any>;
     onChange?: (value: EurekaDraft) => void;
 }
-declare function SmartDraftRenderer({ draft, margin, onChange, property, dependencies }: SmartDraftRendererProps): JSX.Element;
+declare function SmartDraftRenderer({ draft, margin, onChange, property, dependencies, }: SmartDraftRendererProps): JSX.Element;
 export default SmartDraftRenderer;

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js

@@ -1,56 +1,72 @@
+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 { useContext, useEffect, useMemo } from 'react';
+import { createContext, useContext, useEffect, useMemo } from 'react';
+import { IdFormContext } from '../../App/App';
 import { DraftApi } from '../../Services/DraftService';
 import { convertFromRaw, EditorState } from 'draft-js';
 import { Editor } from 'react-draft-wysiwyg';
 import { produce } from 'immer';
 import CustomContext from '../../Contexts/CustomContext';
 import { FormDecoratorsStrategy, FormDecorator } from './FormDecorator';
+import { linkDecorator } from './LinkDecorator';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { useAppSelector } from '../../hooks';
-import { IdFormContext } from '../../Contexts/FormContext';
-import { DraftLoadingContext } from './DraftLoadingContext';
-function SmartDraftRenderer({ draft, margin, onChange, property, dependencies }) {
-    const idForm = useContext(IdFormContext);
-    const mapDraftEntities = useContext(CustomContext).mapDraftEntities;
-    const postview = useAppSelector((state) => state.global.postview);
-    const hasEntities = useMemo(() => Object.keys(draft.entityMap).length > 0, [draft]);
-    const { data: mapped, isFetching } = DraftApi.useMapDraftQuery(!hasEntities || postview
+export var DraftLoadingContext = createContext(true);
+function SmartDraftRenderer(_a) {
+    var draft = _a.draft, margin = _a.margin, onChange = _a.onChange, property = _a.property, dependencies = _a.dependencies;
+    var idForm = useContext(IdFormContext);
+    var mapDraftEntities = useContext(CustomContext).mapDraftEntities;
+    var postview = useAppSelector(function (state) { return state.global.postview; });
+    var hasEntities = useMemo(function () { return Object.keys(draft.entityMap).length > 0; }, [draft]);
+    var _b = DraftApi.useMapDraftQuery(!hasEntities || postview
         ? skipToken
         : {
-            idForm,
-            property,
-            dependencies,
-            mapDraftEntities,
-        });
-    useEffect(() => {
+            idForm: idForm,
+            property: property,
+            dependencies: dependencies,
+            mapDraftEntities: mapDraftEntities,
+        }), mapped = _b.data, isFetching = _b.isFetching;
+    useEffect(function () {
         if (mapped && !postview)
-            onChange?.(mapped);
-    }, [mapped, onChange, postview]);
-    const { editorState, isEmpty } = useMemo(() => {
-        const content = convertFromRaw(cleanUpDraftParams(isFetching ? draft : (mapped ?? draft)));
+            onChange === null || onChange === void 0 ? void 0 : onChange(mapped);
+    }, [mapped]);
+    var _c = useMemo(function () {
+        var content = convertFromRaw(cleanUpDraftParams(isFetching ? draft : mapped !== null && mapped !== void 0 ? mapped : draft));
         return {
             editorState: EditorState.createWithContent(content),
             isEmpty: !content.hasText(),
         };
-    }, [mapped, draft, isFetching]);
+    }, [mapped, draft, isFetching]), editorState = _c.editorState, isEmpty = _c.isEmpty;
     if (isEmpty)
         return _jsx(_Fragment, {});
-    return (_jsx("div", { style: { margin }, children: _jsx(DraftLoadingContext.Provider, { value: !postview && isFetching, children: _jsx(Editor, { readOnly: true, toolbarHidden: true, editorState: editorState, editorClassName: 'Erk-Forms-Draft', customDecorators: customDecorators }) }) }));
+    return (_jsx("div", __assign({ style: { margin: margin } }, { children: _jsx(DraftLoadingContext.Provider, __assign({ value: !postview && isFetching }, { children: _jsx(Editor, { readOnly: true, toolbarHidden: true, editorState: editorState, editorClassName: 'Erk-Forms-Draft', customDecorators: customDecorators }) })) })));
 }
 export default SmartDraftRenderer;
 function cleanUpDraftParams(draft) {
-    return produce(draft, (draft) => {
-        for (const block of draft.blocks) {
-            for (const entity of block.entityRanges) {
-                const { offset, length } = entity;
+    return produce(draft, function (draft) {
+        for (var _i = 0, _a = draft.blocks; _i < _a.length; _i++) {
+            var block = _a[_i];
+            for (var _b = 0, _c = block.entityRanges; _b < _c.length; _b++) {
+                var entity = _c[_b];
+                var offset = entity.offset, length_1 = entity.length;
                 //Change text into spaces
-                block.text = block.text.replace(block.text.substring(offset, offset + length), ' '.repeat(length));
+                block.text = block.text.replace(block.text.substring(offset, offset + length_1), ' '.repeat(length_1));
             }
         }
     });
 }
-const customDecorators = [
+var customDecorators = [
+    linkDecorator,
     {
         strategy: FormDecoratorsStrategy,
         component: FormDecorator,

package/dist/Shared/Toggle/Toggle.d.ts

@@ -1,9 +1,18 @@
-interface ToggleProps {
+/// <reference types="react" />
+import { SwitchProps } from '@material-ui/core';
+interface StyleProps {
+    /** The color of the toggle */
+    color?: string;
+    /** The color of the toggle when unchecked */
+    baseColor?: string;
+}
+interface RoundedToggleProps extends Omit<SwitchProps, 'color' | 'onChange'>, StyleProps {
+    /** If the toggle is checked */
     checked?: boolean;
-    size?: 'small' | 'medium';
-    onChange?: (checked: boolean) => void | Promise<void>;
+    /** Function to call when the toggle is clicked on */
+    onChange: (checked: boolean) => void;
     /** If the Toggle is disabled */
     disabled?: boolean;
 }
-declare function ErkToggle({ checked, onChange, size, ...others }: ToggleProps): JSX.Element;
-export default ErkToggle;
+declare function RoundedToggle({ color, baseColor, checked, onChange, disabled, size, }: RoundedToggleProps): JSX.Element;
+export default RoundedToggle;

package/dist/Shared/Toggle/Toggle.js

@@ -1,33 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled, Switch as MuiSwitch } from '@mui/material';
-const Styled = styled(MuiSwitch)(({ theme, checked, size }) => ({
-    marginTop: size === 'medium' ? -6 : undefined,
-    marginBottom: size === 'medium' ? -6 : undefined,
-    overflow: 'visible',
-    '& .Erk-MuiSwitch-switchBase': {
-        marginTop: size === 'small' ? -5 : undefined,
-        transform: size === 'small' ? 'translateX(-5px)' : undefined,
-        color: '#b8b8b8',
-        '&.Mui-checked': {
-            transform: size === 'small' ? 'translateX(12px)' : undefined,
-            '& .Erk-MuiSwitch-thumb': {
-                backgroundColor: theme.palette.primary.main,
-            },
+import { makeStyles, Switch } from '@material-ui/core';
+var useStyles = function (props) {
+    var _a;
+    return makeStyles({
+        root: {
+            padding: '6px 12px',
+            height: 26,
         },
-        '& .Erk-MuiSwitch-thumb': {
-            width: size === 'small' ? 16 : 20,
-            height: size === 'small' ? 16 : 20,
+        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,
+            },
         },
-    },
-    '& .Erk-MuiSwitch-track': {
-        backgroundColor: checked ? theme.palette.primary.main : undefined,
-        opacity: checked ? 0.5 : undefined,
-    },
-}));
-function ErkToggle({ checked, onChange, size = 'medium', ...others }) {
-    return (_jsx(Styled, { ...others, checked: checked, onChange: () => {
-            if (onChange)
-                void onChange(!checked);
-        }, size: size }));
+        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);
+        } }));
 }
-export default ErkToggle;
+export default RoundedToggle;

package/dist/States/GlobalSlice.d.ts

@@ -3,6 +3,7 @@ import type { PayloadAction } from '@reduxjs/toolkit';
 import { SiteState } from './SiteSlice';
 import { EurekaDraft } from '../@Types/Draft/Draft';
 import { CountryCode } from 'libphonenumber-js';
+import { User } from '../@Types/User';
 export interface GlobalState {
     apiKey?: string;
     idOrganization: string;
@@ -20,31 +21,35 @@ export interface GlobalState {
     partial: boolean;
     internal: boolean;
     loaded: boolean;
+    /** Current User */
+    user: User | null | undefined;
 }
 export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState, {
-    reset: (state: import("immer").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, "loaded"> & SiteState>) => {
+    reset: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, 'loaded'> & SiteState>) => {
         loaded: true;
         editable: boolean;
         partial: boolean;
-        formStyle: FormStyle;
         postview: boolean;
+        formStyle: FormStyle;
         preview: boolean;
         idOrganization: string;
-        idCurrentAgent?: string;
-        apiKey?: string;
+        idCurrentAgent?: string | undefined;
+        apiKey?: string | undefined;
         countryCode: CountryCode;
         confirmation: {
             confirmationMessage: EurekaDraft;
             showLink: boolean;
         };
         internal: boolean;
+        user: User | null | undefined;
         dependencies: import("../Form/Form").DependencyStore;
         values: import("./SiteSlice").ValuesStore;
         idCurrentSection: string | null;
         previousSections: string[];
         nextSections: string[];
-        focusStep?: string;
+        focusStep?: string | undefined;
     };
-}, "global", "global", import("@reduxjs/toolkit").SliceSelectors<GlobalState>>;
-export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">;
+    setUser: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<User | null>) => void;
+}, "global">;
+export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">, setUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<User | null, "global/setUser">;
 export default GlobalSlice;

package/dist/States/GlobalSlice.js

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

package/dist/States/SiteSlice.d.ts

@@ -19,50 +19,68 @@ export interface ValuesStore {
     sections: Record<string, Record<string, any>>;
 }
 export declare const SiteSlice: import("@reduxjs/toolkit").Slice<SiteState, {
-    setStepDependency: (state: import("immer").WritableDraft<SiteState>, { payload: { step: { id, type, idSection }, value, }, }: PayloadAction<{
-        step: GBaseStep;
-        value: StepDependency["value"];
-    }>) => void;
-    clearDependency: (state: import("immer").WritableDraft<SiteState>, { payload: { id, idSection } }: PayloadAction<GBaseStep>) => void;
-    setEmptyDependency: (state: import("immer").WritableDraft<SiteState>, { payload: { step: { id }, empty, }, }: PayloadAction<{
-        step: GBaseStep;
-        empty: StepDependency["empty"];
-    }>) => void;
-    addStepsDependencies: (state: import("immer").WritableDraft<SiteState>, { payload: { steps, customSteps, allSteps }, }: PayloadAction<{
-        steps: Record<string, FormStep | CBRFormStep>;
-        customSteps: Record<string, CustomStep>;
-        allSteps: Record<string, FormStep | CBRFormStep>;
-    }>) => void;
-    handlePrevious: (state: import("immer").WritableDraft<SiteState>, { payload: { values, form } }: PayloadAction<{
-        values: Record<string, any>;
-        form: Form;
-    }>) => void;
-    handleNext: (state: import("immer").WritableDraft<SiteState>, { payload: { values, form } }: PayloadAction<{
-        values: Record<string, any>;
-        form: Form;
-    }>) => void;
-    updateNestedValues: (state: import("immer").WritableDraft<SiteState>, { payload: { key, values } }: PayloadAction<{
-        key: string;
-        values: Record<string, any>;
-    }>) => void;
-    focusStep: (state: import("immer").WritableDraft<SiteState>, { payload }: PayloadAction<{
+    setStepDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { step: { id, type, idSection }, value, }, }: {
+        payload: {
+            step: GBaseStep;
+            value: StepDependency['value'];
+        };
+        type: string;
+    }) => void;
+    clearDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { id, idSection } }: PayloadAction<GBaseStep>) => void;
+    setEmptyDependency: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { step: { id }, empty, }, }: {
+        payload: {
+            step: GBaseStep;
+            empty: StepDependency['empty'];
+        };
+        type: string;
+    }) => void;
+    addStepsDependencies: (state: import("immer/dist/internal").WritableDraft<SiteState>, { payload: { steps, customSteps, allSteps }, }: {
+        payload: {
+            steps: Record<string, FormStep | CBRFormStep>;
+            customSteps: Record<string, CustomStep>;
+            allSteps: Record<string, FormStep | CBRFormStep>;
+        };
+        type: string;
+    }) => 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;
     } | undefined>) => void;
-}, "site", "site", import("@reduxjs/toolkit").SliceSelectors<SiteState>>;
+}, "site">;
 export declare const focusStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<{
     step: FormStep;
     values: FieldValues;
 } | undefined, "site/focusStep">, clearDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<GBaseStep, "site/clearDependency">, setStepDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     step: GBaseStep;
-    value: StepDependency["value"];
+    value: StepDependency['value'];
 }, "site/setStepDependency">, addStepsDependencies: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     steps: Record<string, FormStep | CBRFormStep>;
     customSteps: Record<string, CustomStep>;
     allSteps: Record<string, FormStep | CBRFormStep>;
 }, "site/addStepsDependencies">, setEmptyDependency: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     step: GBaseStep;
-    empty: StepDependency["empty"];
+    empty: StepDependency['empty'];
 }, "site/setEmptyDependency">, handlePrevious: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     values: Record<string, any>;
     form: Form;