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

package/dist/Shared/ErkNumberField/ErkNumberField.js

@@ -0,0 +1,170 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
+import { FormControl, FormHelperText, InputAdornment, InputLabel, OutlinedInput, styled, useTheme, } from '@mui/material';
+import { alpha } from '@mui/material/styles';
+import AddIcon from '../../Icons/AddIcon';
+import RemoveIcon from '../../Icons/RemoveIcon';
+// ---------------------------------------------------------------------------
+// Styled FormControl shell — same conventions as ErkTextField / ErkSelect
+// ---------------------------------------------------------------------------
+const StyledFormControl = styled(FormControl)(({ theme, size }) => ({
+    '& .Erk-MuiOutlinedInput-root': {
+        borderRadius: 10,
+        backgroundColor: theme.palette.stepBackgroundColor.default,
+        minHeight: size === 'small' ? 31 : size === 'medium' ? 40 : undefined,
+        '&.Mui-focused .Erk-MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.primary.main,
+            borderWidth: 2,
+        },
+        // ErkNF-readOnly is set manually via className — Mui-readOnly is unreliable here
+        '&:hover:not(.ErkNF-readOnly) .Erk-MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.primary.main,
+        },
+        '&.ErkNF-readOnly.Mui-focused .Erk-MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.outline.main,
+            borderWidth: 1,
+        },
+        '&.ErkNF-readOnly': {
+            cursor: 'default',
+            '& input': { cursor: 'default' },
+        },
+        '& .Erk-MuiOutlinedInput-notchedOutline': {
+            borderRadius: 10,
+            borderColor: theme.palette.outline.main,
+            '& legend': { fontSize: '0.75rem' },
+        },
+    },
+    '& .Erk-MuiOutlinedInput-root.Mui-error .Erk-MuiOutlinedInput-notchedOutline': {
+        borderColor: theme.palette.error.main,
+    },
+    '& .Erk-MuiOutlinedInput-root.Mui-error.Mui-focused .Erk-MuiOutlinedInput-notchedOutline': {
+        borderWidth: 2,
+    },
+    '& .Erk-MuiFormLabel-root': {
+        color: alpha(theme.palette.text.primary, 0.54),
+    },
+    '& label.Mui-focused': { color: theme.palette.primary.main },
+    '& label.Mui-error': { color: theme.palette.error.main },
+    '& .Erk-MuiFormLabel-root:not(.Erk-MuiInputLabel-shrink)': {
+        fontSize: '1rem',
+        transform: `translate(12px, ${size === 'small' ? 5 : 9}px) scale(1)`,
+    },
+    '& .Erk-MuiFormHelperText-root': {
+        color: theme.palette.helperText.primary,
+        minHeight: 20,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+    '& .Erk-MuiFormHelperText-root.Mui-error': { color: theme.palette.error.main },
+    '& input': {
+        fontSize: '1rem',
+        padding: '6px 12px',
+        lineHeight: size === 'small' ? '1.188em' : '1.75em',
+        height: size === 'small' ? '1.188em' : '1.75em',
+        color: theme.palette.text.primary,
+        MozAppearance: 'textfield',
+        '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+            WebkitAppearance: 'none',
+            margin: 0,
+        },
+    },
+}));
+// ---------------------------------------------------------------------------
+// SSR label-shrink hint — muiName='Input' lets FormControl know an input
+// exists so it can compute the initial shrink state before hydration.
+// ---------------------------------------------------------------------------
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function SSRInitialFilled(_props) {
+    return null;
+}
+SSRInitialFilled.muiName = 'Input';
+function SpinnerBtn({ children, style, ...rest }) {
+    const theme = useTheme();
+    const [hovered, setHovered] = React.useState(false);
+    const [active, setActive] = React.useState(false);
+    return (_jsx("button", { type: "button", tabIndex: -1, ...rest, onMouseEnter: (e) => {
+            setHovered(true);
+            rest.onMouseEnter?.(e);
+        }, onMouseLeave: (e) => {
+            setHovered(false);
+            setActive(false);
+            rest.onMouseLeave?.(e);
+        }, onMouseDown: (e) => {
+            setActive(true);
+            rest.onMouseDown?.(e);
+        }, onMouseUp: (e) => {
+            setActive(false);
+            rest.onMouseUp?.(e);
+        }, style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: 22,
+            height: 22,
+            minWidth: 22,
+            padding: 0,
+            border: 'none',
+            borderRadius: 4,
+            background: active
+                ? alpha(theme.palette.primary.main, 0.16)
+                : hovered
+                    ? alpha(theme.palette.primary.main, 0.08)
+                    : 'transparent',
+            cursor: rest.disabled ? 'default' : 'pointer',
+            color: hovered && !rest.disabled ? theme.palette.primary.main : alpha(theme.palette.text.primary, 0.6),
+            flexShrink: 0,
+            transition: 'color 0.15s, background-color 0.15s',
+            opacity: rest.disabled ? 0.35 : 1,
+            pointerEvents: rest.disabled ? 'none' : undefined,
+            ...style,
+        }, children: children }));
+}
+// ---------------------------------------------------------------------------
+// Implementation
+// ---------------------------------------------------------------------------
+function CustomErkNumberField({ value, onChange, label, min, max, step = 1, decimals, required, error, errorBorder, helperText, disabled, readOnly, placeholder, size = 'small', fullWidth = true, suffix, spinner = true, inputRef, }) {
+    const theme = useTheme();
+    const id = React.useId();
+    // Rounds to max decimals on spinner click / arrow key / wheel scrub.
+    // Typing restriction is handled separately inside slotProps.input.onChange.
+    const handleValueChange = (num) => {
+        if (num === null || decimals === undefined) {
+            onChange?.(num);
+            return;
+        }
+        const factor = Math.pow(10, decimals);
+        onChange?.(Math.round(num * factor) / factor);
+    };
+    return (_jsxs(BaseNumberField.Root, { value: value ?? null, onValueChange: handleValueChange, min: min, max: max, step: step, format: decimals !== undefined ? { minimumFractionDigits: 0, maximumFractionDigits: decimals } : undefined, disabled: disabled, readOnly: readOnly, ref: inputRef, render: (rootProps, rootState) => (_jsx(StyledFormControl, { ref: rootProps.ref, size: size, disabled: rootState.disabled, required: required, error: error && !!errorBorder, variant: "outlined", fullWidth: fullWidth, children: rootProps.children })), children: [_jsx(SSRInitialFilled, { value: value ?? undefined }), label && (_jsx(InputLabel, { htmlFor: id, size: size === 'small' ? 'small' : undefined, disabled: disabled, children: label })), _jsx(BaseNumberField.Input, { id: id, render: (inputProps, inputState) => {
+                    return (_jsx(OutlinedInput, { label: label, className: readOnly ? 'ErkNF-readOnly' : undefined, inputRef: inputProps.ref, value: inputState.inputValue, onBlur: inputProps.onBlur, onChange: inputProps.onChange, onKeyUp: inputProps.onKeyUp, onKeyDown: inputProps.onKeyDown, onFocus: inputProps.onFocus, placeholder: placeholder, slotProps: {
+                            input: {
+                                ...inputProps, // Base UI handlers + ref + aria attrs
+                            },
+                        }, endAdornment: suffix || spinner ? (_jsxs(InputAdornment, { position: "end", sx: { gap: '2px', mr: '2px', alignItems: 'center' }, children: [suffix && (_jsx("span", { style: {
+                                        fontSize: 13,
+                                        fontWeight: 600,
+                                        color: theme.palette.primary.main,
+                                        userSelect: 'none',
+                                        whiteSpace: 'nowrap',
+                                        marginRight: spinner ? 2 : 4,
+                                    }, children: suffix })), spinner && (_jsxs(_Fragment, { children: [_jsx(BaseNumberField.Decrement, { render: (decProps) => {
+                                                const { disabled: baseDisabled, ...restDec } = decProps;
+                                                return (_jsx(SpinnerBtn, { ...restDec, disabled: !!readOnly || !!baseDisabled, children: _jsx(RemoveIcon, { size: 14 }) }));
+                                            } }), _jsx(BaseNumberField.Increment, { render: (incProps) => {
+                                                const { disabled: baseDisabled, ...restInc } = incProps;
+                                                return (_jsx(SpinnerBtn, { ...restInc, disabled: !!readOnly || !!baseDisabled, children: _jsx(AddIcon, { size: 14 }) }));
+                                            } })] }))] })) : undefined, sx: { pr: suffix || spinner ? 0 : undefined } }));
+                } }), helperText && _jsx(FormHelperText, { error: error && !!errorBorder, children: helperText })] }));
+}
+/**
+ * Pure number input built on Base UI NumberField + MUI styling.
+ * No form-step system dependency.
+ * Class wrapper for react-hook-form ref compatibility.
+ */
+class ErkNumberField extends React.Component {
+    render() {
+        return _jsx(CustomErkNumberField, { ...this.props });
+    }
+}
+export default ErkNumberField;

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" | "error" | "disabled" | "sx" | "margin" | "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" | "disabled" | "sx" | "margin" | "error" | "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" | "error" | "disabled" | "sx" | "margin" | "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" | "disabled" | "sx" | "margin" | "error" | "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,10 +9,8 @@ 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 }) {
@@ -39,10 +37,6 @@ 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,9 +1,8 @@
 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, apiKey }: NavBarProps): JSX.Element;
+declare function Navbar({ logo, color }: NavBarProps): JSX.Element;
 export default Navbar;

package/dist/Shared/Navbar/Navbar.js

@@ -1,25 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './Navbar.module.css';
-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" }) })] }))] }));
+function Navbar({ logo, color }) {
+    return (_jsx("div", { className: styles.navContainer, style: { backgroundColor: color }, children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) }));
 }
 export default Navbar;

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

@@ -1,22 +1,8 @@
-.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;
-}
+.navContainer {
+    height: 60px;
+    display: flex;
+}
+.navImage {
+    height: 40px;
+    margin: auto 0 auto 15px;
+}

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js

@@ -6,7 +6,6 @@ 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';
@@ -45,18 +44,13 @@ function cleanUpDraftParams(draft) {
         for (const block of draft.blocks) {
             for (const entity of block.entityRanges) {
                 const { offset, length } = entity;
-                // 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('');
+                //Change text into spaces
+                block.text = block.text.replace(block.text.substring(offset, offset + length), ' '.repeat(length));
             }
         }
     });
 }
 const customDecorators = [
-    linkDecorator,
     {
         strategy: FormDecoratorsStrategy,
         component: FormDecorator,

package/dist/States/GlobalSlice.d.ts

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

package/dist/States/GlobalSlice.js

@@ -15,7 +15,6 @@ const initialState = {
     partial: false,
     internal: false,
     loaded: false,
-    user: undefined,
 };
 const _GlobalSlice = createSlice({
     name: 'global',
@@ -24,14 +23,8 @@ 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, setUser } = _GlobalSlice.actions;
+export const { reset } = _GlobalSlice.actions;
 export const GlobalSlice = _GlobalSlice;
 export default GlobalSlice;

package/dist/constants/ErkIconTypes.d.ts

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

package/dist/constants/ErkIconTypes.js

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

package/dist/constants/FormStepTypes.d.ts

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

package/dist/constants/FormStepTypes.js

@@ -25,6 +25,10 @@ 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) {
@@ -69,7 +73,6 @@ 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,8 +1,5 @@
 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 { useCallback, useContext, useEffect, useRef } from 'react';
+import { useContext } from 'react';
 import { IdFormContext } from './Contexts/FormContext';
 import { StoreContext } from './Utils/StoreContext';
 const useSelector = createSelectorHook(StoreContext);
@@ -20,19 +20,3 @@ 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.48-test",
+  "version":"3.0.49-new-steps",
   "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,11 +112,5 @@
   "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/ErkValue.d.ts

@@ -1,16 +0,0 @@
-import ErkValueTypes from '../constants/ErkValueTypes';
-import { EurekaDraft } from './Draft/Draft';
-export type ErkValue = StepErkValue | DraftErkValue | BooleanErkValue;
-interface StepErkValue {
-    type: ErkValueTypes.STEP;
-    idStep: string;
-}
-interface DraftErkValue {
-    type: ErkValueTypes.DRAFT;
-    value: EurekaDraft;
-}
-interface BooleanErkValue {
-    type: ErkValueTypes.BOOLEAN;
-    value: boolean;
-}
-export {};

package/dist/@Types/ErkValue.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,13 +0,0 @@
-/**
- * The currently active user
- */
-export interface User {
-    /** The User's id (if capta agent)*/
-    _id?: string;
-    /** The User's name */
-    name?: string;
-    /** The user's Email*/
-    email: string;
-    /** The expiration of the token */
-    exp: number;
-}

package/dist/@Types/User.js

@@ -1 +0,0 @@
-export {};

package/dist/Icons/EmailIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './@ErkIcon';
-declare function EmailIcon(props: IconProps): JSX.Element;
-export default EmailIcon;

package/dist/Icons/Entities/SchoolIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from '../@ErkIcon';
-declare function SchoolIcon(props: IconProps): JSX.Element;
-export default SchoolIcon;

package/dist/Icons/Entities/SchoolIcon.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useIconProps } from '../@ErkIcon';
-function SchoolIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 13.18v2.81c0 .73.4 1.41 1.04 1.76l5 2.73c.6.33 1.32.33 1.92 0l5-2.73c.64-.35 1.04-1.03 1.04-1.76v-2.81l-6.04 3.3c-.6.33-1.32.33-1.92 0zm6.04-9.66-8.43 4.6c-.69.38-.69 1.38 0 1.76l8.43 4.6c.6.33 1.32.33 1.92 0L21 10.09V16c0 .55.45 1 1 1s1-.45 1-1V9.59c0-.37-.2-.7-.52-.88l-9.52-5.19a2.04 2.04 0 0 0-1.92 0" }) }));
-}
-export default SchoolIcon;

package/dist/Icons/GroupIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './@ErkIcon';
-declare function GroupIcon(props: IconProps): JSX.Element;
-export default GroupIcon;

package/dist/Icons/GroupIcon.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useIconProps } from './@ErkIcon';
-function GroupIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 12.75c1.63 0 3.07.39 4.24.9 1.08.48 1.76 1.56 1.76 2.73V17c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-.61c0-1.18.68-2.26 1.76-2.73 1.17-.52 2.61-.91 4.24-.91M4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58C.48 14.9 0 15.62 0 16.43V17c0 .55.45 1 1 1h3.5v-1.61c0-.83.23-1.61.63-2.29M20 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m4 3.43c0-.81-.48-1.53-1.22-1.85-.85-.37-1.79-.58-2.78-.58-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V18H23c.55 0 1-.45 1-1zM12 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3" }) }));
-}
-export default GroupIcon;

package/dist/Icons/LockedIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './@ErkIcon';
-declare function LockedIcon(props: IconProps): JSX.Element;
-export default LockedIcon;

package/dist/Icons/LockedIcon.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useIconProps } from './@ErkIcon';
-function LockedIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M81.9,49.6c0-9-0.4-9.4-9.3-9.7c0,0,0,0,0,0c0-4,0-9-0.1-12.1C72,16,64.7,8.9,53,8.7c-2,0-4,0-6.1,0  c-13,0.1-20.6,8-20.4,20.9c0,0,0,0.1,0,0.1V40c-0.7,0-1.4,0-2.2,0c-5.8,0-7.1,1.4-7.1,7.2c0,12.3,0.1,24.6-0.1,36.9  c-0.1,4.7,1.8,6.9,6.5,6.9c17.4,0,34.7,0,52.1,0c4.4,0,6.4-2,6.3-6.5C81.8,72.9,81.9,61.3,81.9,49.6z M53.1,67.5v5.8  c0,2-1.6,3.5-3.5,3.5S46,75.2,46,73.3v-5.8c-2.9-1.3-5-4.3-5-7.8c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5  C58.1,63.2,56,66.2,53.1,67.5z M61.7,39.9C61.7,39.9,61.7,39.9,61.7,39.9c-8.1,0-16.1,0.1-24.2,0.1v-8.5c0.1-0.6,0.1-1.2,0.1-1.7  c-0.1-7.3,4-10.3,13-10.1c7.4,0.1,11.1,3.6,11.1,10.6C61.7,33.5,61.7,36.7,61.7,39.9z" }) }));
-}
-export default LockedIcon;