@nocios/crudify-ui 3.0.20 → 3.0.22

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { default as default2 } from "@nocios/crudify-browser";
 export * from "@nocios/crudify-browser";
 
 // src/components/CrudifyLogin/index.tsx
-import { Box as Box6, Typography as Typography6 } from "@mui/material";
+import { Box as Box7, Typography as Typography6 } from "@mui/material";
 
 // src/components/CrudifyLogin/context/I18nProvider.tsx
 import { createContext, useContext, useMemo } from "react";
@@ -391,7 +391,7 @@ var useLoginState = () => {
 };
 
 // src/providers/SessionProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2 } from "react";
+import { createContext as createContext5, useContext as useContext5, useMemo as useMemo2 } from "react";
 
 // src/hooks/useSession.ts
 import { useState as useState3, useEffect as useEffect4, useCallback } from "react";
@@ -1047,10 +1047,147 @@ var isTokenExpired = (token) => {
   }
 };
 
+// src/components/GlobalNotificationProvider.tsx
+import { useState as useState4, createContext as createContext4, useContext as useContext4, useCallback as useCallback2, useEffect as useEffect5 } from "react";
+import { Snackbar, Alert, Box, Portal } from "@mui/material";
+import { v4 as uuidv4 } from "uuid";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var GlobalNotificationContext = createContext4(null);
+var GlobalNotificationProvider = ({
+  children,
+  maxNotifications = 5,
+  defaultAutoHideDuration = 6e3,
+  position = { vertical: "top", horizontal: "right" },
+  enabled = false
+  // ✅ Por defecto DESACTIVADO
+}) => {
+  const [notifications, setNotifications] = useState4([]);
+  const showNotification = useCallback2(
+    (message, severity = "info", options) => {
+      if (!enabled) {
+        return "";
+      }
+      const id = uuidv4();
+      const newNotification = {
+        id,
+        message,
+        severity,
+        autoHideDuration: options?.autoHideDuration ?? defaultAutoHideDuration,
+        persistent: options?.persistent ?? false
+      };
+      setNotifications((prev) => {
+        const updatedNotifications = prev.length >= maxNotifications ? prev.slice(-(maxNotifications - 1)) : prev;
+        return [...updatedNotifications, newNotification];
+      });
+      return id;
+    },
+    [maxNotifications, defaultAutoHideDuration, enabled]
+  );
+  const hideNotification = useCallback2((id) => {
+    setNotifications((prev) => prev.filter((notification) => notification.id !== id));
+  }, []);
+  const clearAllNotifications = useCallback2(() => {
+    setNotifications([]);
+  }, []);
+  const value = {
+    showNotification,
+    hideNotification,
+    clearAllNotifications
+  };
+  return /* @__PURE__ */ jsxs(GlobalNotificationContext.Provider, { value, children: [
+    children,
+    enabled && /* @__PURE__ */ jsx4(Portal, { children: /* @__PURE__ */ jsx4(
+      Box,
+      {
+        sx: {
+          position: "fixed",
+          zIndex: 9999,
+          [position.vertical]: position.vertical === "top" ? 24 : 24,
+          [position.horizontal]: position.horizontal === "right" ? 24 : position.horizontal === "left" ? 24 : "50%",
+          ...position.horizontal === "center" && {
+            transform: "translateX(-50%)"
+          },
+          display: "flex",
+          flexDirection: position.vertical === "top" ? "column" : "column-reverse",
+          gap: 1,
+          maxWidth: "400px",
+          width: "auto"
+        },
+        children: notifications.map((notification) => /* @__PURE__ */ jsx4(NotificationItem, { notification, onClose: () => hideNotification(notification.id) }, notification.id))
+      }
+    ) })
+  ] });
+};
+var NotificationItem = ({ notification, onClose }) => {
+  const [open, setOpen] = useState4(true);
+  const handleClose = useCallback2(
+    (_event, reason) => {
+      if (reason === "clickaway") return;
+      setOpen(false);
+      setTimeout(onClose, 300);
+    },
+    [onClose]
+  );
+  useEffect5(() => {
+    if (!notification.persistent && notification.autoHideDuration) {
+      const timer = setTimeout(() => {
+        handleClose();
+      }, notification.autoHideDuration);
+      return () => clearTimeout(timer);
+    }
+  }, [notification.autoHideDuration, notification.persistent, handleClose]);
+  return /* @__PURE__ */ jsx4(
+    Snackbar,
+    {
+      open,
+      onClose: handleClose,
+      sx: {
+        position: "relative",
+        "& .MuiSnackbarContent-root": {
+          minWidth: "auto"
+        }
+      },
+      TransitionProps: {
+        enter: true,
+        exit: true
+      },
+      children: /* @__PURE__ */ jsx4(
+        Alert,
+        {
+          variant: "filled",
+          severity: notification.severity,
+          onClose: handleClose,
+          sx: {
+            width: "100%",
+            minWidth: "280px",
+            maxWidth: "400px",
+            wordBreak: "break-word"
+          },
+          children: /* @__PURE__ */ jsx4("span", { dangerouslySetInnerHTML: { __html: notification.message } })
+        }
+      )
+    }
+  );
+};
+var useGlobalNotification = () => {
+  const context = useContext4(GlobalNotificationContext);
+  if (!context) {
+    throw new Error("useGlobalNotification debe ser usado dentro de un GlobalNotificationProvider");
+  }
+  return context;
+};
+
 // src/providers/SessionProvider.tsx
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var SessionContext = createContext4(void 0);
-function SessionProvider({ children, options = {}, config: propConfig }) {
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var SessionContext = createContext5(void 0);
+function SessionProvider({
+  children,
+  options = {},
+  config: propConfig,
+  showNotifications = false,
+  // ✅ Por defecto DESACTIVADO
+  notificationOptions = {}
+}) {
   const sessionHook = useSession(options);
   const resolvedConfig = useMemo2(() => {
     let publicApiKey;
@@ -1143,35 +1280,41 @@ function SessionProvider({ children, options = {}, config: propConfig }) {
     sessionData,
     config: resolvedConfig
   };
-  return /* @__PURE__ */ jsx4(SessionContext.Provider, { value: contextValue, children });
+  const notificationConfig = {
+    enabled: showNotifications,
+    maxNotifications: notificationOptions.maxNotifications || 5,
+    defaultAutoHideDuration: notificationOptions.defaultAutoHideDuration || 6e3,
+    position: notificationOptions.position || { vertical: "top", horizontal: "right" }
+  };
+  return /* @__PURE__ */ jsx5(GlobalNotificationProvider, { ...notificationConfig, children: /* @__PURE__ */ jsx5(SessionContext.Provider, { value: contextValue, children }) });
 }
 function useSessionContext() {
-  const context = useContext4(SessionContext);
+  const context = useContext5(SessionContext);
   if (context === void 0) {
     throw new Error("useSessionContext must be used within a SessionProvider");
   }
   return context;
 }
-function ProtectedRoute({ children, fallback = /* @__PURE__ */ jsx4("div", { children: "Please log in to access this content" }), redirectTo }) {
+function ProtectedRoute({ children, fallback = /* @__PURE__ */ jsx5("div", { children: "Please log in to access this content" }), redirectTo }) {
   const { isAuthenticated, isLoading, isInitialized } = useSessionContext();
   if (!isInitialized || isLoading) {
-    return /* @__PURE__ */ jsx4("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx5("div", { children: "Loading..." });
   }
   if (!isAuthenticated) {
     if (redirectTo) {
       redirectTo();
       return null;
     }
-    return /* @__PURE__ */ jsx4(Fragment, { children: fallback });
+    return /* @__PURE__ */ jsx5(Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ jsx4(Fragment, { children });
+  return /* @__PURE__ */ jsx5(Fragment, { children });
 }
 function SessionDebugInfo() {
   const session = useSessionContext();
   if (!session.isInitialized) {
-    return /* @__PURE__ */ jsx4("div", { children: "Session not initialized" });
+    return /* @__PURE__ */ jsx5("div", { children: "Session not initialized" });
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       style: {
@@ -1183,49 +1326,49 @@ function SessionDebugInfo() {
         fontFamily: "monospace"
       },
       children: [
-        /* @__PURE__ */ jsx4("h4", { children: "Session Debug Info" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx4("strong", { children: "Authenticated:" }),
+        /* @__PURE__ */ jsx5("h4", { children: "Session Debug Info" }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: "Authenticated:" }),
           " ",
           session.isAuthenticated ? "Yes" : "No"
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx4("strong", { children: "Loading:" }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: "Loading:" }),
           " ",
           session.isLoading ? "Yes" : "No"
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx4("strong", { children: "Error:" }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: "Error:" }),
           " ",
           session.error || "None"
         ] }),
-        session.tokens && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "Access Token:" }),
+        session.tokens && /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: "Access Token:" }),
             " ",
             session.tokens.accessToken.substring(0, 20),
             "..."
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "Refresh Token:" }),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: "Refresh Token:" }),
             " ",
             session.tokens.refreshToken.substring(0, 20),
             "..."
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "Access Expires In:" }),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: "Access Expires In:" }),
             " ",
             Math.round(session.expiresIn / 1e3 / 60),
             " minutes"
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "Refresh Expires In:" }),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: "Refresh Expires In:" }),
             " ",
             Math.round(session.refreshExpiresIn / 1e3 / 60 / 60),
             " hours"
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "Expiring Soon:" }),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: "Expiring Soon:" }),
             " ",
             session.isExpiringSoon ? "Yes" : "No"
           ] })
@@ -1236,8 +1379,8 @@ function SessionDebugInfo() {
 }
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-import { useEffect as useEffect5, useRef } from "react";
-import { Typography, TextField, Button, Box, CircularProgress, Alert, Link } from "@mui/material";
+import { useEffect as useEffect6, useRef } from "react";
+import { Typography, TextField, Button, Box as Box2, CircularProgress, Alert as Alert2, Link } from "@mui/material";
 
 // src/utils/errorHandler.ts
 var ERROR_CODES = {
@@ -1509,14 +1652,158 @@ function handleCrudifyError(error) {
   ];
 }
 
+// src/utils/errorTranslation.ts
+var ERROR_TRANSLATION_HIERARCHY = [
+  "errors.{category}.{code}",
+  // errors.auth.INVALID_CREDENTIALS
+  "errors.{code}",
+  // errors.INVALID_CREDENTIALS
+  "login.{code}",
+  // login.INVALID_CREDENTIALS (legacy)
+  "error.{code}",
+  // error.INVALID_CREDENTIALS (singular)
+  "messages.{code}",
+  // messages.INVALID_CREDENTIALS
+  "{code}"
+  // INVALID_CREDENTIALS (direct)
+];
+var ERROR_CATEGORY_MAP = {
+  // Authentication errors
+  "INVALID_CREDENTIALS": "auth",
+  "UNAUTHORIZED": "auth",
+  "INVALID_API_KEY": "auth",
+  "USER_NOT_FOUND": "auth",
+  "USER_NOT_ACTIVE": "auth",
+  "NO_PERMISSION": "auth",
+  "SESSION_EXPIRED": "auth",
+  // Data errors
+  "ITEM_NOT_FOUND": "data",
+  "NOT_FOUND": "data",
+  "IN_USE": "data",
+  "DUPLICATE_ENTRY": "data",
+  // Validation errors
+  "FIELD_ERROR": "validation",
+  "BAD_REQUEST": "validation",
+  "INVALID_EMAIL": "validation",
+  "INVALID_CODE": "validation",
+  "REQUIRED_FIELD": "validation",
+  // System errors
+  "INTERNAL_SERVER_ERROR": "system",
+  "DATABASE_CONNECTION_ERROR": "system",
+  "INVALID_CONFIGURATION": "system",
+  "UNKNOWN_OPERATION": "system",
+  "TIMEOUT_ERROR": "system",
+  "NETWORK_ERROR": "system",
+  // Rate limiting
+  "TOO_MANY_REQUESTS": "rate_limit"
+};
+var DEFAULT_ERROR_MESSAGES = {
+  "INVALID_CREDENTIALS": "Invalid username or password",
+  "UNAUTHORIZED": "You are not authorized to perform this action",
+  "USER_NOT_FOUND": "User not found",
+  "ITEM_NOT_FOUND": "Item not found",
+  "FIELD_ERROR": "Invalid field value",
+  "INTERNAL_SERVER_ERROR": "An internal error occurred",
+  "NETWORK_ERROR": "Network connection error",
+  "TIMEOUT_ERROR": "Request timeout",
+  "UNKNOWN_OPERATION": "Unknown operation",
+  "INVALID_EMAIL": "Invalid email format",
+  "INVALID_CODE": "Invalid code",
+  "TOO_MANY_REQUESTS": "Too many requests, please try again later"
+};
+function translateErrorCode(errorCode, config) {
+  const { translateFn, currentLanguage, enableDebug } = config;
+  if (enableDebug) {
+    console.log(`\u{1F50D} [ErrorTranslation] Translating error code: ${errorCode} (lang: ${currentLanguage || "unknown"})`);
+  }
+  const normalizedCode = errorCode.toUpperCase();
+  const category = ERROR_CATEGORY_MAP[normalizedCode];
+  const translationKeys = ERROR_TRANSLATION_HIERARCHY.map((pattern) => {
+    return pattern.replace("{category}", category || "general").replace("{code}", normalizedCode);
+  });
+  if (enableDebug) {
+    console.log(`\u{1F511} [ErrorTranslation] Searching keys:`, translationKeys);
+  }
+  for (const key of translationKeys) {
+    const translated = translateFn(key);
+    if (translated && translated !== key) {
+      if (enableDebug) {
+        console.log(`\u2705 [ErrorTranslation] Found translation at key: ${key} = "${translated}"`);
+      }
+      return translated;
+    }
+  }
+  const defaultMessage = DEFAULT_ERROR_MESSAGES[normalizedCode];
+  if (defaultMessage) {
+    if (enableDebug) {
+      console.log(`\u{1F504} [ErrorTranslation] Using default message: "${defaultMessage}"`);
+    }
+    return defaultMessage;
+  }
+  const friendlyCode = normalizedCode.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (l) => l.toUpperCase());
+  if (enableDebug) {
+    console.log(`\u26A0\uFE0F [ErrorTranslation] No translation found, using friendly code: "${friendlyCode}"`);
+  }
+  return friendlyCode;
+}
+function translateErrorCodes(errorCodes, config) {
+  return errorCodes.map((code) => translateErrorCode(code, config));
+}
+function translateError(error, config) {
+  const { enableDebug } = config;
+  if (enableDebug) {
+    console.log(`\u{1F50D} [ErrorTranslation] Translating error:`, error);
+  }
+  if (error.message && !error.message.includes("Error:") && error.message.length > 0) {
+    if (enableDebug) {
+      console.log(`\u2705 [ErrorTranslation] Using API message: "${error.message}"`);
+    }
+    return error.message;
+  }
+  const translatedCode = translateErrorCode(error.code, config);
+  if (error.field) {
+    return `${error.field}: ${translatedCode}`;
+  }
+  return translatedCode;
+}
+function createErrorTranslator(translateFn, options = {}) {
+  const config = {
+    translateFn,
+    currentLanguage: options.currentLanguage,
+    enableDebug: options.enableDebug || false
+  };
+  return {
+    translateErrorCode: (code) => translateErrorCode(code, config),
+    translateErrorCodes: (codes) => translateErrorCodes(codes, config),
+    translateError: (error) => translateError(error, config),
+    // Método de conveniencia para errores de API
+    translateApiError: (apiResponse) => {
+      if (apiResponse?.data?.response?.status) {
+        return translateErrorCode(apiResponse.data.response.status, config);
+      }
+      if (apiResponse?.status) {
+        return translateErrorCode(apiResponse.status, config);
+      }
+      if (apiResponse?.code) {
+        return translateErrorCode(apiResponse.code, config);
+      }
+      return "Unknown error";
+    }
+  };
+}
+
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
-  const { crudify: crudify6 } = useCrudify();
+  const { crudify: crudify7 } = useCrudify();
   const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
   const { login: sessionLogin } = useSessionContext();
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const usernameInputRef = useRef(null);
+  const errorTranslator = createErrorTranslator(t, {
+    currentLanguage: i18n?.language,
+    enableDebug: process.env.NODE_ENV === "development"
+  });
   const getRedirectUrl = () => {
     if (state.searchParams.redirect) {
       try {
@@ -1529,27 +1816,18 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     }
     return redirectUrl || "/";
   };
-  useEffect5(() => {
+  useEffect6(() => {
     const timer = setTimeout(() => {
       if (usernameInputRef.current) usernameInputRef.current.focus();
     }, 100);
     return () => clearTimeout(timer);
   }, []);
-  const translateError = (parsedError) => {
-    const possibleKeys = [
-      `errors.auth.${parsedError.code}`,
-      `errors.data.${parsedError.code}`,
-      `errors.system.${parsedError.code}`,
-      `errors.${parsedError.code}`,
-      `login.${parsedError.code.toLowerCase()}`
-    ];
-    for (const key of possibleKeys) {
-      const translated = t(key);
-      if (translated !== key) {
-        return translated;
-      }
-    }
-    return parsedError.message || t("error.unknown");
+  const translateError2 = (parsedError) => {
+    return errorTranslator.translateError({
+      code: parsedError.code,
+      message: parsedError.message,
+      field: parsedError.field
+    });
   };
   const handleLogin = async () => {
     if (state.loading) return;
@@ -1579,7 +1857,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     } catch (error) {
       setLoading(false);
       const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
+      const translatedErrors = parsedErrors.map(translateError2);
       setFieldError("global", translatedErrors);
       if (onError) {
         onError(translatedErrors.join(", "));
@@ -1590,10 +1868,10 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     const parsedErrors = handleCrudifyError(response);
     parsedErrors.forEach((error) => {
       if (error.field) {
-        setFieldError(error.field, translateError(error));
+        setFieldError(error.field, translateError2(error));
       } else {
         const currentGlobalErrors = state.errors.global || [];
-        setFieldError("global", [...currentGlobalErrors, translateError(error)]);
+        setFieldError("global", [...currentGlobalErrors, translateError2(error)]);
       }
     });
   };
@@ -1607,9 +1885,9 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
       handleLogin();
     }
   };
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsxs2(
-      Box,
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3(
+      Box2,
       {
         component: "form",
         noValidate: true,
@@ -1617,8 +1895,8 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
         onKeyDown: handleKeyDown,
         sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
         children: [
-          /* @__PURE__ */ jsxs2(Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3(Box2, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsx6(
               Typography,
               {
                 variant: "body2",
@@ -1628,7 +1906,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.usernameOrEmailLabel")
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               TextField,
               {
                 fullWidth: true,
@@ -1647,8 +1925,8 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3(Box2, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsx6(
               Typography,
               {
                 variant: "body2",
@@ -1658,7 +1936,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.passwordLabel")
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               TextField,
               {
                 fullWidth: true,
@@ -1676,7 +1954,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               }
             )
           ] }),
-          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ jsx5(Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ jsx5(
+          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ jsx6(Box2, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ jsx6(
             Link,
             {
               sx: { cursor: "pointer" },
@@ -1688,15 +1966,15 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               children: t("login.forgotPasswordLink")
             }
           ) }),
-          /* @__PURE__ */ jsx5(Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ jsx5(CircularProgress, { size: 20 }) : t("login.loginButton") })
+          /* @__PURE__ */ jsx6(Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ jsx6(CircularProgress, { size: 20 }) : t("login.loginButton") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ jsx5(Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ jsx5("div", { children: error }) }, index)) }),
-    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ jsxs2(Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
+    /* @__PURE__ */ jsx6(Box2, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ jsx6(Alert2, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ jsx6("div", { children: error }) }, index)) }),
+    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ jsxs3(Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
       t("login.noAccountPrompt"),
       " ",
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         Link,
         {
           sx: { cursor: "pointer" },
@@ -1716,19 +1994,19 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
 var LoginForm_default = LoginForm;
 
 // src/components/CrudifyLogin/Forms/ForgotPasswordForm.tsx
-import { useState as useState4 } from "react";
-import { Typography as Typography2, TextField as TextField2, Button as Button2, Box as Box2, CircularProgress as CircularProgress2, Alert as Alert2, Link as Link2 } from "@mui/material";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { Typography as Typography2, TextField as TextField2, Button as Button2, Box as Box3, CircularProgress as CircularProgress2, Alert as Alert3, Link as Link2 } from "@mui/material";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({ onScreenChange, onError }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [email, setEmail] = useState4("");
-  const [loading, setLoading] = useState4(false);
-  const [errors, setErrors] = useState4([]);
-  const [helperTextEmail, setHelperTextEmail] = useState4(null);
-  const [emailSent, setEmailSent] = useState4(false);
-  const [codeAlreadyExists, setCodeAlreadyExists] = useState4(false);
+  const { crudify: crudify7 } = useCrudify();
+  const [email, setEmail] = useState5("");
+  const [loading, setLoading] = useState5(false);
+  const [errors, setErrors] = useState5([]);
+  const [helperTextEmail, setHelperTextEmail] = useState5(null);
+  const [emailSent, setEmailSent] = useState5(false);
+  const [codeAlreadyExists, setCodeAlreadyExists] = useState5(false);
   const { t } = useTranslation();
-  const translateError = (parsedError) => {
+  const translateError2 = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
       `errors.data.${parsedError.code}`,
@@ -1749,7 +2027,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify6) return;
+    if (loading || !crudify7) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -1763,7 +2041,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify6.transaction(data);
+      const response = await crudify7.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -1772,12 +2050,12 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
         }
       } else {
         const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
+        const translatedErrors = parsedErrors.map(translateError2);
         setErrors(translatedErrors);
       }
     } catch (error) {
       const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
+      const translatedErrors = parsedErrors.map(translateError2);
       setErrors(translatedErrors);
       if (onError) {
         onError(translatedErrors.join(", "));
@@ -1805,23 +2083,23 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     onScreenChange?.("checkCode", { email });
   };
   if (emailSent || codeAlreadyExists) {
-    return /* @__PURE__ */ jsx6(Fragment3, { children: /* @__PURE__ */ jsxs3(Box2, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
-      /* @__PURE__ */ jsxs3(Box2, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx6(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
+    return /* @__PURE__ */ jsx7(Fragment3, { children: /* @__PURE__ */ jsxs4(Box3, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
+      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsx7(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
+        /* @__PURE__ */ jsx7(Typography2, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
       ] }),
-      /* @__PURE__ */ jsx6(Button2, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
-      /* @__PURE__ */ jsx6(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx7(Button2, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
+      /* @__PURE__ */ jsx7(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx7(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsxs3(Box2, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ jsxs3(Box2, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx6(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4(Box3, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsx7(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
+        /* @__PURE__ */ jsx7(Typography2, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
       ] }),
-      /* @__PURE__ */ jsxs3(Box2, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ jsx7(
           Typography2,
           {
             variant: "body2",
@@ -1831,7 +2109,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
             children: t("forgotPassword.emailLabel")
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           TextField2,
           {
             fullWidth: true,
@@ -1849,39 +2127,39 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx6(Button2, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx6(CircularProgress2, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
-      /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
-        /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
+      /* @__PURE__ */ jsx7(Button2, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx7(CircularProgress2, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
+      /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ jsx7(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
+        /* @__PURE__ */ jsx7(Typography2, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
+        /* @__PURE__ */ jsx7(Link2, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(Box2, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx6(Alert2, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx7(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ForgotPasswordForm_default = ForgotPasswordForm;
 
 // src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
-import { useState as useState5, useEffect as useEffect6 } from "react";
-import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box3, CircularProgress as CircularProgress3, Alert as Alert3, Link as Link3 } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useState as useState6, useEffect as useEffect7 } from "react";
+import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box4, CircularProgress as CircularProgress3, Alert as Alert4, Link as Link3 } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [newPassword, setNewPassword] = useState5("");
-  const [confirmPassword, setConfirmPassword] = useState5("");
-  const [loading, setLoading] = useState5(false);
-  const [errors, setErrors] = useState5([]);
-  const [helperTextNewPassword, setHelperTextNewPassword] = useState5(null);
-  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = useState5(null);
-  const [email, setEmail] = useState5("");
-  const [code, setCode] = useState5("");
-  const [fromCodeVerification, setFromCodeVerification] = useState5(false);
-  const [validatingCode, setValidatingCode] = useState5(true);
-  const [codeValidated, setCodeValidated] = useState5(false);
-  const [pendingValidation, setPendingValidation] = useState5(null);
-  const [isValidating, setIsValidating] = useState5(false);
+  const { crudify: crudify7 } = useCrudify();
+  const [newPassword, setNewPassword] = useState6("");
+  const [confirmPassword, setConfirmPassword] = useState6("");
+  const [loading, setLoading] = useState6(false);
+  const [errors, setErrors] = useState6([]);
+  const [helperTextNewPassword, setHelperTextNewPassword] = useState6(null);
+  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = useState6(null);
+  const [email, setEmail] = useState6("");
+  const [code, setCode] = useState6("");
+  const [fromCodeVerification, setFromCodeVerification] = useState6(false);
+  const [validatingCode, setValidatingCode] = useState6(true);
+  const [codeValidated, setCodeValidated] = useState6(false);
+  const [pendingValidation, setPendingValidation] = useState6(null);
+  const [isValidating, setIsValidating] = useState6(false);
   const { t } = useTranslation();
-  const translateError = (parsedError) => {
+  const translateError2 = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
       `errors.data.${parsedError.code}`,
@@ -1904,7 +2182,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
     return searchParams[key] || null;
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (!searchParams) {
       return;
     }
@@ -1946,9 +2224,9 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     setErrors([t("resetPassword.invalidCode")]);
     setValidatingCode(false);
     setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-  }, [searchParams, crudify6, t, onScreenChange]);
-  useEffect6(() => {
-    if (crudify6 && pendingValidation && !isValidating) {
+  }, [searchParams, crudify7, t, onScreenChange]);
+  useEffect7(() => {
+    if (crudify7 && pendingValidation && !isValidating) {
       setIsValidating(true);
       const validateCode = async (emailToValidate, codeToValidate) => {
         try {
@@ -1958,7 +2236,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
               data: { email: emailToValidate, codePassword: codeToValidate }
             }
           ];
-          const response = await crudify6.transaction(data);
+          const response = await crudify7.transaction(data);
           if (response.data && Array.isArray(response.data)) {
             const validationResult = response.data[0];
             if (validationResult && validationResult.response && validationResult.response.status === "OK") {
@@ -1970,13 +2248,13 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             setCodeValidated(true);
           } else {
             const parsedErrors = handleCrudifyError(response);
-            const translatedErrors = parsedErrors.map(translateError);
+            const translatedErrors = parsedErrors.map(translateError2);
             setErrors(translatedErrors);
             setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
           }
         } catch (error) {
           const parsedErrors = handleCrudifyError(error);
-          const translatedErrors = parsedErrors.map(translateError);
+          const translatedErrors = parsedErrors.map(translateError2);
           setErrors(translatedErrors);
           setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
         } finally {
@@ -1987,7 +2265,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
       };
       validateCode(pendingValidation.email, pendingValidation.code);
     }
-  }, [crudify6, pendingValidation, t, onScreenChange]);
+  }, [crudify7, pendingValidation, t, onScreenChange]);
   const validatePassword = (password) => {
     if (password.length < 8) {
       return t("resetPassword.passwordTooShort");
@@ -1995,7 +2273,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     return null;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify6) return;
+    if (loading || !crudify7) return;
     setErrors([]);
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -2026,7 +2304,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify6.transaction(data);
+      const response = await crudify7.transaction(data);
       if (response.success) {
         setErrors([]);
         setTimeout(() => {
@@ -2034,12 +2312,12 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
         }, 1e3);
       } else {
         const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
+        const translatedErrors = parsedErrors.map(translateError2);
         setErrors(translatedErrors);
       }
     } catch (error) {
       const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
+      const translatedErrors = parsedErrors.map(translateError2);
       setErrors(translatedErrors);
       if (onError) {
         onError(translatedErrors.join(", "));
@@ -2055,19 +2333,19 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
   };
   if (validatingCode) {
-    return /* @__PURE__ */ jsx7(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ jsx7(CircularProgress3, {}) });
+    return /* @__PURE__ */ jsx8(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ jsx8(CircularProgress3, {}) });
   }
   if (!codeValidated) {
-    return /* @__PURE__ */ jsx7(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
+    return /* @__PURE__ */ jsx8(Box4, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx8(Alert4, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
   }
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsxs4(Box3, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx7(Typography3, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
-        /* @__PURE__ */ jsx7(Typography3, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsxs5(Box4, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsx8(Typography3, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
+        /* @__PURE__ */ jsx8(Typography3, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
       ] }),
-      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ jsx8(
           Typography3,
           {
             variant: "body2",
@@ -2077,7 +2355,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.newPasswordLabel")
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           TextField3,
           {
             fullWidth: true,
@@ -2095,8 +2373,8 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ jsx8(
           Typography3,
           {
             variant: "body2",
@@ -2106,7 +2384,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.confirmPasswordLabel")
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           TextField3,
           {
             fullWidth: true,
@@ -2124,25 +2402,25 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           }
         )
       ] }),
-      /* @__PURE__ */ jsx7(Button3, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx7(CircularProgress3, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
-      /* @__PURE__ */ jsx7(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx7(Link3, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx8(Button3, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx8(CircularProgress3, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
+      /* @__PURE__ */ jsx8(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx8(Link3, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ jsx7(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx8(Box4, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx8(Alert4, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ResetPasswordForm_default = ResetPasswordForm;
 
 // src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
-import { useState as useState6, useEffect as useEffect7 } from "react";
-import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box4, CircularProgress as CircularProgress4, Alert as Alert4, Link as Link4 } from "@mui/material";
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState7, useEffect as useEffect8 } from "react";
+import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box5, CircularProgress as CircularProgress4, Alert as Alert5, Link as Link4 } from "@mui/material";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [code, setCode] = useState6("");
-  const [loading, setLoading] = useState6(false);
-  const [errors, setErrors] = useState6([]);
-  const [helperTextCode, setHelperTextCode] = useState6(null);
-  const [email, setEmail] = useState6("");
+  const { crudify: crudify7 } = useCrudify();
+  const [code, setCode] = useState7("");
+  const [loading, setLoading] = useState7(false);
+  const [errors, setErrors] = useState7([]);
+  const [helperTextCode, setHelperTextCode] = useState7(null);
+  const [email, setEmail] = useState7("");
   const { t } = useTranslation();
   const getParam = (key) => {
     if (!searchParams) return null;
@@ -2151,7 +2429,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
     return searchParams[key] || null;
   };
-  const translateError = (parsedError) => {
+  const translateError2 = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
       `errors.data.${parsedError.code}`,
@@ -2167,7 +2445,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
     return parsedError.message || t("error.unknown");
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const emailParam = getParam("email");
     if (emailParam) {
       setEmail(emailParam);
@@ -2176,7 +2454,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   }, [searchParams, onScreenChange]);
   const handleSubmit = async () => {
-    if (loading || !crudify6) return;
+    if (loading || !crudify7) return;
     setErrors([]);
     setHelperTextCode(null);
     if (!code) {
@@ -2195,18 +2473,18 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify6.transaction(data);
+      const response = await crudify7.transaction(data);
       if (response.success) {
         onScreenChange?.("resetPassword", { email, code, fromCodeVerification: "true" });
       } else {
         const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
+        const translatedErrors = parsedErrors.map(translateError2);
         setErrors(translatedErrors);
         setLoading(false);
       }
     } catch (error) {
       const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
+      const translatedErrors = parsedErrors.map(translateError2);
       setErrors(translatedErrors);
       setLoading(false);
       if (onError) {
@@ -2221,14 +2499,14 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     const value = event.target.value.replace(/\D/g, "").slice(0, 6);
     setCode(value);
   };
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    /* @__PURE__ */ jsxs5(Box4, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx8(Typography4, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
-        /* @__PURE__ */ jsx8(Typography4, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    /* @__PURE__ */ jsxs6(Box5, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsxs6(Box5, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsx9(Typography4, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
+        /* @__PURE__ */ jsx9(Typography4, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
       ] }),
-      /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs6(Box5, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ jsx9(
           Typography4,
           {
             variant: "body2",
@@ -2238,7 +2516,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
             children: t("checkCode.codeLabel")
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           TextField4,
           {
             fullWidth: true,
@@ -2259,7 +2537,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         Button4,
         {
           disabled: loading || code.length !== 6,
@@ -2269,25 +2547,25 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           variant: "contained",
           color: "primary",
           sx: { mt: 2, mb: 2 },
-          children: loading ? /* @__PURE__ */ jsx8(CircularProgress4, { size: 20 }) : t("checkCode.verifyButton")
+          children: loading ? /* @__PURE__ */ jsx9(CircularProgress4, { size: 20 }) : t("checkCode.verifyButton")
         }
       ),
-      /* @__PURE__ */ jsx8(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx8(Link4, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx9(Box5, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx9(Link4, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ jsx8(Box4, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx8(Alert4, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx9(Box5, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx9(Alert5, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var CheckCodeForm_default = CheckCodeForm;
 
 // src/components/CrudifyLogin/components/CrudifyInitializer.tsx
-import { Box as Box5, CircularProgress as CircularProgress5, Alert as Alert5, Typography as Typography5 } from "@mui/material";
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box6, CircularProgress as CircularProgress5, Alert as Alert6, Typography as Typography5 } from "@mui/material";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var CrudifyInitializer = ({ children, fallback }) => {
   const { isLoading, error, isInitialized } = useCrudify();
   const { t } = useTranslation();
   if (isLoading) {
-    return fallback || /* @__PURE__ */ jsxs6(
-      Box5,
+    return fallback || /* @__PURE__ */ jsxs7(
+      Box6,
       {
         sx: {
           display: "flex",
@@ -2298,14 +2576,14 @@ var CrudifyInitializer = ({ children, fallback }) => {
           gap: 2
         },
         children: [
-          /* @__PURE__ */ jsx9(CircularProgress5, {}),
-          /* @__PURE__ */ jsx9(Typography5, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
+          /* @__PURE__ */ jsx10(CircularProgress5, {}),
+          /* @__PURE__ */ jsx10(Typography5, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
         ]
       }
     );
   }
   if (error) {
-    return /* @__PURE__ */ jsx9(Alert5, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", children: [
+    return /* @__PURE__ */ jsx10(Alert6, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", children: [
       t("login.initializationError") !== "login.initializationError" ? t("login.initializationError") : "Initialization error",
       ":",
       " ",
@@ -2313,13 +2591,13 @@ var CrudifyInitializer = ({ children, fallback }) => {
     ] }) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ jsx9(Alert5, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx9(Typography5, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
+    return /* @__PURE__ */ jsx10(Alert6, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx10(Typography5, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
   }
-  return /* @__PURE__ */ jsx9(Fragment6, { children });
+  return /* @__PURE__ */ jsx10(Fragment6, { children });
 };
 
 // src/components/CrudifyLogin/index.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var CrudifyLoginInternal = ({
   onScreenChange,
   onExternalNavigate,
@@ -2349,11 +2627,11 @@ var CrudifyLoginInternal = ({
     };
     switch (state.currentScreen) {
       case "forgotPassword":
-        return /* @__PURE__ */ jsx10(ForgotPasswordForm_default, { ...commonProps });
+        return /* @__PURE__ */ jsx11(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ jsx10(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
+        return /* @__PURE__ */ jsx11(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
       case "resetPassword":
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx11(
           ResetPasswordForm_default,
           {
             ...commonProps,
@@ -2364,11 +2642,11 @@ var CrudifyLoginInternal = ({
           }
         );
       default:
-        return /* @__PURE__ */ jsx10(LoginForm_default, { ...commonProps, onLoginSuccess });
+        return /* @__PURE__ */ jsx11(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };
-  return /* @__PURE__ */ jsxs7(CrudifyInitializer, { children: [
-    /* @__PURE__ */ jsx10(Box6, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs8(CrudifyInitializer, { children: [
+    /* @__PURE__ */ jsx11(Box7, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx11(
       "img",
       {
         src: config.logo || "/nocios-default.png",
@@ -2384,7 +2662,7 @@ var CrudifyLoginInternal = ({
         }
       }
     ) }),
-    config.appName && /* @__PURE__ */ jsx10(
+    config.appName && /* @__PURE__ */ jsx11(
       Typography6,
       {
         variant: "h6",
@@ -2409,13 +2687,13 @@ var CrudifyLogin = ({
   ...props
 }) => {
   const { config } = useSessionContext();
-  return /* @__PURE__ */ jsx10(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ jsx10(CrudifyProvider, { config, children: /* @__PURE__ */ jsx10(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ jsx10(CrudifyLoginInternal, { ...props }) }) }) });
+  return /* @__PURE__ */ jsx11(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ jsx11(CrudifyProvider, { config, children: /* @__PURE__ */ jsx11(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ jsx11(CrudifyLoginInternal, { ...props }) }) }) });
 };
 var CrudifyLogin_default = CrudifyLogin;
 
 // src/components/UserProfile/UserProfileDisplay.tsx
 import {
-  Box as Box7,
+  Box as Box8,
   Card,
   CardContent,
   Typography as Typography7,
@@ -2423,7 +2701,7 @@ import {
   Avatar,
   Divider,
   CircularProgress as CircularProgress6,
-  Alert as Alert6,
+  Alert as Alert7,
   List,
   ListItem,
   ListItemText,
@@ -2444,25 +2722,25 @@ import {
 } from "@mui/icons-material";
 
 // src/hooks/useUserProfile.ts
-import { useState as useState7, useEffect as useEffect8, useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useState as useState8, useEffect as useEffect9, useCallback as useCallback3, useRef as useRef2 } from "react";
 import crudify3 from "@nocios/crudify-browser";
 var useUserProfile = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
-  const [userProfile, setUserProfile] = useState7(null);
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [extendedData, setExtendedData] = useState7({});
+  const [userProfile, setUserProfile] = useState8(null);
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
+  const [extendedData, setExtendedData] = useState8({});
   const abortControllerRef = useRef2(null);
   const mountedRef = useRef2(true);
   const requestIdRef = useRef2(0);
   const retryCountRef = useRef2(0);
-  const clearProfile = useCallback2(() => {
+  const clearProfile = useCallback3(() => {
     setUserProfile(null);
     setError(null);
     setLoading(false);
     setExtendedData({});
   }, []);
-  const refreshProfile = useCallback2(async () => {
+  const refreshProfile = useCallback3(async () => {
     const userEmail = getCurrentUserEmail();
     if (!userEmail) {
       if (mountedRef.current) {
@@ -2563,12 +2841,12 @@ var useUserProfile = (options = {}) => {
       }
     }
   }, [retryOnError, maxRetries]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (autoFetch) {
       refreshProfile();
     }
   }, [autoFetch, refreshProfile]);
-  useEffect8(() => {
+  useEffect9(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2589,8 +2867,8 @@ var useUserProfile = (options = {}) => {
 };
 
 // src/components/UserProfile/UserProfileDisplay.tsx
-import { useState as useState8 } from "react";
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var UserProfileDisplay = ({
   showExtendedData = true,
   showProfileCard = true,
@@ -2601,19 +2879,19 @@ var UserProfileDisplay = ({
     retryOnError: true,
     maxRetries: 3
   });
-  const [showAllFields, setShowAllFields] = useState8(false);
+  const [showAllFields, setShowAllFields] = useState9(false);
   if (loading) {
-    return /* @__PURE__ */ jsxs8(Box7, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
-      /* @__PURE__ */ jsx11(CircularProgress6, {}),
-      /* @__PURE__ */ jsx11(Typography7, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
+    return /* @__PURE__ */ jsxs9(Box8, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
+      /* @__PURE__ */ jsx12(CircularProgress6, {}),
+      /* @__PURE__ */ jsx12(Typography7, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs8(
-      Alert6,
+    return /* @__PURE__ */ jsxs9(
+      Alert7,
       {
         severity: "error",
-        action: /* @__PURE__ */ jsx11(IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ jsx11(Typography7, { variant: "caption", children: "Reintentar" }) }),
+        action: /* @__PURE__ */ jsx12(IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ jsx12(Typography7, { variant: "caption", children: "Reintentar" }) }),
         children: [
           "Error al cargar el perfil: ",
           error
@@ -2622,7 +2900,7 @@ var UserProfileDisplay = ({
     );
   }
   if (!userProfile) {
-    return /* @__PURE__ */ jsx11(Alert6, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
+    return /* @__PURE__ */ jsx12(Alert7, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
   }
   const displayData = extendedData?.displayData || {};
   const totalFields = extendedData?.totalFields || 0;
@@ -2648,11 +2926,11 @@ var UserProfileDisplay = ({
     return String(value);
   };
   const basicFields = [
-    { key: "id", label: "ID", icon: /* @__PURE__ */ jsx11(Badge, {}) },
-    { key: "email", label: "Email", icon: /* @__PURE__ */ jsx11(Email, {}) },
-    { key: "username", label: "Usuario", icon: /* @__PURE__ */ jsx11(Person, {}) },
-    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ jsx11(AccountCircle, {}) },
-    { key: "role", label: "Rol", icon: /* @__PURE__ */ jsx11(Security, {}) }
+    { key: "id", label: "ID", icon: /* @__PURE__ */ jsx12(Badge, {}) },
+    { key: "email", label: "Email", icon: /* @__PURE__ */ jsx12(Email, {}) },
+    { key: "username", label: "Usuario", icon: /* @__PURE__ */ jsx12(Person, {}) },
+    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ jsx12(AccountCircle, {}) },
+    { key: "role", label: "Rol", icon: /* @__PURE__ */ jsx12(Security, {}) }
   ];
   const extendedFields = [
     { key: "firstName", label: "Nombre" },
@@ -2664,10 +2942,10 @@ var UserProfileDisplay = ({
   ];
   const knownFields = [...basicFields.map((f) => f.key), ...extendedFields.map((f) => f.key), "permissions"];
   const customFields = Object.keys(displayData).filter((key) => !knownFields.includes(key)).map((key) => ({ key, label: key }));
-  return /* @__PURE__ */ jsxs8(Box7, { children: [
-    showProfileCard && /* @__PURE__ */ jsx11(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs8(CardContent, { children: [
-      /* @__PURE__ */ jsxs8(Box7, { display: "flex", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs9(Box8, { children: [
+    showProfileCard && /* @__PURE__ */ jsx12(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs9(CardContent, { children: [
+      /* @__PURE__ */ jsxs9(Box8, { display: "flex", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ jsx12(
           Avatar,
           {
             src: displayData.avatar,
@@ -2675,10 +2953,10 @@ var UserProfileDisplay = ({
             children: displayData.fullName?.[0] || displayData.username?.[0] || displayData.email?.[0]
           }
         ),
-        /* @__PURE__ */ jsxs8(Box7, { children: [
-          /* @__PURE__ */ jsx11(Typography7, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
-          /* @__PURE__ */ jsx11(Typography7, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
-          displayData.isActive !== void 0 && /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs9(Box8, { children: [
+          /* @__PURE__ */ jsx12(Typography7, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
+          /* @__PURE__ */ jsx12(Typography7, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
+          displayData.isActive !== void 0 && /* @__PURE__ */ jsx12(
             Chip,
             {
               label: displayData.isActive ? "Activo" : "Inactivo",
@@ -2689,35 +2967,35 @@ var UserProfileDisplay = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx11(Box7, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
-        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ jsxs8(Box7, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx11(Box7, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
-          /* @__PURE__ */ jsxs8(Box7, { children: [
-            /* @__PURE__ */ jsx11(Typography7, { variant: "caption", color: "text.secondary", children: label }),
-            /* @__PURE__ */ jsx11(Typography7, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
+      /* @__PURE__ */ jsx12(Box8, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
+        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ jsxs9(Box8, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ jsx12(Box8, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
+          /* @__PURE__ */ jsxs9(Box8, { children: [
+            /* @__PURE__ */ jsx12(Typography7, { variant: "caption", color: "text.secondary", children: label }),
+            /* @__PURE__ */ jsx12(Typography7, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
           ] })
         ] }, key) : null
       ) }),
-      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ jsxs8(Box7, { mt: 2, children: [
-        /* @__PURE__ */ jsx11(Typography7, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
-        /* @__PURE__ */ jsxs8(Box7, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
-          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ jsx11(Chip, { label: permission, size: "small", variant: "outlined" }, index)),
-          displayData.permissions.length > 5 && /* @__PURE__ */ jsx11(Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
+      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ jsxs9(Box8, { mt: 2, children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
+        /* @__PURE__ */ jsxs9(Box8, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
+          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ jsx12(Chip, { label: permission, size: "small", variant: "outlined" }, index)),
+          displayData.permissions.length > 5 && /* @__PURE__ */ jsx12(Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
         ] })
       ] })
     ] }) }),
-    showExtendedData && /* @__PURE__ */ jsx11(Card, { children: /* @__PURE__ */ jsxs8(CardContent, { children: [
-      /* @__PURE__ */ jsxs8(Box7, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ jsxs8(Typography7, { variant: "h6", display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx11(Info, { sx: { mr: 1 } }),
+    showExtendedData && /* @__PURE__ */ jsx12(Card, { children: /* @__PURE__ */ jsxs9(CardContent, { children: [
+      /* @__PURE__ */ jsxs9(Box8, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ jsxs9(Typography7, { variant: "h6", display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ jsx12(Info, { sx: { mr: 1 } }),
           "Informaci\xF3n Detallada"
         ] }),
-        /* @__PURE__ */ jsx11(Chip, { label: `${totalFields} campos totales`, size: "small" })
+        /* @__PURE__ */ jsx12(Chip, { label: `${totalFields} campos totales`, size: "small" })
       ] }),
-      /* @__PURE__ */ jsxs8(List, { dense: true, children: [
-        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ jsxs8(ListItem, { divider: true, children: [
-          /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Schedule, { fontSize: "small" }) }),
-          /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs9(List, { dense: true, children: [
+        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ jsxs9(ListItem, { divider: true, children: [
+          /* @__PURE__ */ jsx12(ListItemIcon, { children: /* @__PURE__ */ jsx12(Schedule, { fontSize: "small" }) }),
+          /* @__PURE__ */ jsx12(
             ListItemText,
             {
               primary: label,
@@ -2725,22 +3003,22 @@ var UserProfileDisplay = ({
             }
           )
         ] }, key)),
-        customFields.length > 0 && /* @__PURE__ */ jsxs8(Fragment7, { children: [
-          /* @__PURE__ */ jsx11(Divider, { sx: { my: 1 } }),
-          /* @__PURE__ */ jsx11(ListItem, { children: /* @__PURE__ */ jsx11(
+        customFields.length > 0 && /* @__PURE__ */ jsxs9(Fragment7, { children: [
+          /* @__PURE__ */ jsx12(Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsx12(ListItem, { children: /* @__PURE__ */ jsx12(
             ListItemText,
             {
-              primary: /* @__PURE__ */ jsxs8(Box7, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ jsxs8(Typography7, { variant: "subtitle2", children: [
+              primary: /* @__PURE__ */ jsxs9(Box8, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ jsxs9(Typography7, { variant: "subtitle2", children: [
                   "Campos Personalizados (",
                   customFields.length,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx11(IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ jsx11(ExpandLess, {}) : /* @__PURE__ */ jsx11(ExpandMore, {}) })
+                /* @__PURE__ */ jsx12(IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ jsx12(ExpandLess, {}) : /* @__PURE__ */ jsx12(ExpandMore, {}) })
               ] })
             }
           ) }),
-          /* @__PURE__ */ jsx11(Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ jsx11(ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ jsx12(ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ jsx12(
             ListItemText,
             {
               primary: label,
@@ -2749,12 +3027,12 @@ var UserProfileDisplay = ({
           ) }, key)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8(Box7, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ jsxs8(Typography7, { variant: "caption", color: "text.secondary", children: [
+      /* @__PURE__ */ jsxs9(Box8, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxs9(Typography7, { variant: "caption", color: "text.secondary", children: [
           "\xDAltima actualizaci\xF3n: ",
           formatDate(displayData.updatedAt)
         ] }),
-        /* @__PURE__ */ jsx11(IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ jsx11(Typography7, { variant: "caption", children: "Actualizar" }) })
+        /* @__PURE__ */ jsx12(IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ jsx12(Typography7, { variant: "caption", children: "Actualizar" }) })
       ] })
     ] }) })
   ] });
@@ -2765,11 +3043,11 @@ var UserProfileDisplay_default = UserProfileDisplay;
 import { useRef as useRef4 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import {
-  Box as Box10,
+  Box as Box11,
   Typography as Typography10,
   Button as Button7,
   Stack as Stack3,
-  Alert as Alert7,
+  Alert as Alert8,
   Divider as Divider3
 } from "@mui/material";
 import { Add } from "@mui/icons-material";
@@ -2778,7 +3056,7 @@ import { Add } from "@mui/icons-material";
 import { forwardRef } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import {
-  Box as Box9,
+  Box as Box10,
   FormControl,
   InputLabel,
   Select,
@@ -2794,10 +3072,10 @@ import {
 import { Delete, SelectAll as SelectAll2, ClearAll as ClearAll2 } from "@mui/icons-material";
 
 // src/components/PublicPolicies/FieldSelector/FieldSelector.tsx
-import { useState as useState9, useEffect as useEffect9, useRef as useRef3 } from "react";
+import { useState as useState10, useEffect as useEffect10, useRef as useRef3 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import {
-  Box as Box8,
+  Box as Box9,
   Typography as Typography8,
   Button as Button5,
   Stack,
@@ -2811,7 +3089,7 @@ import {
   SelectAll,
   ClearAll
 } from "@mui/icons-material";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var FieldSelector = ({
   value,
   onChange,
@@ -2820,9 +3098,9 @@ var FieldSelector = ({
   disabled = false
 }) => {
   const { t } = useTranslation2();
-  const [mode, setMode] = useState9("custom");
+  const [mode, setMode] = useState10("custom");
   const isUpdatingRef = useRef3(false);
-  useEffect9(() => {
+  useEffect10(() => {
     const current = value || { allow: [], owner_allow: [], deny: [] };
     const all = new Set(availableFields);
     const allow = (current.allow || []).filter((f) => all.has(f));
@@ -2878,20 +3156,20 @@ var FieldSelector = ({
     }, 0);
   };
   if (availableFields.length === 0) {
-    return /* @__PURE__ */ jsxs9(Box8, { children: [
-      /* @__PURE__ */ jsx12(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-      /* @__PURE__ */ jsx12(Typography8, { variant: "body2", color: "text.secondary", sx: { fontStyle: "italic" }, children: t("modules.form.publicPolicies.fields.conditions.noFieldsAvailable") }),
-      error && /* @__PURE__ */ jsx12(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+    return /* @__PURE__ */ jsxs10(Box9, { children: [
+      /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+      /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", sx: { fontStyle: "italic" }, children: t("modules.form.publicPolicies.fields.conditions.noFieldsAvailable") }),
+      error && /* @__PURE__ */ jsx13(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box8, { children: [
-    /* @__PURE__ */ jsx12(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-    /* @__PURE__ */ jsxs9(Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
-      /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10(Box9, { children: [
+    /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+    /* @__PURE__ */ jsxs10(Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx13(
         Button5,
         {
           variant: mode === "all" ? "contained" : "outlined",
-          startIcon: /* @__PURE__ */ jsx12(SelectAll, {}),
+          startIcon: /* @__PURE__ */ jsx13(SelectAll, {}),
           onClick: setAllAllow,
           disabled,
           size: "small",
@@ -2905,11 +3183,11 @@ var FieldSelector = ({
           children: t("modules.form.publicPolicies.fields.conditions.allFields")
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         Button5,
         {
           variant: mode === "none" ? "contained" : "outlined",
-          startIcon: /* @__PURE__ */ jsx12(ClearAll, {}),
+          startIcon: /* @__PURE__ */ jsx13(ClearAll, {}),
           onClick: setAllDeny,
           disabled,
           size: "small",
@@ -2924,14 +3202,14 @@ var FieldSelector = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9(Box8, { sx: { p: 2, border: "1px solid #d1d9e0", borderRadius: 1, backgroundColor: "#f6f8fa" }, children: [
-      /* @__PURE__ */ jsx12(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.help") }),
-      /* @__PURE__ */ jsx12(Stack, { spacing: 1, children: availableFields.map((fieldName) => {
+    /* @__PURE__ */ jsxs10(Box9, { sx: { p: 2, border: "1px solid #d1d9e0", borderRadius: 1, backgroundColor: "#f6f8fa" }, children: [
+      /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.help") }),
+      /* @__PURE__ */ jsx13(Stack, { spacing: 1, children: availableFields.map((fieldName) => {
         const fieldState = getFieldState(fieldName);
-        return /* @__PURE__ */ jsxs9(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ jsx12(Typography8, { variant: "body2", sx: { minWidth: 100, fontFamily: "monospace" }, children: fieldName }),
-          /* @__PURE__ */ jsxs9(ToggleButtonGroup, { value: fieldState, exclusive: true, size: "small", children: [
-            /* @__PURE__ */ jsxs9(
+        return /* @__PURE__ */ jsxs10(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { minWidth: 100, fontFamily: "monospace" }, children: fieldName }),
+          /* @__PURE__ */ jsxs10(ToggleButtonGroup, { value: fieldState, exclusive: true, size: "small", children: [
+            /* @__PURE__ */ jsxs10(
               ToggleButton,
               {
                 value: "allow",
@@ -2955,12 +3233,12 @@ var FieldSelector = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(CheckCircle, { sx: { fontSize: 16, mr: 0.5 } }),
+                  /* @__PURE__ */ jsx13(CheckCircle, { sx: { fontSize: 16, mr: 0.5 } }),
                   t("modules.form.publicPolicies.fields.conditions.states.allow")
                 ]
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               ToggleButton,
               {
                 value: "owner_allow",
@@ -2986,7 +3264,7 @@ var FieldSelector = ({
                 children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
               }
             ),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               ToggleButton,
               {
                 value: "deny",
@@ -3010,7 +3288,7 @@ var FieldSelector = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(Cancel, { sx: { fontSize: 16, mr: 0.5 } }),
+                  /* @__PURE__ */ jsx13(Cancel, { sx: { fontSize: 16, mr: 0.5 } }),
                   t("modules.form.publicPolicies.fields.conditions.states.deny")
                 ]
               }
@@ -3019,7 +3297,7 @@ var FieldSelector = ({
         ] }, fieldName);
       }) })
     ] }),
-    error && /* @__PURE__ */ jsx12(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+    error && /* @__PURE__ */ jsx13(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
   ] });
 };
 var FieldSelector_default = FieldSelector;
@@ -3034,7 +3312,7 @@ var PREFERRED_POLICY_ORDER = [
 ];
 
 // src/components/PublicPolicies/PolicyItem/PolicyItem.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var PolicyItem = forwardRef(({
   policy,
   onChange,
@@ -3051,7 +3329,7 @@ var PolicyItem = forwardRef(({
     value: a,
     label: t(`modules.form.publicPolicies.fields.action.options.${a}`)
   }));
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Paper,
     {
       ref,
@@ -3063,8 +3341,8 @@ var PolicyItem = forwardRef(({
         backgroundColor: "#ffffff"
       },
       children: [
-        /* @__PURE__ */ jsxs10(Box9, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 3 }, children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs11(Box10, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 3 }, children: [
+          /* @__PURE__ */ jsx14(
             Typography9,
             {
               variant: "subtitle1",
@@ -3076,7 +3354,7 @@ var PolicyItem = forwardRef(({
               children: t("modules.form.publicPolicies.policyTitle")
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             IconButton2,
             {
               onClick: onRemove,
@@ -3090,14 +3368,14 @@ var PolicyItem = forwardRef(({
                   backgroundColor: "rgba(207, 34, 46, 0.1)"
                 }
               },
-              children: /* @__PURE__ */ jsx13(Delete, {})
+              children: /* @__PURE__ */ jsx14(Delete, {})
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10(Stack2, { spacing: 3, children: [
-          /* @__PURE__ */ jsx13(Stack2, { direction: { xs: "column", md: "row" }, spacing: 2, children: /* @__PURE__ */ jsx13(Box9, { sx: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxs10(FormControl, { fullWidth: true, children: [
-            /* @__PURE__ */ jsx13(InputLabel, { children: t("modules.form.publicPolicies.fields.action.label") }),
-            /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs11(Stack2, { spacing: 3, children: [
+          /* @__PURE__ */ jsx14(Stack2, { direction: { xs: "column", md: "row" }, spacing: 2, children: /* @__PURE__ */ jsx14(Box10, { sx: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxs11(FormControl, { fullWidth: true, children: [
+            /* @__PURE__ */ jsx14(InputLabel, { children: t("modules.form.publicPolicies.fields.action.label") }),
+            /* @__PURE__ */ jsx14(
               Select,
               {
                 value: policy.action,
@@ -3127,20 +3405,20 @@ var PolicyItem = forwardRef(({
                 },
                 children: actionOptions.map((option) => {
                   const disabledOption = takenActions.has(option.value);
-                  return /* @__PURE__ */ jsx13(MenuItem, { value: option.value, disabled: disabledOption, children: option.label }, option.value);
+                  return /* @__PURE__ */ jsx14(MenuItem, { value: option.value, disabled: disabledOption, children: option.label }, option.value);
                 })
               }
             ),
-            error && /* @__PURE__ */ jsx13(FormHelperText2, { error: true, children: error })
+            error && /* @__PURE__ */ jsx14(FormHelperText2, { error: true, children: error })
           ] }) }) }),
-          policy.action === "delete" ? /* @__PURE__ */ jsxs10(Box9, { children: [
-            /* @__PURE__ */ jsx13(Typography9, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-            /* @__PURE__ */ jsxs10(Stack2, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
-              /* @__PURE__ */ jsx13(
+          policy.action === "delete" ? /* @__PURE__ */ jsxs11(Box10, { children: [
+            /* @__PURE__ */ jsx14(Typography9, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+            /* @__PURE__ */ jsxs11(Stack2, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsx14(
                 Button6,
                 {
                   variant: policy.permission === "*" ? "contained" : "outlined",
-                  startIcon: /* @__PURE__ */ jsx13(SelectAll2, {}),
+                  startIcon: /* @__PURE__ */ jsx14(SelectAll2, {}),
                   onClick: () => onChange({ ...policy, permission: "*" }),
                   disabled: isSubmitting,
                   size: "small",
@@ -3155,7 +3433,7 @@ var PolicyItem = forwardRef(({
                   children: t("modules.form.publicPolicies.fields.conditions.allFields")
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 Button6,
                 {
                   variant: policy.permission === "owner" ? "contained" : "outlined",
@@ -3173,11 +3451,11 @@ var PolicyItem = forwardRef(({
                   children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 Button6,
                 {
                   variant: policy.permission === "deny" ? "contained" : "outlined",
-                  startIcon: /* @__PURE__ */ jsx13(ClearAll2, {}),
+                  startIcon: /* @__PURE__ */ jsx14(ClearAll2, {}),
                   onClick: () => onChange({ ...policy, permission: "deny" }),
                   disabled: isSubmitting,
                   size: "small",
@@ -3193,7 +3471,7 @@ var PolicyItem = forwardRef(({
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsx13(
+          ] }) : /* @__PURE__ */ jsx14(
             FieldSelector_default,
             {
               value: policy.fields || { allow: [], owner_allow: [], deny: [] },
@@ -3202,8 +3480,8 @@ var PolicyItem = forwardRef(({
               disabled: isSubmitting
             }
           ),
-          /* @__PURE__ */ jsx13(Paper, { variant: "outlined", sx: { p: 2, backgroundColor: "#f9fafb" }, children: policy.action === "delete" ? /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-            /* @__PURE__ */ jsxs10(Box9, { component: "span", sx: {
+          /* @__PURE__ */ jsx14(Paper, { variant: "outlined", sx: { p: 2, backgroundColor: "#f9fafb" }, children: policy.action === "delete" ? /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+            /* @__PURE__ */ jsxs11(Box10, { component: "span", sx: {
               color: policy.permission === "*" ? "#16a34a" : policy.permission === "owner" ? "#0ea5e9" : "#dc2626"
             }, children: [
               t("modules.form.publicPolicies.fields.conditions.states.allow"),
@@ -3211,25 +3489,25 @@ var PolicyItem = forwardRef(({
             ] }),
             " ",
             policy.permission || "-"
-          ] }) : /* @__PURE__ */ jsxs10(Stack2, { spacing: 0.5, divider: /* @__PURE__ */ jsx13(Divider2, { sx: { borderColor: "#e5e7eb" } }), children: [
-            /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ jsxs10(Box9, { component: "span", sx: { color: "#16a34a" }, children: [
+          ] }) : /* @__PURE__ */ jsxs11(Stack2, { spacing: 0.5, divider: /* @__PURE__ */ jsx14(Divider2, { sx: { borderColor: "#e5e7eb" } }), children: [
+            /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs11(Box10, { component: "span", sx: { color: "#16a34a" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.allow"),
                 ":"
               ] }),
               " ",
               (policy?.fields?.allow || []).join(", ") || "-"
             ] }),
-            /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ jsxs10(Box9, { component: "span", sx: { color: "#0ea5e9" }, children: [
+            /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs11(Box10, { component: "span", sx: { color: "#0ea5e9" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.ownerAllow"),
                 ":"
               ] }),
               " ",
               (policy?.fields?.owner_allow || []).join(", ") || "-"
             ] }),
-            /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ jsxs10(Box9, { component: "span", sx: { color: "#dc2626" }, children: [
+            /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs11(Box10, { component: "span", sx: { color: "#dc2626" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.deny"),
                 ":"
               ] }),
@@ -3245,7 +3523,7 @@ var PolicyItem = forwardRef(({
 var PolicyItem_default = PolicyItem;
 
 // src/components/PublicPolicies/Policies.tsx
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var generateId = () => {
   const c = globalThis?.crypto;
   if (c && typeof c.randomUUID === "function") return c.randomUUID();
@@ -3300,11 +3578,11 @@ var Policies = ({
     return typeof msg === "string" ? msg : null;
   })();
   const usedActions = new Set((policies || []).map((p) => p.action));
-  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx14(Divider3, { sx: { borderColor: "#e0e4e7" } }),
-    /* @__PURE__ */ jsxs11(Box10, { children: [
-      /* @__PURE__ */ jsx14(Box10, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3, children: /* @__PURE__ */ jsxs11(Box10, { children: [
-        /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsx15(Divider3, { sx: { borderColor: "#e0e4e7" } }),
+    /* @__PURE__ */ jsxs12(Box11, { children: [
+      /* @__PURE__ */ jsx15(Box11, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3, children: /* @__PURE__ */ jsxs12(Box11, { children: [
+        /* @__PURE__ */ jsx15(
           Typography10,
           {
             variant: "h6",
@@ -3316,7 +3594,7 @@ var Policies = ({
             children: t("modules.form.publicPolicies.title")
           }
         ),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           Typography10,
           {
             variant: "body2",
@@ -3326,9 +3604,9 @@ var Policies = ({
           }
         )
       ] }) }),
-      arrayError && /* @__PURE__ */ jsx14(Alert7, { severity: "error", sx: { mb: 3 }, children: arrayError }),
-      /* @__PURE__ */ jsxs11(Stack3, { spacing: 3, children: [
-        (policies || []).length === 0 ? /* @__PURE__ */ jsx14(Alert7, { severity: "info", children: t("modules.form.publicPolicies.noPolicies") }) : policies.map((policy, index) => /* @__PURE__ */ jsx14(
+      arrayError && /* @__PURE__ */ jsx15(Alert8, { severity: "error", sx: { mb: 3 }, children: arrayError }),
+      /* @__PURE__ */ jsxs12(Stack3, { spacing: 3, children: [
+        (policies || []).length === 0 ? /* @__PURE__ */ jsx15(Alert8, { severity: "info", children: t("modules.form.publicPolicies.noPolicies") }) : policies.map((policy, index) => /* @__PURE__ */ jsx15(
           PolicyItem_default,
           {
             ref: (el) => {
@@ -3348,12 +3626,12 @@ var Policies = ({
           },
           policy.id
         )),
-        canAddPolicy && /* @__PURE__ */ jsx14(Box10, { children: /* @__PURE__ */ jsx14(
+        canAddPolicy && /* @__PURE__ */ jsx15(Box11, { children: /* @__PURE__ */ jsx15(
           Button7,
           {
             type: "button",
             variant: "outlined",
-            startIcon: /* @__PURE__ */ jsx14(Add, {}),
+            startIcon: /* @__PURE__ */ jsx15(Add, {}),
             onClick: addPolicy,
             disabled: isSubmitting,
             sx: {
@@ -3374,13 +3652,13 @@ var Policies = ({
 var Policies_default = Policies;
 
 // src/components/LoginComponent.tsx
-import { useState as useState10 } from "react";
-import { Button as Button8, TextField as TextField5, Box as Box11, Alert as Alert8, Typography as Typography11, CircularProgress as CircularProgress7 } from "@mui/material";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { Button as Button8, TextField as TextField5, Box as Box12, Alert as Alert9, Typography as Typography11, CircularProgress as CircularProgress7 } from "@mui/material";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function LoginComponent() {
-  const [email, setEmail] = useState10("");
-  const [password, setPassword] = useState10("");
-  const [showForm, setShowForm] = useState10(false);
+  const [email, setEmail] = useState11("");
+  const [password, setPassword] = useState11("");
+  const [showForm, setShowForm] = useState11(false);
   const {
     isAuthenticated,
     isLoading,
@@ -3411,30 +3689,30 @@ function LoginComponent() {
     await refreshTokens();
   };
   if (isAuthenticated) {
-    return /* @__PURE__ */ jsxs12(Box11, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
-      /* @__PURE__ */ jsx15(Typography11, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
-      /* @__PURE__ */ jsx15(Alert8, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
-      /* @__PURE__ */ jsxs12(Box11, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
-        /* @__PURE__ */ jsx15(Typography11, { variant: "h6", gutterBottom: true, children: "Token Status" }),
-        /* @__PURE__ */ jsxs12(Typography11, { variant: "body2", color: "text.secondary", children: [
+    return /* @__PURE__ */ jsxs13(Box12, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
+      /* @__PURE__ */ jsx16(Typography11, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
+      /* @__PURE__ */ jsx16(Alert9, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
+      /* @__PURE__ */ jsxs13(Box12, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
+        /* @__PURE__ */ jsx16(Typography11, { variant: "h6", gutterBottom: true, children: "Token Status" }),
+        /* @__PURE__ */ jsxs13(Typography11, { variant: "body2", color: "text.secondary", children: [
           "Access Token expires in: ",
           Math.round(expiresIn / 1e3 / 60),
           " minutes"
         ] }),
-        isExpiringSoon && /* @__PURE__ */ jsx15(Alert8, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
+        isExpiringSoon && /* @__PURE__ */ jsx16(Alert9, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
       ] }),
-      /* @__PURE__ */ jsxs12(Box11, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsxs13(Box12, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsx16(
           Button8,
           {
             variant: "contained",
             onClick: handleRefreshTokens,
             disabled: isLoading,
-            startIcon: isLoading ? /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }) : null,
+            startIcon: isLoading ? /* @__PURE__ */ jsx16(CircularProgress7, { size: 16 }) : null,
             children: "Refresh Tokens"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           Button8,
           {
             variant: "outlined",
@@ -3445,13 +3723,13 @@ function LoginComponent() {
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx15(Alert8, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+      error && /* @__PURE__ */ jsx16(Alert9, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
     ] });
   }
-  return /* @__PURE__ */ jsxs12(Box11, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
-    /* @__PURE__ */ jsx15(Typography11, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
-    /* @__PURE__ */ jsx15(Alert8, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
-    !showForm ? /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13(Box12, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
+    /* @__PURE__ */ jsx16(Typography11, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
+    /* @__PURE__ */ jsx16(Alert9, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
+    !showForm ? /* @__PURE__ */ jsx16(
       Button8,
       {
         fullWidth: true,
@@ -3461,8 +3739,8 @@ function LoginComponent() {
         sx: { mt: 2 },
         children: "Show Login Form"
       }
-    ) : /* @__PURE__ */ jsxs12("form", { onSubmit: handleLogin, children: [
-      /* @__PURE__ */ jsx15(
+    ) : /* @__PURE__ */ jsxs13("form", { onSubmit: handleLogin, children: [
+      /* @__PURE__ */ jsx16(
         TextField5,
         {
           fullWidth: true,
@@ -3475,7 +3753,7 @@ function LoginComponent() {
           autoComplete: "email"
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         TextField5,
         {
           fullWidth: true,
@@ -3488,7 +3766,7 @@ function LoginComponent() {
           autoComplete: "current-password"
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         Button8,
         {
           type: "submit",
@@ -3496,29 +3774,29 @@ function LoginComponent() {
           variant: "contained",
           size: "large",
           disabled: isLoading,
-          startIcon: isLoading ? /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }) : null,
+          startIcon: isLoading ? /* @__PURE__ */ jsx16(CircularProgress7, { size: 16 }) : null,
           sx: { mt: 3, mb: 2 },
           children: isLoading ? "Logging in..." : "Login"
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx15(Alert8, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+    error && /* @__PURE__ */ jsx16(Alert9, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
   ] });
 }
 function SessionStatus() {
   const { isAuthenticated, isLoading, isExpiringSoon, expiresIn } = useSessionContext();
   if (isLoading) {
-    return /* @__PURE__ */ jsxs12(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }),
-      /* @__PURE__ */ jsx15(Typography11, { variant: "caption", children: "Loading session..." })
+    return /* @__PURE__ */ jsxs13(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx16(CircularProgress7, { size: 16 }),
+      /* @__PURE__ */ jsx16(Typography11, { variant: "caption", children: "Loading session..." })
     ] });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx15(Typography11, { variant: "caption", color: "text.secondary", children: "Not logged in" });
+    return /* @__PURE__ */ jsx16(Typography11, { variant: "caption", color: "text.secondary", children: "Not logged in" });
   }
-  return /* @__PURE__ */ jsxs12(Box11, { children: [
-    /* @__PURE__ */ jsx15(Typography11, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
-    isExpiringSoon && /* @__PURE__ */ jsxs12(Typography11, { variant: "caption", color: "warning.main", display: "block", children: [
+  return /* @__PURE__ */ jsxs13(Box12, { children: [
+    /* @__PURE__ */ jsx16(Typography11, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
+    isExpiringSoon && /* @__PURE__ */ jsxs13(Typography11, { variant: "caption", color: "warning.main", display: "block", children: [
       "\u26A0 Token expires in ",
       Math.round(expiresIn / 1e3 / 60),
       " min"
@@ -3527,29 +3805,29 @@ function SessionStatus() {
 }
 
 // src/hooks/useUserData.ts
-import { useState as useState11, useEffect as useEffect10, useCallback as useCallback3, useRef as useRef5 } from "react";
+import { useState as useState12, useEffect as useEffect11, useCallback as useCallback4, useRef as useRef5 } from "react";
 import crudify4 from "@nocios/crudify-browser";
 var useUserData = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
   const { isAuthenticated, isInitialized, sessionData, tokens } = useSessionContext();
-  const [userData, setUserData] = useState11(null);
-  const [loading, setLoading] = useState11(false);
-  const [error, setError] = useState11(null);
+  const [userData, setUserData] = useState12(null);
+  const [loading, setLoading] = useState12(false);
+  const [error, setError] = useState12(null);
   const abortControllerRef = useRef5(null);
   const mountedRef = useRef5(true);
   const requestIdRef = useRef5(0);
   const retryCountRef = useRef5(0);
-  const getUserEmail = useCallback3(() => {
+  const getUserEmail = useCallback4(() => {
     if (!sessionData) return null;
     return sessionData.email || sessionData["cognito:username"] || null;
   }, [sessionData]);
-  const clearProfile = useCallback3(() => {
+  const clearProfile = useCallback4(() => {
     setUserData(null);
     setError(null);
     setLoading(false);
     retryCountRef.current = 0;
   }, []);
-  const refreshProfile = useCallback3(async () => {
+  const refreshProfile = useCallback4(async () => {
     const userEmail = getUserEmail();
     console.log("\u{1F464} useUserData - Refreshing profile for:", userEmail);
     if (!userEmail) {
@@ -3681,14 +3959,14 @@ var useUserData = (options = {}) => {
       }
     }
   }, [isInitialized, getUserEmail, retryOnError, maxRetries]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (autoFetch && isAuthenticated && isInitialized) {
       refreshProfile();
     } else if (!isAuthenticated) {
       clearProfile();
     }
   }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
-  useEffect10(() => {
+  useEffect11(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -3714,7 +3992,7 @@ var useUserData = (options = {}) => {
 };
 
 // src/hooks/useAuth.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 var useAuth = () => {
   const {
     isAuthenticated,
@@ -3732,7 +4010,7 @@ var useAuth = () => {
     expiresIn,
     refreshExpiresIn
   } = useSessionContext();
-  const setToken = useCallback4((token) => {
+  const setToken = useCallback5((token) => {
     if (token) {
       console.warn("useAuth.setToken() is deprecated. Use login() method instead for better security.");
     } else {
@@ -3767,7 +4045,7 @@ var useAuth = () => {
 };
 
 // src/hooks/useData.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 import crudify5 from "@nocios/crudify-browser";
 var useData = () => {
   const {
@@ -3777,10 +4055,10 @@ var useData = () => {
     isAuthenticated,
     login: sessionLogin
   } = useSessionContext();
-  const isReady = useCallback5(() => {
+  const isReady = useCallback6(() => {
     return isInitialized && !isLoading && !error;
   }, [isInitialized, isLoading, error]);
-  const waitForReady = useCallback5(async () => {
+  const waitForReady = useCallback6(async () => {
     return new Promise((resolve, reject) => {
       const checkReady = () => {
         if (isReady()) {
@@ -3794,36 +4072,36 @@ var useData = () => {
       checkReady();
     });
   }, [isReady, error]);
-  const ensureReady = useCallback5(async () => {
+  const ensureReady = useCallback6(async () => {
     if (!isReady()) {
       throw new Error("System not ready. Check isInitialized, isLoading, and error states.");
     }
   }, [isReady]);
-  const readItems = useCallback5(async (moduleKey, filter, options) => {
+  const readItems = useCallback6(async (moduleKey, filter, options) => {
     await ensureReady();
     return await crudify5.readItems(moduleKey, filter || {}, options);
   }, [ensureReady]);
-  const readItem = useCallback5(async (moduleKey, filter, options) => {
+  const readItem = useCallback6(async (moduleKey, filter, options) => {
     await ensureReady();
     return await crudify5.readItem(moduleKey, filter, options);
   }, [ensureReady]);
-  const createItem = useCallback5(async (moduleKey, data, options) => {
+  const createItem = useCallback6(async (moduleKey, data, options) => {
     await ensureReady();
     return await crudify5.createItem(moduleKey, data, options);
   }, [ensureReady]);
-  const updateItem = useCallback5(async (moduleKey, data, options) => {
+  const updateItem = useCallback6(async (moduleKey, data, options) => {
     await ensureReady();
     return await crudify5.updateItem(moduleKey, data, options);
   }, [ensureReady]);
-  const deleteItem = useCallback5(async (moduleKey, id, options) => {
+  const deleteItem = useCallback6(async (moduleKey, id, options) => {
     await ensureReady();
     return await crudify5.deleteItem(moduleKey, id, options);
   }, [ensureReady]);
-  const transaction = useCallback5(async (operations, options) => {
+  const transaction = useCallback6(async (operations, options) => {
     await ensureReady();
     return await crudify5.transaction(operations, options);
   }, [ensureReady]);
-  const login = useCallback5(async (email, password) => {
+  const login = useCallback6(async (email, password) => {
     try {
       const result = await sessionLogin(email, password);
       if (result.success) {
@@ -3972,10 +4250,416 @@ var SecureStorage = class {
 };
 var secureSessionStorage = new SecureStorage("sessionStorage");
 var secureLocalStorage = new SecureStorage("localStorage");
+
+// src/hooks/useCrudifyWithNotifications.ts
+import { useCallback as useCallback7 } from "react";
+import crudify6 from "@nocios/crudify-browser";
+var ERROR_SEVERITY_MAP2 = {
+  // Errores de autenticación - warning porque el usuario puede corregirlos
+  INVALID_CREDENTIALS: "warning",
+  UNAUTHORIZED: "warning",
+  INVALID_API_KEY: "error",
+  // Errores de usuario/permisos - warning
+  USER_NOT_FOUND: "warning",
+  USER_NOT_ACTIVE: "warning",
+  NO_PERMISSION: "warning",
+  // Errores de datos - info porque pueden ser esperados
+  ITEM_NOT_FOUND: "info",
+  NOT_FOUND: "info",
+  IN_USE: "warning",
+  // Errores de validación - warning
+  FIELD_ERROR: "warning",
+  BAD_REQUEST: "warning",
+  // Errores del sistema - error
+  INTERNAL_SERVER_ERROR: "error",
+  DATABASE_CONNECTION_ERROR: "error",
+  INVALID_CONFIGURATION: "error",
+  UNKNOWN_OPERATION: "error",
+  // Rate limiting - warning con mayor duración
+  TOO_MANY_REQUESTS: "warning"
+};
+var ERROR_TRANSLATION_MAP = {
+  INVALID_CREDENTIALS: "errors.auth.INVALID_CREDENTIALS",
+  UNAUTHORIZED: "errors.auth.UNAUTHORIZED",
+  INVALID_API_KEY: "errors.auth.INVALID_API_KEY",
+  USER_NOT_FOUND: "errors.auth.USER_NOT_FOUND",
+  USER_NOT_ACTIVE: "errors.auth.USER_NOT_ACTIVE",
+  NO_PERMISSION: "errors.auth.NO_PERMISSION",
+  ITEM_NOT_FOUND: "errors.data.ITEM_NOT_FOUND",
+  NOT_FOUND: "errors.data.NOT_FOUND",
+  IN_USE: "errors.data.IN_USE",
+  FIELD_ERROR: "errors.data.FIELD_ERROR",
+  BAD_REQUEST: "errors.data.BAD_REQUEST",
+  INTERNAL_SERVER_ERROR: "errors.system.INTERNAL_SERVER_ERROR",
+  DATABASE_CONNECTION_ERROR: "errors.system.DATABASE_CONNECTION_ERROR",
+  INVALID_CONFIGURATION: "errors.system.INVALID_CONFIGURATION",
+  UNKNOWN_OPERATION: "errors.system.UNKNOWN_OPERATION",
+  TOO_MANY_REQUESTS: "errors.system.TOO_MANY_REQUESTS"
+};
+var useCrudifyWithNotifications = (options = {}) => {
+  const { showNotification } = useGlobalNotification();
+  const {
+    showSuccessNotifications = false,
+    showErrorNotifications = true,
+    customErrorMessages = {},
+    defaultErrorMessage = "Ha ocurrido un error inesperado",
+    autoHideDuration = 6e3,
+    appStructure = [],
+    translateFn = (key) => key
+    // Fallback si no hay función de traducción
+  } = options;
+  const shouldShowNotification = useCallback7((response) => {
+    if (!response.success && response.errors) {
+      const hasFieldErrors = Object.keys(response.errors).some((key) => key !== "_error" && key !== "_graphql" && key !== "_transaction");
+      if (hasFieldErrors) return false;
+      if (response.errors._transaction?.includes("ONE_OR_MORE_OPERATIONS_FAILED")) return false;
+      if (response.errors._error?.includes("TOO_MANY_REQUESTS")) return false;
+    }
+    if (!response.success && response.data?.response?.status === "TOO_MANY_REQUESTS") return false;
+    return true;
+  }, []);
+  const getSafeTranslation = useCallback7(
+    (key, fallback) => {
+      const translated = translateFn(key);
+      if (translated === key) return fallback || translateFn("error.unknown");
+      return translated;
+    },
+    [translateFn]
+  );
+  const isCrudOperation = useCallback7((operation) => {
+    return ["create", "update", "delete"].includes(operation);
+  }, []);
+  const shouldShowSuccessNotification = useCallback7(
+    (operation, moduleKey) => {
+      if (!showSuccessNotifications) return false;
+      if (isCrudOperation(operation) && moduleKey) return true;
+      return appStructure.some((action) => action.key === operation);
+    },
+    [showSuccessNotifications, appStructure, isCrudOperation]
+  );
+  const getSuccessMessage = useCallback7(
+    (operation, moduleKey, actionConfig) => {
+      const operationKey = actionConfig?.key && typeof actionConfig.key === "string" ? actionConfig.key : operation;
+      const successKey = `action.onSuccess.${operationKey}`;
+      const successMessage = getSafeTranslation(successKey);
+      if (successMessage !== translateFn("error.unknown")) {
+        if (isCrudOperation(operationKey) && moduleKey) {
+          const itemNameKey = `action.${moduleKey}Singular`;
+          const itemName = getSafeTranslation(itemNameKey);
+          if (itemName !== translateFn("error.unknown")) {
+            return translateFn(successKey, { item: itemName });
+          } else {
+            const withoutItemKey = `action.onSuccess.${operationKey}WithoutItem`;
+            const withoutItemMessage = getSafeTranslation(withoutItemKey);
+            return withoutItemMessage !== translateFn("error.unknown") ? withoutItemMessage : successMessage;
+          }
+        }
+        return successMessage;
+      }
+      return translateFn("success.transaction");
+    },
+    [getSafeTranslation, translateFn, isCrudOperation]
+  );
+  const getErrorMessage2 = useCallback7(
+    (response) => {
+      if (response.errorCode && customErrorMessages[response.errorCode]) {
+        return customErrorMessages[response.errorCode];
+      }
+      if (response.errorCode && ERROR_TRANSLATION_MAP[response.errorCode]) {
+        return getSafeTranslation(ERROR_TRANSLATION_MAP[response.errorCode]);
+      }
+      if (response.errorCode) {
+        const possibleKeys = [
+          `errors.auth.${response.errorCode}`,
+          `errors.data.${response.errorCode}`,
+          `errors.system.${response.errorCode}`,
+          `errors.${response.errorCode}`
+        ];
+        for (const key of possibleKeys) {
+          const translated = getSafeTranslation(key);
+          if (translated !== translateFn("error.unknown")) {
+            return translated;
+          }
+        }
+      }
+      if (typeof response.data === "string" && response.data.startsWith("errors.")) {
+        const translated = getSafeTranslation(response.data);
+        if (translated !== translateFn("error.unknown")) {
+          return translated;
+        }
+      }
+      if (response.errors && Object.keys(response.errors).length > 0) {
+        const errorFields = Object.keys(response.errors);
+        if (errorFields.length === 1 && errorFields[0] === "_transaction") {
+          const transactionErrors = response.errors["_transaction"];
+          if (transactionErrors?.includes("ONE_OR_MORE_OPERATIONS_FAILED")) {
+            return "";
+          }
+          if (Array.isArray(transactionErrors) && transactionErrors.length > 0) {
+            const firstError = transactionErrors[0];
+            if (typeof firstError === "string" && firstError !== "ONE_OR_MORE_OPERATIONS_FAILED") {
+              try {
+                const parsed = JSON.parse(firstError);
+                if (Array.isArray(parsed) && parsed.length > 0) {
+                  const firstTransactionError = parsed[0];
+                  if (firstTransactionError?.response?.errorCode) {
+                    const errorCode = firstTransactionError.response.errorCode;
+                    if (ERROR_TRANSLATION_MAP[errorCode]) {
+                      return getSafeTranslation(ERROR_TRANSLATION_MAP[errorCode]);
+                    }
+                    const possibleKeys = [
+                      `errors.auth.${errorCode}`,
+                      `errors.data.${errorCode}`,
+                      `errors.system.${errorCode}`,
+                      `errors.${errorCode}`
+                    ];
+                    for (const key of possibleKeys) {
+                      const translated = getSafeTranslation(key);
+                      if (translated !== getSafeTranslation("error.unknown")) {
+                        return translated;
+                      }
+                    }
+                  }
+                  if (firstTransactionError?.response?.data) {
+                    return firstTransactionError.response.data;
+                  }
+                }
+                if (parsed?.response?.message) {
+                  const errorMsg = parsed.response.message.toLowerCase();
+                  if (errorMsg.includes("expired")) {
+                    return getSafeTranslation("resetPassword.linkExpired", "El enlace ha expirado");
+                  } else if (errorMsg.includes("invalid")) {
+                    return getSafeTranslation("resetPassword.invalidCode", "C\xF3digo inv\xE1lido");
+                  }
+                  return parsed.response.message;
+                }
+              } catch {
+                if (firstError.toLowerCase().includes("expired")) {
+                  return getSafeTranslation("resetPassword.linkExpired", "El enlace ha expirado");
+                } else if (firstError.toLowerCase().includes("invalid")) {
+                  return getSafeTranslation("resetPassword.invalidCode", "C\xF3digo inv\xE1lido");
+                }
+                return firstError;
+              }
+            }
+          }
+          return getSafeTranslation("error.transaction", "Error en la operaci\xF3n");
+        }
+        if (errorFields.length === 1 && errorFields[0] === "_error") {
+          const errorMessages = response.errors["_error"];
+          return Array.isArray(errorMessages) ? errorMessages[0] : String(errorMessages);
+        }
+        if (errorFields.length === 1 && errorFields[0] === "_graphql") {
+          return getSafeTranslation("errors.system.DATABASE_CONNECTION_ERROR");
+        }
+        return `${getSafeTranslation("errors.data.FIELD_ERROR")}: ${errorFields.join(", ")}`;
+      }
+      return defaultErrorMessage || translateFn("error.unknown");
+    },
+    [customErrorMessages, defaultErrorMessage, translateFn, getSafeTranslation]
+  );
+  const getErrorSeverity = useCallback7((response) => {
+    if (response.errorCode && ERROR_SEVERITY_MAP2[response.errorCode]) {
+      return ERROR_SEVERITY_MAP2[response.errorCode];
+    }
+    return "error";
+  }, []);
+  const createItem = useCallback7(
+    async (moduleKey, data, options2) => {
+      const response = await crudify6.createItem(moduleKey, data, options2);
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      } else if (response.success) {
+        const actionConfig = options2?.actionConfig;
+        const operation = actionConfig?.key || "create";
+        const effectiveModuleKey = actionConfig?.moduleKey || moduleKey;
+        if (shouldShowSuccessNotification(operation, effectiveModuleKey)) {
+          const message = getSuccessMessage(operation, effectiveModuleKey, actionConfig);
+          showNotification(message, "success", { autoHideDuration });
+        }
+      }
+      return response;
+    },
+    [
+      showErrorNotifications,
+      shouldShowSuccessNotification,
+      showNotification,
+      getErrorMessage2,
+      getErrorSeverity,
+      getSuccessMessage,
+      autoHideDuration,
+      shouldShowNotification
+    ]
+  );
+  const updateItem = useCallback7(
+    async (moduleKey, data, options2) => {
+      const response = await crudify6.updateItem(moduleKey, data, options2);
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      } else if (response.success) {
+        const actionConfig = options2?.actionConfig;
+        const operation = actionConfig?.key || "update";
+        const effectiveModuleKey = actionConfig?.moduleKey || moduleKey;
+        if (shouldShowSuccessNotification(operation, effectiveModuleKey)) {
+          const message = getSuccessMessage(operation, effectiveModuleKey, actionConfig);
+          showNotification(message, "success", { autoHideDuration });
+        }
+      }
+      return response;
+    },
+    [
+      showErrorNotifications,
+      shouldShowSuccessNotification,
+      showNotification,
+      getErrorMessage2,
+      getErrorSeverity,
+      getSuccessMessage,
+      autoHideDuration,
+      shouldShowNotification
+    ]
+  );
+  const deleteItem = useCallback7(
+    async (moduleKey, id, options2) => {
+      const response = await crudify6.deleteItem(moduleKey, id, options2);
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      } else if (response.success) {
+        const actionConfig = options2?.actionConfig;
+        const operation = actionConfig?.key || "delete";
+        const effectiveModuleKey = actionConfig?.moduleKey || moduleKey;
+        if (shouldShowSuccessNotification(operation, effectiveModuleKey)) {
+          const message = getSuccessMessage(operation, effectiveModuleKey, actionConfig);
+          showNotification(message, "success", { autoHideDuration });
+        }
+      }
+      return response;
+    },
+    [
+      showErrorNotifications,
+      shouldShowSuccessNotification,
+      showNotification,
+      getErrorMessage2,
+      getErrorSeverity,
+      getSuccessMessage,
+      autoHideDuration,
+      shouldShowNotification
+    ]
+  );
+  const readItem = useCallback7(
+    async (moduleKey, filter, options2) => {
+      const response = await crudify6.readItem(moduleKey, filter, options2);
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      }
+      return response;
+    },
+    [showErrorNotifications, showNotification, getErrorMessage2, getErrorSeverity, autoHideDuration, shouldShowNotification]
+  );
+  const readItems = useCallback7(
+    async (moduleKey, filter, options2) => {
+      const response = await crudify6.readItems(moduleKey, filter, options2);
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      }
+      return response;
+    },
+    [showErrorNotifications, showNotification, getErrorMessage2, getErrorSeverity, autoHideDuration, shouldShowNotification]
+  );
+  const transaction = useCallback7(
+    async (data, options2) => {
+      const response = await crudify6.transaction(data, options2);
+      const skipNotifications = options2?.skipNotifications === true;
+      if (!skipNotifications && !response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      } else if (!skipNotifications && response.success) {
+        let operation = "transaction";
+        let moduleKey;
+        let actionConfig = null;
+        if (options2?.actionConfig) {
+          actionConfig = options2.actionConfig;
+          operation = actionConfig.key;
+          moduleKey = actionConfig.moduleKey;
+        } else if (Array.isArray(data) && data.length > 0 && data[0].operation) {
+          operation = data[0].operation;
+          actionConfig = appStructure.find((action) => action.key === operation);
+          if (actionConfig) {
+            moduleKey = actionConfig.moduleKey;
+          }
+        }
+        if (shouldShowSuccessNotification(operation, moduleKey)) {
+          const message = getSuccessMessage(operation, moduleKey, actionConfig);
+          showNotification(message, "success", { autoHideDuration });
+        }
+      }
+      return response;
+    },
+    [
+      showErrorNotifications,
+      shouldShowSuccessNotification,
+      showNotification,
+      getErrorMessage2,
+      getErrorSeverity,
+      getSuccessMessage,
+      autoHideDuration,
+      shouldShowNotification,
+      appStructure
+    ]
+  );
+  const handleResponse = useCallback7(
+    (response, successMessage) => {
+      if (!response.success && showErrorNotifications && shouldShowNotification(response)) {
+        const message = getErrorMessage2(response);
+        const severity = getErrorSeverity(response);
+        showNotification(message, severity, { autoHideDuration });
+      } else if (response.success && showSuccessNotifications && successMessage) {
+        showNotification(successMessage, "success", { autoHideDuration });
+      }
+      return response;
+    },
+    [
+      showErrorNotifications,
+      showSuccessNotifications,
+      showNotification,
+      getErrorMessage2,
+      getErrorSeverity,
+      autoHideDuration,
+      shouldShowNotification,
+      translateFn
+    ]
+  );
+  return {
+    // Métodos de crudify con notificaciones automáticas
+    createItem,
+    updateItem,
+    deleteItem,
+    readItem,
+    readItems,
+    transaction,
+    // Método genérico para manejar respuestas
+    handleResponse,
+    // Funciones de utilidad
+    getErrorMessage: getErrorMessage2,
+    getErrorSeverity,
+    shouldShowNotification
+  };
+};
 export {
   CrudifyLogin_default as CrudifyLogin,
   ERROR_CODES,
   ERROR_SEVERITY_MAP,
+  GlobalNotificationProvider,
   LoginComponent,
   POLICY_ACTIONS,
   PREFERRED_POLICY_ORDER,
@@ -3987,6 +4671,7 @@ export {
   SessionStatus,
   TokenStorage,
   UserProfileDisplay_default as UserProfileDisplay,
+  createErrorTranslator,
   default2 as crudify,
   decodeJwtSafely,
   getCookie,
@@ -3999,8 +4684,13 @@ export {
   parseTransactionError,
   secureLocalStorage,
   secureSessionStorage,
+  translateError,
+  translateErrorCode,
+  translateErrorCodes,
   useAuth,
+  useCrudifyWithNotifications,
   useData,
+  useGlobalNotification,
   useSession,
   useSessionContext,
   useUserData,