@nocios/crudify-ui 3.0.20 → 3.0.22

package/dist/index.js

@@ -34,6 +34,7 @@ __export(index_exports, {
   CrudifyLogin: () => CrudifyLogin_default,
   ERROR_CODES: () => ERROR_CODES,
   ERROR_SEVERITY_MAP: () => ERROR_SEVERITY_MAP,
+  GlobalNotificationProvider: () => GlobalNotificationProvider,
   LoginComponent: () => LoginComponent,
   POLICY_ACTIONS: () => POLICY_ACTIONS,
   PREFERRED_POLICY_ORDER: () => PREFERRED_POLICY_ORDER,
@@ -45,7 +46,8 @@ __export(index_exports, {
   SessionStatus: () => SessionStatus,
   TokenStorage: () => TokenStorage,
   UserProfileDisplay: () => UserProfileDisplay_default,
-  crudify: () => import_crudify_browser6.default,
+  createErrorTranslator: () => createErrorTranslator,
+  crudify: () => import_crudify_browser7.default,
   decodeJwtSafely: () => decodeJwtSafely,
   getCookie: () => getCookie,
   getCurrentUserEmail: () => getCurrentUserEmail,
@@ -57,19 +59,24 @@ __export(index_exports, {
   parseTransactionError: () => parseTransactionError,
   secureLocalStorage: () => secureLocalStorage,
   secureSessionStorage: () => secureSessionStorage,
+  translateError: () => translateError,
+  translateErrorCode: () => translateErrorCode,
+  translateErrorCodes: () => translateErrorCodes,
   useAuth: () => useAuth,
+  useCrudifyWithNotifications: () => useCrudifyWithNotifications,
   useData: () => useData,
+  useGlobalNotification: () => useGlobalNotification,
   useSession: () => useSession,
   useSessionContext: () => useSessionContext,
   useUserData: () => useUserData,
   useUserProfile: () => useUserProfile
 });
 module.exports = __toCommonJS(index_exports);
-var import_crudify_browser6 = __toESM(require("@nocios/crudify-browser"));
+var import_crudify_browser7 = __toESM(require("@nocios/crudify-browser"));
 __reExport(index_exports, require("@nocios/crudify-browser"), module.exports);
 
 // src/components/CrudifyLogin/index.tsx
-var import_material6 = require("@mui/material");
+var import_material7 = require("@mui/material");
 
 // src/components/CrudifyLogin/context/I18nProvider.tsx
 var import_react2 = require("react");
@@ -457,7 +464,7 @@ var useLoginState = () => {
 };
 
 // src/providers/SessionProvider.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/hooks/useSession.ts
 var import_react5 = require("react");
@@ -1113,12 +1120,149 @@ var isTokenExpired = (token) => {
   }
 };
 
-// src/providers/SessionProvider.tsx
+// src/components/GlobalNotificationProvider.tsx
+var import_react6 = require("react");
+var import_material = require("@mui/material");
+var import_uuid = require("uuid");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var SessionContext = (0, import_react6.createContext)(void 0);
-function SessionProvider({ children, options = {}, config: propConfig }) {
+var GlobalNotificationContext = (0, import_react6.createContext)(null);
+var GlobalNotificationProvider = ({
+  children,
+  maxNotifications = 5,
+  defaultAutoHideDuration = 6e3,
+  position = { vertical: "top", horizontal: "right" },
+  enabled = false
+  // ✅ Por defecto DESACTIVADO
+}) => {
+  const [notifications, setNotifications] = (0, import_react6.useState)([]);
+  const showNotification = (0, import_react6.useCallback)(
+    (message, severity = "info", options) => {
+      if (!enabled) {
+        return "";
+      }
+      const id = (0, import_uuid.v4)();
+      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 = (0, import_react6.useCallback)((id) => {
+    setNotifications((prev) => prev.filter((notification) => notification.id !== id));
+  }, []);
+  const clearAllNotifications = (0, import_react6.useCallback)(() => {
+    setNotifications([]);
+  }, []);
+  const value = {
+    showNotification,
+    hideNotification,
+    clearAllNotifications
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(GlobalNotificationContext.Provider, { value, children: [
+    children,
+    enabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_material.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__ */ (0, import_jsx_runtime4.jsx)(NotificationItem, { notification, onClose: () => hideNotification(notification.id) }, notification.id))
+      }
+    ) })
+  ] });
+};
+var NotificationItem = ({ notification, onClose }) => {
+  const [open, setOpen] = (0, import_react6.useState)(true);
+  const handleClose = (0, import_react6.useCallback)(
+    (_event, reason) => {
+      if (reason === "clickaway") return;
+      setOpen(false);
+      setTimeout(onClose, 300);
+    },
+    [onClose]
+  );
+  (0, import_react6.useEffect)(() => {
+    if (!notification.persistent && notification.autoHideDuration) {
+      const timer = setTimeout(() => {
+        handleClose();
+      }, notification.autoHideDuration);
+      return () => clearTimeout(timer);
+    }
+  }, [notification.autoHideDuration, notification.persistent, handleClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material.Snackbar,
+    {
+      open,
+      onClose: handleClose,
+      sx: {
+        position: "relative",
+        "& .MuiSnackbarContent-root": {
+          minWidth: "auto"
+        }
+      },
+      TransitionProps: {
+        enter: true,
+        exit: true
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_material.Alert,
+        {
+          variant: "filled",
+          severity: notification.severity,
+          onClose: handleClose,
+          sx: {
+            width: "100%",
+            minWidth: "280px",
+            maxWidth: "400px",
+            wordBreak: "break-word"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { dangerouslySetInnerHTML: { __html: notification.message } })
+        }
+      )
+    }
+  );
+};
+var useGlobalNotification = () => {
+  const context = (0, import_react6.useContext)(GlobalNotificationContext);
+  if (!context) {
+    throw new Error("useGlobalNotification debe ser usado dentro de un GlobalNotificationProvider");
+  }
+  return context;
+};
+
+// src/providers/SessionProvider.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var SessionContext = (0, import_react7.createContext)(void 0);
+function SessionProvider({
+  children,
+  options = {},
+  config: propConfig,
+  showNotifications = false,
+  // ✅ Por defecto DESACTIVADO
+  notificationOptions = {}
+}) {
   const sessionHook = useSession(options);
-  const resolvedConfig = (0, import_react6.useMemo)(() => {
+  const resolvedConfig = (0, import_react7.useMemo)(() => {
     let publicApiKey;
     let env;
     let appName;
@@ -1180,7 +1324,7 @@ function SessionProvider({ children, options = {}, config: propConfig }) {
       colors
     };
   }, [propConfig]);
-  const sessionData = (0, import_react6.useMemo)(() => {
+  const sessionData = (0, import_react7.useMemo)(() => {
     if (!sessionHook.tokens?.accessToken || !sessionHook.isAuthenticated) {
       return null;
     }
@@ -1209,35 +1353,41 @@ function SessionProvider({ children, options = {}, config: propConfig }) {
     sessionData,
     config: resolvedConfig
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(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__ */ (0, import_jsx_runtime5.jsx)(GlobalNotificationProvider, { ...notificationConfig, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionContext.Provider, { value: contextValue, children }) });
 }
 function useSessionContext() {
-  const context = (0, import_react6.useContext)(SessionContext);
+  const context = (0, import_react7.useContext)(SessionContext);
   if (context === void 0) {
     throw new Error("useSessionContext must be used within a SessionProvider");
   }
   return context;
 }
-function ProtectedRoute({ children, fallback = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: "Please log in to access this content" }), redirectTo }) {
+function ProtectedRoute({ children, fallback = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Please log in to access this content" }), redirectTo }) {
   const { isAuthenticated, isLoading, isInitialized } = useSessionContext();
   if (!isInitialized || isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Loading..." });
   }
   if (!isAuthenticated) {
     if (redirectTo) {
       redirectTo();
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
 function SessionDebugInfo() {
   const session = useSessionContext();
   if (!session.isInitialized) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: "Session not initialized" });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Session not initialized" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
       style: {
@@ -1249,49 +1399,49 @@ function SessionDebugInfo() {
         fontFamily: "monospace"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { children: "Session Debug Info" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Authenticated:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h4", { children: "Session Debug Info" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Authenticated:" }),
           " ",
           session.isAuthenticated ? "Yes" : "No"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Loading:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Loading:" }),
           " ",
           session.isLoading ? "Yes" : "No"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Error:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Error:" }),
           " ",
           session.error || "None"
         ] }),
-        session.tokens && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Access Token:" }),
+        session.tokens && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Access Token:" }),
             " ",
             session.tokens.accessToken.substring(0, 20),
             "..."
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Refresh Token:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Refresh Token:" }),
             " ",
             session.tokens.refreshToken.substring(0, 20),
             "..."
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Access Expires In:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Access Expires In:" }),
             " ",
             Math.round(session.expiresIn / 1e3 / 60),
             " minutes"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Refresh Expires In:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Refresh Expires In:" }),
             " ",
             Math.round(session.refreshExpiresIn / 1e3 / 60 / 60),
             " hours"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Expiring Soon:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Expiring Soon:" }),
             " ",
             session.isExpiringSoon ? "Yes" : "No"
           ] })
@@ -1302,8 +1452,8 @@ function SessionDebugInfo() {
 }
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-var import_react7 = require("react");
-var import_material = require("@mui/material");
+var import_react8 = require("react");
+var import_material2 = require("@mui/material");
 
 // src/utils/errorHandler.ts
 var ERROR_CODES = {
@@ -1575,14 +1725,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
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("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 usernameInputRef = (0, import_react7.useRef)(null);
+  const { t, i18n } = useTranslation();
+  const usernameInputRef = (0, import_react8.useRef)(null);
+  const errorTranslator = createErrorTranslator(t, {
+    currentLanguage: i18n?.language,
+    enableDebug: process.env.NODE_ENV === "development"
+  });
   const getRedirectUrl = () => {
     if (state.searchParams.redirect) {
       try {
@@ -1595,27 +1889,18 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     }
     return redirectUrl || "/";
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     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;
@@ -1645,7 +1930,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(", "));
@@ -1656,10 +1941,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)]);
       }
     });
   };
@@ -1673,9 +1958,9 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
       handleLogin();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      import_material.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      import_material2.Box,
       {
         component: "form",
         noValidate: true,
@@ -1683,9 +1968,9 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
         onKeyDown: handleKeyDown,
         sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_material.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_material2.Typography,
               {
                 variant: "body2",
                 component: "label",
@@ -1694,8 +1979,8 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.usernameOrEmailLabel")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_material.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_material2.TextField,
               {
                 fullWidth: true,
                 id: "email",
@@ -1713,9 +1998,9 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_material.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_material2.Typography,
               {
                 variant: "body2",
                 component: "label",
@@ -1724,8 +2009,8 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.passwordLabel")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_material.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_material2.TextField,
               {
                 fullWidth: true,
                 id: "password",
@@ -1742,8 +2027,8 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               }
             )
           ] }),
-          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_material.Link,
+          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_material2.Link,
             {
               sx: { cursor: "pointer" },
               onClick: () => {
@@ -1754,16 +2039,16 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               children: t("login.forgotPasswordLink")
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.CircularProgress, { size: 20 }) : t("login.loginButton") })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, { size: 20 }) : t("login.loginButton") })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: error }) }, index)) }),
-    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: error }) }, index)) }),
+    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
       t("login.noAccountPrompt"),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_material.Link,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_material2.Link,
         {
           sx: { cursor: "pointer" },
           onClick: () => {
@@ -1782,19 +2067,19 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
 var LoginForm_default = LoginForm;
 
 // src/components/CrudifyLogin/Forms/ForgotPasswordForm.tsx
-var import_react8 = require("react");
-var import_material2 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_material3 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ForgotPasswordForm = ({ onScreenChange, onError }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [email, setEmail] = (0, import_react8.useState)("");
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [errors, setErrors] = (0, import_react8.useState)([]);
-  const [helperTextEmail, setHelperTextEmail] = (0, import_react8.useState)(null);
-  const [emailSent, setEmailSent] = (0, import_react8.useState)(false);
-  const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react8.useState)(false);
+  const { crudify: crudify7 } = useCrudify();
+  const [email, setEmail] = (0, import_react9.useState)("");
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [errors, setErrors] = (0, import_react9.useState)([]);
+  const [helperTextEmail, setHelperTextEmail] = (0, import_react9.useState)(null);
+  const [emailSent, setEmailSent] = (0, import_react9.useState)(false);
+  const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react9.useState)(false);
   const { t } = useTranslation();
-  const translateError = (parsedError) => {
+  const translateError2 = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
       `errors.data.${parsedError.code}`,
@@ -1815,7 +2100,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) {
@@ -1829,7 +2114,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);
@@ -1838,12 +2123,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(", "));
@@ -1871,24 +2156,24 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     onScreenChange?.("checkCode", { email });
   };
   if (emailSent || codeAlreadyExists) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Button, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material2.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.Typography,
           {
             variant: "body2",
             component: "label",
@@ -1897,8 +2182,8 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
             children: t("forgotPassword.emailLabel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material2.TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.TextField,
           {
             fullWidth: true,
             id: "email",
@@ -1915,39 +2200,39 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.CircularProgress, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ForgotPasswordForm_default = ForgotPasswordForm;
 
 // src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
-var import_react9 = require("react");
-var import_material3 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_material4 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [newPassword, setNewPassword] = (0, import_react9.useState)("");
-  const [confirmPassword, setConfirmPassword] = (0, import_react9.useState)("");
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [errors, setErrors] = (0, import_react9.useState)([]);
-  const [helperTextNewPassword, setHelperTextNewPassword] = (0, import_react9.useState)(null);
-  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = (0, import_react9.useState)(null);
-  const [email, setEmail] = (0, import_react9.useState)("");
-  const [code, setCode] = (0, import_react9.useState)("");
-  const [fromCodeVerification, setFromCodeVerification] = (0, import_react9.useState)(false);
-  const [validatingCode, setValidatingCode] = (0, import_react9.useState)(true);
-  const [codeValidated, setCodeValidated] = (0, import_react9.useState)(false);
-  const [pendingValidation, setPendingValidation] = (0, import_react9.useState)(null);
-  const [isValidating, setIsValidating] = (0, import_react9.useState)(false);
+  const { crudify: crudify7 } = useCrudify();
+  const [newPassword, setNewPassword] = (0, import_react10.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react10.useState)("");
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const [errors, setErrors] = (0, import_react10.useState)([]);
+  const [helperTextNewPassword, setHelperTextNewPassword] = (0, import_react10.useState)(null);
+  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = (0, import_react10.useState)(null);
+  const [email, setEmail] = (0, import_react10.useState)("");
+  const [code, setCode] = (0, import_react10.useState)("");
+  const [fromCodeVerification, setFromCodeVerification] = (0, import_react10.useState)(false);
+  const [validatingCode, setValidatingCode] = (0, import_react10.useState)(true);
+  const [codeValidated, setCodeValidated] = (0, import_react10.useState)(false);
+  const [pendingValidation, setPendingValidation] = (0, import_react10.useState)(null);
+  const [isValidating, setIsValidating] = (0, import_react10.useState)(false);
   const { t } = useTranslation();
-  const translateError = (parsedError) => {
+  const translateError2 = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
       `errors.data.${parsedError.code}`,
@@ -1970,7 +2255,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
     return searchParams[key] || null;
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!searchParams) {
       return;
     }
@@ -2012,9 +2297,9 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     setErrors([t("resetPassword.invalidCode")]);
     setValidatingCode(false);
     setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-  }, [searchParams, crudify6, t, onScreenChange]);
-  (0, import_react9.useEffect)(() => {
-    if (crudify6 && pendingValidation && !isValidating) {
+  }, [searchParams, crudify7, t, onScreenChange]);
+  (0, import_react10.useEffect)(() => {
+    if (crudify7 && pendingValidation && !isValidating) {
       setIsValidating(true);
       const validateCode = async (emailToValidate, codeToValidate) => {
         try {
@@ -2024,7 +2309,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") {
@@ -2036,13 +2321,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 {
@@ -2053,7 +2338,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");
@@ -2061,7 +2346,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);
@@ -2092,7 +2377,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(() => {
@@ -2100,12 +2385,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(", "));
@@ -2121,20 +2406,20 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
   };
   if (validatingCode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.CircularProgress, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.CircularProgress, {}) });
   }
   if (!codeValidated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material3.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.Typography,
           {
             variant: "body2",
             component: "label",
@@ -2143,8 +2428,8 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.newPasswordLabel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material3.TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.TextField,
           {
             fullWidth: true,
             id: "newPassword",
@@ -2161,9 +2446,9 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material3.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.Typography,
           {
             variant: "body2",
             component: "label",
@@ -2172,8 +2457,8 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.confirmPasswordLabel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material3.TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.TextField,
           {
             fullWidth: true,
             id: "confirmPassword",
@@ -2190,25 +2475,25 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.CircularProgress, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.CircularProgress, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ResetPasswordForm_default = ResetPasswordForm;
 
 // src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
-var import_react10 = require("react");
-var import_material4 = require("@mui/material");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_material5 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
-  const { crudify: crudify6 } = useCrudify();
-  const [code, setCode] = (0, import_react10.useState)("");
-  const [loading, setLoading] = (0, import_react10.useState)(false);
-  const [errors, setErrors] = (0, import_react10.useState)([]);
-  const [helperTextCode, setHelperTextCode] = (0, import_react10.useState)(null);
-  const [email, setEmail] = (0, import_react10.useState)("");
+  const { crudify: crudify7 } = useCrudify();
+  const [code, setCode] = (0, import_react11.useState)("");
+  const [loading, setLoading] = (0, import_react11.useState)(false);
+  const [errors, setErrors] = (0, import_react11.useState)([]);
+  const [helperTextCode, setHelperTextCode] = (0, import_react11.useState)(null);
+  const [email, setEmail] = (0, import_react11.useState)("");
   const { t } = useTranslation();
   const getParam = (key) => {
     if (!searchParams) return null;
@@ -2217,7 +2502,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}`,
@@ -2233,7 +2518,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
     return parsedError.message || t("error.unknown");
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const emailParam = getParam("email");
     if (emailParam) {
       setEmail(emailParam);
@@ -2242,7 +2527,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   }, [searchParams, onScreenChange]);
   const handleSubmit = async () => {
-    if (loading || !crudify6) return;
+    if (loading || !crudify7) return;
     setErrors([]);
     setHelperTextCode(null);
     if (!code) {
@@ -2261,18 +2546,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) {
@@ -2287,15 +2572,15 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     const value = event.target.value.replace(/\D/g, "").slice(0, 6);
     setCode(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material5.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material5.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_material4.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material5.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_material5.Typography,
           {
             variant: "body2",
             component: "label",
@@ -2304,8 +2589,8 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
             children: t("checkCode.codeLabel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_material4.TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_material5.TextField,
           {
             fullWidth: true,
             id: "code",
@@ -2325,8 +2610,8 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material4.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_material5.Button,
         {
           disabled: loading || code.length !== 6,
           type: "button",
@@ -2335,25 +2620,25 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           variant: "contained",
           color: "primary",
           sx: { mt: 2, mb: 2 },
-          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.CircularProgress, { size: 20 }) : t("checkCode.verifyButton")
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.CircularProgress, { size: 20 }) : t("checkCode.verifyButton")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Alert, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var CheckCodeForm_default = CheckCodeForm;
 
 // src/components/CrudifyLogin/components/CrudifyInitializer.tsx
-var import_material5 = require("@mui/material");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_material6 = require("@mui/material");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var CrudifyInitializer = ({ children, fallback }) => {
   const { isLoading, error, isInitialized } = useCrudify();
   const { t } = useTranslation();
   if (isLoading) {
-    return fallback || /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      import_material5.Box,
+    return fallback || /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_material6.Box,
       {
         sx: {
           display: "flex",
@@ -2364,14 +2649,14 @@ var CrudifyInitializer = ({ children, fallback }) => {
           gap: 2
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.CircularProgress, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.CircularProgress, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Typography, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
         ]
       }
     );
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material5.Typography, { variant: "body2", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material6.Typography, { variant: "body2", children: [
       t("login.initializationError") !== "login.initializationError" ? t("login.initializationError") : "Initialization error",
       ":",
       " ",
@@ -2379,13 +2664,13 @@ var CrudifyInitializer = ({ children, fallback }) => {
     ] }) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Typography, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children });
 };
 
 // src/components/CrudifyLogin/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var CrudifyLoginInternal = ({
   onScreenChange,
   onExternalNavigate,
@@ -2415,11 +2700,11 @@ var CrudifyLoginInternal = ({
     };
     switch (state.currentScreen) {
       case "forgotPassword":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ForgotPasswordForm_default, { ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
       case "resetPassword":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           ResetPasswordForm_default,
           {
             ...commonProps,
@@ -2430,11 +2715,11 @@ var CrudifyLoginInternal = ({
           }
         );
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CrudifyInitializer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(CrudifyInitializer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "img",
       {
         src: config.logo || "/nocios-default.png",
@@ -2450,8 +2735,8 @@ var CrudifyLoginInternal = ({
         }
       }
     ) }),
-    config.appName && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material6.Typography,
+    config.appName && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_material7.Typography,
       {
         variant: "h6",
         component: "h1",
@@ -2475,34 +2760,34 @@ var CrudifyLogin = ({
   ...props
 }) => {
   const { config } = useSessionContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CrudifyProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CrudifyLoginInternal, { ...props }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CrudifyProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CrudifyLoginInternal, { ...props }) }) }) });
 };
 var CrudifyLogin_default = CrudifyLogin;
 
 // src/components/UserProfile/UserProfileDisplay.tsx
-var import_material7 = require("@mui/material");
+var import_material8 = require("@mui/material");
 var import_icons_material = require("@mui/icons-material");
 
 // src/hooks/useUserProfile.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_crudify_browser3 = __toESM(require("@nocios/crudify-browser"));
 var useUserProfile = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
-  const [userProfile, setUserProfile] = (0, import_react11.useState)(null);
-  const [loading, setLoading] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)(null);
-  const [extendedData, setExtendedData] = (0, import_react11.useState)({});
-  const abortControllerRef = (0, import_react11.useRef)(null);
-  const mountedRef = (0, import_react11.useRef)(true);
-  const requestIdRef = (0, import_react11.useRef)(0);
-  const retryCountRef = (0, import_react11.useRef)(0);
-  const clearProfile = (0, import_react11.useCallback)(() => {
+  const [userProfile, setUserProfile] = (0, import_react12.useState)(null);
+  const [loading, setLoading] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const [extendedData, setExtendedData] = (0, import_react12.useState)({});
+  const abortControllerRef = (0, import_react12.useRef)(null);
+  const mountedRef = (0, import_react12.useRef)(true);
+  const requestIdRef = (0, import_react12.useRef)(0);
+  const retryCountRef = (0, import_react12.useRef)(0);
+  const clearProfile = (0, import_react12.useCallback)(() => {
     setUserProfile(null);
     setError(null);
     setLoading(false);
     setExtendedData({});
   }, []);
-  const refreshProfile = (0, import_react11.useCallback)(async () => {
+  const refreshProfile = (0, import_react12.useCallback)(async () => {
     const userEmail = getCurrentUserEmail();
     if (!userEmail) {
       if (mountedRef.current) {
@@ -2603,12 +2888,12 @@ var useUserProfile = (options = {}) => {
       }
     }
   }, [retryOnError, maxRetries]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (autoFetch) {
       refreshProfile();
     }
   }, [autoFetch, refreshProfile]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2629,8 +2914,8 @@ var useUserProfile = (options = {}) => {
 };
 
 // src/components/UserProfile/UserProfileDisplay.tsx
-var import_react12 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var UserProfileDisplay = ({
   showExtendedData = true,
   showProfileCard = true,
@@ -2641,19 +2926,19 @@ var UserProfileDisplay = ({
     retryOnError: true,
     maxRetries: 3
   });
-  const [showAllFields, setShowAllFields] = (0, import_react12.useState)(false);
+  const [showAllFields, setShowAllFields] = (0, import_react13.useState)(false);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-      import_material7.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      import_material8.Alert,
       {
         severity: "error",
-        action: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", children: "Reintentar" }) }),
+        action: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "caption", children: "Reintentar" }) }),
         children: [
           "Error al cargar el perfil: ",
           error
@@ -2662,7 +2947,7 @@ var UserProfileDisplay = ({
     );
   }
   if (!userProfile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Alert, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Alert, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
   }
   const displayData = extendedData?.displayData || {};
   const totalFields = extendedData?.totalFields || 0;
@@ -2688,11 +2973,11 @@ var UserProfileDisplay = ({
     return String(value);
   };
   const basicFields = [
-    { key: "id", label: "ID", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Badge, {}) },
-    { key: "email", label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Email, {}) },
-    { key: "username", label: "Usuario", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Person, {}) },
-    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.AccountCircle, {}) },
-    { key: "role", label: "Rol", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Security, {}) }
+    { key: "id", label: "ID", icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Badge, {}) },
+    { key: "email", label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Email, {}) },
+    { key: "username", label: "Usuario", icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Person, {}) },
+    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.AccountCircle, {}) },
+    { key: "role", label: "Rol", icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Security, {}) }
   ];
   const extendedFields = [
     { key: "firstName", label: "Nombre" },
@@ -2704,22 +2989,22 @@ 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__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
-    showProfileCard && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Card, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_material7.Avatar,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { children: [
+    showProfileCard && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Card, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_material8.Avatar,
           {
             src: displayData.avatar,
             sx: { width: 56, height: 56, mr: 2 },
             children: displayData.fullName?.[0] || displayData.username?.[0] || displayData.email?.[0]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
-          displayData.isActive !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            import_material7.Chip,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
+          displayData.isActive !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_material8.Chip,
             {
               label: displayData.isActive ? "Activo" : "Inactivo",
               color: displayData.isActive ? "success" : "error",
@@ -2729,59 +3014,59 @@ var UserProfileDisplay = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Box, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
-        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Box, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Box, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
+        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Box, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "caption", color: "text.secondary", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
           ] })
         ] }, key) : null
       ) }),
-      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { mt: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
-          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: permission, size: "small", variant: "outlined" }, index)),
-          displayData.permissions.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
+      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { mt: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
+          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Chip, { label: permission, size: "small", variant: "outlined" }, index)),
+          displayData.permissions.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
         ] })
       ] })
     ] }) }),
-    showExtendedData && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "h6", display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Info, { sx: { mr: 1 } }),
+    showExtendedData && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Typography, { variant: "h6", display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Info, { sx: { mr: 1 } }),
           "Informaci\xF3n Detallada"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: `${totalFields} campos totales`, size: "small" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Chip, { label: `${totalFields} campos totales`, size: "small" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.List, { dense: true, children: [
-        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.ListItem, { divider: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Schedule, { fontSize: "small" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            import_material7.ListItemText,
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.List, { dense: true, children: [
+        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.ListItem, { divider: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Schedule, { fontSize: "small" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_material8.ListItemText,
             {
               primary: label,
               secondary: key.includes("At") || key.includes("Login") ? formatDate(displayData[key]) : renderFieldValue(key, displayData[key])
             }
           )
         ] }, key)),
-        customFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Divider, { sx: { my: 1 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            import_material7.ListItemText,
+        customFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_material8.ListItemText,
             {
-              primary: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "subtitle2", children: [
+              primary: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Typography, { variant: "subtitle2", children: [
                   "Campos Personalizados (",
                   customFields.length,
                   ")"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.ExpandLess, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.ExpandMore, {}) })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.ExpandLess, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.ExpandMore, {}) })
               ] })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            import_material7.ListItemText,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_material8.ListItemText,
             {
               primary: label,
               secondary: renderFieldValue(key, displayData[key])
@@ -2789,12 +3074,12 @@ var UserProfileDisplay = ({
           ) }, key)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Typography, { variant: "caption", color: "text.secondary", children: [
           "\xDAltima actualizaci\xF3n: ",
           formatDate(displayData.updatedAt)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", children: "Actualizar" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "caption", children: "Actualizar" }) })
       ] })
     ] }) })
   ] });
@@ -2802,23 +3087,23 @@ var UserProfileDisplay = ({
 var UserProfileDisplay_default = UserProfileDisplay;
 
 // src/components/PublicPolicies/Policies.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_react_i18next3 = require("react-i18next");
-var import_material10 = require("@mui/material");
+var import_material11 = require("@mui/material");
 var import_icons_material4 = require("@mui/icons-material");
 
 // src/components/PublicPolicies/PolicyItem/PolicyItem.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_react_i18next2 = require("react-i18next");
-var import_material9 = require("@mui/material");
+var import_material10 = require("@mui/material");
 var import_icons_material3 = require("@mui/icons-material");
 
 // src/components/PublicPolicies/FieldSelector/FieldSelector.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_i18next = require("react-i18next");
-var import_material8 = require("@mui/material");
+var import_material9 = require("@mui/material");
 var import_icons_material2 = require("@mui/icons-material");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var FieldSelector = ({
   value,
   onChange,
@@ -2827,9 +3112,9 @@ var FieldSelector = ({
   disabled = false
 }) => {
   const { t } = (0, import_react_i18next.useTranslation)();
-  const [mode, setMode] = (0, import_react13.useState)("custom");
-  const isUpdatingRef = (0, import_react13.useRef)(false);
-  (0, import_react13.useEffect)(() => {
+  const [mode, setMode] = (0, import_react14.useState)("custom");
+  const isUpdatingRef = (0, import_react14.useRef)(false);
+  (0, import_react14.useEffect)(() => {
     const current = value || { allow: [], owner_allow: [], deny: [] };
     const all = new Set(availableFields);
     const allow = (current.allow || []).filter((f) => all.has(f));
@@ -2885,20 +3170,20 @@ var FieldSelector = ({
     }, 0);
   };
   if (availableFields.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", color: "text.secondary", sx: { fontStyle: "italic" }, children: t("modules.form.publicPolicies.fields.conditions.noFieldsAvailable") }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { fontStyle: "italic" }, children: t("modules.form.publicPolicies.fields.conditions.noFieldsAvailable") }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.FormHelperText, { error: true, sx: { mt: 1 }, children: error })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_material8.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_material9.Button,
         {
           variant: mode === "all" ? "contained" : "outlined",
-          startIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material2.SelectAll, {}),
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material2.SelectAll, {}),
           onClick: setAllAllow,
           disabled,
           size: "small",
@@ -2912,11 +3197,11 @@ var FieldSelector = ({
           children: t("modules.form.publicPolicies.fields.conditions.allFields")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_material8.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_material9.Button,
         {
           variant: mode === "none" ? "contained" : "outlined",
-          startIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material2.ClearAll, {}),
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material2.ClearAll, {}),
           onClick: setAllDeny,
           disabled,
           size: "small",
@@ -2931,15 +3216,15 @@ var FieldSelector = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Box, { sx: { p: 2, border: "1px solid #d1d9e0", borderRadius: 1, backgroundColor: "#f6f8fa" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.help") }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Stack, { spacing: 1, children: availableFields.map((fieldName) => {
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { sx: { p: 2, border: "1px solid #d1d9e0", borderRadius: 1, backgroundColor: "#f6f8fa" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.help") }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Stack, { spacing: 1, children: availableFields.map((fieldName) => {
         const fieldState = getFieldState(fieldName);
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.Typography, { variant: "body2", sx: { minWidth: 100, fontFamily: "monospace" }, children: fieldName }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material8.ToggleButtonGroup, { value: fieldState, exclusive: true, size: "small", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-              import_material8.ToggleButton,
+        return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", sx: { minWidth: 100, fontFamily: "monospace" }, children: fieldName }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.ToggleButtonGroup, { value: fieldState, exclusive: true, size: "small", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              import_material9.ToggleButton,
               {
                 value: "allow",
                 onClick: () => setFieldState(fieldName, "allow"),
@@ -2962,13 +3247,13 @@ var FieldSelector = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material2.CheckCircle, { sx: { fontSize: 16, mr: 0.5 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material2.CheckCircle, { sx: { fontSize: 16, mr: 0.5 } }),
                   t("modules.form.publicPolicies.fields.conditions.states.allow")
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              import_material8.ToggleButton,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              import_material9.ToggleButton,
               {
                 value: "owner_allow",
                 onClick: () => setFieldState(fieldName, "owner_allow"),
@@ -2993,8 +3278,8 @@ var FieldSelector = ({
                 children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-              import_material8.ToggleButton,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              import_material9.ToggleButton,
               {
                 value: "deny",
                 onClick: () => setFieldState(fieldName, "deny"),
@@ -3017,7 +3302,7 @@ var FieldSelector = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material2.Cancel, { sx: { fontSize: 16, mr: 0.5 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material2.Cancel, { sx: { fontSize: 16, mr: 0.5 } }),
                   t("modules.form.publicPolicies.fields.conditions.states.deny")
                 ]
               }
@@ -3026,7 +3311,7 @@ var FieldSelector = ({
         ] }, fieldName);
       }) })
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material8.FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.FormHelperText, { error: true, sx: { mt: 1 }, children: error })
   ] });
 };
 var FieldSelector_default = FieldSelector;
@@ -3041,8 +3326,8 @@ var PREFERRED_POLICY_ORDER = [
 ];
 
 // src/components/PublicPolicies/PolicyItem/PolicyItem.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var PolicyItem = (0, import_react14.forwardRef)(({
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var PolicyItem = (0, import_react15.forwardRef)(({
   policy,
   onChange,
   onRemove,
@@ -3058,8 +3343,8 @@ var PolicyItem = (0, import_react14.forwardRef)(({
     value: a,
     label: t(`modules.form.publicPolicies.fields.action.options.${a}`)
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_material9.Paper,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_material10.Paper,
     {
       ref,
       sx: {
@@ -3070,9 +3355,9 @@ var PolicyItem = (0, import_react14.forwardRef)(({
         backgroundColor: "#ffffff"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 3 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_material9.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 3 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_material10.Typography,
             {
               variant: "subtitle1",
               sx: {
@@ -3083,8 +3368,8 @@ var PolicyItem = (0, import_react14.forwardRef)(({
               children: t("modules.form.publicPolicies.policyTitle")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_material9.IconButton,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_material10.IconButton,
             {
               onClick: onRemove,
               size: "small",
@@ -3097,15 +3382,15 @@ var PolicyItem = (0, import_react14.forwardRef)(({
                   backgroundColor: "rgba(207, 34, 46, 0.1)"
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material3.Delete, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material3.Delete, {})
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Stack, { spacing: 3, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Stack, { direction: { xs: "column", md: "row" }, spacing: 2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Box, { sx: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.FormControl, { fullWidth: true, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.InputLabel, { children: t("modules.form.publicPolicies.fields.action.label") }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_material9.Select,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Stack, { spacing: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Stack, { direction: { xs: "column", md: "row" }, spacing: 2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Box, { sx: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.FormControl, { fullWidth: true, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.InputLabel, { children: t("modules.form.publicPolicies.fields.action.label") }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_material10.Select,
               {
                 value: policy.action,
                 label: t("modules.form.publicPolicies.fields.action.label"),
@@ -3134,20 +3419,20 @@ var PolicyItem = (0, import_react14.forwardRef)(({
                 },
                 children: actionOptions.map((option) => {
                   const disabledOption = takenActions.has(option.value);
-                  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.MenuItem, { value: option.value, disabled: disabledOption, children: option.label }, option.value);
+                  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.MenuItem, { value: option.value, disabled: disabledOption, children: option.label }, option.value);
                 })
               }
             ),
-            error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.FormHelperText, { error: true, children: error })
+            error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.FormHelperText, { error: true, children: error })
           ] }) }) }),
-          policy.action === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_material9.Button,
+          policy.action === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_material10.Button,
                 {
                   variant: policy.permission === "*" ? "contained" : "outlined",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material3.SelectAll, {}),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material3.SelectAll, {}),
                   onClick: () => onChange({ ...policy, permission: "*" }),
                   disabled: isSubmitting,
                   size: "small",
@@ -3162,8 +3447,8 @@ var PolicyItem = (0, import_react14.forwardRef)(({
                   children: t("modules.form.publicPolicies.fields.conditions.allFields")
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_material10.Button,
                 {
                   variant: policy.permission === "owner" ? "contained" : "outlined",
                   onClick: () => onChange({ ...policy, permission: "owner" }),
@@ -3180,11 +3465,11 @@ var PolicyItem = (0, import_react14.forwardRef)(({
                   children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_material10.Button,
                 {
                   variant: policy.permission === "deny" ? "contained" : "outlined",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_material3.ClearAll, {}),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material3.ClearAll, {}),
                   onClick: () => onChange({ ...policy, permission: "deny" }),
                   disabled: isSubmitting,
                   size: "small",
@@ -3200,7 +3485,7 @@ var PolicyItem = (0, import_react14.forwardRef)(({
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             FieldSelector_default,
             {
               value: policy.fields || { allow: [], owner_allow: [], deny: [] },
@@ -3209,8 +3494,8 @@ var PolicyItem = (0, import_react14.forwardRef)(({
               disabled: isSubmitting
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Paper, { variant: "outlined", sx: { p: 2, backgroundColor: "#f9fafb" }, children: policy.action === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { component: "span", sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Paper, { variant: "outlined", sx: { p: 2, backgroundColor: "#f9fafb" }, children: policy.action === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { component: "span", sx: {
               color: policy.permission === "*" ? "#16a34a" : policy.permission === "owner" ? "#0ea5e9" : "#dc2626"
             }, children: [
               t("modules.form.publicPolicies.fields.conditions.states.allow"),
@@ -3218,25 +3503,25 @@ var PolicyItem = (0, import_react14.forwardRef)(({
             ] }),
             " ",
             policy.permission || "-"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Stack, { spacing: 0.5, divider: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material9.Divider, { sx: { borderColor: "#e5e7eb" } }), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { component: "span", sx: { color: "#16a34a" }, children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Stack, { spacing: 0.5, divider: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Divider, { sx: { borderColor: "#e5e7eb" } }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { component: "span", sx: { color: "#16a34a" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.allow"),
                 ":"
               ] }),
               " ",
               (policy?.fields?.allow || []).join(", ") || "-"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { component: "span", sx: { color: "#0ea5e9" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { component: "span", sx: { color: "#0ea5e9" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.ownerAllow"),
                 ":"
               ] }),
               " ",
               (policy?.fields?.owner_allow || []).join(", ") || "-"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material9.Box, { component: "span", sx: { color: "#dc2626" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Typography, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { component: "span", sx: { color: "#dc2626" }, children: [
                 t("modules.form.publicPolicies.fields.conditions.states.deny"),
                 ":"
               ] }),
@@ -3252,7 +3537,7 @@ var PolicyItem = (0, import_react14.forwardRef)(({
 var PolicyItem_default = PolicyItem;
 
 // src/components/PublicPolicies/Policies.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var generateId = () => {
   const c = globalThis?.crypto;
   if (c && typeof c.randomUUID === "function") return c.randomUUID();
@@ -3266,7 +3551,7 @@ var Policies = ({
   isSubmitting = false
 }) => {
   const { t } = (0, import_react_i18next3.useTranslation)();
-  const policyRefs = (0, import_react15.useRef)({});
+  const policyRefs = (0, import_react16.useRef)({});
   const takenActions = new Set((policies || []).map((p) => p.action).filter(Boolean));
   const remainingActions = PREFERRED_POLICY_ORDER.filter((a) => !takenActions.has(a));
   const canAddPolicy = remainingActions.length > 0;
@@ -3307,12 +3592,12 @@ var Policies = ({
     return typeof msg === "string" ? msg : null;
   })();
   const usedActions = new Set((policies || []).map((p) => p.action));
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Divider, { sx: { borderColor: "#e0e4e7" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material10.Typography,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Divider, { sx: { borderColor: "#e0e4e7" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_material11.Typography,
           {
             variant: "h6",
             sx: {
@@ -3323,8 +3608,8 @@ var Policies = ({
             children: t("modules.form.publicPolicies.title")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material10.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_material11.Typography,
           {
             variant: "body2",
             color: "text.secondary",
@@ -3333,9 +3618,9 @@ var Policies = ({
           }
         )
       ] }) }),
-      arrayError && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Alert, { severity: "error", sx: { mb: 3 }, children: arrayError }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Stack, { spacing: 3, children: [
-        (policies || []).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Alert, { severity: "info", children: t("modules.form.publicPolicies.noPolicies") }) : policies.map((policy, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      arrayError && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "error", sx: { mb: 3 }, children: arrayError }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Stack, { spacing: 3, children: [
+        (policies || []).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "info", children: t("modules.form.publicPolicies.noPolicies") }) : policies.map((policy, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           PolicyItem_default,
           {
             ref: (el) => {
@@ -3355,12 +3640,12 @@ var Policies = ({
           },
           policy.id
         )),
-        canAddPolicy && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material10.Button,
+        canAddPolicy && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_material11.Button,
           {
             type: "button",
             variant: "outlined",
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material4.Add, {}),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material4.Add, {}),
             onClick: addPolicy,
             disabled: isSubmitting,
             sx: {
@@ -3381,13 +3666,13 @@ var Policies = ({
 var Policies_default = Policies;
 
 // src/components/LoginComponent.tsx
-var import_react16 = require("react");
-var import_material11 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_material12 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function LoginComponent() {
-  const [email, setEmail] = (0, import_react16.useState)("");
-  const [password, setPassword] = (0, import_react16.useState)("");
-  const [showForm, setShowForm] = (0, import_react16.useState)(false);
+  const [email, setEmail] = (0, import_react17.useState)("");
+  const [password, setPassword] = (0, import_react17.useState)("");
+  const [showForm, setShowForm] = (0, import_react17.useState)(false);
   const {
     isAuthenticated,
     isLoading,
@@ -3418,31 +3703,31 @@ function LoginComponent() {
     await refreshTokens();
   };
   if (isAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "h6", gutterBottom: true, children: "Token Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Typography, { variant: "body2", color: "text.secondary", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Alert, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "h6", gutterBottom: true, children: "Token Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Typography, { variant: "body2", color: "text.secondary", children: [
           "Access Token expires in: ",
           Math.round(expiresIn / 1e3 / 60),
           " minutes"
         ] }),
-        isExpiringSoon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
+        isExpiringSoon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Alert, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_material11.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_material12.Button,
           {
             variant: "contained",
             onClick: handleRefreshTokens,
             disabled: isLoading,
-            startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.CircularProgress, { size: 16 }) : null,
+            startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.CircularProgress, { size: 16 }) : null,
             children: "Refresh Tokens"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_material11.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_material12.Button,
           {
             variant: "outlined",
             color: "error",
@@ -3452,14 +3737,14 @@ function LoginComponent() {
           }
         )
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Alert, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
-    !showForm ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_material11.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Alert, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
+    !showForm ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_material12.Button,
       {
         fullWidth: true,
         variant: "contained",
@@ -3468,9 +3753,9 @@ function LoginComponent() {
         sx: { mt: 2 },
         children: "Show Login Form"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("form", { onSubmit: handleLogin, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_material11.TextField,
+    ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("form", { onSubmit: handleLogin, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_material12.TextField,
         {
           fullWidth: true,
           label: "Email",
@@ -3482,8 +3767,8 @@ function LoginComponent() {
           autoComplete: "email"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_material11.TextField,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_material12.TextField,
         {
           fullWidth: true,
           label: "Password",
@@ -3495,37 +3780,37 @@ function LoginComponent() {
           autoComplete: "current-password"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_material11.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_material12.Button,
         {
           type: "submit",
           fullWidth: true,
           variant: "contained",
           size: "large",
           disabled: isLoading,
-          startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.CircularProgress, { size: 16 }) : null,
+          startIcon: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.CircularProgress, { size: 16 }) : null,
           sx: { mt: 3, mb: 2 },
           children: isLoading ? "Logging in..." : "Login"
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Alert, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Alert, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
   ] });
 }
 function SessionStatus() {
   const { isAuthenticated, isLoading, isExpiringSoon, expiresIn } = useSessionContext();
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.CircularProgress, { size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "caption", children: "Loading session..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.CircularProgress, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "caption", children: "Loading session..." })
     ] });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "caption", color: "text.secondary", children: "Not logged in" });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "caption", color: "text.secondary", children: "Not logged in" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Typography, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
-    isExpiringSoon && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Typography, { variant: "caption", color: "warning.main", display: "block", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Typography, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
+    isExpiringSoon && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Typography, { variant: "caption", color: "warning.main", display: "block", children: [
       "\u26A0 Token expires in ",
       Math.round(expiresIn / 1e3 / 60),
       " min"
@@ -3534,29 +3819,29 @@ function SessionStatus() {
 }
 
 // src/hooks/useUserData.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_crudify_browser4 = __toESM(require("@nocios/crudify-browser"));
 var useUserData = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
   const { isAuthenticated, isInitialized, sessionData, tokens } = useSessionContext();
-  const [userData, setUserData] = (0, import_react17.useState)(null);
-  const [loading, setLoading] = (0, import_react17.useState)(false);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const abortControllerRef = (0, import_react17.useRef)(null);
-  const mountedRef = (0, import_react17.useRef)(true);
-  const requestIdRef = (0, import_react17.useRef)(0);
-  const retryCountRef = (0, import_react17.useRef)(0);
-  const getUserEmail = (0, import_react17.useCallback)(() => {
+  const [userData, setUserData] = (0, import_react18.useState)(null);
+  const [loading, setLoading] = (0, import_react18.useState)(false);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const abortControllerRef = (0, import_react18.useRef)(null);
+  const mountedRef = (0, import_react18.useRef)(true);
+  const requestIdRef = (0, import_react18.useRef)(0);
+  const retryCountRef = (0, import_react18.useRef)(0);
+  const getUserEmail = (0, import_react18.useCallback)(() => {
     if (!sessionData) return null;
     return sessionData.email || sessionData["cognito:username"] || null;
   }, [sessionData]);
-  const clearProfile = (0, import_react17.useCallback)(() => {
+  const clearProfile = (0, import_react18.useCallback)(() => {
     setUserData(null);
     setError(null);
     setLoading(false);
     retryCountRef.current = 0;
   }, []);
-  const refreshProfile = (0, import_react17.useCallback)(async () => {
+  const refreshProfile = (0, import_react18.useCallback)(async () => {
     const userEmail = getUserEmail();
     console.log("\u{1F464} useUserData - Refreshing profile for:", userEmail);
     if (!userEmail) {
@@ -3688,14 +3973,14 @@ var useUserData = (options = {}) => {
       }
     }
   }, [isInitialized, getUserEmail, retryOnError, maxRetries]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (autoFetch && isAuthenticated && isInitialized) {
       refreshProfile();
     } else if (!isAuthenticated) {
       clearProfile();
     }
   }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -3721,7 +4006,7 @@ var useUserData = (options = {}) => {
 };
 
 // src/hooks/useAuth.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var useAuth = () => {
   const {
     isAuthenticated,
@@ -3739,7 +4024,7 @@ var useAuth = () => {
     expiresIn,
     refreshExpiresIn
   } = useSessionContext();
-  const setToken = (0, import_react18.useCallback)((token) => {
+  const setToken = (0, import_react19.useCallback)((token) => {
     if (token) {
       console.warn("useAuth.setToken() is deprecated. Use login() method instead for better security.");
     } else {
@@ -3774,7 +4059,7 @@ var useAuth = () => {
 };
 
 // src/hooks/useData.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_crudify_browser5 = __toESM(require("@nocios/crudify-browser"));
 var useData = () => {
   const {
@@ -3784,10 +4069,10 @@ var useData = () => {
     isAuthenticated,
     login: sessionLogin
   } = useSessionContext();
-  const isReady = (0, import_react19.useCallback)(() => {
+  const isReady = (0, import_react20.useCallback)(() => {
     return isInitialized && !isLoading && !error;
   }, [isInitialized, isLoading, error]);
-  const waitForReady = (0, import_react19.useCallback)(async () => {
+  const waitForReady = (0, import_react20.useCallback)(async () => {
     return new Promise((resolve, reject) => {
       const checkReady = () => {
         if (isReady()) {
@@ -3801,36 +4086,36 @@ var useData = () => {
       checkReady();
     });
   }, [isReady, error]);
-  const ensureReady = (0, import_react19.useCallback)(async () => {
+  const ensureReady = (0, import_react20.useCallback)(async () => {
     if (!isReady()) {
       throw new Error("System not ready. Check isInitialized, isLoading, and error states.");
     }
   }, [isReady]);
-  const readItems = (0, import_react19.useCallback)(async (moduleKey, filter, options) => {
+  const readItems = (0, import_react20.useCallback)(async (moduleKey, filter, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.readItems(moduleKey, filter || {}, options);
   }, [ensureReady]);
-  const readItem = (0, import_react19.useCallback)(async (moduleKey, filter, options) => {
+  const readItem = (0, import_react20.useCallback)(async (moduleKey, filter, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.readItem(moduleKey, filter, options);
   }, [ensureReady]);
-  const createItem = (0, import_react19.useCallback)(async (moduleKey, data, options) => {
+  const createItem = (0, import_react20.useCallback)(async (moduleKey, data, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.createItem(moduleKey, data, options);
   }, [ensureReady]);
-  const updateItem = (0, import_react19.useCallback)(async (moduleKey, data, options) => {
+  const updateItem = (0, import_react20.useCallback)(async (moduleKey, data, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.updateItem(moduleKey, data, options);
   }, [ensureReady]);
-  const deleteItem = (0, import_react19.useCallback)(async (moduleKey, id, options) => {
+  const deleteItem = (0, import_react20.useCallback)(async (moduleKey, id, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.deleteItem(moduleKey, id, options);
   }, [ensureReady]);
-  const transaction = (0, import_react19.useCallback)(async (operations, options) => {
+  const transaction = (0, import_react20.useCallback)(async (operations, options) => {
     await ensureReady();
     return await import_crudify_browser5.default.transaction(operations, options);
   }, [ensureReady]);
-  const login = (0, import_react19.useCallback)(async (email, password) => {
+  const login = (0, import_react20.useCallback)(async (email, password) => {
     try {
       const result = await sessionLogin(email, password);
       if (result.success) {
@@ -3979,11 +4264,417 @@ var SecureStorage = class {
 };
 var secureSessionStorage = new SecureStorage("sessionStorage");
 var secureLocalStorage = new SecureStorage("localStorage");
+
+// src/hooks/useCrudifyWithNotifications.ts
+var import_react21 = require("react");
+var import_crudify_browser6 = __toESM(require("@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 = (0, import_react21.useCallback)((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 = (0, import_react21.useCallback)(
+    (key, fallback) => {
+      const translated = translateFn(key);
+      if (translated === key) return fallback || translateFn("error.unknown");
+      return translated;
+    },
+    [translateFn]
+  );
+  const isCrudOperation = (0, import_react21.useCallback)((operation) => {
+    return ["create", "update", "delete"].includes(operation);
+  }, []);
+  const shouldShowSuccessNotification = (0, import_react21.useCallback)(
+    (operation, moduleKey) => {
+      if (!showSuccessNotifications) return false;
+      if (isCrudOperation(operation) && moduleKey) return true;
+      return appStructure.some((action) => action.key === operation);
+    },
+    [showSuccessNotifications, appStructure, isCrudOperation]
+  );
+  const getSuccessMessage = (0, import_react21.useCallback)(
+    (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 = (0, import_react21.useCallback)(
+    (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 = (0, import_react21.useCallback)((response) => {
+    if (response.errorCode && ERROR_SEVERITY_MAP2[response.errorCode]) {
+      return ERROR_SEVERITY_MAP2[response.errorCode];
+    }
+    return "error";
+  }, []);
+  const createItem = (0, import_react21.useCallback)(
+    async (moduleKey, data, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    async (moduleKey, data, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    async (moduleKey, id, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    async (moduleKey, filter, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    async (moduleKey, filter, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    async (data, options2) => {
+      const response = await import_crudify_browser6.default.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 = (0, import_react21.useCallback)(
+    (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
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CrudifyLogin,
   ERROR_CODES,
   ERROR_SEVERITY_MAP,
+  GlobalNotificationProvider,
   LoginComponent,
   POLICY_ACTIONS,
   PREFERRED_POLICY_ORDER,
@@ -3995,6 +4686,7 @@ var secureLocalStorage = new SecureStorage("localStorage");
   SessionStatus,
   TokenStorage,
   UserProfileDisplay,
+  createErrorTranslator,
   crudify,
   decodeJwtSafely,
   getCookie,
@@ -4007,8 +4699,13 @@ var secureLocalStorage = new SecureStorage("localStorage");
   parseTransactionError,
   secureLocalStorage,
   secureSessionStorage,
+  translateError,
+  translateErrorCode,
+  translateErrorCodes,
   useAuth,
+  useCrudifyWithNotifications,
   useData,
+  useGlobalNotification,
   useSession,
   useSessionContext,
   useUserData,