@nocios/crudify-ui 1.0.92 → 1.0.96

package/dist/index.js

@@ -447,7 +447,7 @@ var useLoginState = () => {
 };
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_material = require("@mui/material");
 
 // src/components/CrudifyLogin/utils/secureStorage.ts
@@ -829,985 +829,439 @@ function handleCrudifyError(error) {
   ];
 }
 
-// src/components/CrudifyLogin/Forms/LoginForm.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
-  const { crudify: crudify7 } = useCrudify();
-  const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
-  const { t } = useTranslation();
-  const usernameInputRef = (0, import_react5.useRef)(null);
-  const getRedirectUrl = () => {
-    if (state.searchParams.redirect) {
-      try {
-        const decodedPath = decodeURIComponent(state.searchParams.redirect);
-        if (decodedPath.startsWith("/") && !decodedPath.startsWith("//")) {
-          return decodedPath;
-        }
-      } catch (error) {
-      }
+// src/providers/CrudifyDataProvider.tsx
+var import_react5 = require("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 redirectUrl || "/";
-  };
-  (0, import_react5.useEffect)(() => {
-    const timer = setTimeout(() => {
-      if (usernameInputRef.current) usernameInputRef.current.focus();
-    }, 100);
-    return () => clearTimeout(timer);
-  }, []);
-  const translateError = (parsedError) => {
-    const possibleKeys = [
-      `errors.auth.${parsedError.code}`,
-      `errors.data.${parsedError.code}`,
-      `errors.system.${parsedError.code}`,
-      `errors.${parsedError.code}`,
-      `login.${parsedError.code.toLowerCase()}`
-    ];
-    for (const key of possibleKeys) {
-      const translated = t(key);
-      if (translated !== key) {
-        return translated;
+    return _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;
     }
-    return parsedError.message || t("error.unknown");
-  };
-  const handleLogin = async () => {
-    if (state.loading) return;
-    if (!state.formData.username.trim()) {
-      setFieldError("username", t("login.usernameRequired"));
-      return;
+  }
+  /**
+   * 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 (!state.formData.password.trim()) {
-      setFieldError("password", t("login.passwordRequired"));
-      return;
+    if (envValue !== void 0) {
+      configSource[key] = "env";
+      return envValue;
     }
-    clearErrors();
-    setLoading(true);
+    if (cookieValue !== void 0) {
+      configSource[key] = "cookies";
+      return cookieValue;
+    }
+    configSource[key] = "default";
+    return defaultValue;
+  }
+  /**
+   * Get configuration from environment variables
+   */
+  getEnvConfig() {
+    const config = {};
     try {
-      if (!crudify7) {
-        throw new Error("Crudify not initialized");
+    } 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 response = await crudify7.login(state.formData.username, state.formData.password);
-      setLoading(false);
-      if (response.success) {
-        secureSessionStorage.setToken(response.data.token);
-        const finalRedirectUrl = getRedirectUrl();
-        setTimeout(() => {
-          if (onLoginSuccess) {
-            onLoginSuccess(response.data, finalRedirectUrl);
-          }
-        }, 50);
-      } else {
-        handleLoginError(response);
+      const publicApiKey = getCookie("publicApiKey");
+      if (publicApiKey) {
+        config.publicApiKey = publicApiKey;
       }
-    } catch (error) {
-      setLoading(false);
-      const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
-      setFieldError("global", translatedErrors);
-      if (onError) {
-        onError(translatedErrors.join(", "));
+      const appName = getCookie("appName");
+      if (appName) {
+        config.appName = appName;
       }
-    }
-  };
-  const handleLoginError = (response) => {
-    const parsedErrors = handleCrudifyError(response);
-    parsedErrors.forEach((error) => {
-      if (error.field) {
-        setFieldError(error.field, translateError(error));
-      } else {
-        const currentGlobalErrors = state.errors.global || [];
-        setFieldError("global", [...currentGlobalErrors, translateError(error)]);
+      const loginActions = getCookie("loginActions");
+      if (loginActions) {
+        config.loginActions = loginActions.split(",").map((action) => action.trim()).filter(Boolean);
       }
-    });
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    handleLogin();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !state.loading) {
-      e.preventDefault();
-      handleLogin();
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_material.Box,
-      {
-        component: "form",
-        noValidate: true,
-        onSubmit: handleSubmit,
-        onKeyDown: handleKeyDown,
-        sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_material.Typography,
-              {
-                variant: "body2",
-                component: "label",
-                htmlFor: "email",
-                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-                children: t("login.usernameOrEmailLabel")
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_material.TextField,
-              {
-                fullWidth: true,
-                id: "email",
-                name: "email",
-                type: "email",
-                value: state.formData.username,
-                disabled: state.loading,
-                onChange: (e) => updateFormData({ username: e.target.value }),
-                error: !!state.errors.username,
-                helperText: state.errors.username,
-                autoComplete: "email",
-                placeholder: t("login.usernameOrEmailPlaceholder"),
-                inputRef: usernameInputRef,
-                required: true
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_material.Typography,
-              {
-                variant: "body2",
-                component: "label",
-                htmlFor: "password",
-                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-                children: t("login.passwordLabel")
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_material.TextField,
-              {
-                fullWidth: true,
-                id: "password",
-                name: "password",
-                type: "password",
-                value: state.formData.password,
-                disabled: state.loading,
-                onChange: (e) => updateFormData({ password: e.target.value }),
-                error: !!state.errors.password,
-                helperText: state.errors.password,
-                autoComplete: "current-password",
-                placeholder: t("login.passwordPlaceholder"),
-                required: true
-              }
-            )
-          ] }),
-          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_material.Link,
-            {
-              sx: { cursor: "pointer" },
-              onClick: () => {
-                onScreenChange?.("forgotPassword", state.searchParams);
-              },
-              variant: "body2",
-              color: "secondary",
-              children: t("login.forgotPasswordLink")
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.CircularProgress, { size: 20 }) : t("login.loginButton") })
-        ]
+      const logo = getCookie("logo");
+      if (logo) {
+        config.logo = logo;
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: error }) }, index)) }),
-    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
-      t("login.noAccountPrompt"),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_material.Link,
-        {
-          sx: { cursor: "pointer" },
-          onClick: () => {
-            const searchString = Object.keys(state.searchParams).length > 0 ? `?${new URLSearchParams(state.searchParams).toString()}` : "";
-            const signupUrl = `/public/users/create${searchString}`;
-            onExternalNavigate?.(signupUrl);
-          },
-          fontWeight: "medium",
-          color: "secondary",
-          children: t("login.signUpLink")
+      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;
+  }
 };
-var LoginForm_default = LoginForm;
+_ConfigurationManager.instance = null;
+var ConfigurationManager = _ConfigurationManager;
+var configurationManager = ConfigurationManager.getInstance();
 
-// src/components/CrudifyLogin/Forms/ForgotPasswordForm.tsx
-var import_react6 = require("react");
-var import_material2 = require("@mui/material");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ForgotPasswordForm = ({ onScreenChange, onError }) => {
-  const { crudify: crudify7 } = useCrudify();
-  const [email, setEmail] = (0, import_react6.useState)("");
-  const [loading, setLoading] = (0, import_react6.useState)(false);
-  const [errors, setErrors] = (0, import_react6.useState)([]);
-  const [helperTextEmail, setHelperTextEmail] = (0, import_react6.useState)(null);
-  const [emailSent, setEmailSent] = (0, import_react6.useState)(false);
-  const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react6.useState)(false);
-  const { t } = useTranslation();
-  const translateError = (parsedError) => {
-    const possibleKeys = [
-      `errors.auth.${parsedError.code}`,
-      `errors.data.${parsedError.code}`,
-      `errors.system.${parsedError.code}`,
-      `errors.${parsedError.code}`,
-      `forgotPassword.${parsedError.code.toLowerCase()}`
-    ];
-    for (const key of possibleKeys) {
-      const translated = t(key);
-      if (translated !== key) {
-        return translated;
-      }
+// src/core/CrudifyInitializer.ts
+var import_crudify_browser2 = __toESM(require("@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 parsedError.message || t("error.unknown");
-  };
-  const validateEmail = (email2) => {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(email2);
-  };
-  const handleSubmit = async () => {
-    if (loading || !crudify7) return;
-    setErrors([]);
-    setHelperTextEmail(null);
-    if (!email) {
-      setHelperTextEmail(t("forgotPassword.emailRequired"));
+    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 (!validateEmail(email)) {
-      setHelperTextEmail(t("forgotPassword.invalidEmail"));
+    if (this.state.isInitializing && this.state.initializationPromise) {
+      console.log("\u{1F680} CrudifyInitializer - Waiting for ongoing initialization");
+      await this.state.initializationPromise;
       return;
     }
-    setLoading(true);
+    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 {
-      const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify7.transaction(data);
-      if (response.success) {
-        if (response.data && response.data.existingCodeValid) {
-          setCodeAlreadyExists(true);
-        } else {
-          setEmailSent(true);
-        }
-      } else {
-        const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
-        setErrors(translatedErrors);
-      }
+      await this.state.initializationPromise;
+      this.state.isInitialized = true;
+      this.state.config = { ...config };
+      console.log("\u{1F680} CrudifyInitializer - Initialization completed successfully");
     } catch (error) {
-      const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
-      setErrors(translatedErrors);
-      if (onError) {
-        onError(translatedErrors.join(", "));
-      }
+      this.state.initializationError = error instanceof Error ? error.message : "Unknown initialization error";
+      console.error("\u{1F680} CrudifyInitializer - Initialization failed:", this.state.initializationError);
+      throw error;
     } finally {
-      setLoading(false);
-    }
-  };
-  const handleBack = () => {
-    onScreenChange?.("login");
-  };
-  const handleGoToCheckCode = () => {
-    if (emailSent || codeAlreadyExists) {
-      onScreenChange?.("checkCode", { email });
-      return;
-    }
-    if (!email) {
-      setHelperTextEmail(t("forgotPassword.emailRequired"));
-      return;
-    }
-    if (!validateEmail(email)) {
-      setHelperTextEmail(t("forgotPassword.invalidEmail"));
-      return;
+      this.state.isInitializing = false;
+      this.state.initializationPromise = null;
     }
-    onScreenChange?.("checkCode", { email });
-  };
-  if (emailSent || codeAlreadyExists) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Typography, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Button, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
-    ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_material2.Typography,
-          {
-            variant: "body2",
-            component: "label",
-            htmlFor: "email",
-            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-            children: t("forgotPassword.emailLabel")
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_material2.TextField,
-          {
-            fullWidth: true,
-            id: "email",
-            name: "email",
-            type: "email",
-            value: email,
-            disabled: loading,
-            onChange: (e) => setEmail(e.target.value),
-            error: !!helperTextEmail,
-            helperText: helperTextEmail,
-            autoComplete: "email",
-            placeholder: t("forgotPassword.emailPlaceholder"),
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.CircularProgress, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
-  ] });
-};
-var ForgotPasswordForm_default = ForgotPasswordForm;
-
-// src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
-var import_react7 = require("react");
-var import_material3 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
-  const { crudify: crudify7 } = useCrudify();
-  const [newPassword, setNewPassword] = (0, import_react7.useState)("");
-  const [confirmPassword, setConfirmPassword] = (0, import_react7.useState)("");
-  const [loading, setLoading] = (0, import_react7.useState)(false);
-  const [errors, setErrors] = (0, import_react7.useState)([]);
-  const [helperTextNewPassword, setHelperTextNewPassword] = (0, import_react7.useState)(null);
-  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = (0, import_react7.useState)(null);
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const [code, setCode] = (0, import_react7.useState)("");
-  const [fromCodeVerification, setFromCodeVerification] = (0, import_react7.useState)(false);
-  const [validatingCode, setValidatingCode] = (0, import_react7.useState)(true);
-  const [codeValidated, setCodeValidated] = (0, import_react7.useState)(false);
-  const [pendingValidation, setPendingValidation] = (0, import_react7.useState)(null);
-  const [isValidating, setIsValidating] = (0, import_react7.useState)(false);
-  const { t } = useTranslation();
-  const translateError = (parsedError) => {
-    const possibleKeys = [
-      `errors.auth.${parsedError.code}`,
-      `errors.data.${parsedError.code}`,
-      `errors.system.${parsedError.code}`,
-      `errors.${parsedError.code}`,
-      `resetPassword.${parsedError.code.toLowerCase()}`
-    ];
-    for (const key of possibleKeys) {
-      const translated = t(key);
-      if (translated !== key) {
-        return translated;
-      }
-    }
-    return parsedError.message || t("error.unknown");
-  };
-  const getParam = (key) => {
-    if (!searchParams) return null;
-    if (searchParams instanceof URLSearchParams) {
-      return searchParams.get(key);
-    }
-    return searchParams[key] || null;
-  };
-  (0, import_react7.useEffect)(() => {
-    if (!searchParams) {
-      return;
-    }
-    if (searchParams) {
-      const fromCodeVerificationParam = getParam("fromCodeVerification");
-      const emailParam = getParam("email");
-      const codeParam = getParam("code");
-      if (fromCodeVerificationParam === "true" && emailParam && codeParam) {
-        setEmail(emailParam);
-        setCode(codeParam);
-        setFromCodeVerification(true);
-        setCodeValidated(true);
-        setValidatingCode(false);
-        return;
-      }
-      const linkParam = getParam("link");
-      if (linkParam) {
-        try {
-          const decodedLink = decodeURIComponent(linkParam);
-          const [linkCode, linkEmail] = decodedLink.split("/");
-          if (linkCode && linkEmail && linkCode.length === 6) {
-            setCode(linkCode);
-            setEmail(linkEmail);
-            setFromCodeVerification(false);
-            setPendingValidation({ email: linkEmail, code: linkCode });
-            return;
-          }
-        } catch (error) {
-        }
-      }
-      if (emailParam && codeParam) {
-        setEmail(emailParam);
-        setCode(codeParam);
-        setFromCodeVerification(false);
-        setPendingValidation({ email: emailParam, code: codeParam });
-        return;
-      }
-    }
-    setErrors([t("resetPassword.invalidCode")]);
-    setValidatingCode(false);
-    setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-  }, [searchParams, crudify7, t, onScreenChange]);
-  (0, import_react7.useEffect)(() => {
-    if (crudify7 && pendingValidation && !isValidating) {
-      setIsValidating(true);
-      const validateCode = async (emailToValidate, codeToValidate) => {
-        try {
-          const data = [
-            {
-              operation: "validatePasswordResetCode",
-              data: { email: emailToValidate, codePassword: codeToValidate }
-            }
-          ];
-          const response = await crudify7.transaction(data);
-          if (response.data && Array.isArray(response.data)) {
-            const validationResult = response.data[0];
-            if (validationResult && validationResult.response && validationResult.response.status === "OK") {
-              setCodeValidated(true);
-              return;
-            }
-          }
-          if (response.success) {
-            setCodeValidated(true);
-          } else {
-            const parsedErrors = handleCrudifyError(response);
-            const translatedErrors = parsedErrors.map(translateError);
-            setErrors(translatedErrors);
-            setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-          }
-        } catch (error) {
-          const parsedErrors = handleCrudifyError(error);
-          const translatedErrors = parsedErrors.map(translateError);
-          setErrors(translatedErrors);
-          setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-        } finally {
-          setValidatingCode(false);
-          setPendingValidation(null);
-          setIsValidating(false);
-        }
-      };
-      validateCode(pendingValidation.email, pendingValidation.code);
-    }
-  }, [crudify7, pendingValidation, t, onScreenChange]);
-  const validatePassword = (password) => {
-    if (password.length < 8) {
-      return t("resetPassword.passwordTooShort");
-    }
-    return null;
-  };
-  const handleSubmit = async () => {
-    if (loading || !crudify7) return;
-    setErrors([]);
-    setHelperTextNewPassword(null);
-    setHelperTextConfirmPassword(null);
-    let hasErrors = false;
-    if (!newPassword) {
-      setHelperTextNewPassword(t("resetPassword.newPasswordRequired"));
-      hasErrors = true;
-    } else {
-      const passwordError = validatePassword(newPassword);
-      if (passwordError) {
-        setHelperTextNewPassword(passwordError);
-        hasErrors = true;
-      }
-    }
-    if (!confirmPassword) {
-      setHelperTextConfirmPassword(t("resetPassword.confirmPasswordRequired"));
-      hasErrors = true;
-    } else if (newPassword !== confirmPassword) {
-      setHelperTextConfirmPassword(t("resetPassword.passwordsDoNotMatch"));
-      hasErrors = true;
+  /**
+   * Perform the actual initialization process
+   */
+  async performInitialization(config) {
+    if (!config.publicApiKey) {
+      throw new Error("publicApiKey is required for crudify initialization");
     }
-    if (hasErrors) return;
-    setLoading(true);
+    console.log("\u{1F680} CrudifyInitializer - Starting initialization with config:", {
+      env: config.env,
+      publicApiKey: `${config.publicApiKey.substring(0, 8)}...`,
+      appName: config.appName
+    });
     try {
-      const data = [
-        {
-          operation: "validateAndResetPassword",
-          data: { email, codePassword: code, newPassword }
-        }
-      ];
-      const response = await crudify7.transaction(data);
-      if (response.success) {
-        setErrors([]);
-        setTimeout(() => {
-          onResetSuccess?.();
-        }, 1e3);
-      } else {
-        const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
-        setErrors(translatedErrors);
-      }
+      const environment = config.env || "prod";
+      console.log("\u{1F680} CrudifyInitializer - Step 1: Configuring environment:", environment);
+      await import_crudify_browser2.default.config(environment);
+      console.log("\u{1F680} CrudifyInitializer - Step 2: Initializing with API key");
+      await import_crudify_browser2.default.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) {
-      const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
-      setErrors(translatedErrors);
-      if (onError) {
-        onError(translatedErrors.join(", "));
+      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 import_crudify_browser2.default[method] !== "function") {
+        missingMethods.push(method);
       }
     }
-    setLoading(false);
-  };
-  const handleBack = () => {
-    if (fromCodeVerification) {
-      onScreenChange?.("checkCode", { email });
-    } else {
-      onScreenChange?.("forgotPassword");
+    if (missingMethods.length > 0) {
+      throw new Error(
+        `Crudify initialization incomplete. Missing methods: ${missingMethods.join(", ")}. This usually indicates a configuration or network issue.`
+      );
     }
-  };
-  if (validatingCode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.CircularProgress, {}) });
+    console.log("\u{1F680} CrudifyInitializer - Verification successful (test call skipped for performance)");
   }
-  if (!codeValidated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
+  /**
+   * 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;
+    }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material3.Typography,
-          {
-            variant: "body2",
-            component: "label",
-            htmlFor: "newPassword",
-            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-            children: t("resetPassword.newPasswordLabel")
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material3.TextField,
-          {
-            fullWidth: true,
-            id: "newPassword",
-            name: "newPassword",
-            type: "password",
-            value: newPassword,
-            disabled: loading,
-            onChange: (e) => setNewPassword(e.target.value),
-            error: !!helperTextNewPassword,
-            helperText: helperTextNewPassword,
-            autoComplete: "new-password",
-            placeholder: t("resetPassword.newPasswordPlaceholder"),
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material3.Typography,
-          {
-            variant: "body2",
-            component: "label",
-            htmlFor: "confirmPassword",
-            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-            children: t("resetPassword.confirmPasswordLabel")
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material3.TextField,
-          {
-            fullWidth: true,
-            id: "confirmPassword",
-            name: "confirmPassword",
-            type: "password",
-            value: confirmPassword,
-            disabled: loading,
-            onChange: (e) => setConfirmPassword(e.target.value),
-            error: !!helperTextConfirmPassword,
-            helperText: helperTextConfirmPassword,
-            autoComplete: "new-password",
-            placeholder: t("resetPassword.confirmPasswordPlaceholder"),
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.CircularProgress, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
-  ] });
 };
-var ResetPasswordForm_default = ResetPasswordForm;
+_CrudifyInitializer.instance = null;
+var CrudifyInitializer = _CrudifyInitializer;
+var crudifyInitializer = CrudifyInitializer.getInstance();
 
-// src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
-var import_react8 = require("react");
-var import_material4 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
-  const { crudify: crudify7 } = useCrudify();
-  const [code, setCode] = (0, import_react8.useState)("");
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [errors, setErrors] = (0, import_react8.useState)([]);
-  const [helperTextCode, setHelperTextCode] = (0, import_react8.useState)(null);
-  const [email, setEmail] = (0, import_react8.useState)("");
-  const { t } = useTranslation();
-  const getParam = (key) => {
-    if (!searchParams) return null;
-    if (searchParams instanceof URLSearchParams) {
-      return searchParams.get(key);
-    }
-    return searchParams[key] || null;
-  };
-  const translateError = (parsedError) => {
-    const possibleKeys = [
-      `errors.auth.${parsedError.code}`,
-      `errors.data.${parsedError.code}`,
-      `errors.system.${parsedError.code}`,
-      `errors.${parsedError.code}`,
-      `checkCode.${parsedError.code.toLowerCase()}`
-    ];
-    for (const key of possibleKeys) {
-      const translated = t(key);
-      if (translated !== key) {
-        return translated;
-      }
+// src/core/TokenManager.ts
+var import_crudify_browser3 = __toESM(require("@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;
     }
-    return parsedError.message || t("error.unknown");
-  };
-  (0, import_react8.useEffect)(() => {
-    const emailParam = getParam("email");
-    if (emailParam) {
-      setEmail(emailParam);
-    } else {
-      onScreenChange?.("forgotPassword");
+    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);
     }
-  }, [searchParams, onScreenChange]);
-  const handleSubmit = async () => {
-    if (loading || !crudify7) return;
-    setErrors([]);
-    setHelperTextCode(null);
-    if (!code) {
-      setHelperTextCode(t("checkCode.codeRequired"));
-      return;
+    if (!token) {
+      token = localStorage.getItem("authToken") || localStorage.getItem("token");
+      console.log("\u{1F50D} getCurrentUserEmail - localStorage:", token ? `${token.substring(0, 20)}...` : null);
     }
-    if (code.length !== 6) {
-      setHelperTextCode(t("checkCode.codeRequired"));
-      return;
+    if (!token) {
+      console.warn("\u{1F50D} getCurrentUserEmail - No token found in any storage");
+      return null;
     }
-    setLoading(true);
-    try {
-      const data = [
-        {
-          operation: "validatePasswordResetCode",
-          data: { email, codePassword: code }
-        }
-      ];
-      const response = await crudify7.transaction(data);
-      if (response.success) {
-        onScreenChange?.("resetPassword", { email, code, fromCodeVerification: "true" });
-      } else {
-        const parsedErrors = handleCrudifyError(response);
-        const translatedErrors = parsedErrors.map(translateError);
-        setErrors(translatedErrors);
-        setLoading(false);
-      }
-    } catch (error) {
-      const parsedErrors = handleCrudifyError(error);
-      const translatedErrors = parsedErrors.map(translateError);
-      setErrors(translatedErrors);
-      setLoading(false);
-      if (onError) {
-        onError(translatedErrors.join(", "));
-      }
-    }
-  };
-  const handleBack = () => {
-    onScreenChange?.("forgotPassword");
-  };
-  const handleCodeChange = (event) => {
-    const value = event.target.value.replace(/\D/g, "").slice(0, 6);
-    setCode(value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material4.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material4.Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material4.Box, { sx: { mb: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material4.Typography,
-          {
-            variant: "body2",
-            component: "label",
-            htmlFor: "code",
-            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-            children: t("checkCode.codeLabel")
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material4.TextField,
-          {
-            fullWidth: true,
-            id: "code",
-            name: "code",
-            type: "text",
-            value: code,
-            disabled: loading,
-            onChange: handleCodeChange,
-            error: !!helperTextCode,
-            helperText: helperTextCode,
-            placeholder: t("checkCode.codePlaceholder"),
-            inputProps: {
-              maxLength: 6,
-              style: { textAlign: "center", fontSize: "1.5rem", letterSpacing: "0.4rem" }
-            },
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_material4.Button,
-        {
-          disabled: loading || code.length !== 6,
-          type: "button",
-          onClick: handleSubmit,
-          fullWidth: true,
-          variant: "contained",
-          color: "primary",
-          sx: { mt: 2, mb: 2 },
-          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.CircularProgress, { size: 20 }) : t("checkCode.verifyButton")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Alert, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
-  ] });
-};
-var CheckCodeForm_default = CheckCodeForm;
-
-// src/components/CrudifyLogin/components/CrudifyInitializer.tsx
-var import_material5 = require("@mui/material");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var CrudifyInitializer = ({ children, fallback }) => {
-  const { isLoading, error, isInitialized } = useCrudify();
-  const { t } = useTranslation();
-  if (isLoading) {
-    return fallback || /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      import_material5.Box,
-      {
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          justifyContent: "center",
-          minHeight: "200px",
-          gap: 2
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.CircularProgress, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Typography, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
-        ]
-      }
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material5.Typography, { variant: "body2", children: [
-      t("login.initializationError") !== "login.initializationError" ? t("login.initializationError") : "Initialization error",
-      ":",
-      " ",
-      error
-    ] }) });
-  }
-  if (!isInitialized) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Typography, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
-};
-
-// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
-var import_react9 = require("react");
-var useCrudifyLogin = (config, _options = {}) => {
-  const finalConfig = (0, import_react9.useMemo)(() => {
-    const publicApiKey = config.publicApiKey || getCookie("publicApiKey") || null;
-    const rawEnv = config.env || getCookie("environment") || "prod";
-    const env = ["dev", "stg", "prod"].includes(rawEnv) ? rawEnv : "prod";
-    const appName = config.appName || getCookie("appName") || "Crudia";
-    const loginActions = config.loginActions || (() => {
-      try {
-        const cookieValue = getCookie("loginActions");
-        return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
-      } catch {
-        return [];
-      }
-    })();
-    return {
-      publicApiKey,
-      env,
-      appName,
-      loginActions
-    };
-  }, [config]);
-  return { config: finalConfig };
-};
-
-// src/components/CrudifyLogin/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var CrudifyLoginInternal = ({
-  onScreenChange,
-  onExternalNavigate,
-  onLoginSuccess,
-  onError,
-  redirectUrl = "/"
-}) => {
-  const { t } = useTranslation();
-  const { state, setScreen } = useLoginState();
-  const handleScreenChange = (screen2, params) => {
-    let finalParams = params;
-    if (screen2 === "login") {
-      finalParams = {};
-    } else if (screen2 === "forgotPassword" && !params) {
-      finalParams = {};
-    }
-    setScreen(screen2, finalParams);
-    onScreenChange?.(screen2, finalParams);
-  };
-  const renderCurrentForm = () => {
-    const commonProps = {
-      onScreenChange: handleScreenChange,
-      onExternalNavigate,
-      onError,
-      redirectUrl
-    };
-    switch (state.currentScreen) {
-      case "forgotPassword":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ForgotPasswordForm_default, { ...commonProps });
-      case "checkCode":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
-      case "resetPassword":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          ResetPasswordForm_default,
-          {
-            ...commonProps,
-            searchParams: state.searchParams,
-            onResetSuccess: () => {
-              handleScreenChange("login");
-            }
-          }
-        );
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CrudifyInitializer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "img",
-      {
-        src: state.config.logo || "/nocios-default.png",
-        alt: t("login.logoAlt"),
-        style: {
-          width: "100%",
-          maxWidth: "150px",
-          height: "auto"
-        },
-        onError: (e) => {
-          const target = e.target;
-          target.src = "/nocios-default.png";
-        }
-      }
-    ) }),
-    state.config.appName && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_material6.Typography,
-      {
-        variant: "h6",
-        component: "h1",
-        sx: {
-          textAlign: "center",
-          mb: 2,
-          color: state.config.colors?.primaryColor || "#1066BA"
-        },
-        children: state.config.appName
-      }
-    ),
-    renderCurrentForm()
-  ] });
-};
-var CrudifyLogin = ({
-  translations,
-  translationsUrl,
-  language = "en",
-  config = {},
-  initialScreen = "login",
-  autoReadFromCookies = true,
-  ...props
-}) => {
-  const { config: finalConfig } = useCrudifyLogin(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CrudifyProvider, { config: finalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CrudifyLoginInternal, { config, ...props }) }) }) });
-};
-var CrudifyLogin_default = CrudifyLogin;
-
-// src/components/UserProfile/UserProfileDisplay.tsx
-var import_material7 = require("@mui/material");
-var import_icons_material = require("@mui/icons-material");
-
-// src/hooks/useUserProfile.ts
-var import_react10 = require("react");
-var import_crudify_browser2 = __toESM(require("@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 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);
@@ -1828,1316 +1282,1853 @@ var isTokenExpired = (token) => {
   }
 };
 
-// src/hooks/useUserProfile.ts
-var useUserProfile = (options = {}) => {
-  const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
-  const [userProfile, setUserProfile] = (0, import_react10.useState)(null);
-  const [loading, setLoading] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)(null);
-  const [extendedData, setExtendedData] = (0, import_react10.useState)({});
-  const abortControllerRef = (0, import_react10.useRef)(null);
-  const mountedRef = (0, import_react10.useRef)(true);
-  const requestIdRef = (0, import_react10.useRef)(0);
-  const retryCountRef = (0, import_react10.useRef)(0);
-  const clearProfile = (0, import_react10.useCallback)(() => {
-    setUserProfile(null);
-    setError(null);
-    setLoading(false);
-    setExtendedData({});
-  }, []);
-  const refreshProfile = (0, import_react10.useCallback)(async () => {
-    const userEmail = getCurrentUserEmail();
-    if (!userEmail) {
-      if (mountedRef.current) {
-        setError("No user email available");
-        setLoading(false);
-      }
-      return;
-    }
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
+// 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();
     }
-    const abortController = new AbortController();
-    abortControllerRef.current = abortController;
-    const currentRequestId = ++requestIdRef.current;
-    try {
-      if (mountedRef.current) {
-        setLoading(true);
-        setError(null);
-      }
-      const response = await import_crudify_browser2.default.readItems("users", {
-        where: { email: userEmail },
-        limit: 1
-      });
-      if (currentRequestId === requestIdRef.current && mountedRef.current && !abortController.signal.aborted) {
-        if (response.success && response.data && response.data.length > 0) {
-          const userData = response.data[0];
-          setUserProfile(userData);
-          const additionalData = {
-            fullProfile: userData,
-            totalFields: Object.keys(userData).length,
-            displayData: {
-              id: userData.id,
-              email: userData.email,
-              username: userData.username,
-              firstName: userData.firstName,
-              lastName: userData.lastName,
-              fullName: userData.fullName || `${userData.firstName || ""} ${userData.lastName || ""}`.trim(),
-              role: userData.role,
-              permissions: userData.permissions || [],
-              isActive: userData.isActive,
-              lastLogin: userData.lastLogin,
-              createdAt: userData.createdAt,
-              updatedAt: userData.updatedAt,
-              // Include any custom fields
-              ...Object.keys(userData).filter((key) => !["id", "email", "username", "firstName", "lastName", "fullName", "role", "permissions", "isActive", "lastLogin", "createdAt", "updatedAt"].includes(key)).reduce((acc, key) => ({ ...acc, [key]: userData[key] }), {})
-            }
-          };
-          setExtendedData(additionalData);
-          setError(null);
-          retryCountRef.current = 0;
-        } else {
-          setError("User profile not found");
-          setUserProfile(null);
-          setExtendedData({});
-        }
-      }
-    } catch (err) {
-      if (currentRequestId === requestIdRef.current && mountedRef.current) {
-        const error2 = err;
-        if (error2.name === "AbortError") {
-          return;
-        }
-        const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (error2.message?.includes("Network Error") || error2.message?.includes("Failed to fetch"));
-        if (shouldRetry) {
-          retryCountRef.current++;
-          setTimeout(() => {
-            if (mountedRef.current) {
-              refreshProfile();
-            }
-          }, 1e3 * retryCountRef.current);
-        } else {
-          setError("Failed to load user profile");
-          setUserProfile(null);
-          setExtendedData({});
-        }
-      }
-    } finally {
-      if (currentRequestId === requestIdRef.current && mountedRef.current) {
-        setLoading(false);
-      }
-      if (abortControllerRef.current === abortController) {
-        abortControllerRef.current = null;
-      }
-    }
-  }, [retryOnError, maxRetries]);
-  (0, import_react10.useEffect)(() => {
-    if (autoFetch) {
-      refreshProfile();
-    }
-  }, [autoFetch, refreshProfile]);
-  (0, import_react10.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-        abortControllerRef.current = null;
-      }
-    };
-  }, []);
-  return {
-    userProfile,
-    loading,
-    error,
-    extendedData,
-    refreshProfile,
-    clearProfile
-  };
-};
-
-// src/components/UserProfile/UserProfileDisplay.tsx
-var import_react11 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var UserProfileDisplay = ({
-  showExtendedData = true,
-  showProfileCard = true,
-  autoRefresh = true
-}) => {
-  const { userProfile, loading, error, extendedData, refreshProfile } = useUserProfile({
-    autoFetch: autoRefresh,
-    retryOnError: true,
-    maxRetries: 3
-  });
-  const [showAllFields, setShowAllFields] = (0, import_react11.useState)(false);
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
-    ] });
-  }
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      import_material7.Alert,
-      {
-        severity: "error",
-        action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "caption", children: "Reintentar" }) }),
-        children: [
-          "Error al cargar el perfil: ",
-          error
-        ]
-      }
-    );
-  }
-  if (!userProfile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Alert, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
-  }
-  const displayData = extendedData?.displayData || {};
-  const totalFields = extendedData?.totalFields || 0;
-  const formatDate = (dateString) => {
-    if (!dateString) return "No disponible";
-    try {
-      return new Date(dateString).toLocaleString("es-ES", {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-        hour: "2-digit",
-        minute: "2-digit"
-      });
-    } catch {
-      return dateString;
-    }
-  };
-  const renderFieldValue = (key, value) => {
-    if (value === null || value === void 0) return "No disponible";
-    if (typeof value === "boolean") return value ? "S\xED" : "No";
-    if (Array.isArray(value)) return value.length > 0 ? value.join(", ") : "Ninguno";
-    if (typeof value === "object") return JSON.stringify(value, null, 2);
-    return String(value);
-  };
-  const basicFields = [
-    { key: "id", label: "ID", icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Badge, {}) },
-    { key: "email", label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Email, {}) },
-    { key: "username", label: "Usuario", icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Person, {}) },
-    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.AccountCircle, {}) },
-    { key: "role", label: "Rol", icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Security, {}) }
-  ];
-  const extendedFields = [
-    { key: "firstName", label: "Nombre" },
-    { key: "lastName", label: "Apellido" },
-    { key: "isActive", label: "Activo" },
-    { key: "lastLogin", label: "\xDAltimo login" },
-    { key: "createdAt", label: "Creado" },
-    { key: "updatedAt", label: "Actualizado" }
-  ];
-  const knownFields = [...basicFields.map((f) => f.key), ...extendedFields.map((f) => f.key), "permissions"];
-  const customFields = Object.keys(displayData).filter((key) => !knownFields.includes(key)).map((key) => ({ key, label: key }));
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { children: [
-    showProfileCard && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Card, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_material7.Avatar,
-          {
-            src: displayData.avatar,
-            sx: { width: 56, height: 56, mr: 2 },
-            children: displayData.fullName?.[0] || displayData.username?.[0] || displayData.email?.[0]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
-          displayData.isActive !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_material7.Chip,
-            {
-              label: displayData.isActive ? "Activo" : "Inactivo",
-              color: displayData.isActive ? "success" : "error",
-              size: "small",
-              sx: { mt: 0.5 }
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Box, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
-        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Box, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
-          ] })
-        ] }, key) : null
-      ) }),
-      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { mt: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
-          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Chip, { label: permission, size: "small", variant: "outlined" }, index)),
-          displayData.permissions.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
-        ] })
-      ] })
-    ] }) }),
-    showExtendedData && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Typography, { variant: "h6", display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Info, { sx: { mr: 1 } }),
-          "Informaci\xF3n Detallada"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Chip, { label: `${totalFields} campos totales`, size: "small" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.List, { dense: true, children: [
-        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.ListItem, { divider: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.Schedule, { fontSize: "small" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_material7.ListItemText,
-            {
-              primary: label,
-              secondary: key.includes("At") || key.includes("Login") ? formatDate(displayData[key]) : renderFieldValue(key, displayData[key])
-            }
-          )
-        ] }, key)),
-        customFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Divider, { sx: { my: 1 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_material7.ListItemText,
-            {
-              primary: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Typography, { variant: "subtitle2", children: [
-                  "Campos Personalizados (",
-                  customFields.length,
-                  ")"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.ExpandLess, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.ExpandMore, {}) })
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_material7.ListItemText,
-            {
-              primary: label,
-              secondary: renderFieldValue(key, displayData[key])
-            }
-          ) }, key)) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: [
-          "\xDAltima actualizaci\xF3n: ",
-          formatDate(displayData.updatedAt)
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "caption", children: "Actualizar" }) })
-      ] })
-    ] }) })
-  ] });
-};
-var UserProfileDisplay_default = UserProfileDisplay;
-
-// src/providers/CrudifyDataProvider.tsx
-var import_react12 = require("react");
-
-// src/core/ConfigurationManager.ts
-var _ConfigurationManager = class _ConfigurationManager {
-  constructor() {
-    this.resolvedConfig = null;
-    this.configError = null;
+    return _TokenManager.instance;
   }
   /**
-   * Singleton pattern to ensure consistent configuration across the app
+   * Reset the singleton instance (useful for testing)
    */
-  static getInstance() {
-    if (!_ConfigurationManager.instance) {
-      _ConfigurationManager.instance = new _ConfigurationManager();
+  static resetInstance() {
+    if (_TokenManager.instance) {
+      _TokenManager.instance.cleanup();
     }
-    return _ConfigurationManager.instance;
+    _TokenManager.instance = null;
   }
   /**
-   * Reset the singleton instance (useful for testing)
+   * Initialize the token manager with storage synchronization
    */
-  static resetInstance() {
-    _ConfigurationManager.instance = null;
+  initializeTokenManager() {
+    console.log("\u{1F510} TokenManager - Initializing token management");
+    this.migrateFromLocalStorage();
+    this.loadTokenFromStorage();
+    this.setupExpirationCheck();
+    this.setupStorageListener();
+    console.log("\u{1F510} TokenManager - Initialization complete");
   }
   /**
-   * Resolve configuration from all sources with proper priority
+   * Migrate tokens from localStorage to sessionStorage for better security
+   * This ensures compatibility with older implementations
    */
-  resolveConfig(propsConfig = {}) {
-    if (this.resolvedConfig && this.isConfigStillValid(propsConfig)) {
-      return this.resolvedConfig;
-    }
+  migrateFromLocalStorage() {
     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
+      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;
         }
-      };
-      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;
+      console.warn("\u{1F510} TokenManager - Token migration failed:", error);
     }
   }
   /**
-   * Check if current configuration is still valid for the given props
+   * Load token from storage and synchronize with crudify
    */
-  isConfigStillValid(propsConfig) {
-    if (!this.resolvedConfig) return false;
-    const currentProps = this.resolvedConfig.rawConfig.props;
-    return JSON.stringify(currentProps) === JSON.stringify(propsConfig);
+  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();
+    }
   }
   /**
-   * Resolve a single config value with priority and source tracking
+   * Set up automatic token expiration checking
    */
-  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;
+  setupExpirationCheck() {
+    this.expirationCheckInterval = window.setInterval(() => {
+      if (this.tokenCache && !this.isTokenValid(this.tokenCache)) {
+        console.log("\u{1F510} TokenManager - Token expired, clearing automatically");
+        this.clearToken();
+      }
+    }, 3e4);
   }
   /**
-   * Get configuration from environment variables
+   * Set up storage event listener for cross-tab synchronization
    */
-  getEnvConfig() {
-    const config = {};
-    try {
-    } catch (error) {
-      console.warn("\u{1F527} ConfigurationManager - Environment variables not available:", error);
-    }
-    return config;
+  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);
   }
   /**
-   * Get configuration from cookies (multi-tenant support)
+   * Set a new JWT token with automatic synchronization
    */
-  getCookieConfig() {
-    const config = {};
+  setToken(token) {
+    console.log("\u{1F510} TokenManager - SET_TOKEN: Entry point - setting token:", token ? "provided" : "null");
     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;
+      if (!token) {
+        console.log("\u{1F510} TokenManager - SET_TOKEN: No token provided, clearing token");
+        this.clearToken();
+        return;
       }
-      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);
-        }
+      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.warn("\u{1F527} ConfigurationManager - Error reading cookies:", error);
+      console.error("\u{1F510} TokenManager - SET_TOKEN: Error setting token:", error);
+      this.clearToken();
     }
-    return config;
-  }
-  /**
-   * Get the current resolved configuration
-   */
-  getConfig() {
-    return this.resolvedConfig;
   }
   /**
-   * Get any configuration errors
+   * Get the current JWT token
    */
-  getConfigError() {
-    return this.configError;
+  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;
   }
   /**
-   * Check if configuration is valid (no errors and has required fields)
+   * Parse the current JWT token
    */
-  isConfigured() {
-    return this.resolvedConfig !== null && this.configError === null && !!this.resolvedConfig.publicApiKey;
+  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;
   }
   /**
-   * Clear the current configuration (useful for testing or reconfiguration)
+   * Check if a token is valid (properly formatted and not expired)
    */
-  clearConfig() {
-    this.resolvedConfig = null;
-    this.configError = null;
-  }
-};
-_ConfigurationManager.instance = null;
-var ConfigurationManager = _ConfigurationManager;
-var configurationManager = ConfigurationManager.getInstance();
-
-// src/core/CrudifyInitializer.ts
-var import_crudify_browser3 = __toESM(require("@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();
+  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;
     }
-    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");
+      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) {
-      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;
+      console.log("\u{1F510} TokenManager - IS_TOKEN_VALID: Error validating token:", error);
+      return false;
     }
   }
   /**
-   * Perform the actual initialization process
+   * Get token expiration time as Date object
    */
-  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 import_crudify_browser3.default.config(environment);
-      console.log("\u{1F680} CrudifyInitializer - Step 2: Initializing with API key");
-      await import_crudify_browser3.default.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"})`
-      );
-    }
+  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);
   }
   /**
-   * Verify that crudify is properly initialized by checking core methods
+   * Clear the current token from all storages and crudify
    */
-  async verifyInitialization() {
-    const requiredMethods = ["readItems", "readItem", "createItem", "updateItem", "deleteItem", "login", "transaction"];
-    const missingMethods = [];
-    for (const method of requiredMethods) {
-      if (typeof import_crudify_browser3.default[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.`
-      );
-    }
+  clearToken() {
+    console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Entry point - clearing all tokens");
     try {
-      await import_crudify_browser3.default.readItems("__test_connection__", { limit: 1 });
+      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");
+      import_crudify_browser3.default.setToken("");
+      console.log("\u{1F510} TokenManager - CLEAR_TOKEN: Token cleared from all storages successfully");
     } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (!errorMessage.includes("Not initialized") && !errorMessage.includes("not initialized")) {
-        console.log("\u{1F680} CrudifyInitializer - Verification successful (API responded with expected error)");
-        return;
-      }
-      throw new Error(
-        `Crudify initialization verification failed: ${errorMessage}. The library appears to be initialized but is not responding correctly.`
-      );
+      console.warn("\u{1F510} TokenManager - CLEAR_TOKEN: Error clearing token:", error);
     }
   }
   /**
-   * Check if the given configuration is the same as the current one
+   * Synchronize token with crudify library
    */
-  isConfigurationSame(config) {
-    if (!this.state.config) return false;
-    return this.state.config.env === config.env && this.state.config.publicApiKey === config.publicApiKey;
+  syncTokenWithCrudify(token) {
+    try {
+      import_crudify_browser3.default.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);
+    }
   }
   /**
-   * Reset the initialization state (useful for testing or configuration changes)
+   * Refresh token (placeholder for future implementation)
    */
-  reset() {
-    console.log("\u{1F680} CrudifyInitializer - Resetting initialization state");
-    this.state = {
-      isInitialized: false,
-      isInitializing: false,
-      initializationError: null,
-      config: null,
-      initializationPromise: null
-    };
+  async refreshToken() {
+    throw new Error("Token refresh not yet implemented");
   }
   /**
-   * Get the current initialization status
+   * Get user information from the current token
    */
-  getStatus() {
+  getUserInfo() {
+    const parsed = this.parseToken();
+    if (!parsed) {
+      return {
+        email: null,
+        userId: null,
+        userIdentifier: null,
+        username: null
+      };
+    }
     return {
-      isInitialized: this.state.isInitialized,
-      isInitializing: this.state.isInitializing,
-      initializationError: this.state.initializationError,
-      config: this.state.config
+      email: parsed.email || null,
+      userId: parsed.sub || null,
+      userIdentifier: parsed["cognito:username"] || parsed.email || parsed.sub || null,
+      username: parsed["cognito:username"] || null
     };
   }
   /**
-   * Check if crudify is ready to use
-   */
-  isReady() {
-    return this.state.isInitialized && !this.state.initializationError;
-  }
-  /**
-   * Get the current initialization error, if any
+   * Check if user is currently authenticated
    */
-  getError() {
-    return this.state.initializationError;
+  isAuthenticated() {
+    return this.isTokenValid();
   }
   /**
-   * Force re-initialization (useful when configuration changes)
+   * Get time until token expires in minutes
    */
-  async reinitialize(config) {
-    console.log("\u{1F680} CrudifyInitializer - Forcing re-initialization");
-    this.reset();
-    await this.initialize(config);
+  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);
   }
   /**
-   * Check if initialization is currently in progress
+   * Cleanup resources (call when the component unmounts)
    */
-  isInitializing() {
-    return this.state.isInitializing;
+  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");
   }
   /**
-   * Wait for any ongoing initialization to complete
+   * Get debug information about the current token state
    */
-  async waitForInitialization() {
-    if (this.state.initializationPromise) {
-      await this.state.initializationPromise;
-    }
+  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) : []
+    };
   }
 };
-_CrudifyInitializer.instance = null;
-var CrudifyInitializer2 = _CrudifyInitializer;
-var crudifyInitializer = CrudifyInitializer2.getInstance();
+_TokenManager.instance = null;
+var TokenManager = _TokenManager;
+var tokenManager = TokenManager.getInstance();
 
-// src/core/TokenManager.ts
-var import_crudify_browser4 = __toESM(require("@nocios/crudify-browser"));
-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();
+// src/providers/CrudifyDataProvider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CrudifyDataContext = (0, import_react5.createContext)(null);
+var CrudifyDataProvider = ({
+  children,
+  env,
+  publicApiKey,
+  loginActions,
+  appName,
+  logo,
+  colors
+}) => {
+  const [config, setConfig] = (0, import_react5.useState)(null);
+  const [isConfigured, setIsConfigured] = (0, import_react5.useState)(false);
+  const [configError, setConfigError] = (0, import_react5.useState)(null);
+  const [isInitialized, setIsInitialized] = (0, import_react5.useState)(false);
+  const [isInitializing, setIsInitializing] = (0, import_react5.useState)(false);
+  const [initializationError, setInitializationError] = (0, import_react5.useState)(null);
+  const [isAuthenticated, setIsAuthenticated] = (0, import_react5.useState)(false);
+  const [token, setTokenState] = (0, import_react5.useState)(null);
+  const [user, setUser] = (0, import_react5.useState)(null);
+  const [tokenExpiration, setTokenExpiration] = (0, import_react5.useState)(null);
+  const initializeConfiguration = (0, import_react5.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 = (0, import_react5.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 = (0, import_react5.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 = (0, import_react5.useCallback)((newToken) => {
+    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Setting new token:", newToken ? "provided" : "null");
+    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);
+      setTokenState(newToken);
+      setUser(parsedUser);
+      setTokenExpiration(expiration);
+      setIsAuthenticated(authenticated);
+      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Token set, state updated", {
+        hasToken: true,
+        isAuthenticated: authenticated,
+        userEmail: parsedUser?.email || null
+      });
+    } else {
+      setTokenState(null);
+      setUser(null);
+      setTokenExpiration(null);
+      setIsAuthenticated(false);
+      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Token cleared, state reset");
+    }
+  }, []);
+  const logout = (0, import_react5.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 = (0, import_react5.useCallback)(() => {
+    console.log("\u{1F30D} CrudifyDataProvider - Refreshing configuration");
+    configurationManager.clearConfig();
+    const newConfig = initializeConfiguration();
+    if (newConfig && newConfig.publicApiKey) {
+      initializeCrudify(newConfig);
+    }
+  }, [initializeConfiguration, initializeCrudify]);
+  const reinitialize = (0, import_react5.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 = (0, import_react5.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]);
+  (0, import_react5.useEffect)(() => {
+    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();
+    };
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime4.jsx)(CrudifyDataContext.Provider, { value: contextValue, children });
+};
+var useCrudifyDataContext = () => {
+  const context = (0, import_react5.useContext)(CrudifyDataContext);
+  if (!context) {
+    throw new Error(
+      "useCrudifyDataContext must be used within a CrudifyDataProvider. Make sure to wrap your app with <CrudifyDataProvider>."
+    );
   }
-  /**
-   * Singleton pattern to ensure consistent token management
-   */
-  static getInstance() {
-    if (!_TokenManager.instance) {
-      _TokenManager.instance = new _TokenManager();
+  return context;
+};
+
+// src/hooks/useCrudifyAuth.ts
+var useCrudifyAuth = () => {
+  const {
+    isAuthenticated,
+    isInitializing,
+    initializationError,
+    token,
+    user,
+    tokenExpiration,
+    setToken,
+    logout
+  } = useCrudifyDataContext();
+  return {
+    // Estado básico
+    isAuthenticated,
+    loading: isInitializing,
+    error: initializationError,
+    // Datos del token
+    token,
+    user,
+    tokenExpiration,
+    // Acciones
+    setToken,
+    logout,
+    refreshToken: void 0
+    // Will be implemented in future versions
+  };
+};
+
+// src/components/CrudifyLogin/Forms/LoginForm.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
+  const { crudify: crudify7 } = useCrudify();
+  const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
+  const { setToken } = useCrudifyAuth();
+  const { t } = useTranslation();
+  const usernameInputRef = (0, import_react6.useRef)(null);
+  const getRedirectUrl = () => {
+    if (state.searchParams.redirect) {
+      try {
+        const decodedPath = decodeURIComponent(state.searchParams.redirect);
+        if (decodedPath.startsWith("/") && !decodedPath.startsWith("//")) {
+          return decodedPath;
+        }
+      } catch (error) {
+      }
     }
-    return _TokenManager.instance;
-  }
-  /**
-   * Reset the singleton instance (useful for testing)
-   */
-  static resetInstance() {
-    if (_TokenManager.instance) {
-      _TokenManager.instance.cleanup();
+    return redirectUrl || "/";
+  };
+  (0, import_react6.useEffect)(() => {
+    const timer = setTimeout(() => {
+      if (usernameInputRef.current) usernameInputRef.current.focus();
+    }, 100);
+    return () => clearTimeout(timer);
+  }, []);
+  const translateError = (parsedError) => {
+    const possibleKeys = [
+      `errors.auth.${parsedError.code}`,
+      `errors.data.${parsedError.code}`,
+      `errors.system.${parsedError.code}`,
+      `errors.${parsedError.code}`,
+      `login.${parsedError.code.toLowerCase()}`
+    ];
+    for (const key of possibleKeys) {
+      const translated = t(key);
+      if (translated !== key) {
+        return translated;
+      }
     }
-    _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() {
+    return parsedError.message || t("error.unknown");
+  };
+  const handleLogin = async () => {
+    if (state.loading) return;
+    if (!state.formData.username.trim()) {
+      setFieldError("username", t("login.usernameRequired"));
+      return;
+    }
+    if (!state.formData.password.trim()) {
+      setFieldError("password", t("login.passwordRequired"));
+      return;
+    }
+    clearErrors();
+    setLoading(true);
     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;
-        }
+      if (!crudify7) {
+        throw new Error("Crudify not initialized");
+      }
+      const response = await crudify7.login(state.formData.username, state.formData.password);
+      setLoading(false);
+      if (response.success) {
+        secureSessionStorage.setToken(response.data.token);
+        setToken(response.data.token);
+        const finalRedirectUrl = getRedirectUrl();
+        setTimeout(() => {
+          if (onLoginSuccess) {
+            onLoginSuccess(response.data, finalRedirectUrl);
+          }
+        }, 100);
+      } else {
+        handleLoginError(response);
       }
     } catch (error) {
-      console.warn("\u{1F510} TokenManager - Token migration failed:", error);
+      setLoading(false);
+      const parsedErrors = handleCrudifyError(error);
+      const translatedErrors = parsedErrors.map(translateError);
+      setFieldError("global", translatedErrors);
+      if (onError) {
+        onError(translatedErrors.join(", "));
+      }
+    }
+  };
+  const handleLoginError = (response) => {
+    const parsedErrors = handleCrudifyError(response);
+    parsedErrors.forEach((error) => {
+      if (error.field) {
+        setFieldError(error.field, translateError(error));
+      } else {
+        const currentGlobalErrors = state.errors.global || [];
+        setFieldError("global", [...currentGlobalErrors, translateError(error)]);
+      }
+    });
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    handleLogin();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !state.loading) {
+      e.preventDefault();
+      handleLogin();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_material.Box,
+      {
+        component: "form",
+        noValidate: true,
+        onSubmit: handleSubmit,
+        onKeyDown: handleKeyDown,
+        sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_material.Typography,
+              {
+                variant: "body2",
+                component: "label",
+                htmlFor: "email",
+                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+                children: t("login.usernameOrEmailLabel")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_material.TextField,
+              {
+                fullWidth: true,
+                id: "email",
+                name: "email",
+                type: "email",
+                value: state.formData.username,
+                disabled: state.loading,
+                onChange: (e) => updateFormData({ username: e.target.value }),
+                error: !!state.errors.username,
+                helperText: state.errors.username,
+                autoComplete: "email",
+                placeholder: t("login.usernameOrEmailPlaceholder"),
+                inputRef: usernameInputRef,
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_material.Typography,
+              {
+                variant: "body2",
+                component: "label",
+                htmlFor: "password",
+                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+                children: t("login.passwordLabel")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_material.TextField,
+              {
+                fullWidth: true,
+                id: "password",
+                name: "password",
+                type: "password",
+                value: state.formData.password,
+                disabled: state.loading,
+                onChange: (e) => updateFormData({ password: e.target.value }),
+                error: !!state.errors.password,
+                helperText: state.errors.password,
+                autoComplete: "current-password",
+                placeholder: t("login.passwordPlaceholder"),
+                required: true
+              }
+            )
+          ] }),
+          state.config.loginActions?.includes("forgotPassword") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Box, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_material.Link,
+            {
+              sx: { cursor: "pointer" },
+              onClick: () => {
+                onScreenChange?.("forgotPassword", state.searchParams);
+              },
+              variant: "body2",
+              color: "secondary",
+              children: t("login.forgotPasswordLink")
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Button, { disabled: state.loading, type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 1, mb: 2 }, children: state.loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.CircularProgress, { size: 20 }) : t("login.loginButton") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Box, { children: state.errors.global && state.errors.global.length > 0 && state.errors.global.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: error }) }, index)) }),
+    state.config.loginActions?.includes("createUser") && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.Typography, { variant: "body2", align: "center", sx: { color: "text.secondary", mt: 3 }, children: [
+      t("login.noAccountPrompt"),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_material.Link,
+        {
+          sx: { cursor: "pointer" },
+          onClick: () => {
+            const searchString = Object.keys(state.searchParams).length > 0 ? `?${new URLSearchParams(state.searchParams).toString()}` : "";
+            const signupUrl = `/public/users/create${searchString}`;
+            onExternalNavigate?.(signupUrl);
+          },
+          fontWeight: "medium",
+          color: "secondary",
+          children: t("login.signUpLink")
+        }
+      )
+    ] })
+  ] });
+};
+var LoginForm_default = LoginForm;
+
+// src/components/CrudifyLogin/Forms/ForgotPasswordForm.tsx
+var import_react7 = require("react");
+var import_material2 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ForgotPasswordForm = ({ onScreenChange, onError }) => {
+  const { crudify: crudify7 } = useCrudify();
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [errors, setErrors] = (0, import_react7.useState)([]);
+  const [helperTextEmail, setHelperTextEmail] = (0, import_react7.useState)(null);
+  const [emailSent, setEmailSent] = (0, import_react7.useState)(false);
+  const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react7.useState)(false);
+  const { t } = useTranslation();
+  const translateError = (parsedError) => {
+    const possibleKeys = [
+      `errors.auth.${parsedError.code}`,
+      `errors.data.${parsedError.code}`,
+      `errors.system.${parsedError.code}`,
+      `errors.${parsedError.code}`,
+      `forgotPassword.${parsedError.code.toLowerCase()}`
+    ];
+    for (const key of possibleKeys) {
+      const translated = t(key);
+      if (translated !== key) {
+        return translated;
+      }
+    }
+    return parsedError.message || t("error.unknown");
+  };
+  const validateEmail = (email2) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email2);
+  };
+  const handleSubmit = async () => {
+    if (loading || !crudify7) return;
+    setErrors([]);
+    setHelperTextEmail(null);
+    if (!email) {
+      setHelperTextEmail(t("forgotPassword.emailRequired"));
+      return;
+    }
+    if (!validateEmail(email)) {
+      setHelperTextEmail(t("forgotPassword.invalidEmail"));
+      return;
     }
-  }
-  /**
-   * Load token from storage and synchronize with crudify
-   */
-  loadTokenFromStorage() {
-    console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Entry point - loading token from storage");
+    setLoading(true);
     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();
+      const data = [{ operation: "requestPasswordReset", data: { email } }];
+      const response = await crudify7.transaction(data);
+      if (response.success) {
+        if (response.data && response.data.existingCodeValid) {
+          setCodeAlreadyExists(true);
+        } else {
+          setEmailSent(true);
+        }
       } else {
-        console.log("\u{1F510} TokenManager - LOAD_FROM_STORAGE: No stored token found");
+        const parsedErrors = handleCrudifyError(response);
+        const translatedErrors = parsedErrors.map(translateError);
+        setErrors(translatedErrors);
       }
     } catch (error) {
-      console.warn("\u{1F510} TokenManager - LOAD_FROM_STORAGE: Error loading token from storage:", error);
-      this.clearToken();
+      const parsedErrors = handleCrudifyError(error);
+      const translatedErrors = parsedErrors.map(translateError);
+      setErrors(translatedErrors);
+      if (onError) {
+        onError(translatedErrors.join(", "));
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleBack = () => {
+    onScreenChange?.("login");
+  };
+  const handleGoToCheckCode = () => {
+    if (emailSent || codeAlreadyExists) {
+      onScreenChange?.("checkCode", { email });
+      return;
+    }
+    if (!email) {
+      setHelperTextEmail(t("forgotPassword.emailRequired"));
+      return;
     }
+    if (!validateEmail(email)) {
+      setHelperTextEmail(t("forgotPassword.invalidEmail"));
+      return;
+    }
+    onScreenChange?.("checkCode", { email });
+  };
+  if (emailSent || codeAlreadyExists) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: codeAlreadyExists ? "success.main" : "grey.600" }, children: codeAlreadyExists ? t("forgotPassword.checkEmailInstructions") : t("forgotPassword.checkEmailInstructions") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { type: "button", onClick: handleGoToCheckCode, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: t("forgotPassword.enterCodeLink") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+    ] }) });
   }
-  /**
-   * 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();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("forgotPassword.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("forgotPassword.instructions") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_material2.Typography,
+          {
+            variant: "body2",
+            component: "label",
+            htmlFor: "email",
+            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+            children: t("forgotPassword.emailLabel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_material2.TextField,
+          {
+            fullWidth: true,
+            id: "email",
+            name: "email",
+            type: "email",
+            value: email,
+            disabled: loading,
+            onChange: (e) => setEmail(e.target.value),
+            error: !!helperTextEmail,
+            helperText: helperTextEmail,
+            autoComplete: "email",
+            placeholder: t("forgotPassword.emailPlaceholder"),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, { size: 20 }) : t("forgotPassword.sendCodeButton") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "body2", sx: { color: "grey.400" }, children: "\u2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleGoToCheckCode, variant: "body2", color: "secondary", children: t("login.alreadyHaveCodeLink") })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+  ] });
+};
+var ForgotPasswordForm_default = ForgotPasswordForm;
+
+// src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
+var import_react8 = require("react");
+var import_material3 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
+  const { crudify: crudify7 } = useCrudify();
+  const [newPassword, setNewPassword] = (0, import_react8.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react8.useState)("");
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [errors, setErrors] = (0, import_react8.useState)([]);
+  const [helperTextNewPassword, setHelperTextNewPassword] = (0, import_react8.useState)(null);
+  const [helperTextConfirmPassword, setHelperTextConfirmPassword] = (0, import_react8.useState)(null);
+  const [email, setEmail] = (0, import_react8.useState)("");
+  const [code, setCode] = (0, import_react8.useState)("");
+  const [fromCodeVerification, setFromCodeVerification] = (0, import_react8.useState)(false);
+  const [validatingCode, setValidatingCode] = (0, import_react8.useState)(true);
+  const [codeValidated, setCodeValidated] = (0, import_react8.useState)(false);
+  const [pendingValidation, setPendingValidation] = (0, import_react8.useState)(null);
+  const [isValidating, setIsValidating] = (0, import_react8.useState)(false);
+  const { t } = useTranslation();
+  const translateError = (parsedError) => {
+    const possibleKeys = [
+      `errors.auth.${parsedError.code}`,
+      `errors.data.${parsedError.code}`,
+      `errors.system.${parsedError.code}`,
+      `errors.${parsedError.code}`,
+      `resetPassword.${parsedError.code.toLowerCase()}`
+    ];
+    for (const key of possibleKeys) {
+      const translated = t(key);
+      if (translated !== key) {
+        return translated;
       }
-    }, 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();
+    }
+    return parsedError.message || t("error.unknown");
+  };
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
+    }
+    return searchParams[key] || null;
+  };
+  (0, import_react8.useEffect)(() => {
+    if (!searchParams) {
+      return;
+    }
+    if (searchParams) {
+      const fromCodeVerificationParam = getParam("fromCodeVerification");
+      const emailParam = getParam("email");
+      const codeParam = getParam("code");
+      if (fromCodeVerificationParam === "true" && emailParam && codeParam) {
+        setEmail(emailParam);
+        setCode(codeParam);
+        setFromCodeVerification(true);
+        setCodeValidated(true);
+        setValidatingCode(false);
+        return;
+      }
+      const linkParam = getParam("link");
+      if (linkParam) {
+        try {
+          const decodedLink = decodeURIComponent(linkParam);
+          const [linkCode, linkEmail] = decodedLink.split("/");
+          if (linkCode && linkEmail && linkCode.length === 6) {
+            setCode(linkCode);
+            setEmail(linkEmail);
+            setFromCodeVerification(false);
+            setPendingValidation({ email: linkEmail, code: linkCode });
+            return;
+          }
+        } catch (error) {
+        }
+      }
+      if (emailParam && codeParam) {
+        setEmail(emailParam);
+        setCode(codeParam);
+        setFromCodeVerification(false);
+        setPendingValidation({ email: emailParam, code: codeParam });
+        return;
+      }
+    }
+    setErrors([t("resetPassword.invalidCode")]);
+    setValidatingCode(false);
+    setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
+  }, [searchParams, crudify7, t, onScreenChange]);
+  (0, import_react8.useEffect)(() => {
+    if (crudify7 && pendingValidation && !isValidating) {
+      setIsValidating(true);
+      const validateCode = async (emailToValidate, codeToValidate) => {
+        try {
+          const data = [
+            {
+              operation: "validatePasswordResetCode",
+              data: { email: emailToValidate, codePassword: codeToValidate }
+            }
+          ];
+          const response = await crudify7.transaction(data);
+          if (response.data && Array.isArray(response.data)) {
+            const validationResult = response.data[0];
+            if (validationResult && validationResult.response && validationResult.response.status === "OK") {
+              setCodeValidated(true);
+              return;
+            }
+          }
+          if (response.success) {
+            setCodeValidated(true);
+          } else {
+            const parsedErrors = handleCrudifyError(response);
+            const translatedErrors = parsedErrors.map(translateError);
+            setErrors(translatedErrors);
+            setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
+          }
+        } catch (error) {
+          const parsedErrors = handleCrudifyError(error);
+          const translatedErrors = parsedErrors.map(translateError);
+          setErrors(translatedErrors);
+          setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
+        } finally {
+          setValidatingCode(false);
+          setPendingValidation(null);
+          setIsValidating(false);
+        }
+      };
+      validateCode(pendingValidation.email, pendingValidation.code);
+    }
+  }, [crudify7, pendingValidation, t, onScreenChange]);
+  const validatePassword = (password) => {
+    if (password.length < 8) {
+      return t("resetPassword.passwordTooShort");
+    }
+    return null;
+  };
+  const handleSubmit = async () => {
+    if (loading || !crudify7) return;
+    setErrors([]);
+    setHelperTextNewPassword(null);
+    setHelperTextConfirmPassword(null);
+    let hasErrors = false;
+    if (!newPassword) {
+      setHelperTextNewPassword(t("resetPassword.newPasswordRequired"));
+      hasErrors = true;
+    } else {
+      const passwordError = validatePassword(newPassword);
+      if (passwordError) {
+        setHelperTextNewPassword(passwordError);
+        hasErrors = true;
       }
-    };
-    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");
+    }
+    if (!confirmPassword) {
+      setHelperTextConfirmPassword(t("resetPassword.confirmPasswordRequired"));
+      hasErrors = true;
+    } else if (newPassword !== confirmPassword) {
+      setHelperTextConfirmPassword(t("resetPassword.passwordsDoNotMatch"));
+      hasErrors = true;
+    }
+    if (hasErrors) return;
+    setLoading(true);
     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;
+      const data = [
+        {
+          operation: "validateAndResetPassword",
+          data: { email, codePassword: code, newPassword }
+        }
+      ];
+      const response = await crudify7.transaction(data);
+      if (response.success) {
+        setErrors([]);
+        setTimeout(() => {
+          onResetSuccess?.();
+        }, 1e3);
+      } else {
+        const parsedErrors = handleCrudifyError(response);
+        const translatedErrors = parsedErrors.map(translateError);
+        setErrors(translatedErrors);
       }
-      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;
+      const parsedErrors = handleCrudifyError(error);
+      const translatedErrors = parsedErrors.map(translateError);
+      setErrors(translatedErrors);
+      if (onError) {
+        onError(translatedErrors.join(", "));
       }
+    }
+    setLoading(false);
+  };
+  const handleBack = () => {
+    if (fromCodeVerification) {
+      onScreenChange?.("checkCode", { email });
     } else {
-      console.log("\u{1F510} TokenManager - GET_TOKEN: No cache, loading from storage");
+      onScreenChange?.("forgotPassword");
     }
-    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;
+  };
+  if (validatingCode) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.CircularProgress, {}) });
   }
-  /**
-   * 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;
+  if (!codeValidated) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) });
   }
-  /**
-   * 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;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("resetPassword.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("resetPassword.instructions") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.Typography,
+          {
+            variant: "body2",
+            component: "label",
+            htmlFor: "newPassword",
+            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+            children: t("resetPassword.newPasswordLabel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.TextField,
+          {
+            fullWidth: true,
+            id: "newPassword",
+            name: "newPassword",
+            type: "password",
+            value: newPassword,
+            disabled: loading,
+            onChange: (e) => setNewPassword(e.target.value),
+            error: !!helperTextNewPassword,
+            helperText: helperTextNewPassword,
+            autoComplete: "new-password",
+            placeholder: t("resetPassword.newPasswordPlaceholder"),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.Typography,
+          {
+            variant: "body2",
+            component: "label",
+            htmlFor: "confirmPassword",
+            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+            children: t("resetPassword.confirmPasswordLabel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material3.TextField,
+          {
+            fullWidth: true,
+            id: "confirmPassword",
+            name: "confirmPassword",
+            type: "password",
+            value: confirmPassword,
+            disabled: loading,
+            onChange: (e) => setConfirmPassword(e.target.value),
+            error: !!helperTextConfirmPassword,
+            helperText: helperTextConfirmPassword,
+            autoComplete: "new-password",
+            placeholder: t("resetPassword.confirmPasswordPlaceholder"),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Button, { disabled: loading, type: "button", onClick: handleSubmit, fullWidth: true, variant: "contained", color: "primary", sx: { mt: 2, mb: 2 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.CircularProgress, { size: 20 }) : t("resetPassword.resetPasswordButton") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.Alert, { variant: "filled", sx: { mt: 2 }, severity: "error", children: error }, index)) })
+  ] });
+};
+var ResetPasswordForm_default = ResetPasswordForm;
+
+// src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
+var import_react9 = require("react");
+var import_material4 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
+  const { crudify: crudify7 } = useCrudify();
+  const [code, setCode] = (0, import_react9.useState)("");
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [errors, setErrors] = (0, import_react9.useState)([]);
+  const [helperTextCode, setHelperTextCode] = (0, import_react9.useState)(null);
+  const [email, setEmail] = (0, import_react9.useState)("");
+  const { t } = useTranslation();
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
     }
-    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;
+    return searchParams[key] || null;
+  };
+  const translateError = (parsedError) => {
+    const possibleKeys = [
+      `errors.auth.${parsedError.code}`,
+      `errors.data.${parsedError.code}`,
+      `errors.system.${parsedError.code}`,
+      `errors.${parsedError.code}`,
+      `checkCode.${parsedError.code.toLowerCase()}`
+    ];
+    for (const key of possibleKeys) {
+      const translated = t(key);
+      if (translated !== key) {
+        return translated;
       }
-      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");
-      import_crudify_browser4.default.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);
+    return parsedError.message || t("error.unknown");
+  };
+  (0, import_react9.useEffect)(() => {
+    const emailParam = getParam("email");
+    if (emailParam) {
+      setEmail(emailParam);
+    } else {
+      onScreenChange?.("forgotPassword");
     }
-  }
-  /**
-   * Synchronize token with crudify library
-   */
-  syncTokenWithCrudify(token) {
+  }, [searchParams, onScreenChange]);
+  const handleSubmit = async () => {
+    if (loading || !crudify7) return;
+    setErrors([]);
+    setHelperTextCode(null);
+    if (!code) {
+      setHelperTextCode(t("checkCode.codeRequired"));
+      return;
+    }
+    if (code.length !== 6) {
+      setHelperTextCode(t("checkCode.codeRequired"));
+      return;
+    }
+    setLoading(true);
     try {
-      import_crudify_browser4.default.setToken(token);
-      console.log("\u{1F510} TokenManager - Token synchronized with crudify");
+      const data = [
+        {
+          operation: "validatePasswordResetCode",
+          data: { email, codePassword: code }
+        }
+      ];
+      const response = await crudify7.transaction(data);
+      if (response.success) {
+        onScreenChange?.("resetPassword", { email, code, fromCodeVerification: "true" });
+      } else {
+        const parsedErrors = handleCrudifyError(response);
+        const translatedErrors = parsedErrors.map(translateError);
+        setErrors(translatedErrors);
+        setLoading(false);
+      }
     } catch (error) {
-      console.warn("\u{1F510} TokenManager - Failed to sync token with crudify:", error);
+      const parsedErrors = handleCrudifyError(error);
+      const translatedErrors = parsedErrors.map(translateError);
+      setErrors(translatedErrors);
+      setLoading(false);
+      if (onError) {
+        onError(translatedErrors.join(", "));
+      }
     }
+  };
+  const handleBack = () => {
+    onScreenChange?.("forgotPassword");
+  };
+  const handleCodeChange = (event) => {
+    const value = event.target.value.replace(/\D/g, "").slice(0, 6);
+    setCode(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: t("checkCode.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Typography, { variant: "body2", sx: { color: "grey.600" }, children: t("checkCode.instructions") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { sx: { mb: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.Typography,
+          {
+            variant: "body2",
+            component: "label",
+            htmlFor: "code",
+            sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
+            children: t("checkCode.codeLabel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material4.TextField,
+          {
+            fullWidth: true,
+            id: "code",
+            name: "code",
+            type: "text",
+            value: code,
+            disabled: loading,
+            onChange: handleCodeChange,
+            error: !!helperTextCode,
+            helperText: helperTextCode,
+            placeholder: t("checkCode.codePlaceholder"),
+            inputProps: {
+              maxLength: 6,
+              style: { textAlign: "center", fontSize: "1.5rem", letterSpacing: "0.4rem" }
+            },
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_material4.Button,
+        {
+          disabled: loading || code.length !== 6,
+          type: "button",
+          onClick: handleSubmit,
+          fullWidth: true,
+          variant: "contained",
+          color: "primary",
+          sx: { mt: 2, mb: 2 },
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.CircularProgress, { size: 20 }) : t("checkCode.verifyButton")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Box, { children: errors.length > 0 && errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.Alert, { sx: { mt: 2 }, severity: "error", children: error }, index)) })
+  ] });
+};
+var CheckCodeForm_default = CheckCodeForm;
+
+// src/components/CrudifyLogin/components/CrudifyInitializer.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var CrudifyInitializer2 = ({ children, fallback }) => {
+  const { isLoading, error, isInitialized } = useCrudify();
+  const { t } = useTranslation();
+  if (isLoading) {
+    return fallback || /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      import_material5.Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "200px",
+          gap: 2
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.CircularProgress, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "body2", color: "text.secondary", children: t("login.initializing") !== "login.initializing" ? t("login.initializing") : "Initializing..." })
+        ]
+      }
+    );
   }
-  /**
-   * Refresh token (placeholder for future implementation)
-   */
-  async refreshToken() {
-    throw new Error("Token refresh not yet implemented");
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material5.Typography, { variant: "body2", children: [
+      t("login.initializationError") !== "login.initializationError" ? t("login.initializationError") : "Initialization error",
+      ":",
+      " ",
+      error
+    ] }) });
   }
-  /**
-   * Get user information from the current token
-   */
-  getUserInfo() {
-    const parsed = this.parseToken();
-    if (!parsed) {
-      return {
-        email: null,
-        userId: null,
-        userIdentifier: null,
-        username: null
-      };
-    }
+  if (!isInitialized) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Typography, { variant: "body2", children: t("login.notInitialized") !== "login.notInitialized" ? t("login.notInitialized") : "System not initialized" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
+};
+
+// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
+var import_react10 = require("react");
+var useCrudifyLogin = (config, _options = {}) => {
+  const finalConfig = (0, import_react10.useMemo)(() => {
+    const publicApiKey = config.publicApiKey || getCookie("publicApiKey") || null;
+    const rawEnv = config.env || getCookie("environment") || "prod";
+    const env = ["dev", "stg", "prod"].includes(rawEnv) ? rawEnv : "prod";
+    const appName = config.appName || getCookie("appName") || "Crudia";
+    const loginActions = config.loginActions || (() => {
+      try {
+        const cookieValue = getCookie("loginActions");
+        return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
+      } catch {
+        return [];
+      }
+    })();
     return {
-      email: parsed.email || null,
-      userId: parsed.sub || null,
-      userIdentifier: parsed["cognito:username"] || parsed.email || parsed.sub || null,
-      username: parsed["cognito:username"] || null
+      publicApiKey,
+      env,
+      appName,
+      loginActions
     };
-  }
-  /**
-   * 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;
+  }, [config]);
+  return { config: finalConfig };
+};
+
+// src/components/CrudifyLogin/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CrudifyLoginInternal = ({
+  onScreenChange,
+  onExternalNavigate,
+  onLoginSuccess,
+  onError,
+  redirectUrl = "/"
+}) => {
+  const { t } = useTranslation();
+  const { state, setScreen } = useLoginState();
+  const handleScreenChange = (screen2, params) => {
+    let finalParams = params;
+    if (screen2 === "login") {
+      finalParams = {};
+    } else if (screen2 === "forgotPassword" && !params) {
+      finalParams = {};
     }
-    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) : []
+    setScreen(screen2, finalParams);
+    onScreenChange?.(screen2, finalParams);
+  };
+  const renderCurrentForm = () => {
+    const commonProps = {
+      onScreenChange: handleScreenChange,
+      onExternalNavigate,
+      onError,
+      redirectUrl
     };
-  }
+    switch (state.currentScreen) {
+      case "forgotPassword":
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ForgotPasswordForm_default, { ...commonProps });
+      case "checkCode":
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
+      case "resetPassword":
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          ResetPasswordForm_default,
+          {
+            ...commonProps,
+            searchParams: state.searchParams,
+            onResetSuccess: () => {
+              handleScreenChange("login");
+            }
+          }
+        );
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CrudifyInitializer2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "img",
+      {
+        src: state.config.logo || "/nocios-default.png",
+        alt: t("login.logoAlt"),
+        style: {
+          width: "100%",
+          maxWidth: "150px",
+          height: "auto"
+        },
+        onError: (e) => {
+          const target = e.target;
+          target.src = "/nocios-default.png";
+        }
+      }
+    ) }),
+    state.config.appName && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_material6.Typography,
+      {
+        variant: "h6",
+        component: "h1",
+        sx: {
+          textAlign: "center",
+          mb: 2,
+          color: state.config.colors?.primaryColor || "#1066BA"
+        },
+        children: state.config.appName
+      }
+    ),
+    renderCurrentForm()
+  ] });
 };
-_TokenManager.instance = null;
-var TokenManager = _TokenManager;
-var tokenManager = TokenManager.getInstance();
-
-// src/providers/CrudifyDataProvider.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CrudifyDataContext = (0, import_react12.createContext)(null);
-var CrudifyDataProvider = ({
-  children,
-  env,
-  publicApiKey,
-  loginActions,
-  appName,
-  logo,
-  colors
+var CrudifyLogin = ({
+  translations,
+  translationsUrl,
+  language = "en",
+  config = {},
+  initialScreen = "login",
+  autoReadFromCookies = true,
+  ...props
 }) => {
-  const [config, setConfig] = (0, import_react12.useState)(null);
-  const [isConfigured, setIsConfigured] = (0, import_react12.useState)(false);
-  const [configError, setConfigError] = (0, import_react12.useState)(null);
-  const [isInitialized, setIsInitialized] = (0, import_react12.useState)(false);
-  const [isInitializing, setIsInitializing] = (0, import_react12.useState)(false);
-  const [initializationError, setInitializationError] = (0, import_react12.useState)(null);
-  const [isAuthenticated, setIsAuthenticated] = (0, import_react12.useState)(false);
-  const [token, setTokenState] = (0, import_react12.useState)(null);
-  const [user, setUser] = (0, import_react12.useState)(null);
-  const [tokenExpiration, setTokenExpiration] = (0, import_react12.useState)(null);
-  const initializeConfiguration = (0, import_react12.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 = (0, import_react12.useCallback)(async (resolvedConfig) => {
-    if (!resolvedConfig || !resolvedConfig.publicApiKey) {
-      setInitializationError("Cannot initialize crudify without valid configuration");
+  const { config: finalConfig } = useCrudifyLogin(config);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(I18nProvider, { translations, translationsUrl, language, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CrudifyProvider, { config: finalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoginStateProvider, { config, initialScreen, autoReadFromCookies, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CrudifyLoginInternal, { config, ...props }) }) }) });
+};
+var CrudifyLogin_default = CrudifyLogin;
+
+// src/components/UserProfile/UserProfileDisplay.tsx
+var import_material7 = require("@mui/material");
+var import_icons_material = require("@mui/icons-material");
+
+// src/hooks/useUserProfile.ts
+var import_react11 = require("react");
+var import_crudify_browser4 = __toESM(require("@nocios/crudify-browser"));
+var useUserProfile = (options = {}) => {
+  const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
+  const [userProfile, setUserProfile] = (0, import_react11.useState)(null);
+  const [loading, setLoading] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)(null);
+  const [extendedData, setExtendedData] = (0, import_react11.useState)({});
+  const abortControllerRef = (0, import_react11.useRef)(null);
+  const mountedRef = (0, import_react11.useRef)(true);
+  const requestIdRef = (0, import_react11.useRef)(0);
+  const retryCountRef = (0, import_react11.useRef)(0);
+  const clearProfile = (0, import_react11.useCallback)(() => {
+    setUserProfile(null);
+    setError(null);
+    setLoading(false);
+    setExtendedData({});
+  }, []);
+  const refreshProfile = (0, import_react11.useCallback)(async () => {
+    const userEmail = getCurrentUserEmail();
+    if (!userEmail) {
+      if (mountedRef.current) {
+        setError("No user email available");
+        setLoading(false);
+      }
       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);
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
     }
-  }, []);
-  const updateAuthenticationState = (0, import_react12.useCallback)(() => {
-    console.log("\u{1F510} CrudifyDataProvider - UPDATE_AUTH_STATE: Starting authentication state update");
+    const abortController = new AbortController();
+    abortControllerRef.current = abortController;
+    const currentRequestId = ++requestIdRef.current;
     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 = (0, import_react12.useCallback)((newToken) => {
-    console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Setting new token:", newToken ? "provided" : "null");
-    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);
-      setTokenState(newToken);
-      setUser(parsedUser);
-      setTokenExpiration(expiration);
-      setIsAuthenticated(authenticated);
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Token set, state updated", {
-        hasToken: true,
-        isAuthenticated: authenticated,
-        userEmail: parsedUser?.email || null
+      if (mountedRef.current) {
+        setLoading(true);
+        setError(null);
+      }
+      const response = await import_crudify_browser4.default.readItems("users", {
+        where: { email: userEmail },
+        limit: 1
       });
-    } else {
-      setTokenState(null);
-      setUser(null);
-      setTokenExpiration(null);
-      setIsAuthenticated(false);
-      console.log("\u{1F510} CrudifyDataProvider - SET_TOKEN_CALLBACK: Token cleared, state reset");
-    }
-  }, []);
-  const logout = (0, import_react12.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 = (0, import_react12.useCallback)(() => {
-    console.log("\u{1F30D} CrudifyDataProvider - Refreshing configuration");
-    configurationManager.clearConfig();
-    const newConfig = initializeConfiguration();
-    if (newConfig && newConfig.publicApiKey) {
-      initializeCrudify(newConfig);
-    }
-  }, [initializeConfiguration, initializeCrudify]);
-  const reinitialize = (0, import_react12.useCallback)(async () => {
-    if (!config || !config.publicApiKey) {
-      console.warn("\u{1F680} CrudifyDataProvider - Cannot reinitialize without valid configuration");
-      return;
+      if (currentRequestId === requestIdRef.current && mountedRef.current && !abortController.signal.aborted) {
+        if (response.success && response.data && response.data.length > 0) {
+          const userData = response.data[0];
+          setUserProfile(userData);
+          const additionalData = {
+            fullProfile: userData,
+            totalFields: Object.keys(userData).length,
+            displayData: {
+              id: userData.id,
+              email: userData.email,
+              username: userData.username,
+              firstName: userData.firstName,
+              lastName: userData.lastName,
+              fullName: userData.fullName || `${userData.firstName || ""} ${userData.lastName || ""}`.trim(),
+              role: userData.role,
+              permissions: userData.permissions || [],
+              isActive: userData.isActive,
+              lastLogin: userData.lastLogin,
+              createdAt: userData.createdAt,
+              updatedAt: userData.updatedAt,
+              // Include any custom fields
+              ...Object.keys(userData).filter((key) => !["id", "email", "username", "firstName", "lastName", "fullName", "role", "permissions", "isActive", "lastLogin", "createdAt", "updatedAt"].includes(key)).reduce((acc, key) => ({ ...acc, [key]: userData[key] }), {})
+            }
+          };
+          setExtendedData(additionalData);
+          setError(null);
+          retryCountRef.current = 0;
+        } else {
+          setError("User profile not found");
+          setUserProfile(null);
+          setExtendedData({});
+        }
+      }
+    } catch (err) {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        const error2 = err;
+        if (error2.name === "AbortError") {
+          return;
+        }
+        const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (error2.message?.includes("Network Error") || error2.message?.includes("Failed to fetch"));
+        if (shouldRetry) {
+          retryCountRef.current++;
+          setTimeout(() => {
+            if (mountedRef.current) {
+              refreshProfile();
+            }
+          }, 1e3 * retryCountRef.current);
+        } else {
+          setError("Failed to load user profile");
+          setUserProfile(null);
+          setExtendedData({});
+        }
+      }
+    } finally {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        setLoading(false);
+      }
+      if (abortControllerRef.current === abortController) {
+        abortControllerRef.current = null;
+      }
     }
-    console.log("\u{1F680} CrudifyDataProvider - Force reinitializing crudify");
-    crudifyInitializer.reset();
-    await initializeCrudify(config);
-  }, [config, initializeCrudify]);
-  const getDebugInfo = (0, import_react12.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]);
-  (0, import_react12.useEffect)(() => {
-    console.log("\u{1F30D} CrudifyDataProvider - Provider mounting, starting initialization");
-    const resolvedConfig = initializeConfiguration();
-    updateAuthenticationState();
-    if (resolvedConfig && resolvedConfig.publicApiKey) {
-      initializeCrudify(resolvedConfig);
+  }, [retryOnError, maxRetries]);
+  (0, import_react11.useEffect)(() => {
+    if (autoFetch) {
+      refreshProfile();
     }
+  }, [autoFetch, refreshProfile]);
+  (0, import_react11.useEffect)(() => {
+    mountedRef.current = true;
     return () => {
-      console.log("\u{1F30D} CrudifyDataProvider - Provider unmounting, cleaning up");
-      tokenManager.cleanup();
+      mountedRef.current = false;
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
     };
   }, []);
-  (0, import_react12.useEffect)(() => {
-    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 {
+    userProfile,
+    loading,
+    error,
+    extendedData,
+    refreshProfile,
+    clearProfile
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CrudifyDataContext.Provider, { value: contextValue, children });
 };
-var useCrudifyDataContext = () => {
-  const context = (0, import_react12.useContext)(CrudifyDataContext);
-  if (!context) {
-    throw new Error(
-      "useCrudifyDataContext must be used within a CrudifyDataProvider. Make sure to wrap your app with <CrudifyDataProvider>."
+
+// src/components/UserProfile/UserProfileDisplay.tsx
+var import_react12 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var UserProfileDisplay = ({
+  showExtendedData = true,
+  showProfileCard = true,
+  autoRefresh = true
+}) => {
+  const { userProfile, loading, error, extendedData, refreshProfile } = useUserProfile({
+    autoFetch: autoRefresh,
+    retryOnError: true,
+    maxRetries: 3
+  });
+  const [showAllFields, setShowAllFields] = (0, import_react12.useState)(false);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "center", alignItems: "center", p: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", sx: { ml: 2 }, children: "Cargando perfil de usuario..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      import_material7.Alert,
+      {
+        severity: "error",
+        action: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { color: "inherit", size: "small", onClick: refreshProfile, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", children: "Reintentar" }) }),
+        children: [
+          "Error al cargar el perfil: ",
+          error
+        ]
+      }
     );
   }
-  return context;
-};
-
-// src/hooks/useCrudifyAuth.ts
-var useCrudifyAuth = () => {
-  const {
-    isAuthenticated,
-    isInitializing,
-    initializationError,
-    token,
-    user,
-    tokenExpiration,
-    setToken,
-    logout
-  } = useCrudifyDataContext();
-  return {
-    // Estado básico
-    isAuthenticated,
-    loading: isInitializing,
-    error: initializationError,
-    // Datos del token
-    token,
-    user,
-    tokenExpiration,
-    // Acciones
-    setToken,
-    logout,
-    refreshToken: void 0
-    // Will be implemented in future versions
+  if (!userProfile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Alert, { severity: "warning", children: "No se encontr\xF3 informaci\xF3n del usuario" });
+  }
+  const displayData = extendedData?.displayData || {};
+  const totalFields = extendedData?.totalFields || 0;
+  const formatDate = (dateString) => {
+    if (!dateString) return "No disponible";
+    try {
+      return new Date(dateString).toLocaleString("es-ES", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    } catch {
+      return dateString;
+    }
+  };
+  const renderFieldValue = (key, value) => {
+    if (value === null || value === void 0) return "No disponible";
+    if (typeof value === "boolean") return value ? "S\xED" : "No";
+    if (Array.isArray(value)) return value.length > 0 ? value.join(", ") : "Ninguno";
+    if (typeof value === "object") return JSON.stringify(value, null, 2);
+    return String(value);
   };
+  const basicFields = [
+    { key: "id", label: "ID", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Badge, {}) },
+    { key: "email", label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Email, {}) },
+    { key: "username", label: "Usuario", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Person, {}) },
+    { key: "fullName", label: "Nombre completo", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.AccountCircle, {}) },
+    { key: "role", label: "Rol", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Security, {}) }
+  ];
+  const extendedFields = [
+    { key: "firstName", label: "Nombre" },
+    { key: "lastName", label: "Apellido" },
+    { key: "isActive", label: "Activo" },
+    { key: "lastLogin", label: "\xDAltimo login" },
+    { key: "createdAt", label: "Creado" },
+    { key: "updatedAt", label: "Actualizado" }
+  ];
+  const knownFields = [...basicFields.map((f) => f.key), ...extendedFields.map((f) => f.key), "permissions"];
+  const customFields = Object.keys(displayData).filter((key) => !knownFields.includes(key)).map((key) => ({ key, label: key }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
+    showProfileCard && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Card, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_material7.Avatar,
+          {
+            src: displayData.avatar,
+            sx: { width: 56, height: 56, mr: 2 },
+            children: displayData.fullName?.[0] || displayData.username?.[0] || displayData.email?.[0]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "h6", children: displayData.fullName || displayData.username || displayData.email }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", color: "text.secondary", children: displayData.role || "Usuario" }),
+          displayData.isActive !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_material7.Chip,
+            {
+              label: displayData.isActive ? "Activo" : "Inactivo",
+              color: displayData.isActive ? "success" : "error",
+              size: "small",
+              sx: { mt: 0.5 }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Box, { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))", gap: 2, children: basicFields.map(
+        ({ key, label, icon }) => displayData[key] ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Box, { sx: { mr: 1, color: "text.secondary" }, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "body2", children: renderFieldValue(key, displayData[key]) })
+          ] })
+        ] }, key) : null
+      ) }),
+      displayData.permissions && Array.isArray(displayData.permissions) && displayData.permissions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { mt: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", color: "text.secondary", display: "block", children: "Permisos" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", flexWrap: "wrap", gap: 0.5, mt: 0.5, children: [
+          displayData.permissions.slice(0, 5).map((permission, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: permission, size: "small", variant: "outlined" }, index)),
+          displayData.permissions.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: `+${displayData.permissions.length - 5} m\xE1s`, size: "small" })
+        ] })
+      ] })
+    ] }) }),
+    showExtendedData && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "h6", display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Info, { sx: { mr: 1 } }),
+          "Informaci\xF3n Detallada"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Chip, { label: `${totalFields} campos totales`, size: "small" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.List, { dense: true, children: [
+        extendedFields.map(({ key, label }) => displayData[key] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.ListItem, { divider: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.Schedule, { fontSize: "small" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_material7.ListItemText,
+            {
+              primary: label,
+              secondary: key.includes("At") || key.includes("Login") ? formatDate(displayData[key]) : renderFieldValue(key, displayData[key])
+            }
+          )
+        ] }, key)),
+        customFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_material7.ListItemText,
+            {
+              primary: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "subtitle2", children: [
+                  "Campos Personalizados (",
+                  customFields.length,
+                  ")"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { size: "small", onClick: () => setShowAllFields(!showAllFields), children: showAllFields ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.ExpandLess, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material.ExpandMore, {}) })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Collapse, { in: showAllFields, children: customFields.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.ListItem, { sx: { pl: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_material7.ListItemText,
+            {
+              primary: label,
+              secondary: renderFieldValue(key, displayData[key])
+            }
+          ) }, key)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Box, { mt: 2, display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: [
+          "\xDAltima actualizaci\xF3n: ",
+          formatDate(displayData.updatedAt)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.IconButton, { size: "small", onClick: refreshProfile, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.Typography, { variant: "caption", children: "Actualizar" }) })
+      ] })
+    ] }) })
+  ] });
 };
+var UserProfileDisplay_default = UserProfileDisplay;
 
 // src/hooks/useCrudifyUser.ts
 var import_react13 = require("react");