@arquimedes.co/eureka-forms 3.0.47-test → 3.0.48-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/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';
@@ -44,13 +45,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

@@ -58,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

@@ -69,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.47-test",
+  "version":"3.0.48-test",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -21,6 +21,7 @@
     "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",
@@ -111,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
+  }
 }