@nocios/crudify-ui 1.1.0 → 1.2.1

package/dist/index.mjs

@@ -1,3 +1,17 @@
+import {
+  CrudifyDataProvider,
+  configurationManager,
+  crudifyInitializer,
+  decodeJwtSafely,
+  getCookie,
+  getCurrentUserEmail,
+  isTokenExpired,
+  secureLocalStorage,
+  secureSessionStorage,
+  tokenManager,
+  useCrudifyDataContext
+} from "./chunk-ZV5J7FRE.mjs";
+
 // src/index.ts
 import { default as default2 } from "@nocios/crudify-browser";
 export * from "@nocios/crudify-browser";
@@ -156,14 +170,6 @@ var useCrudify = () => {
 
 // src/components/CrudifyLogin/context/LoginStateProvider.tsx
 import { createContext as createContext3, useContext as useContext3, useReducer, useEffect as useEffect3 } from "react";
-
-// src/components/CrudifyLogin/utils/cookies.ts
-var getCookie = (name) => {
-  const match = document.cookie.match(new RegExp("(^|;)\\s*" + name + "=([^;]+)"));
-  return match ? match[2] : null;
-};
-
-// src/components/CrudifyLogin/context/LoginStateProvider.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var initialState = {
   currentScreen: "login",
@@ -351,8 +357,8 @@ var LoginStateProvider = ({
       dispatch({ type: "SET_SEARCH_PARAMS", payload: paramsObject });
     }
   }, [initialScreen]);
-  const setScreen = (screen2, params) => {
-    dispatch({ type: "SET_SCREEN", payload: { screen: screen2, params } });
+  const setScreen = (screen, params) => {
+    dispatch({ type: "SET_SCREEN", payload: { screen, params } });
   };
   const updateFormData = (data) => {
     dispatch({ type: "UPDATE_FORM_DATA", payload: data });
@@ -386,118 +392,9 @@ var useLoginState = () => {
 };
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-import { useEffect as useEffect5, useRef } from "react";
+import { useEffect as useEffect4, useRef } from "react";
 import { Typography, TextField, Button, Box, CircularProgress, Alert, Link } from "@mui/material";
 
-// src/components/CrudifyLogin/utils/secureStorage.ts
-import CryptoJS from "crypto-js";
-var SecureStorage = class {
-  constructor(storageType = "sessionStorage") {
-    this.encryptionKey = this.generateEncryptionKey();
-    this.storage = storageType === "localStorage" ? window.localStorage : window.sessionStorage;
-  }
-  generateEncryptionKey() {
-    const browserFingerprint = [
-      navigator.userAgent,
-      navigator.language,
-      (/* @__PURE__ */ new Date()).getTimezoneOffset(),
-      screen.colorDepth,
-      screen.width,
-      screen.height,
-      "crudify-login"
-    ].join("|");
-    return CryptoJS.SHA256(browserFingerprint).toString();
-  }
-  setItem(key, value, expiryMinutes) {
-    try {
-      const encrypted = CryptoJS.AES.encrypt(value, this.encryptionKey).toString();
-      this.storage.setItem(key, encrypted);
-      if (expiryMinutes) {
-        const expiryTime = (/* @__PURE__ */ new Date()).getTime() + expiryMinutes * 60 * 1e3;
-        this.storage.setItem(`${key}_expiry`, expiryTime.toString());
-      }
-    } catch (error) {
-      console.error("Failed to encrypt and store data:", error);
-    }
-  }
-  getItem(key) {
-    try {
-      const expiryKey = `${key}_expiry`;
-      const expiry = this.storage.getItem(expiryKey);
-      if (expiry) {
-        const expiryTime = parseInt(expiry, 10);
-        if ((/* @__PURE__ */ new Date()).getTime() > expiryTime) {
-          this.removeItem(key);
-          return null;
-        }
-      }
-      const encrypted = this.storage.getItem(key);
-      if (!encrypted) return null;
-      const decrypted = CryptoJS.AES.decrypt(encrypted, this.encryptionKey);
-      const result = decrypted.toString(CryptoJS.enc.Utf8);
-      if (!result) {
-        console.warn("Failed to decrypt stored data - may be corrupted");
-        this.removeItem(key);
-        return null;
-      }
-      return result;
-    } catch (error) {
-      console.error("Failed to decrypt data:", error);
-      this.removeItem(key);
-      return null;
-    }
-  }
-  removeItem(key) {
-    this.storage.removeItem(key);
-    this.storage.removeItem(`${key}_expiry`);
-  }
-  setToken(token) {
-    try {
-      const parts = token.split(".");
-      if (parts.length === 3) {
-        const payload = JSON.parse(atob(parts[1]));
-        if (payload.exp) {
-          const expiryTime = payload.exp * 1e3;
-          const now = (/* @__PURE__ */ new Date()).getTime();
-          const minutesUntilExpiry = Math.floor((expiryTime - now) / (60 * 1e3));
-          if (minutesUntilExpiry > 0) {
-            this.setItem("authToken", token, minutesUntilExpiry);
-            return;
-          }
-        }
-      }
-    } catch (error) {
-      console.warn("Failed to parse token expiry, using default expiry");
-    }
-    this.setItem("authToken", token, 24 * 60);
-  }
-  getToken() {
-    const token = this.getItem("authToken");
-    if (token) {
-      try {
-        const parts = token.split(".");
-        if (parts.length === 3) {
-          const payload = JSON.parse(atob(parts[1]));
-          if (payload.exp) {
-            const now = Math.floor(Date.now() / 1e3);
-            if (payload.exp < now) {
-              this.removeItem("authToken");
-              return null;
-            }
-          }
-        }
-      } catch (error) {
-        console.warn("Failed to validate token expiry");
-        this.removeItem("authToken");
-        return null;
-      }
-    }
-    return token;
-  }
-};
-var secureSessionStorage = new SecureStorage("sessionStorage");
-var secureLocalStorage = new SecureStorage("localStorage");
-
 // src/utils/errorHandler.ts
 var ERROR_CODES = {
   // Authentication Errors
@@ -768,1044 +665,6 @@ function handleCrudifyError(error) {
   ];
 }
 
-// src/providers/CrudifyDataProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect4, useState as useState3, useCallback } from "react";
-
-// src/core/ConfigurationManager.ts
-var _ConfigurationManager = class _ConfigurationManager {
-  constructor() {
-    this.resolvedConfig = null;
-    this.configError = null;
-  }
-  /**
-   * Singleton pattern to ensure consistent configuration across the app
-   */
-  static getInstance() {
-    if (!_ConfigurationManager.instance) {
-      _ConfigurationManager.instance = new _ConfigurationManager();
-    }
-    return _ConfigurationManager.instance;
-  }
-  /**
-   * Reset the singleton instance (useful for testing)
-   */
-  static resetInstance() {
-    _ConfigurationManager.instance = null;
-  }
-  /**
-   * Resolve configuration from all sources with proper priority
-   */
-  resolveConfig(propsConfig = {}) {
-    if (this.resolvedConfig && this.isConfigStillValid(propsConfig)) {
-      return this.resolvedConfig;
-    }
-    try {
-      this.configError = null;
-      const envConfig = this.getEnvConfig();
-      const cookieConfig = this.getCookieConfig();
-      const configSource = {
-        env: "default",
-        publicApiKey: "default",
-        loginActions: "default",
-        appName: "default",
-        logo: "default",
-        colors: "default"
-      };
-      const env = this.resolveValue("env", propsConfig.env, envConfig.env, cookieConfig.env, "prod", configSource);
-      const publicApiKey = this.resolveValue("publicApiKey", propsConfig.publicApiKey, envConfig.publicApiKey, cookieConfig.publicApiKey, void 0, configSource);
-      const loginActions = this.resolveValue("loginActions", propsConfig.loginActions, envConfig.loginActions, cookieConfig.loginActions, [], configSource);
-      const appName = this.resolveValue("appName", propsConfig.appName, envConfig.appName, cookieConfig.appName, "Crudify App", configSource);
-      const logo = this.resolveValue("logo", propsConfig.logo, envConfig.logo, cookieConfig.logo, "", configSource);
-      const colors = this.resolveValue("colors", propsConfig.colors, envConfig.colors, cookieConfig.colors, {}, configSource);
-      if (!publicApiKey) {
-        throw new Error(
-          "publicApiKey is required. Provide it via:\n1. Props: <CrudifyDataProvider publicApiKey={...} />\n2. Environment: VITE_TEST_PUBLIC_API_KEY\n3. Cookie: publicApiKey"
-        );
-      }
-      this.resolvedConfig = {
-        env,
-        publicApiKey,
-        loginActions,
-        appName,
-        logo,
-        colors,
-        configSource,
-        rawConfig: {
-          props: propsConfig,
-          env: envConfig,
-          cookies: cookieConfig
-        }
-      };
-      console.log("\u{1F527} ConfigurationManager - Configuration resolved:", {
-        config: {
-          env: this.resolvedConfig.env,
-          publicApiKey: `${this.resolvedConfig.publicApiKey.substring(0, 8)}...`,
-          appName: this.resolvedConfig.appName,
-          loginActionsCount: this.resolvedConfig.loginActions.length
-        },
-        sources: this.resolvedConfig.configSource
-      });
-      return this.resolvedConfig;
-    } catch (error) {
-      this.configError = error instanceof Error ? error.message : "Unknown configuration error";
-      console.error("\u{1F527} ConfigurationManager - Configuration error:", this.configError);
-      this.resolvedConfig = {
-        env: "prod",
-        publicApiKey: "",
-        loginActions: [],
-        appName: "Crudify App",
-        logo: "",
-        colors: {},
-        configSource: {
-          env: "default",
-          publicApiKey: "default",
-          loginActions: "default",
-          appName: "default",
-          logo: "default",
-          colors: "default"
-        },
-        rawConfig: {
-          props: propsConfig,
-          env: {},
-          cookies: {},
-          error: this.configError
-        }
-      };
-      return this.resolvedConfig;
-    }
-  }
-  /**
-   * Check if current configuration is still valid for the given props
-   */
-  isConfigStillValid(propsConfig) {
-    if (!this.resolvedConfig) return false;
-    const currentProps = this.resolvedConfig.rawConfig.props;
-    return JSON.stringify(currentProps) === JSON.stringify(propsConfig);
-  }
-  /**
-   * Resolve a single config value with priority and source tracking
-   */
-  resolveValue(key, propsValue, envValue, cookieValue, defaultValue, configSource) {
-    if (propsValue !== void 0) {
-      configSource[key] = "props";
-      return propsValue;
-    }
-    if (envValue !== void 0) {
-      configSource[key] = "env";
-      return envValue;
-    }
-    if (cookieValue !== void 0) {
-      configSource[key] = "cookies";
-      return cookieValue;
-    }
-    configSource[key] = "default";
-    return defaultValue;
-  }
-  /**
-   * Get configuration from environment variables
-   */
-  getEnvConfig() {
-    const config = {};
-    try {
-    } catch (error) {
-      console.warn("\u{1F527} ConfigurationManager - Environment variables not available:", error);
-    }
-    return config;
-  }
-  /**
-   * Get configuration from cookies (multi-tenant support)
-   */
-  getCookieConfig() {
-    const config = {};
-    try {
-      const env = getCookie("environment");
-      if (env && ["dev", "stg", "prod"].includes(env)) {
-        config.env = env;
-      }
-      const publicApiKey = getCookie("publicApiKey");
-      if (publicApiKey) {
-        config.publicApiKey = publicApiKey;
-      }
-      const appName = getCookie("appName");
-      if (appName) {
-        config.appName = appName;
-      }
-      const loginActions = getCookie("loginActions");
-      if (loginActions) {
-        config.loginActions = loginActions.split(",").map((action) => action.trim()).filter(Boolean);
-      }
-      const logo = getCookie("logo");
-      if (logo) {
-        config.logo = logo;
-      }
-      const colors = getCookie("colors");
-      if (colors) {
-        try {
-          config.colors = JSON.parse(colors);
-        } catch (error) {
-          console.warn("\u{1F527} ConfigurationManager - Failed to parse colors from cookie:", error);
-        }
-      }
-    } catch (error) {
-      console.warn("\u{1F527} ConfigurationManager - Error reading cookies:", error);
-    }
-    return config;
-  }
-  /**
-   * Get the current resolved configuration
-   */
-  getConfig() {
-    return this.resolvedConfig;
-  }
-  /**
-   * Get any configuration errors
-   */
-  getConfigError() {
-    return this.configError;
-  }
-  /**
-   * Check if configuration is valid (no errors and has required fields)
-   */
-  isConfigured() {
-    return this.resolvedConfig !== null && this.configError === null && !!this.resolvedConfig.publicApiKey;
-  }
-  /**
-   * Clear the current configuration (useful for testing or reconfiguration)
-   */
-  clearConfig() {
-    this.resolvedConfig = null;
-    this.configError = null;
-  }
-};
-_ConfigurationManager.instance = null;
-var ConfigurationManager = _ConfigurationManager;
-var configurationManager = ConfigurationManager.getInstance();
-
-// src/core/CrudifyInitializer.ts
-import crudify2 from "@nocios/crudify-browser";
-var _CrudifyInitializer = class _CrudifyInitializer {
-  constructor() {
-    this.state = {
-      isInitialized: false,
-      isInitializing: false,
-      initializationError: null,
-      config: null,
-      initializationPromise: null
-    };
-    console.log("\u{1F680} CrudifyInitializer - Instance created");
-  }
-  /**
-   * Singleton pattern to ensure global initialization coordination
-   */
-  static getInstance() {
-    if (!_CrudifyInitializer.instance) {
-      _CrudifyInitializer.instance = new _CrudifyInitializer();
-    }
-    return _CrudifyInitializer.instance;
-  }
-  /**
-   * Reset the singleton instance (useful for testing)
-   */
-  static resetInstance() {
-    _CrudifyInitializer.instance = null;
-  }
-  /**
-   * Initialize crudify with the given configuration
-   * This method is idempotent and thread-safe
-   */
-  async initialize(config) {
-    if (this.state.isInitialized && this.isConfigurationSame(config)) {
-      console.log("\u{1F680} CrudifyInitializer - Already initialized with same config");
-      return;
-    }
-    if (this.state.isInitializing && this.state.initializationPromise) {
-      console.log("\u{1F680} CrudifyInitializer - Waiting for ongoing initialization");
-      await this.state.initializationPromise;
-      return;
-    }
-    if (this.state.isInitialized && !this.isConfigurationSame(config)) {
-      console.log("\u{1F680} CrudifyInitializer - Configuration changed, re-initializing");
-      this.reset();
-    }
-    this.state.isInitializing = true;
-    this.state.initializationError = null;
-    this.state.initializationPromise = this.performInitialization(config);
-    try {
-      await this.state.initializationPromise;
-      this.state.isInitialized = true;
-      this.state.config = { ...config };
-      console.log("\u{1F680} CrudifyInitializer - Initialization completed successfully");
-    } catch (error) {
-      this.state.initializationError = error instanceof Error ? error.message : "Unknown initialization error";
-      console.error("\u{1F680} CrudifyInitializer - Initialization failed:", this.state.initializationError);
-      throw error;
-    } finally {
-      this.state.isInitializing = false;
-      this.state.initializationPromise = null;
-    }
-  }
-  /**
-   * Perform the actual initialization process
-   */
-  async performInitialization(config) {
-    if (!config.publicApiKey) {
-      throw new Error("publicApiKey is required for crudify initialization");
-    }
-    console.log("\u{1F680} CrudifyInitializer - Starting initialization with config:", {
-      env: config.env,
-      publicApiKey: `${config.publicApiKey.substring(0, 8)}...`,
-      appName: config.appName
-    });
-    try {
-      const environment = config.env || "prod";
-      console.log("\u{1F680} CrudifyInitializer - Step 1: Configuring environment:", environment);
-      await crudify2.config(environment);
-      console.log("\u{1F680} CrudifyInitializer - Step 2: Initializing with API key");
-      await crudify2.init(config.publicApiKey, "none");
-      console.log("\u{1F680} CrudifyInitializer - Step 3: Verifying initialization");
-      await this.verifyInitialization();
-      console.log("\u{1F680} CrudifyInitializer - All initialization steps completed");
-    } catch (error) {
-      console.error("\u{1F680} CrudifyInitializer - Initialization failed at step:", error);
-      throw new Error(
-        `Crudify initialization failed: ${error instanceof Error ? error.message : "Unknown error"}. Please check your configuration (env: ${config.env || "prod"}, publicApiKey: ${config.publicApiKey ? "provided" : "missing"})`
-      );
-    }
-  }
-  /**
-   * Verify that crudify is properly initialized by checking core methods
-   */
-  async verifyInitialization() {
-    const requiredMethods = ["readItems", "readItem", "createItem", "updateItem", "deleteItem", "login", "transaction"];
-    const missingMethods = [];
-    for (const method of requiredMethods) {
-      if (typeof crudify2[method] !== "function") {
-        missingMethods.push(method);
-      }
-    }
-    if (missingMethods.length > 0) {
-      throw new Error(
-        `Crudify initialization incomplete. Missing methods: ${missingMethods.join(", ")}. This usually indicates a configuration or network issue.`
-      );
-    }
-    console.log("\u{1F680} CrudifyInitializer - Verification successful (test call skipped for performance)");
-  }
-  /**
-   * Check if the given configuration is the same as the current one
-   */
-  isConfigurationSame(config) {
-    if (!this.state.config) return false;
-    return this.state.config.env === config.env && this.state.config.publicApiKey === config.publicApiKey;
-  }
-  /**
-   * Reset the initialization state (useful for testing or configuration changes)
-   */
-  reset() {
-    console.log("\u{1F680} CrudifyInitializer - Resetting initialization state");
-    this.state = {
-      isInitialized: false,
-      isInitializing: false,
-      initializationError: null,
-      config: null,
-      initializationPromise: null
-    };
-  }
-  /**
-   * Get the current initialization status
-   */
-  getStatus() {
-    return {
-      isInitialized: this.state.isInitialized,
-      isInitializing: this.state.isInitializing,
-      initializationError: this.state.initializationError,
-      config: this.state.config
-    };
-  }
-  /**
-   * Check if crudify is ready to use
-   */
-  isReady() {
-    return this.state.isInitialized && !this.state.initializationError;
-  }
-  /**
-   * Get the current initialization error, if any
-   */
-  getError() {
-    return this.state.initializationError;
-  }
-  /**
-   * Force re-initialization (useful when configuration changes)
-   */
-  async reinitialize(config) {
-    console.log("\u{1F680} CrudifyInitializer - Forcing re-initialization");
-    this.reset();
-    await this.initialize(config);
-  }
-  /**
-   * Check if initialization is currently in progress
-   */
-  isInitializing() {
-    return this.state.isInitializing;
-  }
-  /**
-   * Wait for any ongoing initialization to complete
-   */
-  async waitForInitialization() {
-    if (this.state.initializationPromise) {
-      await this.state.initializationPromise;
-    }
-  }
-};
-_CrudifyInitializer.instance = null;
-var CrudifyInitializer = _CrudifyInitializer;
-var crudifyInitializer = CrudifyInitializer.getInstance();
-
-// src/core/TokenManager.ts
-import crudify3 from "@nocios/crudify-browser";
-
-// src/utils/jwtUtils.ts
-var decodeJwtSafely = (token) => {
-  try {
-    const parts = token.split(".");
-    if (parts.length !== 3) {
-      console.warn("Invalid JWT format: token must have 3 parts");
-      return null;
-    }
-    const payload = parts[1];
-    const paddedPayload = payload + "=".repeat((4 - payload.length % 4) % 4);
-    const decodedPayload = JSON.parse(atob(paddedPayload));
-    return decodedPayload;
-  } catch (error) {
-    console.warn("Failed to decode JWT token:", error);
-    return null;
-  }
-};
-var getCurrentUserEmail = () => {
-  try {
-    let token = null;
-    token = sessionStorage.getItem("authToken");
-    console.log("\u{1F50D} getCurrentUserEmail - authToken:", token ? `${token.substring(0, 20)}...` : null);
-    if (!token) {
-      token = sessionStorage.getItem("token");
-      console.log("\u{1F50D} getCurrentUserEmail - token:", token ? `${token.substring(0, 20)}...` : null);
-    }
-    if (!token) {
-      token = localStorage.getItem("authToken") || localStorage.getItem("token");
-      console.log("\u{1F50D} getCurrentUserEmail - localStorage:", token ? `${token.substring(0, 20)}...` : null);
-    }
-    if (!token) {
-      console.warn("\u{1F50D} getCurrentUserEmail - No token found in any storage");
-      return null;
-    }
-    const payload = decodeJwtSafely(token);
-    if (!payload) {
-      console.warn("\u{1F50D} getCurrentUserEmail - Failed to decode token");
-      return null;
-    }
-    const email = payload.email || payload["cognito:username"] || null;
-    console.log("\u{1F50D} getCurrentUserEmail - Extracted email:", email);
-    return email;
-  } catch (error) {
-    console.warn("Failed to get current user email:", error);
-    return null;
-  }
-};
-var isTokenExpired = (token) => {
-  try {
-    const payload = decodeJwtSafely(token);
-    if (!payload || !payload.exp) return true;
-    const currentTime = Math.floor(Date.now() / 1e3);
-    return payload.exp < currentTime;
-  } catch {
-    return true;
-  }
-};
-
-// src/core/TokenManager.ts
-var _TokenManager = class _TokenManager {
-  constructor() {
-    this.TOKEN_KEY = "authToken";
-    // Compatible with crudia-ui
-    this.tokenCache = null;
-    this.parsedTokenCache = null;
-    this.expirationCheckInterval = null;
-    this.storageEventListener = null;
-    this.initializeTokenManager();
-  }
-  /**
-   * Singleton pattern to ensure consistent token management
-   */
-  static getInstance() {
-    if (!_TokenManager.instance) {
-      _TokenManager.instance = new _TokenManager();
-    }
-    return _TokenManager.instance;
-  }
-  /**
-   * Reset the singleton instance (useful for testing)
-   */
-  static resetInstance() {
-    if (_TokenManager.instance) {
-      _TokenManager.instance.cleanup();
-    }
-    _TokenManager.instance = null;
-  }
-  /**
-   * Initialize the token manager with storage synchronization
-   */
-  initializeTokenManager() {
-    console.log("\u{1F510} TokenManager - Initializing token management");
-    this.migrateFromLocalStorage();
-    this.loadTokenFromStorage();
-    this.setupExpirationCheck();
-    this.setupStorageListener();
-    console.log("\u{1F510} TokenManager - Initialization complete");
-  }
-  /**
-   * Migrate tokens from localStorage to sessionStorage for better security
-   * This ensures compatibility with older implementations
-   */
-  migrateFromLocalStorage() {
-    try {
-      const legacyKeys = ["authToken", "token", "jwt", "jwtToken"];
-      for (const key of legacyKeys) {
-        const token = localStorage.getItem(key);
-        if (token && !secureSessionStorage.getToken()) {
-          console.log(`\u{1F510} TokenManager - Migrating token from localStorage key: ${key}`);
-          secureSessionStorage.setToken(token);
-          localStorage.removeItem(key);
-          break;
-        }
-      }
-    } catch (error) {
-      console.warn("\u{1F510} TokenManager - Token migration failed:", error);
-    }
-  }
-  /**
-   * Load token from storage and synchronize with crudify
-   */
-  loadTokenFromStorage() {
-    console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Entry point - loading token from storage");
-    try {
-      console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Getting token from secure session storage");
-      const storedToken = secureSessionStorage.getToken();
-      console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Stored token exists:", !!storedToken);
-      if (storedToken && this.isTokenValid(storedToken)) {
-        console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Stored token is valid, updating cache");
-        this.tokenCache = storedToken;
-        this.parsedTokenCache = this.parseToken(storedToken);
-        this.syncTokenWithCrudify(storedToken);
-        console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Token loaded from storage and synchronized");
-      } else if (storedToken) {
-        console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Stored token exists but is invalid/expired, clearing");
-        this.clearToken();
-      } else {
-        console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: No stored token found");
-      }
-    } catch (error) {
-      console.warn("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Error loading token from storage:", error);
-      this.clearToken();
-    }
-  }
-  /**
-   * Set up automatic token expiration checking
-   */
-  setupExpirationCheck() {
-    this.expirationCheckInterval = window.setInterval(() => {
-      if (this.tokenCache && !this.isTokenValid(this.tokenCache)) {
-        console.log("\u{1F510} TokenManager - Token expired, clearing automatically");
-        this.clearToken();
-      }
-    }, 3e4);
-  }
-  /**
-   * Set up storage event listener for cross-tab synchronization
-   */
-  setupStorageListener() {
-    this.storageEventListener = (event) => {
-      if (event.key === this.TOKEN_KEY) {
-        console.log("\u{1F510} TokenManager - Token change detected from another tab");
-        this.loadTokenFromStorage();
-      }
-    };
-    window.addEventListener("storage", this.storageEventListener);
-  }
-  /**
-   * Set a new JWT token with automatic synchronization
-   */
-  setToken(token) {
-    console.log("\u{1F510} TokenManager - SET_TOKEN: Entry point - setting token:", token ? "provided" : "null");
-    try {
-      if (!token) {
-        console.log("\u{1F510} TokenManager - SET_TOKEN: No token provided, clearing token");
-        this.clearToken();
-        return;
-      }
-      console.log("\u{1F510} TokenManager - SET_TOKEN: Validating token before setting");
-      if (!this.isTokenValid(token)) {
-        console.warn("\u{1F510} TokenManager - SET_TOKEN: Attempted to set invalid or expired token");
-        this.clearToken();
-        return;
-      }
-      console.log("\u{1F510} TokenManager - SET_TOKEN: Token is valid, updating cache");
-      this.tokenCache = token;
-      this.parsedTokenCache = this.parseToken(token);
-      console.log("\u{1F510} TokenManager - SET_TOKEN: Storing token in secure storage");
-      secureSessionStorage.setToken(token);
-      console.log("\u{1F510} TokenManager - SET_TOKEN: Synchronizing with crudify");
-      this.syncTokenWithCrudify(token);
-      console.log("\u{1F510} TokenManager - SET_TOKEN: Token set and synchronized successfully");
-    } catch (error) {
-      console.error("\u{1F510} TokenManager - SET_TOKEN: Error setting token:", error);
-      this.clearToken();
-    }
-  }
-  /**
-   * Get the current JWT token
-   */
-  getToken() {
-    console.log("\u{1F510} TokenManager - GET_TOKEN: Entry point - checking cache");
-    if (this.tokenCache) {
-      console.log("\u{1F510} TokenManager - GET_TOKEN: Cache exists, validating token");
-      if (this.isTokenValid(this.tokenCache)) {
-        console.log("\u{1F510} TokenManager - GET_TOKEN: Cache valid, returning cached token");
-        return this.tokenCache;
-      } else {
-        console.log("\u{1F510} TokenManager - GET_TOKEN: Cache invalid, clearing cache");
-        this.tokenCache = null;
-      }
-    } else {
-      console.log("\u{1F510} TokenManager - GET_TOKEN: No cache, loading from storage");
-    }
-    console.log("\u{1F510} TokenManager - GET_TOKEN: Loading from storage");
-    this.loadTokenFromStorage();
-    console.log("\u{1F510} TokenManager - GET_TOKEN: Returning final token:", !!this.tokenCache);
-    return this.tokenCache;
-  }
-  /**
-   * Parse the current JWT token
-   */
-  parseToken(token) {
-    console.log("\u{1F510} TokenManager - PARSE_TOKEN: Entry point - parsing token");
-    const targetToken = token !== void 0 ? token : this.tokenCache;
-    console.log("\u{1F510} TokenManager - PARSE_TOKEN: Target token exists:", !!targetToken);
-    if (!targetToken) {
-      console.log("\u{1F510} TokenManager - PARSE_TOKEN: No target token, returning null");
-      return null;
-    }
-    if (this.tokenCache === targetToken && this.parsedTokenCache) {
-      console.log("\u{1F510} TokenManager - PARSE_TOKEN: Returning cached parsed token");
-      return this.parsedTokenCache;
-    }
-    console.log("\u{1F510} TokenManager - PARSE_TOKEN: Cache miss, parsing token with decodeJwtSafely");
-    const parsed = decodeJwtSafely(targetToken);
-    console.log("\u{1F510} TokenManager - PARSE_TOKEN: Token parsed successfully:", !!parsed);
-    if (targetToken === this.tokenCache) {
-      console.log("\u{1F510} TokenManager - PARSE_TOKEN: Updating parsed token cache");
-      this.parsedTokenCache = parsed;
-    }
-    return parsed;
-  }
-  /**
-   * Check if a token is valid (properly formatted and not expired)
-   */
-  isTokenValid(token) {
-    console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Entry point - checking token validity");
-    const targetToken = token !== void 0 ? token : this.tokenCache;
-    console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Target token exists:", !!targetToken);
-    if (!targetToken) {
-      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: No token, returning false");
-      return false;
-    }
-    try {
-      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Checking if token is expired");
-      if (isTokenExpired(targetToken)) {
-        console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Token is expired, returning false");
-        return false;
-      }
-      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Token not expired, checking if can be parsed");
-      const parsed = decodeJwtSafely(targetToken);
-      const isValid = parsed !== null;
-      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Token parsing result:", isValid);
-      return isValid;
-    } catch (error) {
-      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Error validating token:", error);
-      return false;
-    }
-  }
-  /**
-   * Get token expiration time as Date object
-   */
-  getTokenExpiration() {
-    const token = this.getToken();
-    if (!token) return null;
-    const parsed = this.parseToken(token);
-    if (!parsed?.exp) return null;
-    return new Date(parsed.exp * 1e3);
-  }
-  /**
-   * Clear the current token from all storages and crudify
-   */
-  clearToken() {
-    console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Entry point - clearing all tokens");
-    try {
-      console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Clearing cache");
-      this.tokenCache = null;
-      this.parsedTokenCache = null;
-      console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Clearing from secure storage");
-      secureSessionStorage.removeItem(this.TOKEN_KEY);
-      console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Clearing from crudify");
-      crudify3.setToken("");
-      console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Token cleared from all storages successfully");
-    } catch (error) {
-      console.warn("\u{1F510} TokenManager - CLEAR_TOKEN: Error clearing token:", error);
-    }
-  }
-  /**
-   * Synchronize token with crudify library
-   */
-  syncTokenWithCrudify(token) {
-    try {
-      crudify3.setToken(token);
-      console.log("\u{1F510} TokenManager - Token synchronized with crudify");
-    } catch (error) {
-      console.warn("\u{1F510} TokenManager - Failed to sync token with crudify:", error);
-    }
-  }
-  /**
-   * Refresh token (placeholder for future implementation)
-   */
-  async refreshToken() {
-    throw new Error("Token refresh not yet implemented");
-  }
-  /**
-   * Get user information from the current token
-   */
-  getUserInfo() {
-    const parsed = this.parseToken();
-    if (!parsed) {
-      return {
-        email: null,
-        userId: null,
-        userIdentifier: null,
-        username: null
-      };
-    }
-    return {
-      email: parsed.email || null,
-      userId: parsed.sub || null,
-      userIdentifier: parsed["cognito:username"] || parsed.email || parsed.sub || null,
-      username: parsed["cognito:username"] || null
-    };
-  }
-  /**
-   * Check if user is currently authenticated
-   */
-  isAuthenticated() {
-    return this.isTokenValid();
-  }
-  /**
-   * Get time until token expires in minutes
-   */
-  getTimeUntilExpiration() {
-    const expiration = this.getTokenExpiration();
-    if (!expiration) return null;
-    const now = /* @__PURE__ */ new Date();
-    const minutesUntilExpiry = Math.floor((expiration.getTime() - now.getTime()) / (60 * 1e3));
-    return Math.max(0, minutesUntilExpiry);
-  }
-  /**
-   * Cleanup resources (call when the component unmounts)
-   */
-  cleanup() {
-    if (this.expirationCheckInterval) {
-      window.clearInterval(this.expirationCheckInterval);
-      this.expirationCheckInterval = null;
-    }
-    if (this.storageEventListener) {
-      window.removeEventListener("storage", this.storageEventListener);
-      this.storageEventListener = null;
-    }
-    console.log("\u{1F510} TokenManager - Cleanup completed");
-  }
-  /**
-   * Get debug information about the current token state
-   */
-  getDebugInfo() {
-    const token = this.getToken();
-    const parsed = this.parseToken();
-    const expiration = this.getTokenExpiration();
-    return {
-      hasToken: !!token,
-      tokenLength: token?.length || 0,
-      isValid: this.isTokenValid(),
-      isAuthenticated: this.isAuthenticated(),
-      expiration: expiration?.toISOString() || null,
-      minutesUntilExpiry: this.getTimeUntilExpiration(),
-      userInfo: this.getUserInfo(),
-      parsedTokenKeys: parsed ? Object.keys(parsed) : []
-    };
-  }
-};
-_TokenManager.instance = null;
-var TokenManager = _TokenManager;
-var tokenManager = TokenManager.getInstance();
-
-// src/providers/CrudifyDataProvider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CrudifyDataContext = createContext4(null);
-var CrudifyDataProvider = ({
-  children,
-  env,
-  publicApiKey,
-  loginActions,
-  appName,
-  logo,
-  colors
-}) => {
-  const [config, setConfig] = useState3(null);
-  const [isConfigured, setIsConfigured] = useState3(false);
-  const [configError, setConfigError] = useState3(null);
-  const [isInitialized, setIsInitialized] = useState3(false);
-  const [isInitializing, setIsInitializing] = useState3(false);
-  const [initializationError, setInitializationError] = useState3(null);
-  const [isAuthenticated, setIsAuthenticated] = useState3(false);
-  const [token, setTokenState] = useState3(null);
-  const [user, setUser] = useState3(null);
-  const [tokenExpiration, setTokenExpiration] = useState3(null);
-  const initializeConfiguration = useCallback(() => {
-    try {
-      console.log("\u{1F30D} CrudifyDataProvider - Initializing configuration");
-      const propsConfig = {
-        env,
-        publicApiKey,
-        loginActions,
-        appName,
-        logo,
-        colors
-      };
-      const resolvedConfig = configurationManager.resolveConfig(propsConfig);
-      const error = configurationManager.getConfigError();
-      setConfig(resolvedConfig);
-      setConfigError(error);
-      setIsConfigured(configurationManager.isConfigured());
-      console.log("\u{1F30D} CrudifyDataProvider - Configuration initialized:", {
-        isConfigured: configurationManager.isConfigured(),
-        error,
-        sources: resolvedConfig.configSource
-      });
-      return resolvedConfig;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Configuration initialization failed";
-      console.error("\u{1F30D} CrudifyDataProvider - Configuration error:", errorMessage);
-      setConfigError(errorMessage);
-      setIsConfigured(false);
-      return null;
-    }
-  }, [env, publicApiKey, loginActions, appName, logo, colors]);
-  const initializeCrudify = useCallback(async (resolvedConfig) => {
-    if (!resolvedConfig || !resolvedConfig.publicApiKey) {
-      setInitializationError("Cannot initialize crudify without valid configuration");
-      return;
-    }
-    try {
-      setIsInitializing(true);
-      setInitializationError(null);
-      console.log("\u{1F680} CrudifyDataProvider - Starting crudify initialization");
-      await crudifyInitializer.initialize({
-        env: resolvedConfig.env,
-        publicApiKey: resolvedConfig.publicApiKey,
-        loginActions: resolvedConfig.loginActions,
-        appName: resolvedConfig.appName,
-        logo: resolvedConfig.logo,
-        colors: resolvedConfig.colors
-      });
-      setIsInitialized(true);
-      console.log("\u{1F680} CrudifyDataProvider - Crudify initialization completed");
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Crudify initialization failed";
-      console.error("\u{1F680} CrudifyDataProvider - Initialization error:", errorMessage);
-      setInitializationError(errorMessage);
-      setIsInitialized(false);
-    } finally {
-      setIsInitializing(false);
-    }
-  }, []);
-  const updateAuthenticationState = useCallback(() => {
-    console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Starting authentication state update");
-    try {
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Getting token from TokenManager");
-      const currentToken = tokenManager.getToken();
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Token retrieved:", !!currentToken);
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Parsing token");
-      const parsedUser = tokenManager.parseToken();
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Token parsed:", !!parsedUser);
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Getting expiration");
-      const expiration = tokenManager.getTokenExpiration();
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Expiration retrieved:", !!expiration);
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Checking authentication");
-      const authenticated = tokenManager.isAuthenticated();
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Authentication checked:", authenticated);
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Updating state variables");
-      setTokenState(currentToken);
-      setUser(parsedUser);
-      setTokenExpiration(expiration);
-      setIsAuthenticated(authenticated);
-      console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Authentication state updated successfully:", {
-        hasToken: !!currentToken,
-        isAuthenticated: authenticated,
-        userEmail: parsedUser?.email || null,
-        expiration: expiration?.toISOString() || null
-      });
-    } catch (error) {
-      console.error("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Error updating authentication state:", error);
-    }
-  }, []);
-  const setToken = useCallback((newToken) => {
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: ===== STARTING TOKEN SET =====");
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: New token:", newToken ? `${newToken.substring(0, 20)}...` : "null");
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Setting token in TokenManager...");
-    tokenManager.setToken(newToken);
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Updating state using newToken directly");
-    if (newToken) {
-      const parsedUser = tokenManager.parseToken(newToken);
-      const expiration = tokenManager.getTokenExpiration();
-      const authenticated = tokenManager.isTokenValid(newToken);
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Setting state values:");
-      console.log("   - setTokenState:", newToken ? `${newToken.substring(0, 20)}...` : "null");
-      console.log("   - setUser:", parsedUser?.email || "null");
-      console.log("   - setIsAuthenticated:", authenticated);
-      setTokenState(newToken);
-      setUser(parsedUser);
-      setTokenExpiration(expiration);
-      setIsAuthenticated(authenticated);
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: \u2705 Token set, state updated", {
-        hasToken: true,
-        isAuthenticated: authenticated,
-        userEmail: parsedUser?.email || null
-      });
-    } else {
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Clearing all states");
-      setTokenState(null);
-      setUser(null);
-      setTokenExpiration(null);
-      setIsAuthenticated(false);
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: \u2705 Token cleared, state reset");
-    }
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: ===== TOKEN SET COMPLETE =====");
-  }, []);
-  const logout = useCallback(() => {
-    console.log("\u{1F510} CrudifyDataProvider - LOGOUT_CALLBACK: Logging out user");
-    tokenManager.clearToken();
-    console.log("\u{1F510} CrudifyDataProvider - LOGOUT_CALLBACK: Updating state directly");
-    setTokenState(null);
-    setUser(null);
-    setTokenExpiration(null);
-    setIsAuthenticated(false);
-    console.log("\u{1F510} CrudifyDataProvider - LOGOUT_CALLBACK: User logged out, state cleared");
-  }, []);
-  const refreshConfig = useCallback(() => {
-    console.log("\u{1F30D} CrudifyDataProvider - Refreshing configuration");
-    configurationManager.clearConfig();
-    const newConfig = initializeConfiguration();
-    if (newConfig && newConfig.publicApiKey) {
-      initializeCrudify(newConfig);
-    }
-  }, [initializeConfiguration, initializeCrudify]);
-  const reinitialize = useCallback(async () => {
-    if (!config || !config.publicApiKey) {
-      console.warn("\u{1F680} CrudifyDataProvider - Cannot reinitialize without valid configuration");
-      return;
-    }
-    console.log("\u{1F680} CrudifyDataProvider - Force reinitializing crudify");
-    crudifyInitializer.reset();
-    await initializeCrudify(config);
-  }, [config, initializeCrudify]);
-  const getDebugInfo = useCallback(() => {
-    return {
-      provider: {
-        isConfigured,
-        configError,
-        isInitialized,
-        isInitializing,
-        initializationError,
-        isAuthenticated
-      },
-      configuration: {
-        config: config ? {
-          env: config.env,
-          publicApiKey: `${config.publicApiKey.substring(0, 8)}...`,
-          appName: config.appName,
-          loginActionsCount: config.loginActions.length,
-          hasLogo: !!config.logo,
-          colorsCount: Object.keys(config.colors).length
-        } : null,
-        sources: config?.configSource || null,
-        rawConfig: config?.rawConfig || null
-      },
-      authentication: {
-        hasToken: !!token,
-        tokenLength: token?.length || 0,
-        userEmail: user?.email || null,
-        userId: user?.sub || null,
-        expiration: tokenExpiration?.toISOString() || null,
-        minutesUntilExpiry: tokenManager.getTimeUntilExpiration()
-      },
-      tokenManager: tokenManager.getDebugInfo(),
-      crudifyInitializer: crudifyInitializer.getStatus()
-    };
-  }, [isConfigured, configError, isInitialized, isInitializing, initializationError, isAuthenticated, config, token, user, tokenExpiration]);
-  useEffect4(() => {
-    console.log("\u{1F30D} CrudifyDataProvider - Provider mounting, starting initialization");
-    const resolvedConfig = initializeConfiguration();
-    updateAuthenticationState();
-    if (resolvedConfig && resolvedConfig.publicApiKey) {
-      initializeCrudify(resolvedConfig);
-    }
-    return () => {
-      console.log("\u{1F30D} CrudifyDataProvider - Provider unmounting, cleaning up");
-      tokenManager.cleanup();
-    };
-  }, []);
-  useEffect4(() => {
-    console.log("\u{1F510} CrudifyDataProvider - INITIAL_AUTH_EFFECT: Loading initial authentication state");
-    updateAuthenticationState();
-  }, []);
-  const contextValue = {
-    // Configuration
-    config,
-    isConfigured,
-    configError,
-    configSource: config ? JSON.stringify(config.configSource) : "none",
-    // Initialization
-    isInitialized,
-    isInitializing,
-    initializationError,
-    // Authentication
-    isAuthenticated,
-    token,
-    user,
-    tokenExpiration,
-    // Actions
-    setToken,
-    logout,
-    refreshConfig,
-    reinitialize,
-    // Debug
-    getDebugInfo
-  };
-  return /* @__PURE__ */ jsx4(CrudifyDataContext.Provider, { value: contextValue, children });
-};
-var useCrudifyDataContext = () => {
-  const context = useContext4(CrudifyDataContext);
-  if (!context) {
-    throw new Error(
-      "useCrudifyDataContext must be used within a CrudifyDataProvider. Make sure to wrap your app with <CrudifyDataProvider>."
-    );
-  }
-  return context;
-};
-
 // src/hooks/useCrudifyAuth.ts
 var useCrudifyAuth = () => {
   const {
@@ -1836,9 +695,9 @@ var useCrudifyAuth = () => {
 };
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-import { Fragment, jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
 var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
-  const { crudify: crudify8 } = useCrudify();
+  const { crudify: crudify6 } = useCrudify();
   const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
   const { setToken } = useCrudifyAuth();
   const { t } = useTranslation();
@@ -1855,7 +714,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     }
     return redirectUrl || "/";
   };
-  useEffect5(() => {
+  useEffect4(() => {
     const timer = setTimeout(() => {
       if (usernameInputRef.current) usernameInputRef.current.focus();
     }, 100);
@@ -1890,10 +749,10 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     clearErrors();
     setLoading(true);
     try {
-      if (!crudify8) {
+      if (!crudify6) {
         throw new Error("Crudify not initialized");
       }
-      const response = await crudify8.login(state.formData.username, state.formData.password);
+      const response = await crudify6.login(state.formData.username, state.formData.password);
       setLoading(false);
       if (response.success) {
         console.log("\u{1F510} LoginForm - Login successful, setting tokens");
@@ -1954,7 +813,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
         sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
         children: [
           /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               Typography,
               {
                 variant: "body2",
@@ -1964,7 +823,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.usernameOrEmailLabel")
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               TextField,
               {
                 fullWidth: true,
@@ -1984,7 +843,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
             )
           ] }),
           /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               Typography,
               {
                 variant: "body2",
@@ -1994,7 +853,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
                 children: t("login.passwordLabel")
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               TextField,
               {
                 fullWidth: true,
@@ -2012,7 +871,7 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               }
             )
           ] }),
-          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ jsx5(Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ jsx5(
+          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ jsx4(Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ jsx4(
             Link,
             {
               sx: { cursor: "pointer" },
@@ -2024,15 +883,15 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
               children: t("login.forgotPasswordLink")
             }
           ) }),
-          /* @__PURE__ */ jsx5(Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ jsx5(CircularProgress, { size: 20 }) : t("login.loginButton") })
+          /* @__PURE__ */ jsx4(Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ jsx4(CircularProgress, { size: 20 }) : t("login.loginButton") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ jsx5(Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ jsx5("div", { children: error }) }, index)) }),
+    /* @__PURE__ */ jsx4(Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ jsx4(Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ jsx4("div", { children: error }) }, index)) }),
     state.config.loginActions?.includes("createUser") && /* @__PURE__ */ jsxs(Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
       t("login.noAccountPrompt"),
       " ",
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Link,
         {
           sx: { cursor: "pointer" },
@@ -2052,17 +911,17 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
 var LoginForm_default = LoginForm;
 
 // src/components/CrudifyLogin/Forms/ForgotPasswordForm.tsx
-import { useState as useState4 } from "react";
+import { useState as useState3 } from "react";
 import { Typography as Typography2, TextField as TextField2, Button as Button2, Box as Box2, CircularProgress as CircularProgress2, Alert as Alert2, Link as Link2 } from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({ onScreenChange, onError }) => {
-  const { crudify: crudify8 } = useCrudify();
-  const [email, setEmail] = useState4("");
-  const [loading, setLoading] = useState4(false);
-  const [errors, setErrors] = useState4([]);
-  const [helperTextEmail, setHelperTextEmail] = useState4(null);
-  const [emailSent, setEmailSent] = useState4(false);
-  const [codeAlreadyExists, setCodeAlreadyExists] = useState4(false);
+  const { crudify: crudify6 } = useCrudify();
+  const [email, setEmail] = useState3("");
+  const [loading, setLoading] = useState3(false);
+  const [errors, setErrors] = useState3([]);
+  const [helperTextEmail, setHelperTextEmail] = useState3(null);
+  const [emailSent, setEmailSent] = useState3(false);
+  const [codeAlreadyExists, setCodeAlreadyExists] = useState3(false);
   const { t } = useTranslation();
   const translateError = (parsedError) => {
     const possibleKeys = [
@@ -2085,7 +944,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify8) return;
+    if (loading || !crudify6) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -2099,7 +958,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify8.transaction(data);
+      const response = await crudify6.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -2141,23 +1000,23 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     onScreenChange?.("checkCode", { email });
   };
   if (emailSent || codeAlreadyExists) {
-    return /* @__PURE__ */ jsx6(Fragment2, { children: /* @__PURE__ */ jsxs2(Box2, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
+    return /* @__PURE__ */ jsx5(Fragment2, { children: /* @__PURE__ */ jsxs2(Box2, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
       /* @__PURE__ */ jsxs2(Box2, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx6(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
+        /* @__PURE__ */ jsx5(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
+        /* @__PURE__ */ jsx5(Typography2, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
       ] }),
-      /* @__PURE__ */ jsx6(Button2, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
-      /* @__PURE__ */ jsx6(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx5(Button2, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
+      /* @__PURE__ */ jsx5(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx5(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }) });
   }
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     /* @__PURE__ */ jsxs2(Box2, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsxs2(Box2, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx6(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
+        /* @__PURE__ */ jsx5(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
+        /* @__PURE__ */ jsx5(Typography2, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
       ] }),
       /* @__PURE__ */ jsxs2(Box2, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           Typography2,
           {
             variant: "body2",
@@ -2167,7 +1026,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
             children: t("forgotPassword.emailLabel")
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           TextField2,
           {
             fullWidth: true,
@@ -2185,37 +1044,37 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx6(Button2, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx6(CircularProgress2, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
+      /* @__PURE__ */ jsx5(Button2, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx5(CircularProgress2, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
       /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
-        /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
-        /* @__PURE__ */ jsx6(Link2, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
+        /* @__PURE__ */ jsx5(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
+        /* @__PURE__ */ jsx5(Typography2, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
+        /* @__PURE__ */ jsx5(Link2, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(Box2, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx6(Alert2, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx5(Box2, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx5(Alert2, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ForgotPasswordForm_default = ForgotPasswordForm;
 
 // src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
-import { useState as useState5, useEffect as useEffect6 } from "react";
+import { useState as useState4, useEffect as useEffect5 } from "react";
 import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box3, CircularProgress as CircularProgress3, Alert as Alert3, Link as Link3 } from "@mui/material";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
-  const { crudify: crudify8 } = useCrudify();
-  const [newPassword, setNewPassword] = useState5("");
-  const [confirmPassword, setConfirmPassword] = useState5("");
-  const [loading, setLoading] = useState5(false);
-  const [errors, setErrors] = useState5([]);
-  const [helperTextNewPassword, setHelperTextNewPassword] = useState5(null);
-  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = useState5(null);
-  const [email, setEmail] = useState5("");
-  const [code, setCode] = useState5("");
-  const [fromCodeVerification, setFromCodeVerification] = useState5(false);
-  const [validatingCode, setValidatingCode] = useState5(true);
-  const [codeValidated, setCodeValidated] = useState5(false);
-  const [pendingValidation, setPendingValidation] = useState5(null);
-  const [isValidating, setIsValidating] = useState5(false);
+  const { crudify: crudify6 } = useCrudify();
+  const [newPassword, setNewPassword] = useState4("");
+  const [confirmPassword, setConfirmPassword] = useState4("");
+  const [loading, setLoading] = useState4(false);
+  const [errors, setErrors] = useState4([]);
+  const [helperTextNewPassword, setHelperTextNewPassword] = useState4(null);
+  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = useState4(null);
+  const [email, setEmail] = useState4("");
+  const [code, setCode] = useState4("");
+  const [fromCodeVerification, setFromCodeVerification] = useState4(false);
+  const [validatingCode, setValidatingCode] = useState4(true);
+  const [codeValidated, setCodeValidated] = useState4(false);
+  const [pendingValidation, setPendingValidation] = useState4(null);
+  const [isValidating, setIsValidating] = useState4(false);
   const { t } = useTranslation();
   const translateError = (parsedError) => {
     const possibleKeys = [
@@ -2240,7 +1099,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
     return searchParams[key] || null;
   };
-  useEffect6(() => {
+  useEffect5(() => {
     if (!searchParams) {
       return;
     }
@@ -2282,9 +1141,9 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     setErrors([t("resetPassword.invalidCode")]);
     setValidatingCode(false);
     setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-  }, [searchParams, crudify8, t, onScreenChange]);
-  useEffect6(() => {
-    if (crudify8 && pendingValidation && !isValidating) {
+  }, [searchParams, crudify6, t, onScreenChange]);
+  useEffect5(() => {
+    if (crudify6 && pendingValidation && !isValidating) {
       setIsValidating(true);
       const validateCode = async (emailToValidate, codeToValidate) => {
         try {
@@ -2294,7 +1153,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
               data: { email: emailToValidate, codePassword: codeToValidate }
             }
           ];
-          const response = await crudify8.transaction(data);
+          const response = await crudify6.transaction(data);
           if (response.data && Array.isArray(response.data)) {
             const validationResult = response.data[0];
             if (validationResult && validationResult.response && validationResult.response.status === "OK") {
@@ -2323,7 +1182,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
       };
       validateCode(pendingValidation.email, pendingValidation.code);
     }
-  }, [crudify8, pendingValidation, t, onScreenChange]);
+  }, [crudify6, pendingValidation, t, onScreenChange]);
   const validatePassword = (password) => {
     if (password.length < 8) {
       return t("resetPassword.passwordTooShort");
@@ -2331,7 +1190,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     return null;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify8) return;
+    if (loading || !crudify6) return;
     setErrors([]);
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -2362,7 +1221,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify8.transaction(data);
+      const response = await crudify6.transaction(data);
       if (response.success) {
         setErrors([]);
         setTimeout(() => {
@@ -2391,19 +1250,19 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
   };
   if (validatingCode) {
-    return /* @__PURE__ */ jsx7(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ jsx7(CircularProgress3, {}) });
+    return /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ jsx6(CircularProgress3, {}) });
   }
   if (!codeValidated) {
-    return /* @__PURE__ */ jsx7(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
+    return /* @__PURE__ */ jsx6(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx6(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
   }
   return /* @__PURE__ */ jsxs3(Fragment3, { children: [
     /* @__PURE__ */ jsxs3(Box3, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsxs3(Box3, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx7(Typography3, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
-        /* @__PURE__ */ jsx7(Typography3, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
+        /* @__PURE__ */ jsx6(Typography3, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
+        /* @__PURE__ */ jsx6(Typography3, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
       ] }),
       /* @__PURE__ */ jsxs3(Box3, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           Typography3,
           {
             variant: "body2",
@@ -2413,7 +1272,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.newPasswordLabel")
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           TextField3,
           {
             fullWidth: true,
@@ -2432,7 +1291,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
         )
       ] }),
       /* @__PURE__ */ jsxs3(Box3, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           Typography3,
           {
             variant: "body2",
@@ -2442,7 +1301,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
             children: t("resetPassword.confirmPasswordLabel")
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           TextField3,
           {
             fullWidth: true,
@@ -2460,25 +1319,25 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           }
         )
       ] }),
-      /* @__PURE__ */ jsx7(Button3, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx7(CircularProgress3, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
-      /* @__PURE__ */ jsx7(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx7(Link3, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx6(Button3, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ jsx6(CircularProgress3, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
+      /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx6(Link3, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ jsx7(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx6(Box3, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx6(Alert3, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var ResetPasswordForm_default = ResetPasswordForm;
 
 // src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
-import { useState as useState6, useEffect as useEffect7 } from "react";
+import { useState as useState5, useEffect as useEffect6 } from "react";
 import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box4, CircularProgress as CircularProgress4, Alert as Alert4, Link as Link4 } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
-  const { crudify: crudify8 } = useCrudify();
-  const [code, setCode] = useState6("");
-  const [loading, setLoading] = useState6(false);
-  const [errors, setErrors] = useState6([]);
-  const [helperTextCode, setHelperTextCode] = useState6(null);
-  const [email, setEmail] = useState6("");
+  const { crudify: crudify6 } = useCrudify();
+  const [code, setCode] = useState5("");
+  const [loading, setLoading] = useState5(false);
+  const [errors, setErrors] = useState5([]);
+  const [helperTextCode, setHelperTextCode] = useState5(null);
+  const [email, setEmail] = useState5("");
   const { t } = useTranslation();
   const getParam = (key) => {
     if (!searchParams) return null;
@@ -2503,7 +1362,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
     return parsedError.message || t("error.unknown");
   };
-  useEffect7(() => {
+  useEffect6(() => {
     const emailParam = getParam("email");
     if (emailParam) {
       setEmail(emailParam);
@@ -2512,7 +1371,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   }, [searchParams, onScreenChange]);
   const handleSubmit = async () => {
-    if (loading || !crudify8) return;
+    if (loading || !crudify6) return;
     setErrors([]);
     setHelperTextCode(null);
     if (!code) {
@@ -2531,7 +1390,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify8.transaction(data);
+      const response = await crudify6.transaction(data);
       if (response.success) {
         onScreenChange?.("resetPassword", { email, code, fromCodeVerification: "true" });
       } else {
@@ -2560,11 +1419,11 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
   return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsxs4(Box4, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsxs4(Box4, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx8(Typography4, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
-        /* @__PURE__ */ jsx8(Typography4, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
+        /* @__PURE__ */ jsx7(Typography4, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
+        /* @__PURE__ */ jsx7(Typography4, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
       ] }),
       /* @__PURE__ */ jsxs4(Box4, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           Typography4,
           {
             variant: "body2",
@@ -2574,7 +1433,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
             children: t("checkCode.codeLabel")
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           TextField4,
           {
             fullWidth: true,
@@ -2595,7 +1454,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx7(
         Button4,
         {
           disabled: loading || code.length !== 6,
@@ -2605,20 +1464,20 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           variant: "contained",
           color: "primary",
           sx: { mt: 2, mb: 2 },
-          children: loading ? /* @__PURE__ */ jsx8(CircularProgress4, { size: 20 }) : t("checkCode.verifyButton")
+          children: loading ? /* @__PURE__ */ jsx7(CircularProgress4, { size: 20 }) : t("checkCode.verifyButton")
         }
       ),
-      /* @__PURE__ */ jsx8(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx8(Link4, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+      /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx7(Link4, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }),
-    /* @__PURE__ */ jsx8(Box4, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx8(Alert4, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
+    /* @__PURE__ */ jsx7(Box4, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ jsx7(Alert4, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
   ] });
 };
 var CheckCodeForm_default = CheckCodeForm;
 
 // src/components/CrudifyLogin/components/CrudifyInitializer.tsx
 import { Box as Box5, CircularProgress as CircularProgress5, Alert as Alert5, Typography as Typography5 } from "@mui/material";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var CrudifyInitializer2 = ({ children, fallback }) => {
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var CrudifyInitializer = ({ children, fallback }) => {
   const { isLoading, error, isInitialized } = useCrudify();
   const { t } = useTranslation();
   if (isLoading) {
@@ -2634,14 +1493,14 @@ var CrudifyInitializer2 = ({ children, fallback }) => {
           gap: 2
         },
         children: [
-          /* @__PURE__ */ jsx9(CircularProgress5, {}),
-          /* @__PURE__ */ jsx9(Typography5, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
+          /* @__PURE__ */ jsx8(CircularProgress5, {}),
+          /* @__PURE__ */ jsx8(Typography5, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
         ]
       }
     );
   }
   if (error) {
-    return /* @__PURE__ */ jsx9(Alert5, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs5(Typography5, { variant: "body2", children: [
+    return /* @__PURE__ */ jsx8(Alert5, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs5(Typography5, { variant: "body2", children: [
       t("login.initializationError") !== "login.initializationError" ? t("login.initializationError") : "Initialization error",
       ":",
       " ",
@@ -2649,9 +1508,9 @@ var CrudifyInitializer2 = ({ children, fallback }) => {
     ] }) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ jsx9(Alert5, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx9(Typography5, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
+    return /* @__PURE__ */ jsx8(Alert5, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx8(Typography5, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
   }
-  return /* @__PURE__ */ jsx9(Fragment5, { children });
+  return /* @__PURE__ */ jsx8(Fragment5, { children });
 };
 
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
@@ -2681,7 +1540,7 @@ var useCrudifyLogin = (config, _options = {}) => {
 };
 
 // src/components/CrudifyLogin/index.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var CrudifyLoginInternal = ({
   onScreenChange,
   onExternalNavigate,
@@ -2691,15 +1550,15 @@ var CrudifyLoginInternal = ({
 }) => {
   const { t } = useTranslation();
   const { state, setScreen } = useLoginState();
-  const handleScreenChange = (screen2, params) => {
+  const handleScreenChange = (screen, params) => {
     let finalParams = params;
-    if (screen2 === "login") {
+    if (screen === "login") {
       finalParams = {};
-    } else if (screen2 === "forgotPassword" && !params) {
+    } else if (screen === "forgotPassword" && !params) {
       finalParams = {};
     }
-    setScreen(screen2, finalParams);
-    onScreenChange?.(screen2, finalParams);
+    setScreen(screen, finalParams);
+    onScreenChange?.(screen, finalParams);
   };
   const renderCurrentForm = () => {
     const commonProps = {
@@ -2710,11 +1569,11 @@ var CrudifyLoginInternal = ({
     };
     switch (state.currentScreen) {
       case "forgotPassword":
-        return /* @__PURE__ */ jsx10(ForgotPasswordForm_default, { ...commonProps });
+        return /* @__PURE__ */ jsx9(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ jsx10(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
+        return /* @__PURE__ */ jsx9(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
       case "resetPassword":
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           ResetPasswordForm_default,
           {
             ...commonProps,
@@ -2725,11 +1584,11 @@ var CrudifyLoginInternal = ({
           }
         );
       default:
-        return /* @__PURE__ */ jsx10(LoginForm_default, { ...commonProps, onLoginSuccess });
+        return /* @__PURE__ */ jsx9(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };
-  return /* @__PURE__ */ jsxs6(CrudifyInitializer2, { children: [
-    /* @__PURE__ */ jsx10(Box6, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6(CrudifyInitializer, { children: [
+    /* @__PURE__ */ jsx9(Box6, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx9(
       "img",
       {
         src: state.config.logo || "/nocios-default.png",
@@ -2745,7 +1604,7 @@ var CrudifyLoginInternal = ({
         }
       }
     ) }),
-    state.config.appName && /* @__PURE__ */ jsx10(
+    state.config.appName && /* @__PURE__ */ jsx9(
       Typography6,
       {
         variant: "h6",
@@ -2771,7 +1630,7 @@ var CrudifyLogin = ({
   ...props
 }) => {
   const { config: finalConfig } = useCrudifyLogin(config);
-  return /* @__PURE__ */ jsx10(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ jsx10(CrudifyProvider, { config: finalConfig, children: /* @__PURE__ */ jsx10(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ jsx10(CrudifyLoginInternal, { config, ...props }) }) }) });
+  return /* @__PURE__ */ jsx9(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ jsx9(CrudifyProvider, { config: finalConfig, children: /* @__PURE__ */ jsx9(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ jsx9(CrudifyLoginInternal, { config, ...props }) }) }) });
 };
 var CrudifyLogin_default = CrudifyLogin;
 
@@ -2806,25 +1665,25 @@ import {
 } from "@mui/icons-material";
 
 // src/hooks/useUserProfile.ts
-import { useState as useState7, useEffect as useEffect8, useCallback as useCallback2, useRef as useRef2 } from "react";
-import crudify4 from "@nocios/crudify-browser";
+import { useState as useState6, useEffect as useEffect7, useCallback, useRef as useRef2 } from "react";
+import crudify2 from "@nocios/crudify-browser";
 var useUserProfile = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
-  const [userProfile, setUserProfile] = useState7(null);
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [extendedData, setExtendedData] = useState7({});
+  const [userProfile, setUserProfile] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [extendedData, setExtendedData] = useState6({});
   const abortControllerRef = useRef2(null);
   const mountedRef = useRef2(true);
   const requestIdRef = useRef2(0);
   const retryCountRef = useRef2(0);
-  const clearProfile = useCallback2(() => {
+  const clearProfile = useCallback(() => {
     setUserProfile(null);
     setError(null);
     setLoading(false);
     setExtendedData({});
   }, []);
-  const refreshProfile = useCallback2(async () => {
+  const refreshProfile = useCallback(async () => {
     const userEmail = getCurrentUserEmail();
     if (!userEmail) {
       if (mountedRef.current) {
@@ -2844,7 +1703,7 @@ var useUserProfile = (options = {}) => {
         setLoading(true);
         setError(null);
       }
-      const response = await crudify4.readItems("users", {
+      const response = await crudify2.readItems("users", {
         where: { email: userEmail },
         limit: 1
       });
@@ -2910,12 +1769,12 @@ var useUserProfile = (options = {}) => {
       }
     }
   }, [retryOnError, maxRetries]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (autoFetch) {
       refreshProfile();
     }
   }, [autoFetch, refreshProfile]);
-  useEffect8(() => {
+  useEffect7(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2936,8 +1795,8 @@ var useUserProfile = (options = {}) => {
 };
 
 // src/components/UserProfile/UserProfileDisplay.tsx
-import { useState as useState8 } from "react";
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var UserProfileDisplay = ({
   showExtendedData = true,
   showProfileCard = true,
@@ -2948,11 +1807,11 @@ var UserProfileDisplay = ({
     retryOnError: true,
     maxRetries: 3
   });
-  const [showAllFields, setShowAllFields] = useState8(false);
+  const [showAllFields, setShowAllFields] = useState7(false);
   if (loading) {
     return /* @__PURE__ */ jsxs7(Box7, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
-      /* @__PURE__ */ jsx11(CircularProgress6, {}),
-      /* @__PURE__ */ jsx11(Typography7, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
+      /* @__PURE__ */ jsx10(CircularProgress6, {}),
+      /* @__PURE__ */ jsx10(Typography7, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
     ] });
   }
   if (error) {
@@ -2960,7 +1819,7 @@ var UserProfileDisplay = ({
       Alert6,
       {
         severity: "error",
-        action: /* @__PURE__ */ jsx11(IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ jsx11(Typography7, { variant: "caption", children: "Reintentar" }) }),
+        action: /* @__PURE__ */ jsx10(IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ jsx10(Typography7, { variant: "caption", children: "Reintentar" }) }),
         children: [
           "Error al cargar el perfil: ",
           error
@@ -2969,7 +1828,7 @@ var UserProfileDisplay = ({
     );
   }
   if (!userProfile) {
-    return /* @__PURE__ */ jsx11(Alert6, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
+    return /* @__PURE__ */ jsx10(Alert6, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
   }
   const displayData = extendedData?.displayData || {};
   const totalFields = extendedData?.totalFields || 0;
@@ -2995,11 +1854,11 @@ var UserProfileDisplay = ({
     return String(value);
   };
   const basicFields = [
-    { key: "id", label: "ID", icon: /* @__PURE__ */ jsx11(Badge, {}) },
-    { key: "email", label: "Email", icon: /* @__PURE__ */ jsx11(Email, {}) },
-    { key: "username", label: "Usuario", icon: /* @__PURE__ */ jsx11(Person, {}) },
-    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ jsx11(AccountCircle, {}) },
-    { key: "role", label: "Rol", icon: /* @__PURE__ */ jsx11(Security, {}) }
+    { key: "id", label: "ID", icon: /* @__PURE__ */ jsx10(Badge, {}) },
+    { key: "email", label: "Email", icon: /* @__PURE__ */ jsx10(Email, {}) },
+    { key: "username", label: "Usuario", icon: /* @__PURE__ */ jsx10(Person, {}) },
+    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ jsx10(AccountCircle, {}) },
+    { key: "role", label: "Rol", icon: /* @__PURE__ */ jsx10(Security, {}) }
   ];
   const extendedFields = [
     { key: "firstName", label: "Nombre" },
@@ -3012,9 +1871,9 @@ 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__ */ jsxs7(Box7, { children: [
-    showProfileCard && /* @__PURE__ */ jsx11(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs7(CardContent, { children: [
+    showProfileCard && /* @__PURE__ */ jsx10(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs7(CardContent, { children: [
       /* @__PURE__ */ jsxs7(Box7, { display: "flex", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           Avatar,
           {
             src: displayData.avatar,
@@ -3023,9 +1882,9 @@ var UserProfileDisplay = ({
           }
         ),
         /* @__PURE__ */ jsxs7(Box7, { children: [
-          /* @__PURE__ */ jsx11(Typography7, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
-          /* @__PURE__ */ jsx11(Typography7, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
-          displayData.isActive !== void 0 && /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(Typography7, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
+          /* @__PURE__ */ jsx10(Typography7, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
+          displayData.isActive !== void 0 && /* @__PURE__ */ jsx10(
             Chip,
             {
               label: displayData.isActive ? "Activo" : "Inactivo",
@@ -3036,35 +1895,35 @@ var UserProfileDisplay = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx11(Box7, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
+      /* @__PURE__ */ jsx10(Box7, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
         ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ jsxs7(Box7, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx11(Box7, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
+          /* @__PURE__ */ jsx10(Box7, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
           /* @__PURE__ */ jsxs7(Box7, { children: [
-            /* @__PURE__ */ jsx11(Typography7, { variant: "caption", color: "text.secondary", children: label }),
-            /* @__PURE__ */ jsx11(Typography7, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
+            /* @__PURE__ */ jsx10(Typography7, { variant: "caption", color: "text.secondary", children: label }),
+            /* @__PURE__ */ jsx10(Typography7, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
           ] })
         ] }, key) : null
       ) }),
       displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ jsxs7(Box7, { mt: 2, children: [
-        /* @__PURE__ */ jsx11(Typography7, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
+        /* @__PURE__ */ jsx10(Typography7, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
         /* @__PURE__ */ jsxs7(Box7, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
-          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ jsx11(Chip, { label: permission, size: "small", variant: "outlined" }, index)),
-          displayData.permissions.length > 5 && /* @__PURE__ */ jsx11(Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
+          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ jsx10(Chip, { label: permission, size: "small", variant: "outlined" }, index)),
+          displayData.permissions.length > 5 && /* @__PURE__ */ jsx10(Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
         ] })
       ] })
     ] }) }),
-    showExtendedData && /* @__PURE__ */ jsx11(Card, { children: /* @__PURE__ */ jsxs7(CardContent, { children: [
+    showExtendedData && /* @__PURE__ */ jsx10(Card, { children: /* @__PURE__ */ jsxs7(CardContent, { children: [
       /* @__PURE__ */ jsxs7(Box7, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
         /* @__PURE__ */ jsxs7(Typography7, { variant: "h6", display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx11(Info, { sx: { mr: 1 } }),
+          /* @__PURE__ */ jsx10(Info, { sx: { mr: 1 } }),
           "Informaci\xF3n Detallada"
         ] }),
-        /* @__PURE__ */ jsx11(Chip, { label: `${totalFields} campos totales`, size: "small" })
+        /* @__PURE__ */ jsx10(Chip, { label: `${totalFields} campos totales`, size: "small" })
       ] }),
       /* @__PURE__ */ jsxs7(List, { dense: true, children: [
         extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ jsxs7(ListItem, { divider: true, children: [
-          /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Schedule, { fontSize: "small" }) }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(Schedule, { fontSize: "small" }) }),
+          /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: label,
@@ -3073,8 +1932,8 @@ var UserProfileDisplay = ({
           )
         ] }, key)),
         customFields.length > 0 && /* @__PURE__ */ jsxs7(Fragment6, { children: [
-          /* @__PURE__ */ jsx11(Divider, { sx: { my: 1 } }),
-          /* @__PURE__ */ jsx11(ListItem, { children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsx10(ListItem, { children: /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: /* @__PURE__ */ jsxs7(Box7, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
@@ -3083,11 +1942,11 @@ var UserProfileDisplay = ({
                   customFields.length,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx11(IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ jsx11(ExpandLess, {}) : /* @__PURE__ */ jsx11(ExpandMore, {}) })
+                /* @__PURE__ */ jsx10(IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ jsx10(ExpandLess, {}) : /* @__PURE__ */ jsx10(ExpandMore, {}) })
               ] })
             }
           ) }),
-          /* @__PURE__ */ jsx11(Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ jsx11(ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ jsx10(ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: label,
@@ -3101,7 +1960,7 @@ var UserProfileDisplay = ({
           "\xDAltima actualizaci\xF3n: ",
           formatDate(displayData.updatedAt)
         ] }),
-        /* @__PURE__ */ jsx11(IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ jsx11(Typography7, { variant: "caption", children: "Actualizar" }) })
+        /* @__PURE__ */ jsx10(IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ jsx10(Typography7, { variant: "caption", children: "Actualizar" }) })
       ] })
     ] }) })
   ] });
@@ -3109,8 +1968,8 @@ var UserProfileDisplay = ({
 var UserProfileDisplay_default = UserProfileDisplay;
 
 // src/hooks/useCrudifyUser.ts
-import { useState as useState9, useEffect as useEffect9, useCallback as useCallback3, useRef as useRef3 } from "react";
-import crudify5 from "@nocios/crudify-browser";
+import { useState as useState8, useEffect as useEffect8, useCallback as useCallback2, useRef as useRef3 } from "react";
+import crudify3 from "@nocios/crudify-browser";
 var useCrudifyUser = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
   const {
@@ -3119,10 +1978,10 @@ var useCrudifyUser = (options = {}) => {
     user: jwtUser,
     token
   } = useCrudifyDataContext();
-  const [userProfile, setUserProfile] = useState9(null);
-  const [profileLoading, setProfileLoading] = useState9(false);
-  const [profileError, setProfileError] = useState9(null);
-  const [extendedData, setExtendedData] = useState9({
+  const [userProfile, setUserProfile] = useState8(null);
+  const [profileLoading, setProfileLoading] = useState8(false);
+  const [profileError, setProfileError] = useState8(null);
+  const [extendedData, setExtendedData] = useState8({
     fullProfile: null,
     totalFields: 0,
     displayData: {}
@@ -3131,7 +1990,7 @@ var useCrudifyUser = (options = {}) => {
   const mountedRef = useRef3(true);
   const requestIdRef = useRef3(0);
   const retryCountRef = useRef3(0);
-  const getUserInfoFromJWT = useCallback3(() => {
+  const getUserInfoFromJWT = useCallback2(() => {
     if (!jwtUser) {
       return {
         userEmail: null,
@@ -3145,7 +2004,7 @@ var useCrudifyUser = (options = {}) => {
       userIdentifier: jwtUser["cognito:username"] || jwtUser.email || jwtUser.sub || null
     };
   }, [jwtUser]);
-  const clearProfile = useCallback3(() => {
+  const clearProfile = useCallback2(() => {
     setUserProfile(null);
     setProfileError(null);
     setProfileLoading(false);
@@ -3156,7 +2015,7 @@ var useCrudifyUser = (options = {}) => {
     });
     retryCountRef.current = 0;
   }, []);
-  const refreshProfile = useCallback3(async () => {
+  const refreshProfile = useCallback2(async () => {
     const { userEmail: userEmail2 } = getUserInfoFromJWT();
     console.log("\u{1F464} useCrudifyUser - Refreshing profile for:", userEmail2);
     if (!userEmail2) {
@@ -3185,7 +2044,7 @@ var useCrudifyUser = (options = {}) => {
         setProfileError(null);
       }
       console.log("\u{1F464} useCrudifyUser - Fetching profile data from database");
-      const response = await crudify5.readItems("users", {
+      const response = await crudify3.readItems("users", {
         where: { email: userEmail2 },
         limit: 1
       });
@@ -3277,14 +2136,14 @@ var useCrudifyUser = (options = {}) => {
       }
     }
   }, [isInitialized, getUserInfoFromJWT, retryOnError, maxRetries]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (autoFetch && isAuthenticated && isInitialized) {
       refreshProfile();
     } else if (!isAuthenticated) {
       clearProfile();
     }
   }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
-  useEffect9(() => {
+  useEffect8(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -3313,18 +2172,18 @@ var useCrudifyUser = (options = {}) => {
 };
 
 // src/hooks/useCrudifyData.ts
-import { useCallback as useCallback4 } from "react";
-import crudify6 from "@nocios/crudify-browser";
+import { useCallback as useCallback3 } from "react";
+import crudify4 from "@nocios/crudify-browser";
 var useCrudifyData = () => {
   const {
     isInitialized,
     isInitializing,
     initializationError
   } = useCrudifyDataContext();
-  const isReady = useCallback4(() => {
+  const isReady = useCallback3(() => {
     return isInitialized && !initializationError && !isInitializing;
   }, [isInitialized, initializationError, isInitializing]);
-  const waitForReady = useCallback4(async () => {
+  const waitForReady = useCallback3(async () => {
     if (isReady()) return;
     if (initializationError) {
       throw new Error(`Crudify initialization failed: ${initializationError}`);
@@ -3348,13 +2207,13 @@ var useCrudifyData = () => {
       check();
     });
   }, [isReady, initializationError]);
-  const ensureReady = useCallback4((operationName) => {
+  const ensureReady = useCallback3((operationName) => {
     if (!isReady()) {
       const error = initializationError ? `Crudify initialization failed: ${initializationError}` : isInitializing ? "Crudify is still initializing. Please wait." : "Crudify is not initialized";
       throw new Error(`Cannot perform ${operationName}: ${error}`);
     }
   }, [isReady, initializationError, isInitializing]);
-  const readItems = useCallback4(async (moduleKey, filter, options) => {
+  const readItems = useCallback3(async (moduleKey, filter, options) => {
     ensureReady("readItems");
     console.log("\u{1F4CA} useCrudifyData - readItems called with:");
     console.log("   - moduleKey:", moduleKey);
@@ -3365,7 +2224,7 @@ var useCrudifyData = () => {
       console.error(new Error().stack);
     }
     try {
-      const response = await crudify6.readItems(moduleKey, filter || {}, options);
+      const response = await crudify4.readItems(moduleKey, filter || {}, options);
       console.log("\u{1F4CA} useCrudifyData - readItems response:", response);
       return response;
     } catch (error) {
@@ -3373,11 +2232,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const readItem = useCallback4(async (moduleKey, filter, options) => {
+  const readItem = useCallback3(async (moduleKey, filter, options) => {
     ensureReady("readItem");
     console.log("\u{1F4CA} useCrudifyData - readItem:", { moduleKey, filter, options });
     try {
-      const response = await crudify6.readItem(moduleKey, filter, options);
+      const response = await crudify4.readItem(moduleKey, filter, options);
       console.log("\u{1F4CA} useCrudifyData - readItem response:", response);
       return response;
     } catch (error) {
@@ -3385,11 +2244,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const createItem = useCallback4(async (moduleKey, data, options) => {
+  const createItem = useCallback3(async (moduleKey, data, options) => {
     ensureReady("createItem");
     console.log("\u{1F4CA} useCrudifyData - createItem:", { moduleKey, data, options });
     try {
-      const response = await crudify6.createItem(moduleKey, data, options);
+      const response = await crudify4.createItem(moduleKey, data, options);
       console.log("\u{1F4CA} useCrudifyData - createItem response:", response);
       return response;
     } catch (error) {
@@ -3397,11 +2256,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const updateItem = useCallback4(async (moduleKey, data, options) => {
+  const updateItem = useCallback3(async (moduleKey, data, options) => {
     ensureReady("updateItem");
     console.log("\u{1F4CA} useCrudifyData - updateItem:", { moduleKey, data, options });
     try {
-      const response = await crudify6.updateItem(moduleKey, data, options);
+      const response = await crudify4.updateItem(moduleKey, data, options);
       console.log("\u{1F4CA} useCrudifyData - updateItem response:", response);
       return response;
     } catch (error) {
@@ -3409,11 +2268,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const deleteItem = useCallback4(async (moduleKey, id, options) => {
+  const deleteItem = useCallback3(async (moduleKey, id, options) => {
     ensureReady("deleteItem");
     console.log("\u{1F4CA} useCrudifyData - deleteItem:", { moduleKey, id, options });
     try {
-      const response = await crudify6.deleteItem(moduleKey, id, options);
+      const response = await crudify4.deleteItem(moduleKey, id, options);
       console.log("\u{1F4CA} useCrudifyData - deleteItem response:", response);
       return response;
     } catch (error) {
@@ -3421,11 +2280,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const transaction = useCallback4(async (operations, options) => {
+  const transaction = useCallback3(async (operations, options) => {
     ensureReady("transaction");
     console.log("\u{1F4CA} useCrudifyData - transaction:", { operations, options });
     try {
-      const response = await crudify6.transaction(operations, options);
+      const response = await crudify4.transaction(operations, options);
       console.log("\u{1F4CA} useCrudifyData - transaction response:", response);
       return response;
     } catch (error) {
@@ -3433,11 +2292,11 @@ var useCrudifyData = () => {
       throw error;
     }
   }, [ensureReady]);
-  const login = useCallback4(async (email, password) => {
+  const login = useCallback3(async (email, password) => {
     ensureReady("login");
     console.log("\u{1F4CA} useCrudifyData - login:", { email });
     try {
-      const response = await crudify6.login(email, password);
+      const response = await crudify4.login(email, password);
       console.log("\u{1F4CA} useCrudifyData - login response:", response);
       return response;
     } catch (error) {
@@ -3487,8 +2346,8 @@ var useCrudifyConfig = () => {
 };
 
 // src/hooks/useCrudifyInstance.ts
-import { useCallback as useCallback5 } from "react";
-import crudify7 from "@nocios/crudify-browser";
+import { useCallback as useCallback4 } from "react";
+import crudify5 from "@nocios/crudify-browser";
 var useCrudifyInstance = () => {
   const {
     isInitialized,
@@ -3496,43 +2355,47 @@ var useCrudifyInstance = () => {
     initializationError
   } = useCrudifyDataContext();
   const isReady = isInitialized && !initializationError && !isInitializing;
-  const waitForReady = useCallback5(async () => {
-    if (isReady) return;
+  const waitForReady = useCallback4(async () => {
+    console.log("\u{1F504} useCrudifyInstance - waitForReady: Starting wait");
+    console.log("   - isReady:", isReady);
+    console.log("   - isInitialized:", isInitialized);
+    console.log("   - isInitializing:", isInitializing);
+    console.log("   - initializationError:", initializationError);
+    if (isReady) {
+      console.log("\u2705 useCrudifyInstance - waitForReady: Already ready, returning immediately");
+      return;
+    }
     if (initializationError) {
       throw new Error(`Crudify initialization failed: ${initializationError}`);
     }
-    return new Promise((resolve, reject) => {
-      const maxWaitTime = 1e4;
-      const checkInterval = 100;
-      let elapsed = 0;
-      const check = () => {
-        if (isInitialized && !initializationError && !isInitializing) {
-          resolve();
-        } else if (initializationError) {
-          reject(new Error(`Crudify initialization failed: ${initializationError}`));
-        } else if (elapsed >= maxWaitTime) {
-          reject(new Error("Timeout waiting for crudify initialization"));
-        } else {
-          elapsed += checkInterval;
-          setTimeout(check, checkInterval);
-        }
-      };
-      check();
-    });
+    try {
+      console.log("\u{1F504} useCrudifyInstance - waitForReady: Using CrudifyInitializer.waitForInitialization()");
+      const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-F6UCGYUF.mjs");
+      await crudifyInitializer2.waitForInitialization();
+      console.log("\u2705 useCrudifyInstance - waitForReady: CrudifyInitializer completed");
+      if (!crudifyInitializer2.isReady()) {
+        const error = crudifyInitializer2.getError();
+        throw new Error(`Crudify initialization failed: ${error || "Unknown error"}`);
+      }
+      console.log("\u2705 useCrudifyInstance - waitForReady: Verification successful");
+    } catch (error) {
+      console.error("\u274C useCrudifyInstance - waitForReady: Error during wait:", error);
+      throw error;
+    }
   }, [isReady, initializationError, isInitialized, isInitializing]);
-  const ensureReady = useCallback5(async (operationName) => {
+  const ensureReady = useCallback4(async (operationName) => {
     if (!isReady) {
       console.log(`\u{1F504} useCrudifyInstance - ${operationName}: Waiting for crudify to be ready...`);
       await waitForReady();
       console.log(`\u2705 useCrudifyInstance - ${operationName}: Crudify is ready`);
     }
   }, [isReady, waitForReady]);
-  const getStructure = useCallback5(async (options) => {
+  const getStructure = useCallback4(async (options) => {
     console.log("\u{1F4E1} useCrudifyInstance - getStructure: Starting");
     await ensureReady("getStructure");
     try {
       console.log("\u{1F4E1} useCrudifyInstance - getStructure: Calling crudify.getStructure");
-      const response = await crudify7.getStructure(options);
+      const response = await crudify5.getStructure(options);
       console.log("\u{1F4E1} useCrudifyInstance - getStructure: Response received", response);
       return response;
     } catch (error) {
@@ -3540,12 +2403,12 @@ var useCrudifyInstance = () => {
       throw error;
     }
   }, [ensureReady]);
-  const getStructurePublic = useCallback5(async (options) => {
+  const getStructurePublic = useCallback4(async (options) => {
     console.log("\u{1F4E1} useCrudifyInstance - getStructurePublic: Starting");
     await ensureReady("getStructurePublic");
     try {
       console.log("\u{1F4E1} useCrudifyInstance - getStructurePublic: Calling crudify.getStructurePublic");
-      const response = await crudify7.getStructurePublic(options);
+      const response = await crudify5.getStructurePublic(options);
       console.log("\u{1F4E1} useCrudifyInstance - getStructurePublic: Response received", response);
       return response;
     } catch (error) {
@@ -3553,74 +2416,74 @@ var useCrudifyInstance = () => {
       throw error;
     }
   }, [ensureReady]);
-  const readItems = useCallback5(async (moduleKey, filter, options) => {
+  const readItems = useCallback4(async (moduleKey, filter, options) => {
     await ensureReady("readItems");
     if (moduleKey === "__test_connection__") {
       console.error("\u{1F6A8} FOUND TEST CONNECTION CALL in useCrudifyInstance! Stack trace:");
       console.error(new Error().stack);
     }
     try {
-      const response = await crudify7.readItems(moduleKey, filter || {}, options);
+      const response = await crudify5.readItems(moduleKey, filter || {}, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - readItems error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const readItem = useCallback5(async (moduleKey, filter, options) => {
+  const readItem = useCallback4(async (moduleKey, filter, options) => {
     await ensureReady("readItem");
     try {
-      const response = await crudify7.readItem(moduleKey, filter, options);
+      const response = await crudify5.readItem(moduleKey, filter, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - readItem error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const createItem = useCallback5(async (moduleKey, data, options) => {
+  const createItem = useCallback4(async (moduleKey, data, options) => {
     await ensureReady("createItem");
     try {
-      const response = await crudify7.createItem(moduleKey, data, options);
+      const response = await crudify5.createItem(moduleKey, data, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - createItem error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const updateItem = useCallback5(async (moduleKey, data, options) => {
+  const updateItem = useCallback4(async (moduleKey, data, options) => {
     await ensureReady("updateItem");
     try {
-      const response = await crudify7.updateItem(moduleKey, data, options);
+      const response = await crudify5.updateItem(moduleKey, data, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - updateItem error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const deleteItem = useCallback5(async (moduleKey, id, options) => {
+  const deleteItem = useCallback4(async (moduleKey, id, options) => {
     await ensureReady("deleteItem");
     try {
-      const response = await crudify7.deleteItem(moduleKey, id, options);
+      const response = await crudify5.deleteItem(moduleKey, id, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - deleteItem error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const transaction = useCallback5(async (operations, options) => {
+  const transaction = useCallback4(async (operations, options) => {
     await ensureReady("transaction");
     try {
-      const response = await crudify7.transaction(operations, options);
+      const response = await crudify5.transaction(operations, options);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - transaction error:", error);
       throw error;
     }
   }, [ensureReady]);
-  const login = useCallback5(async (email, password) => {
+  const login = useCallback4(async (email, password) => {
     await ensureReady("login");
     try {
-      const response = await crudify7.login(email, password);
+      const response = await crudify5.login(email, password);
       return response;
     } catch (error) {
       console.error("\u{1F4CA} useCrudifyInstance - login error:", error);
@@ -3647,6 +2510,33 @@ var useCrudifyInstance = () => {
     waitForReady
   };
 };
+var getCrudifyInstanceAsync = async () => {
+  console.log("\u{1F504} getCrudifyInstanceAsync - Starting");
+  const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-F6UCGYUF.mjs");
+  console.log("\u{1F504} getCrudifyInstanceAsync - Checking if ready");
+  console.log("   - crudifyInitializer.isReady():", crudifyInitializer2.isReady());
+  console.log("   - crudifyInitializer.getStatus():", crudifyInitializer2.getStatus());
+  if (!crudifyInitializer2.isReady()) {
+    console.log("\u{1F504} getCrudifyInstanceAsync - Waiting for crudify initialization...");
+    await crudifyInitializer2.waitForInitialization();
+    if (!crudifyInitializer2.isReady()) {
+      const error = crudifyInitializer2.getError();
+      throw new Error(`Crudify initialization failed: ${error || "Unknown error after waiting"}`);
+    }
+    console.log("\u2705 getCrudifyInstanceAsync - Crudify is ready after waiting");
+  } else {
+    console.log("\u2705 getCrudifyInstanceAsync - Already ready, no wait needed");
+  }
+  console.log("\u2705 getCrudifyInstanceAsync - Returning crudify instance");
+  return crudify5;
+};
+var getCrudifyInstanceSync = async () => {
+  const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-F6UCGYUF.mjs");
+  if (!crudifyInitializer2.isReady()) {
+    throw new Error("Crudify not ready. Use getCrudifyInstanceAsync() or call this from within a React component using useCrudifyInstance()");
+  }
+  return crudify5;
+};
 export {
   CrudifyDataProvider,
   CrudifyLogin_default as CrudifyLogin,
@@ -3658,6 +2548,8 @@ export {
   crudifyInitializer,
   decodeJwtSafely,
   getCookie,
+  getCrudifyInstanceAsync,
+  getCrudifyInstanceSync,
   getCurrentUserEmail,
   getErrorMessage,
   handleCrudifyError,