@nocios/crudify-ui 1.3.0 → 1.3.2

package/dist/index.mjs

@@ -704,7 +704,7 @@ var useCrudifyAuth = () => {
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
 import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
 var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
-  const { crudify: crudify7 } = useCrudify();
+  const { crudify: crudify9 } = useCrudify();
   const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
   const { setToken } = useCrudifyAuth();
   const { t } = useTranslation();
@@ -756,10 +756,10 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     clearErrors();
     setLoading(true);
     try {
-      if (!crudify7) {
+      if (!crudify9) {
         throw new Error("Crudify not initialized");
       }
-      const response = await crudify7.login(state.formData.username, state.formData.password);
+      const response = await crudify9.login(state.formData.username, state.formData.password);
       setLoading(false);
       if (response.success) {
         console.log("\u{1F510} LoginForm - Login successful, setting tokens");
@@ -922,7 +922,7 @@ import { useState as useState3 } from "react";
 import { Typography as Typography2, TextField as TextField2, Button as Button2, Box as Box2, CircularProgress as CircularProgress2, Alert as Alert2, Link as Link2 } from "@mui/material";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({ onScreenChange, onError }) => {
-  const { crudify: crudify7 } = useCrudify();
+  const { crudify: crudify9 } = useCrudify();
   const [email, setEmail] = useState3("");
   const [loading, setLoading] = useState3(false);
   const [errors, setErrors] = useState3([]);
@@ -951,7 +951,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify7) return;
+    if (loading || !crudify9) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -965,7 +965,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify7.transaction(data);
+      const response = await crudify9.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -1068,7 +1068,7 @@ import { useState as useState4, useEffect as useEffect5 } from "react";
 import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box3, CircularProgress as CircularProgress3, Alert as Alert3, Link as Link3 } from "@mui/material";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess }) => {
-  const { crudify: crudify7 } = useCrudify();
+  const { crudify: crudify9 } = useCrudify();
   const [newPassword, setNewPassword] = useState4("");
   const [confirmPassword, setConfirmPassword] = useState4("");
   const [loading, setLoading] = useState4(false);
@@ -1148,9 +1148,9 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     setErrors([t("resetPassword.invalidCode")]);
     setValidatingCode(false);
     setTimeout(() => onScreenChange?.("forgotPassword"), 3e3);
-  }, [searchParams, crudify7, t, onScreenChange]);
+  }, [searchParams, crudify9, t, onScreenChange]);
   useEffect5(() => {
-    if (crudify7 && pendingValidation && !isValidating) {
+    if (crudify9 && pendingValidation && !isValidating) {
       setIsValidating(true);
       const validateCode = async (emailToValidate, codeToValidate) => {
         try {
@@ -1160,7 +1160,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
               data: { email: emailToValidate, codePassword: codeToValidate }
             }
           ];
-          const response = await crudify7.transaction(data);
+          const response = await crudify9.transaction(data);
           if (response.data && Array.isArray(response.data)) {
             const validationResult = response.data[0];
             if (validationResult && validationResult.response && validationResult.response.status === "OK") {
@@ -1189,7 +1189,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
       };
       validateCode(pendingValidation.email, pendingValidation.code);
     }
-  }, [crudify7, pendingValidation, t, onScreenChange]);
+  }, [crudify9, pendingValidation, t, onScreenChange]);
   const validatePassword = (password) => {
     if (password.length < 8) {
       return t("resetPassword.passwordTooShort");
@@ -1197,7 +1197,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     return null;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify7) return;
+    if (loading || !crudify9) return;
     setErrors([]);
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -1228,7 +1228,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify7.transaction(data);
+      const response = await crudify9.transaction(data);
       if (response.success) {
         setErrors([]);
         setTimeout(() => {
@@ -1339,7 +1339,7 @@ import { useState as useState5, useEffect as useEffect6 } from "react";
 import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box4, CircularProgress as CircularProgress4, Alert as Alert4, Link as Link4 } from "@mui/material";
 import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
-  const { crudify: crudify7 } = useCrudify();
+  const { crudify: crudify9 } = useCrudify();
   const [code, setCode] = useState5("");
   const [loading, setLoading] = useState5(false);
   const [errors, setErrors] = useState5([]);
@@ -1378,7 +1378,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   }, [searchParams, onScreenChange]);
   const handleSubmit = async () => {
-    if (loading || !crudify7) return;
+    if (loading || !crudify9) return;
     setErrors([]);
     setHelperTextCode(null);
     if (!code) {
@@ -1397,7 +1397,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify7.transaction(data);
+      const response = await crudify9.transaction(data);
       if (response.success) {
         onScreenChange?.("resetPassword", { email, code, fromCodeVerification: "true" });
       } else {
@@ -3154,12 +3154,40 @@ function useSession(options = {}) {
 }
 
 // src/providers/SessionProvider.tsx
-import { createContext as createContext4, useContext as useContext4 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3 } from "react";
 import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var SessionContext = createContext4(void 0);
 function SessionProvider({ children, options = {} }) {
-  const sessionData = useSession(options);
-  return /* @__PURE__ */ jsx11(SessionContext.Provider, { value: sessionData, children });
+  const sessionHook = useSession(options);
+  const sessionData = useMemo3(() => {
+    if (!sessionHook.tokens?.accessToken || !sessionHook.isAuthenticated) {
+      return null;
+    }
+    try {
+      const decoded = decodeJwtSafely(sessionHook.tokens.accessToken);
+      if (decoded && decoded.sub && decoded.email && decoded.subscriber) {
+        const result = {
+          _id: decoded.sub,
+          email: decoded.email,
+          subscriberKey: decoded.subscriber
+        };
+        Object.keys(decoded).forEach((key) => {
+          if (!["sub", "email", "subscriber"].includes(key)) {
+            result[key] = decoded[key];
+          }
+        });
+        return result;
+      }
+    } catch (error) {
+      console.error("Error decoding JWT token for sessionData:", error);
+    }
+    return null;
+  }, [sessionHook.tokens?.accessToken, sessionHook.isAuthenticated]);
+  const contextValue = {
+    ...sessionHook,
+    sessionData
+  };
+  return /* @__PURE__ */ jsx11(SessionContext.Provider, { value: contextValue, children });
 }
 function useSessionContext() {
   const context = useContext4(SessionContext);
@@ -3401,6 +3429,344 @@ function SessionStatus() {
     ] })
   ] });
 }
+
+// src/hooks/useUserData.ts
+import { useState as useState11, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef4 } from "react";
+import crudify7 from "@nocios/crudify-browser";
+var useUserData = (options = {}) => {
+  const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
+  const { isAuthenticated, isInitialized, sessionData, tokens } = useSessionContext();
+  const [userData, setUserData] = useState11(null);
+  const [loading, setLoading] = useState11(false);
+  const [error, setError] = useState11(null);
+  const abortControllerRef = useRef4(null);
+  const mountedRef = useRef4(true);
+  const requestIdRef = useRef4(0);
+  const retryCountRef = useRef4(0);
+  const getUserEmail = useCallback6(() => {
+    if (!sessionData) return null;
+    return sessionData.email || sessionData["cognito:username"] || null;
+  }, [sessionData]);
+  const clearProfile = useCallback6(() => {
+    setUserData(null);
+    setError(null);
+    setLoading(false);
+    retryCountRef.current = 0;
+  }, []);
+  const refreshProfile = useCallback6(async () => {
+    const userEmail = getUserEmail();
+    console.log("\u{1F464} useUserData - Refreshing profile for:", userEmail);
+    if (!userEmail) {
+      if (mountedRef.current) {
+        setError("No user email available from session data");
+        setLoading(false);
+      }
+      return;
+    }
+    if (!isInitialized) {
+      if (mountedRef.current) {
+        setError("Session not initialized");
+        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);
+      }
+      console.log("\u{1F464} useUserData - Fetching profile data from database");
+      const response = await crudify7.readItems("users", {
+        filter: { email: userEmail },
+        pagination: { limit: 1 }
+      });
+      console.log("\u{1F464} useUserData - Database response:", response);
+      console.log("\u{1F464} useUserData - response.data:", response.data);
+      console.log("\u{1F464} useUserData - response.data type:", typeof response.data);
+      if (currentRequestId === requestIdRef.current && mountedRef.current && !abortController.signal.aborted) {
+        let userData2 = null;
+        if (response.success) {
+          console.log("\u{1F464} useUserData - Processing successful response:", {
+            dataType: typeof response.data,
+            isArray: Array.isArray(response.data),
+            hasResponse: !!response.data?.response,
+            hasResponseData: !!response.data?.response?.data,
+            responseDataType: typeof response.data?.response?.data
+          });
+          if (Array.isArray(response.data) && response.data.length > 0) {
+            console.log("\u{1F464} useUserData - Found direct array format");
+            userData2 = response.data[0];
+          } else if (response.data?.response?.data) {
+            console.log("\u{1F464} useUserData - Found nested response.data format");
+            try {
+              const rawData = response.data.response.data;
+              console.log("\u{1F464} useUserData - Raw nested data:", rawData);
+              console.log("\u{1F464} useUserData - Raw data type:", typeof rawData);
+              const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
+              console.log("\u{1F464} useUserData - Parsed nested data:", parsedData);
+              if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
+                userData2 = parsedData.items[0];
+                console.log("\u{1F464} useUserData - Extracted user from nested items:", userData2);
+              } else {
+                console.log("\u{1F464} useUserData - No items found in parsed data or items array is empty");
+              }
+            } catch (parseError) {
+              console.error("\u{1F464} useUserData - Error parsing nested response data:", parseError);
+            }
+          } else if (response.data && typeof response.data === "object") {
+            console.log("\u{1F464} useUserData - Found object format, checking for items");
+            if (response.data.items && Array.isArray(response.data.items) && response.data.items.length > 0) {
+              console.log("\u{1F464} useUserData - Found items in object format");
+              userData2 = response.data.items[0];
+            } else {
+              console.log("\u{1F464} useUserData - No items found in object format");
+            }
+          } else if (response.data?.data?.response?.data) {
+            console.log("\u{1F464} useUserData - Found double-nested data.data.response.data format");
+            try {
+              const rawData = response.data.data.response.data;
+              console.log("\u{1F464} useUserData - Raw double-nested data:", rawData);
+              const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
+              console.log("\u{1F464} useUserData - Parsed double-nested data:", parsedData);
+              if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
+                userData2 = parsedData.items[0];
+                console.log("\u{1F464} useUserData - Extracted user from double-nested items:", userData2);
+              }
+            } catch (parseError) {
+              console.error("\u{1F464} useUserData - Error parsing double-nested response data:", parseError);
+            }
+          }
+        }
+        if (userData2) {
+          console.log("\u{1F464} useUserData - User data found:", userData2);
+          setUserData(userData2);
+          setError(null);
+          retryCountRef.current = 0;
+          console.log("\u{1F464} useUserData - Profile loaded successfully:", userData2);
+        } else {
+          setError("User profile not found in database");
+          setUserData(null);
+          console.warn("\u{1F464} useUserData - User not found for email:", userEmail);
+        }
+      }
+    } catch (err) {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        const error2 = err;
+        console.error("\u{1F464} useUserData - Error fetching profile:", error2);
+        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++;
+          console.log(`\u{1F464} useUserData - Retrying profile fetch (${retryCountRef.current}/${maxRetries})`);
+          setTimeout(() => {
+            if (mountedRef.current) {
+              refreshProfile();
+            }
+          }, 1e3 * retryCountRef.current);
+        } else {
+          setError("Failed to load user profile from database");
+          setUserData(null);
+        }
+      }
+    } finally {
+      if (currentRequestId === requestIdRef.current && mountedRef.current) {
+        setLoading(false);
+      }
+      if (abortControllerRef.current === abortController) {
+        abortControllerRef.current = null;
+      }
+    }
+  }, [isInitialized, getUserEmail, retryOnError, maxRetries]);
+  useEffect10(() => {
+    if (autoFetch && isAuthenticated && isInitialized) {
+      refreshProfile();
+    } else if (!isAuthenticated) {
+      clearProfile();
+    }
+  }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
+  useEffect10(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
+    };
+  }, []);
+  const user = {
+    session: sessionData,
+    // Usar sessionData del nuevo sistema
+    data: userData
+    // Mantener userData del database igual que legacy
+  };
+  return {
+    user,
+    loading,
+    error,
+    refreshProfile,
+    clearProfile
+  };
+};
+
+// src/hooks/useAuth.ts
+import { useCallback as useCallback7 } from "react";
+var useAuth = () => {
+  const {
+    isAuthenticated,
+    isLoading,
+    isInitialized,
+    tokens,
+    error,
+    sessionData,
+    login,
+    logout,
+    refreshTokens,
+    clearError,
+    getTokenInfo,
+    isExpiringSoon,
+    expiresIn,
+    refreshExpiresIn
+  } = useSessionContext();
+  const setToken = useCallback7((token) => {
+    if (token) {
+      console.warn("useAuth.setToken() is deprecated. Use login() method instead for better security.");
+    } else {
+      logout();
+    }
+  }, [logout]);
+  const tokenExpiration = tokens?.expiresAt ? new Date(tokens.expiresAt) : null;
+  return {
+    // Estado básico (compatible con legacy)
+    isAuthenticated,
+    loading: isLoading,
+    // En el nuevo sistema se llama isLoading
+    error,
+    // Datos del token (compatible con legacy + mejorado)
+    token: tokens?.accessToken || null,
+    user: sessionData,
+    // sessionData del nuevo sistema (más rico que legacy)
+    tokenExpiration,
+    // Acciones (compatible con legacy + mejorado)
+    setToken,
+    logout,
+    refreshToken: refreshTokens,
+    // Funcionalidad real en el nuevo sistema
+    // Nuevas funcionalidades del sistema de refresh tokens
+    login,
+    isExpiringSoon,
+    expiresIn,
+    refreshExpiresIn,
+    getTokenInfo,
+    clearError
+  };
+};
+
+// src/hooks/useData.ts
+import { useCallback as useCallback8 } from "react";
+import crudify8 from "@nocios/crudify-browser";
+var useData = () => {
+  const {
+    isInitialized,
+    isLoading,
+    error,
+    isAuthenticated,
+    login: sessionLogin
+  } = useSessionContext();
+  const isReady = useCallback8(() => {
+    return isInitialized && !isLoading && !error;
+  }, [isInitialized, isLoading, error]);
+  const waitForReady = useCallback8(async () => {
+    return new Promise((resolve, reject) => {
+      const checkReady = () => {
+        if (isReady()) {
+          resolve();
+        } else if (error) {
+          reject(new Error(error));
+        } else {
+          setTimeout(checkReady, 100);
+        }
+      };
+      checkReady();
+    });
+  }, [isReady, error]);
+  const ensureReady = useCallback8(async () => {
+    if (!isReady()) {
+      throw new Error("System not ready. Check isInitialized, isLoading, and error states.");
+    }
+  }, [isReady]);
+  const readItems = useCallback8(async (moduleKey, filter, options) => {
+    await ensureReady();
+    return await crudify8.readItems(moduleKey, filter || {}, options);
+  }, [ensureReady]);
+  const readItem = useCallback8(async (moduleKey, filter, options) => {
+    await ensureReady();
+    return await crudify8.readItem(moduleKey, filter, options);
+  }, [ensureReady]);
+  const createItem = useCallback8(async (moduleKey, data, options) => {
+    await ensureReady();
+    return await crudify8.createItem(moduleKey, data, options);
+  }, [ensureReady]);
+  const updateItem = useCallback8(async (moduleKey, data, options) => {
+    await ensureReady();
+    return await crudify8.updateItem(moduleKey, data, options);
+  }, [ensureReady]);
+  const deleteItem = useCallback8(async (moduleKey, id, options) => {
+    await ensureReady();
+    return await crudify8.deleteItem(moduleKey, id, options);
+  }, [ensureReady]);
+  const transaction = useCallback8(async (operations, options) => {
+    await ensureReady();
+    return await crudify8.transaction(operations, options);
+  }, [ensureReady]);
+  const login = useCallback8(async (email, password) => {
+    try {
+      const result = await sessionLogin(email, password);
+      if (result.success) {
+        return {
+          success: true,
+          data: result.tokens
+        };
+      } else {
+        return {
+          success: false,
+          errors: result.error || "Login failed"
+        };
+      }
+    } catch (error2) {
+      return {
+        success: false,
+        errors: error2 instanceof Error ? error2.message : "Login failed"
+      };
+    }
+  }, [sessionLogin]);
+  return {
+    // CRUD operations
+    readItems,
+    readItem,
+    createItem,
+    updateItem,
+    deleteItem,
+    transaction,
+    login,
+    // Estado
+    isInitialized,
+    isInitializing: isLoading,
+    // El nuevo sistema usa isLoading
+    initializationError: error,
+    // Utilidades
+    isReady,
+    waitForReady
+  };
+};
 export {
   CrudifyDataProvider,
   CrudifyLogin_default as CrudifyLogin,
@@ -3431,6 +3797,7 @@ export {
   secureLocalStorage,
   secureSessionStorage,
   tokenManager,
+  useAuth,
   useCrudifyAuth,
   useCrudifyConfig,
   useCrudifyData,
@@ -3438,7 +3805,9 @@ export {
   useCrudifyInstance,
   useCrudifyLogin,
   useCrudifyUser,
+  useData,
   useSession,
   useSessionContext,
+  useUserData,
   useUserProfile
 };

package/package.json

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