@nocios/crudify-ui 1.0.45 → 1.0.46

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import * as _nocios_crudify_browser from '@nocios/crudify-browser';
 export * from '@nocios/crudify-browser';
 export { default as crudify } from '@nocios/crudify-browser';
 import React from 'react';
@@ -27,6 +28,47 @@ interface CrudifyLoginProps {
 
 declare const CrudifyLogin: React.FC<CrudifyLoginProps>;
 
+interface UseUserProfileOptions {
+    autoFetch?: boolean;
+    retryOnError?: boolean;
+    maxRetries?: number;
+}
+interface UseUserProfileReturn {
+    userProfile: any | null;
+    loading: boolean;
+    error: string | null;
+    refreshProfile: () => Promise<void>;
+    clearProfile: () => void;
+}
+declare const useUserProfile: (options?: UseUserProfileOptions) => UseUserProfileReturn;
+
+interface UseCrudifyLoginOptions {
+    showErrorNotifications?: boolean;
+    showSuccessNotifications?: boolean;
+}
+declare const useCrudifyLogin: (config: CrudifyLoginConfig, _options?: UseCrudifyLoginOptions) => {
+    crudify: {
+        login: (identifier: string, password: string) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+        transaction: (data: any, options?: {
+            signal?: AbortSignal;
+        }) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+    } | null;
+};
+
+interface JWTPayload {
+    email?: string;
+    "cognito:username"?: string;
+    sub?: string;
+    exp?: number;
+    iat?: number;
+    iss?: string;
+    aud?: string;
+    [key: string]: any;
+}
+declare const decodeJwtSafely: (token: string) => JWTPayload | null;
+declare const getCurrentUserEmail: () => string | null;
+declare const isTokenExpired: (token: string) => boolean;
+
 declare const getCookie: (name: string) => string | null;
 
 declare class SecureStorage {
@@ -43,4 +85,4 @@ declare class SecureStorage {
 declare const secureSessionStorage: SecureStorage;
 declare const secureLocalStorage: SecureStorage;
 
-export { type BoxScreenType, CrudifyLogin, type CrudifyLoginConfig, type CrudifyLoginProps, getCookie, secureLocalStorage, secureSessionStorage };
+export { type BoxScreenType, CrudifyLogin, type CrudifyLoginConfig, type CrudifyLoginProps, decodeJwtSafely, getCookie, getCurrentUserEmail, isTokenExpired, secureLocalStorage, secureSessionStorage, useCrudifyLogin, useUserProfile };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as _nocios_crudify_browser from '@nocios/crudify-browser';
 export * from '@nocios/crudify-browser';
 export { default as crudify } from '@nocios/crudify-browser';
 import React from 'react';
@@ -27,6 +28,47 @@ interface CrudifyLoginProps {
 
 declare const CrudifyLogin: React.FC<CrudifyLoginProps>;
 
+interface UseUserProfileOptions {
+    autoFetch?: boolean;
+    retryOnError?: boolean;
+    maxRetries?: number;
+}
+interface UseUserProfileReturn {
+    userProfile: any | null;
+    loading: boolean;
+    error: string | null;
+    refreshProfile: () => Promise<void>;
+    clearProfile: () => void;
+}
+declare const useUserProfile: (options?: UseUserProfileOptions) => UseUserProfileReturn;
+
+interface UseCrudifyLoginOptions {
+    showErrorNotifications?: boolean;
+    showSuccessNotifications?: boolean;
+}
+declare const useCrudifyLogin: (config: CrudifyLoginConfig, _options?: UseCrudifyLoginOptions) => {
+    crudify: {
+        login: (identifier: string, password: string) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+        transaction: (data: any, options?: {
+            signal?: AbortSignal;
+        }) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+    } | null;
+};
+
+interface JWTPayload {
+    email?: string;
+    "cognito:username"?: string;
+    sub?: string;
+    exp?: number;
+    iat?: number;
+    iss?: string;
+    aud?: string;
+    [key: string]: any;
+}
+declare const decodeJwtSafely: (token: string) => JWTPayload | null;
+declare const getCurrentUserEmail: () => string | null;
+declare const isTokenExpired: (token: string) => boolean;
+
 declare const getCookie: (name: string) => string | null;
 
 declare class SecureStorage {
@@ -43,4 +85,4 @@ declare class SecureStorage {
 declare const secureSessionStorage: SecureStorage;
 declare const secureLocalStorage: SecureStorage;
 
-export { type BoxScreenType, CrudifyLogin, type CrudifyLoginConfig, type CrudifyLoginProps, getCookie, secureLocalStorage, secureSessionStorage };
+export { type BoxScreenType, CrudifyLogin, type CrudifyLoginConfig, type CrudifyLoginProps, decodeJwtSafely, getCookie, getCurrentUserEmail, isTokenExpired, secureLocalStorage, secureSessionStorage, useCrudifyLogin, useUserProfile };

package/dist/index.js

@@ -32,13 +32,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   CrudifyLogin: () => CrudifyLogin_default,
-  crudify: () => import_crudify_browser2.default,
+  crudify: () => import_crudify_browser3.default,
+  decodeJwtSafely: () => decodeJwtSafely,
   getCookie: () => getCookie,
+  getCurrentUserEmail: () => getCurrentUserEmail,
+  isTokenExpired: () => isTokenExpired,
   secureLocalStorage: () => secureLocalStorage,
-  secureSessionStorage: () => secureSessionStorage
+  secureSessionStorage: () => secureSessionStorage,
+  useCrudifyLogin: () => useCrudifyLogin,
+  useUserProfile: () => useUserProfile
 });
 module.exports = __toCommonJS(index_exports);
-var import_crudify_browser2 = __toESM(require("@nocios/crudify-browser"));
+var import_crudify_browser3 = __toESM(require("@nocios/crudify-browser"));
 __reExport(index_exports, require("@nocios/crudify-browser"), module.exports);
 
 // src/components/CrudifyLogin/index.tsx
@@ -64,10 +69,18 @@ var getCookie = (name) => {
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
 var useCrudifyLogin = (config, _options = {}) => {
   const finalConfig = (0, import_react.useMemo)(() => {
-    const publicApiKey = config.publicApiKey || getCookie("publicApiKey");
-    const env = config.env || getCookie("environment") || "prod";
+    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 || (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean) || [];
+    const loginActions = config.loginActions || (() => {
+      try {
+        const cookieValue = getCookie("loginActions");
+        return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
+      } catch {
+        return [];
+      }
+    })();
     return {
       publicApiKey,
       env,
@@ -76,15 +89,14 @@ var useCrudifyLogin = (config, _options = {}) => {
     };
   }, [config]);
   (0, import_react.useEffect)(() => {
-    if (finalConfig.publicApiKey) {
-      try {
-        import_crudify_browser.default.config(finalConfig.env);
-        import_crudify_browser.default.init(finalConfig.publicApiKey, "none");
-      } catch (error) {
-        console.error("Error initializing crudify:", error);
-      }
+    if (!finalConfig.publicApiKey) return;
+    try {
+      import_crudify_browser.default.config(finalConfig.env);
+      import_crudify_browser.default.init(finalConfig.publicApiKey, "none");
+    } catch (error) {
+      console.error("Error initializing crudify:", error);
     }
-  }, [finalConfig]);
+  }, [finalConfig.publicApiKey, finalConfig.env]);
   const crudifyMethods = (0, import_react.useMemo)(() => {
     if (!finalConfig.publicApiKey) {
       return null;
@@ -430,13 +442,13 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
   const [emailSent, setEmailSent] = (0, import_react3.useState)(false);
   const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react3.useState)(false);
   const { t } = (0, import_react_i18next2.useTranslation)();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   const validateEmail = (email2) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -450,7 +462,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -558,10 +570,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [codeValidated, setCodeValidated] = (0, import_react4.useState)(false);
   const [resetSuccess, setResetSuccess] = (0, import_react4.useState)(false);
   const { t } = (0, import_react_i18next3.useTranslation)();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   (0, import_react4.useEffect)(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify2) return;
+      if (!crudify3) return;
       try {
         const data = [
           {
@@ -569,7 +581,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             data: { email: emailToValidate, codePassword: codeToValidate }
           }
         ];
-        const response = await crudify2.transaction(data);
+        const response = await crudify3.transaction(data);
         if (response.success) {
           setCodeValidated(true);
         } else {
@@ -597,7 +609,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       setValidatingCode(false);
       setErrors([t("resetPassword.missingParameters")]);
     }
-  }, [searchParams, crudify2, t]);
+  }, [searchParams, crudify3, t]);
   const validatePasswords = () => {
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -620,7 +632,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
     return true;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     if (!validatePasswords()) return;
     setLoading(true);
@@ -631,7 +643,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         setResetSuccess(true);
       } else {
@@ -775,7 +787,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
   const [helperTextEmail, setHelperTextEmail] = (0, import_react5.useState)(null);
   const [helperTextCode, setHelperTextCode] = (0, import_react5.useState)(null);
   const { t } = (0, import_react_i18next4.useTranslation)();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   (0, import_react5.useEffect)(() => {
     const timer = setTimeout(() => {
       const emailInput = document.getElementById("email");
@@ -788,7 +800,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextCode(null);
@@ -812,7 +824,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         const params = new URLSearchParams({ email, code }).toString();
         onNavigate?.(`/login/resetPassword?${params}`);
@@ -1074,12 +1086,162 @@ var CrudifyLogin = ({
   );
 };
 var CrudifyLogin_default = CrudifyLogin;
+
+// src/hooks/useUserProfile.ts
+var import_react7 = 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 {
+    const token = sessionStorage.getItem("token");
+    if (!token) return null;
+    const payload = decodeJwtSafely(token);
+    if (!payload) return null;
+    return payload.email || payload["cognito:username"] || null;
+  } catch (error) {
+    console.warn("Failed to get current user email:", error);
+    return null;
+  }
+};
+var isTokenExpired = (token) => {
+  try {
+    const payload = decodeJwtSafely(token);
+    if (!payload || !payload.exp) return true;
+    const currentTime = Math.floor(Date.now() / 1e3);
+    return payload.exp < currentTime;
+  } catch {
+    return true;
+  }
+};
+
+// src/hooks/useUserProfile.ts
+var useUserProfile = (options = {}) => {
+  const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
+  const [userProfile, setUserProfile] = (0, import_react7.useState)(null);
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const abortControllerRef = (0, import_react7.useRef)(null);
+  const mountedRef = (0, import_react7.useRef)(true);
+  const requestIdRef = (0, import_react7.useRef)(0);
+  const retryCountRef = (0, import_react7.useRef)(0);
+  const clearProfile = (0, import_react7.useCallback)(() => {
+    setUserProfile(null);
+    setError(null);
+    setLoading(false);
+  }, []);
+  const refreshProfile = (0, import_react7.useCallback)(async () => {
+    const userEmail = getCurrentUserEmail();
+    if (!userEmail) {
+      if (mountedRef.current) {
+        setError("No user email available");
+        setLoading(false);
+      }
+      return;
+    }
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    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) {
+          setUserProfile(response.data[0]);
+          setError(null);
+          retryCountRef.current = 0;
+        } else {
+          setError("User profile not found");
+          setUserProfile(null);
+        }
+      }
+    } catch (err) {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        if (err.name === "AbortError") {
+          return;
+        }
+        console.error("Error loading user profile:", err);
+        const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (err.message?.includes("Network Error") || err.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);
+        }
+      }
+    } finally {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        setLoading(false);
+      }
+      if (abortControllerRef.current === abortController) {
+        abortControllerRef.current = null;
+      }
+    }
+  }, [retryOnError, maxRetries]);
+  (0, import_react7.useEffect)(() => {
+    if (autoFetch) {
+      refreshProfile();
+    }
+  }, [autoFetch, refreshProfile]);
+  (0, import_react7.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
+    };
+  }, []);
+  return {
+    userProfile,
+    loading,
+    error,
+    refreshProfile,
+    clearProfile
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CrudifyLogin,
   crudify,
+  decodeJwtSafely,
   getCookie,
+  getCurrentUserEmail,
+  isTokenExpired,
   secureLocalStorage,
   secureSessionStorage,
+  useCrudifyLogin,
+  useUserProfile,
   ...require("@nocios/crudify-browser")
 });

package/dist/index.mjs

@@ -25,10 +25,18 @@ var getCookie = (name) => {
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
 var useCrudifyLogin = (config, _options = {}) => {
   const finalConfig = useMemo(() => {
-    const publicApiKey = config.publicApiKey || getCookie("publicApiKey");
-    const env = config.env || getCookie("environment") || "prod";
+    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 || (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean) || [];
+    const loginActions = config.loginActions || (() => {
+      try {
+        const cookieValue = getCookie("loginActions");
+        return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
+      } catch {
+        return [];
+      }
+    })();
     return {
       publicApiKey,
       env,
@@ -37,15 +45,14 @@ var useCrudifyLogin = (config, _options = {}) => {
     };
   }, [config]);
   useEffect(() => {
-    if (finalConfig.publicApiKey) {
-      try {
-        crudify.config(finalConfig.env);
-        crudify.init(finalConfig.publicApiKey, "none");
-      } catch (error) {
-        console.error("Error initializing crudify:", error);
-      }
+    if (!finalConfig.publicApiKey) return;
+    try {
+      crudify.config(finalConfig.env);
+      crudify.init(finalConfig.publicApiKey, "none");
+    } catch (error) {
+      console.error("Error initializing crudify:", error);
     }
-  }, [finalConfig]);
+  }, [finalConfig.publicApiKey, finalConfig.env]);
   const crudifyMethods = useMemo(() => {
     if (!finalConfig.publicApiKey) {
       return null;
@@ -391,13 +398,13 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
   const [emailSent, setEmailSent] = useState2(false);
   const [codeAlreadyExists, setCodeAlreadyExists] = useState2(false);
   const { t } = useTranslation2();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   const validateEmail = (email2) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -411,7 +418,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -519,10 +526,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [codeValidated, setCodeValidated] = useState3(false);
   const [resetSuccess, setResetSuccess] = useState3(false);
   const { t } = useTranslation3();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   useEffect3(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify2) return;
+      if (!crudify3) return;
       try {
         const data = [
           {
@@ -530,7 +537,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             data: { email: emailToValidate, codePassword: codeToValidate }
           }
         ];
-        const response = await crudify2.transaction(data);
+        const response = await crudify3.transaction(data);
         if (response.success) {
           setCodeValidated(true);
         } else {
@@ -558,7 +565,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       setValidatingCode(false);
       setErrors([t("resetPassword.missingParameters")]);
     }
-  }, [searchParams, crudify2, t]);
+  }, [searchParams, crudify3, t]);
   const validatePasswords = () => {
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -581,7 +588,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
     return true;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     if (!validatePasswords()) return;
     setLoading(true);
@@ -592,7 +599,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         setResetSuccess(true);
       } else {
@@ -736,7 +743,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
   const [helperTextEmail, setHelperTextEmail] = useState4(null);
   const [helperTextCode, setHelperTextCode] = useState4(null);
   const { t } = useTranslation4();
-  const { crudify: crudify2 } = useCrudifyLogin(config);
+  const { crudify: crudify3 } = useCrudifyLogin(config);
   useEffect4(() => {
     const timer = setTimeout(() => {
       const emailInput = document.getElementById("email");
@@ -749,7 +756,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify2) return;
+    if (loading || !crudify3) return;
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextCode(null);
@@ -773,7 +780,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify2.transaction(data);
+      const response = await crudify3.transaction(data);
       if (response.success) {
         const params = new URLSearchParams({ email, code }).toString();
         onNavigate?.(`/login/resetPassword?${params}`);
@@ -1035,10 +1042,160 @@ var CrudifyLogin = ({
   );
 };
 var CrudifyLogin_default = CrudifyLogin;
+
+// src/hooks/useUserProfile.ts
+import { useState as useState6, useEffect as useEffect5, useCallback, useRef as useRef2 } from "react";
+import crudify2 from "@nocios/crudify-browser";
+
+// src/utils/jwtUtils.ts
+var decodeJwtSafely = (token) => {
+  try {
+    const parts = token.split(".");
+    if (parts.length !== 3) {
+      console.warn("Invalid JWT format: token must have 3 parts");
+      return null;
+    }
+    const payload = parts[1];
+    const paddedPayload = payload + "=".repeat((4 - payload.length % 4) % 4);
+    const decodedPayload = JSON.parse(atob(paddedPayload));
+    return decodedPayload;
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+};
+var getCurrentUserEmail = () => {
+  try {
+    const token = sessionStorage.getItem("token");
+    if (!token) return null;
+    const payload = decodeJwtSafely(token);
+    if (!payload) return null;
+    return payload.email || payload["cognito:username"] || null;
+  } catch (error) {
+    console.warn("Failed to get current user email:", error);
+    return null;
+  }
+};
+var isTokenExpired = (token) => {
+  try {
+    const payload = decodeJwtSafely(token);
+    if (!payload || !payload.exp) return true;
+    const currentTime = Math.floor(Date.now() / 1e3);
+    return payload.exp < currentTime;
+  } catch {
+    return true;
+  }
+};
+
+// src/hooks/useUserProfile.ts
+var useUserProfile = (options = {}) => {
+  const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
+  const [userProfile, setUserProfile] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const abortControllerRef = useRef2(null);
+  const mountedRef = useRef2(true);
+  const requestIdRef = useRef2(0);
+  const retryCountRef = useRef2(0);
+  const clearProfile = useCallback(() => {
+    setUserProfile(null);
+    setError(null);
+    setLoading(false);
+  }, []);
+  const refreshProfile = useCallback(async () => {
+    const userEmail = getCurrentUserEmail();
+    if (!userEmail) {
+      if (mountedRef.current) {
+        setError("No user email available");
+        setLoading(false);
+      }
+      return;
+    }
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    const abortController = new AbortController();
+    abortControllerRef.current = abortController;
+    const currentRequestId = ++requestIdRef.current;
+    try {
+      if (mountedRef.current) {
+        setLoading(true);
+        setError(null);
+      }
+      const response = await crudify2.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) {
+          setUserProfile(response.data[0]);
+          setError(null);
+          retryCountRef.current = 0;
+        } else {
+          setError("User profile not found");
+          setUserProfile(null);
+        }
+      }
+    } catch (err) {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        if (err.name === "AbortError") {
+          return;
+        }
+        console.error("Error loading user profile:", err);
+        const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (err.message?.includes("Network Error") || err.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);
+        }
+      }
+    } finally {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        setLoading(false);
+      }
+      if (abortControllerRef.current === abortController) {
+        abortControllerRef.current = null;
+      }
+    }
+  }, [retryOnError, maxRetries]);
+  useEffect5(() => {
+    if (autoFetch) {
+      refreshProfile();
+    }
+  }, [autoFetch, refreshProfile]);
+  useEffect5(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
+    };
+  }, []);
+  return {
+    userProfile,
+    loading,
+    error,
+    refreshProfile,
+    clearProfile
+  };
+};
 export {
   CrudifyLogin_default as CrudifyLogin,
   default2 as crudify,
+  decodeJwtSafely,
   getCookie,
+  getCurrentUserEmail,
+  isTokenExpired,
   secureLocalStorage,
-  secureSessionStorage
+  secureSessionStorage,
+  useCrudifyLogin,
+  useUserProfile
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "1.0.45",
+  "version": "1.0.46",
   "description": "Biblioteca de componentes UI para Crudify",
   "author": "Nocios",
   "license": "MIT",