@arquimedes.co/eureka-forms 3.0.49-new-steps → 3.0.50-test

package/dist/Services/IntegrationService.js

@@ -0,0 +1,22 @@
+import { RootApi } from '../Utils/_api';
+import axiosInstance from '../Utils/AxiosAPI';
+import widgetInstance from '../Utils/AxiosWidget';
+export const IntegrationsApi = RootApi.injectEndpoints({
+    endpoints: (build) => ({
+        fetchFilterIntegration: build.query({
+            queryFn: async ({ idForm, idIntegration, payload }, { getState }) => {
+                const idOrganization = getState().forms[idForm].global.idOrganization;
+                let response;
+                if (idOrganization) {
+                    response = await widgetInstance.post(`/form/integrations/${idIntegration}?idOrganization=${idOrganization}`, payload, { timeout: 120000 });
+                }
+                else {
+                    response = await axiosInstance.post(`/form/integrations/${idIntegration}`, payload, {
+                        timeout: 120000,
+                    });
+                }
+                return { data: response.data };
+            },
+        }),
+    }),
+});

package/dist/Services/UserService.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Function that handles the app's login
+ * @param credentials {email, password} of the user
+ * @returns an array with the users Token and RefreshToken
+ */
+export declare const login: (apiKey: string, credentials: Record<string, string>) => Promise<string>;
+/**
+ * Function that indicates to the server to delete the refresh token
+ */
+export declare const logout: (apiKey: string) => Promise<void>;

package/dist/Services/UserService.js

@@ -0,0 +1,21 @@
+import axiosInstance from '../Utils/AxiosAPI';
+/**
+ * Function that handles the app's login
+ * @param credentials {email, password} of the user
+ * @returns an array with the users Token and RefreshToken
+ */
+export const login = async (apiKey, credentials) => {
+    const response = await axiosInstance.post(`forms/${apiKey}/auth`, credentials);
+    return response?.data;
+};
+/**
+ * Function that indicates to the server to delete the refresh token
+ */
+export const logout = async (apiKey) => {
+    await axiosInstance.delete(`forms/${apiKey}/auth`, {
+        headers: {
+            Authorization: 'Bearer ' + localStorage.getItem('refreshToken'),
+        },
+        timeout: 5000,
+    });
+};

package/dist/Shared/ErkDatePicker/ErkDatePicker.js

@@ -2,9 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { format as dateFnsFormat, isValid } from 'date-fns';
 import { InputAdornment, styled, Dialog as MuiDialog } from '@mui/material';
-import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, usePickerContext, PickerDay as MuiPickerDay, renderTimeViewClock, } from '@mui/x-date-pickers';
+import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, usePickerContext, } from '@mui/x-date-pickers';
+import { PickerDay as MuiPickerDay } from '@mui/x-date-pickers/PickerDay';
 import { StyledTextField } from '../ErkTextField/ErkTextField';
 import CalendarIcon from '../../Icons/CalendarIcon';
+import { renderTimeViewClock } from '@mui/x-date-pickers/timeViewRenderers';
 const StyledDateTimePicker = styled(MuiDateTimePicker, {
     shouldForwardProp: (propName) => propName !== 'size',
 })(({ disabled, readOnly, size }) => ({
@@ -165,11 +167,16 @@ function CustomPickerField({ error, required, helperText, size = 'small', labelM
             },
         } }));
 }
-function CustomDatePicker({ error, required, disabled, readOnly, helperText, size = 'small', labelMargin = 5, pickTime = false, inputRef, 
+function CustomDatePicker({ error, required, disabled, readOnly, helperText, size = 'small', labelMargin = 5, pickTime = false, inputRef, label, 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 orientation: _orientation, ...others }) {
+    // MUI X v9 no longer forwards `required` to the field-slot label when the field is a Material
+    // TextField (the legacy `slots.field` shape used here), so the required asterisk never renders.
+    // The picker's `label` does propagate to the field via the picker context, so bake the marker
+    // into the label to keep the required indicator visible.
+    const displayLabel = required && typeof label === 'string' ? `${label} *` : label;
     if (pickTime) {
-        return (_jsx(StyledDateTimePicker, { ampm: true, size: size, reduceAnimations: true, ...others, disabled: disabled, readOnly: readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, slotProps: {
+        return (_jsx(StyledDateTimePicker, { ampm: true, size: size, reduceAnimations: true, ...others, label: displayLabel, disabled: disabled, readOnly: readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, slotProps: {
                 actionBar: {
                     actions: ['clear', 'accept'],
                 },
@@ -229,7 +236,7 @@ orientation: _orientation, ...others }) {
             } }));
     }
     else {
-        return (_jsx(StyledDatePicker, { ...others, size: size, reduceAnimations: true, readOnly: readOnly, disabled: disabled, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, views: ['year', 'month', 'day'], slotProps: {
+        return (_jsx(StyledDatePicker, { ...others, label: displayLabel, size: size, reduceAnimations: true, readOnly: readOnly, disabled: disabled, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, views: ['year', 'month', 'day'], slotProps: {
                 actionBar: {
                     actions: ['clear', 'accept'],
                 },

package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { PickersShortcutsItem } from '@mui/x-date-pickers';
-import { MobileDateRangePickerProps as MuiDateRangePickerProps, DateRange } from '@mui/x-date-pickers-pro';
+import { MobileDateRangePickerProps as MuiDateRangePickerProps } from '@mui/x-date-pickers-pro/MobileDateRangePicker';
+import { DateRange } from '@mui/x-date-pickers-pro';
+import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
 import { ErkTextFieldProps } from '../ErkTextField/ErkTextField';
 interface ErkDateRangePickerProps extends Omit<MuiDateRangePickerProps, 'ref' | 'onChange' | 'value' | 'slotProps'>, Pick<ErkTextFieldProps, 'error' | 'required' | 'helperText' | 'size'> {
     onChange?: (dateRange: DateRange<Date>) => void;

package/dist/Shared/ErkDateRangePicker/ErkDateRangePicker.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { InputAdornment, styled, Dialog as MuiDialog } from '@mui/material';
 import { DatePickerToolbar as MuiDatePickerToolbar, usePickerContext, } from '@mui/x-date-pickers';
-import { MobileDateRangePicker as MuiDateRangePicker, DateRangePickerDay as MuiDateRangePickerDay, } from '@mui/x-date-pickers-pro';
+import { MobileDateRangePicker as MuiDateRangePicker, } from '@mui/x-date-pickers-pro/MobileDateRangePicker';
+import { DateRangePickerDay as MuiDateRangePickerDay } from '@mui/x-date-pickers-pro';
 import { format, isValid } from 'date-fns';
 import { StyledTextField } from '../ErkTextField/ErkTextField';
 import CalendarIcon from '../../Icons/CalendarIcon';
@@ -123,7 +124,12 @@ const formatDate = (date, showYear) => {
         return '';
     return format(date, showYear ? 'PP' : 'dd MMM');
 };
-function CustomDatePickerRange({ error, disabled, readOnly, helperText, size = 'small', labelMargin = 5, value, onChange, inputRef, shortcuts, ...others }) {
+function CustomDatePickerRange({ error, disabled, readOnly, helperText, size = 'small', labelMargin = 5, value, onChange, inputRef, shortcuts, label, required, ...others }) {
+    // MUI X v9 no longer forwards `required` to the field-slot label when the field is a Material
+    // TextField (the legacy `slots.field` shape used here), so the required asterisk never renders.
+    // The picker's `label` does propagate to the field via the picker context, so bake the marker
+    // into the label to keep the required indicator visible.
+    const displayLabel = required && typeof label === 'string' ? `${label} *` : label;
     const [startDate, endDate] = value ?? [null, null];
     const hasCompleteRange = Boolean(startDate) && Boolean(endDate);
     const showYear = startDate &&
@@ -134,7 +140,7 @@ function CustomDatePickerRange({ error, disabled, readOnly, helperText, size = '
     const formattedStartDate = formatDate(startDate, Boolean(showYear));
     const formattedEndDate = formatDate(endDate, Boolean(showYear));
     const toolbarText = hasCompleteRange ? `${formattedStartDate} – ${formattedEndDate}` : '– –';
-    return (_jsx(StyledDateRangePicker, { ...others, value: value, onChange: onChange, size: size, disabled: disabled, readOnly: readOnly, reduceAnimations: true, showDaysOutsideCurrentMonth: true, slots: {
+    return (_jsx(StyledDateRangePicker, { ...others, label: displayLabel, value: value, onChange: onChange, size: size, disabled: disabled, readOnly: readOnly, reduceAnimations: true, showDaysOutsideCurrentMonth: true, slots: {
             field: CustomRangePickerField,
             day: StyledDay,
             dialog: StyledDialog,
@@ -177,7 +183,7 @@ function CustomDatePickerRange({ error, disabled, readOnly, helperText, size = '
             field: {
                 size,
                 error,
-                required: others.required,
+                required,
                 helperText,
                 labelMargin,
                 fullWidth: true,

package/dist/Shared/ErkSelect/ErkSelect.d.ts

@@ -5,12 +5,12 @@ export interface SelectorStyleProps {
     readOnly?: boolean;
 }
 export declare const StyledSelect: import("@emotion/styled").StyledComponent<(import("@mui/material").FilledSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").StandardSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").OutlinedSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>), {}, {}>;
-export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "required" | "size" | "color" | "children" | "className" | "style" | "classes" | "disabled" | "sx" | "margin" | "error" | "filled" | "variant" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "required" | "size" | "color" | "children" | "className" | "style" | "classes" | "error" | "disabled" | "sx" | "margin" | "filled" | "variant" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: React.ElementType | undefined;
 } & {
     open: boolean;
 }, {}, {}>;
-export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "required" | "children" | "className" | "style" | "classes" | "disabled" | "sx" | "margin" | "error" | "filled" | "variant" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "required" | "children" | "className" | "style" | "classes" | "error" | "disabled" | "sx" | "margin" | "filled" | "variant" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
 export type ErkSelectValue<Type extends string | number, Multiple, Clearable> = Multiple extends true ? Type[] : Clearable extends true ? Type | undefined : Type;

package/dist/Shared/InputIcon/InputIcon.js

@@ -9,8 +9,10 @@ import DocumentIcon from '../../Icons/DocumentIcon';
 import CheckListIcon from '../../Icons/Entities/CheckListIcon';
 import GenericEntityIcon from '../../Icons/Entities/GenericEntityIcon';
 import HandShakeIcon from '../../Icons/Entities/HandshakeIcon';
+import SchoolIcon from '../../Icons/Entities/SchoolIcon';
 import SupplierIcon from '../../Icons/Entities/SupplierIcon';
 import WorkIcon from '../../Icons/Entities/WorkIcon';
+import GroupIcon from '../../Icons/GroupIcon';
 import LocationIcon from '../../Icons/LocationIcon';
 import PersonIcon from '../../Icons/PersonIcon';
 function InputIcon({ icon, ...others }) {
@@ -37,6 +39,10 @@ function InputIcon({ icon, ...others }) {
             return _jsx(CalendarIcon, { size: 23, ...others });
         case ErkIconTypes.WORK:
             return _jsx(WorkIcon, { size: 23, ...others });
+        case ErkIconTypes.SCHOOL:
+            return _jsx(SchoolIcon, { size: 23, ...others });
+        case ErkIconTypes.GROUP:
+            return _jsx(GroupIcon, { size: 23, ...others });
         case ErkIconTypes.LOCATION:
             return _jsx(LocationIcon, { size: 23, ...others });
         case ErkIconTypes.GENERIC:

package/dist/Shared/Navbar/Navbar.d.ts

@@ -1,8 +1,9 @@
 interface NavBarProps {
+    apiKey?: string;
     /** Url of the current logo of the current organization */
     logo?: string;
     /** The color of the navbar */
     color?: string;
 }
-declare function Navbar({ logo, color }: NavBarProps): JSX.Element;
+declare function Navbar({ logo, color, apiKey }: NavBarProps): JSX.Element;
 export default Navbar;

package/dist/Shared/Navbar/Navbar.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import styles from './Navbar.module.css';
-function Navbar({ logo, color }) {
-    return (_jsx("div", { className: styles.navContainer, style: { backgroundColor: color }, children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) }));
+import { IconButton, Avatar, Menu, MenuItem } from '@mui/material';
+import { logout } from '../../Services/UserService';
+import { useAppSelector } from '../../hooks';
+function Navbar({ logo, color, apiKey }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const user = useAppSelector((state) => state.global.user);
+    const handleLogout = async () => {
+        setAnchorEl(null);
+        if (apiKey) {
+            try {
+                await logout(apiKey);
+            }
+            catch (err) {
+                console.error(err);
+            }
+        }
+        localStorage.removeItem('token');
+        window.location.reload();
+    };
+    return (_jsxs("div", { className: styles.navContainer, style: { backgroundColor: color }, children: [_jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }), user && apiKey && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.navBarAvatar, children: _jsx(IconButton, { style: { width: 42, height: 42, padding: 0, margin: 'auto' }, "aria-label": "Mi Perfil", "aria-haspopup": "true", onClick: (event) => setAnchorEl(event.currentTarget), children: _jsx(Avatar, { style: { fontSize: '40px' }, alt: user?.name ?? user?.email }) }) }), _jsx(Menu, { id: "simple-menu", anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, open: Boolean(anchorEl), onClose: () => setAnchorEl(null), children: _jsx(MenuItem, { onClick: () => void handleLogout(), children: "Cerrar sesi\u00F3n" }) })] }))] }));
 }
 export default Navbar;

package/dist/Shared/Navbar/Navbar.module.css

@@ -1,8 +1,22 @@
-.navContainer {
-    height: 60px;
-    display: flex;
-}
-.navImage {
-    height: 40px;
-    margin: auto 0 auto 15px;
-}
+.navContainer {
+    height: 60px;
+    display: flex;
+}
+.navImage {
+    height: 40px;
+    margin: auto 0 auto 15px;
+}
+
+.navBarAvatar {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    margin-right: 15px;
+}
+
+.navBarAvatarIcon {
+    width: 100px;
+    height: 100px;
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ContentBlock, ContentState } from 'draft-js';
+export interface LinkComponentProps {
+    children: React.ReactNode;
+    contentState: ContentState;
+    entityKey?: string;
+    decoratedText: string;
+}
+export declare function LinkComponent({ children, decoratedText }: LinkComponentProps): JSX.Element;
+export declare function findLinkEntities(contentBlock: ContentBlock, callback: (start: number, end: number) => void): void;
+export declare const linkDecorator: {
+    strategy: typeof findLinkEntities;
+    component: typeof LinkComponent;
+};

package/dist/Shared/SmartDraftRenderer/LinkDecorator.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LinkComponent({ children, decoratedText }) {
+    // Add protocol if missing
+    const getHref = (url) => {
+        if (url.startsWith('http://') || url.startsWith('https://')) {
+            return url;
+        }
+        return `https://${url}`;
+    };
+    const handleClick = (e) => {
+        e.preventDefault();
+        window.open(getHref(decoratedText), '_blank', 'noopener,noreferrer');
+    };
+    return (_jsx("a", { 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 {
+        const text = contentBlock.getText();
+        // Return early if no text
+        if (!text)
+            return;
+        // Create a new regex instance for each call to avoid state issues
+        const 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;
+        let matchArr;
+        let start;
+        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 const linkDecorator = {
+    strategy: findLinkEntities,
+    component: LinkComponent,
+};

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js

@@ -6,6 +6,7 @@ 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';
@@ -26,7 +27,8 @@ function SmartDraftRenderer({ draft, margin, onChange, property, dependencies })
     useEffect(() => {
         if (mapped && !postview)
             onChange?.(mapped);
-    }, [mapped, onChange, postview]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- onChange is unstable by design; depending on it loops
+    }, [mapped, postview]);
     const { editorState, isEmpty } = useMemo(() => {
         const content = convertFromRaw(cleanUpDraftParams(isFetching ? draft : (mapped ?? draft)));
         return {
@@ -44,13 +46,18 @@ function cleanUpDraftParams(draft) {
         for (const block of draft.blocks) {
             for (const entity of block.entityRanges) {
                 const { offset, length } = entity;
-                //Change text into spaces
-                block.text = block.text.replace(block.text.substring(offset, offset + length), ' '.repeat(length));
+                // Blank the parameter in place by code point: draft offsets count an
+                // emoji as one, so a positional splice keeps every later offset aligned
+                // (a value-based replace would also blank the wrong text on collisions).
+                const chars = [...block.text];
+                chars.splice(offset, length, ...' '.repeat(length));
+                block.text = chars.join('');
             }
         }
     });
 }
 const customDecorators = [
+    linkDecorator,
     {
         strategy: FormDecoratorsStrategy,
         component: FormDecorator,

package/dist/States/GlobalSlice.d.ts

@@ -3,6 +3,7 @@ import { type Reducer } 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,6 +21,8 @@ export interface GlobalState {
     partial: boolean;
     internal: boolean;
     loaded: boolean;
+    /** Current User */
+    user: User | null | undefined;
 }
 interface GlobalSliceAPI {
     reducer: Reducer<GlobalState>;
@@ -27,6 +30,6 @@ interface GlobalSliceAPI {
     name: string;
     reducerPath: string;
 }
-export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">;
+export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">, setUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<User | null, "global/setUser">;
 export declare const GlobalSlice: GlobalSliceAPI;
 export default GlobalSlice;

package/dist/States/GlobalSlice.js

@@ -15,6 +15,7 @@ const initialState = {
     partial: false,
     internal: false,
     loaded: false,
+    user: undefined,
 };
 const _GlobalSlice = createSlice({
     name: 'global',
@@ -23,8 +24,14 @@ const _GlobalSlice = createSlice({
         reset: (state, action) => {
             return { ...state, ...action.payload, loaded: true };
         },
+        setUser: (state, action) => {
+            state.user = action.payload;
+            if (action.payload?._id) {
+                state.idCurrentAgent = action.payload._id;
+            }
+        },
     },
 });
-export const { reset } = _GlobalSlice.actions;
+export const { reset, setUser } = _GlobalSlice.actions;
 export const GlobalSlice = _GlobalSlice;
 export default GlobalSlice;

package/dist/constants/ErkIconTypes.d.ts

@@ -11,5 +11,7 @@ export declare enum ErkIconTypes {
     GENERIC = "GENERIC",
     LOCATION = "LOCATION",
     CALENDAR = "CALENDAR",
-    WORK = "WORK"
+    WORK = "WORK",
+    SCHOOL = "SCHOOL",
+    GROUP = "GROUP"
 }

package/dist/constants/ErkIconTypes.js

@@ -13,4 +13,6 @@ export var ErkIconTypes;
     ErkIconTypes["LOCATION"] = "LOCATION";
     ErkIconTypes["CALENDAR"] = "CALENDAR";
     ErkIconTypes["WORK"] = "WORK";
+    ErkIconTypes["SCHOOL"] = "SCHOOL";
+    ErkIconTypes["GROUP"] = "GROUP";
 })(ErkIconTypes || (ErkIconTypes = {}));

package/dist/constants/ErkValueTypes.d.ts

@@ -0,0 +1,6 @@
+export declare enum ErkValueTypes {
+    DRAFT = "DRAFT",
+    STEP = "STEP",
+    BOOLEAN = "BOOLEAN"
+}
+export default ErkValueTypes;

package/dist/constants/ErkValueTypes.js

@@ -0,0 +1,7 @@
+export var ErkValueTypes;
+(function (ErkValueTypes) {
+    ErkValueTypes["DRAFT"] = "DRAFT";
+    ErkValueTypes["STEP"] = "STEP";
+    ErkValueTypes["BOOLEAN"] = "BOOLEAN";
+})(ErkValueTypes || (ErkValueTypes = {}));
+export default ErkValueTypes;

package/dist/constants/FormStepTypes.d.ts

@@ -21,11 +21,7 @@ export declare enum FormStepTypes {
     COLLAPSIBLE = "COLLAPSIBLE",
     MAPPER = "MAPPER",
     ENTITYVALUEPICKER = "ENTITYVALUEPICKER",
-    API_SELECTOR = "API_SELECTOR",
-    LOCATION = "LOCATION",
-    NUMBER = "NUMBER",
-    CALENDAR = "CALENDAR",
-    BOOKING = "BOOKING"
+    API_SELECTOR = "API_SELECTOR"
 }
 export declare enum OptionTypes {
     DEFAULT = "DEFAULT",
@@ -62,7 +58,8 @@ export declare enum MapperStyleTypes {
 export declare enum EntityValueDataTypes {
     STEP = "STEP",
     VALUE = "VALUE",
-    CURRENT_AGENT = "CURRENT_AGENT"
+    CURRENT_AGENT = "CURRENT_AGENT",
+    INTEGRATION = "INTEGRATION"
 }
 export declare enum ApiSelectorParamTypes {
     STEP = "STEP",

package/dist/constants/FormStepTypes.js

@@ -25,10 +25,6 @@ export var FormStepTypes;
     FormStepTypes["MAPPER"] = "MAPPER";
     FormStepTypes["ENTITYVALUEPICKER"] = "ENTITYVALUEPICKER";
     FormStepTypes["API_SELECTOR"] = "API_SELECTOR";
-    FormStepTypes["LOCATION"] = "LOCATION";
-    FormStepTypes["NUMBER"] = "NUMBER";
-    FormStepTypes["CALENDAR"] = "CALENDAR";
-    FormStepTypes["BOOKING"] = "BOOKING";
 })(FormStepTypes || (FormStepTypes = {}));
 export var OptionTypes;
 (function (OptionTypes) {
@@ -73,6 +69,7 @@ export var EntityValueDataTypes;
     EntityValueDataTypes["STEP"] = "STEP";
     EntityValueDataTypes["VALUE"] = "VALUE";
     EntityValueDataTypes["CURRENT_AGENT"] = "CURRENT_AGENT";
+    EntityValueDataTypes["INTEGRATION"] = "INTEGRATION";
 })(EntityValueDataTypes || (EntityValueDataTypes = {}));
 export var ApiSelectorParamTypes;
 (function (ApiSelectorParamTypes) {

package/dist/hooks.d.ts

@@ -1,5 +1,8 @@
 import type { TypedUseSelectorHook } from 'react-redux';
 import { type RootState, type AppDispatch } from './Utils/store';
+import { ThunkAction } from '@reduxjs/toolkit';
+import { QueryActionCreatorResult, QueryDefinition, ResultTypeFrom } from '@reduxjs/toolkit/query';
 export declare const useAppDispatch: () => AppDispatch;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;
 export declare const selectBreakPoint: (state: RootState) => number;
+export declare function useApiSubscribe(): <D extends QueryDefinition<any, any, any, any>>(subscription: ThunkAction<QueryActionCreatorResult<D>, any, any, any>) => Promise<ResultTypeFrom<D> | undefined>;

package/dist/hooks.js

@@ -1,6 +1,6 @@
 import { createDispatchHook, createSelectorHook } from 'react-redux';
 import { defaultRootState } from './Utils/store';
-import { useContext } from 'react';
+import { useCallback, useContext, useEffect, useRef } from 'react';
 import { IdFormContext } from './Contexts/FormContext';
 import { StoreContext } from './Utils/StoreContext';
 const useSelector = createSelectorHook(StoreContext);
@@ -20,3 +20,19 @@ export const useAppSelector = (selector, options) => {
     return useSelector((state) => selector(state.forms[idForm] ?? defaultRootState), options);
 };
 export const selectBreakPoint = (state) => state.widthStats.currentBreakPoint;
+export function useApiSubscribe() {
+    const dispatch = useAppDispatch();
+    const subscriptions = useRef([]);
+    useEffect(() => {
+        const subs = subscriptions.current;
+        return () => {
+            subs.forEach((unsubscribe) => unsubscribe());
+        };
+    }, []);
+    const subscribe = useCallback(async (subscription) => {
+        const result = dispatch(subscription);
+        result.unsubscribe();
+        return (await result).data;
+    }, [dispatch]);
+    return subscribe;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.49-new-steps",
+  "version":"3.0.50-test",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -16,12 +16,12 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@base-ui/react": "^1.6.0",
     "@reduxjs/toolkit": "2.11.2",
     "axios": "1.16.0",
     "date-fns": "4.1.0",
     "draft-js": "0.11.7",
     "i18n-iso-countries": "7.14.0",
+    "jwt-decode": "4.0.0",
     "libphonenumber-js": "1.12.42",
     "logrocket": "12.1.1",
     "nanoid": "5.1.11",
@@ -112,5 +112,11 @@
   "main": "./dist/index.lib.js",
   "files": [
     "/dist"
-  ]
+  ],
+  "allowScripts": {
+    "@mui/x-telemetry@9.2.0": true,
+    "core-js@3.49.0": true,
+    "cypress@15.7.1": true,
+    "esbuild@0.27.7": true
+  }
 }

package/dist/@Types/AvailabilityFormStep.d.ts

@@ -1,48 +0,0 @@
-/**
- * @deprecated Renombrado a CalendarFormStep.
- * Este archivo existe solo para compatibilidad retroactiva.
- * Usar `CalendarFormStep.ts` directamente.
- */
-export type { CalendarStep as AvailabilityStep } from './CalendarFormStep';
-export type { CalendarValue as AvailabilityValue } from './CalendarFormStep';
-export { CalendarEventCategory as AvailabilityEventCategory } from './CalendarFormStep';
-export { CalendarDefaultView } from './CalendarFormStep';
-export type { CalendarEventTemplate } from './CalendarFormStep';
-export type { CalendarEvent } from './CalendarFormStep';
-export declare enum AvailabilityMode {
-    WEEKLY = "WEEKLY",
-    SPECIFIC_DATES = "SPECIFIC_DATES",
-    COMBINED = "COMBINED"
-}
-export declare enum AvailabilityDayOfWeek {
-    MONDAY = 1,
-    TUESDAY = 2,
-    WEDNESDAY = 3,
-    THURSDAY = 4,
-    FRIDAY = 5,
-    SATURDAY = 6,
-    SUNDAY = 7
-}
-export interface AvailabilitySlot {
-    start: string;
-    end: string;
-}
-export interface AvailabilityDay {
-    day: AvailabilityDayOfWeek;
-    slots: AvailabilitySlot[];
-    recurrence?: string;
-}
-export interface AvailabilitySpecificDate {
-    date: string;
-    slots: AvailabilitySlot[];
-}
-export interface AvailabilityExclusion {
-    date?: string;
-    dateRange?: {
-        start: string;
-        end: string;
-    };
-    dayOfWeek?: AvailabilityDayOfWeek;
-    slots?: AvailabilitySlot[];
-    reason?: string;
-}