@umituz/react-native-auth 3.4.52 → 3.4.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.4.52",
+  "version": "3.4.53",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/AuthBottomSheet.tsx

@@ -3,7 +3,7 @@
  * Bottom sheet modal for authentication (Login/Register)
  */
 
-import React from "react";
+import React, { useEffect } from "react";
 import { View, TouchableOpacity, ScrollView } from "react-native";
 import {
   useAppDesignTokens,
@@ -19,6 +19,8 @@ import { RegisterForm } from "./RegisterForm";
 import { SocialLoginButtons } from "./SocialLoginButtons";
 import { styles } from "./AuthBottomSheet.styles";
 
+declare const __DEV__: boolean;
+
 export interface AuthBottomSheetProps {
   termsUrl?: string;
   privacyUrl?: string;
@@ -58,6 +60,22 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     handleAppleSignIn,
   } = useAuthBottomSheet({ socialConfig, onGoogleSignIn, onAppleSignIn });
 
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[AuthBottomSheet] Rendered with:", {
+        mode,
+        providersCount: providers.length,
+        hasModalRef: !!modalRef.current,
+        hasTermsUrl: !!termsUrl,
+        hasPrivacyUrl: !!privacyUrl,
+      });
+    }
+  }, [mode, providers.length, termsUrl, privacyUrl, modalRef]);
+
+  if (__DEV__) {
+    console.log("[AuthBottomSheet] Rendering...");
+  }
+
   return (
     <BottomSheetModal
       ref={modalRef}

package/src/presentation/components/LoginForm.tsx

@@ -3,7 +3,7 @@
  * Single Responsibility: Render login form UI
  */
 
-import React, { useRef } from "react";
+import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, TextInput } from "react-native";
 import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
@@ -11,6 +11,8 @@ import { useLoginForm } from "../hooks/useLoginForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";
 
+declare const __DEV__: boolean;
+
 interface LoginFormProps {
   onNavigateToRegister: () => void;
 }
@@ -30,6 +32,21 @@ export const LoginForm: React.FC<LoginFormProps> = ({ onNavigateToRegister }) =>
     displayError,
   } = useLoginForm();
 
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[LoginForm] Mounted/Updated:", {
+        hasEmail: !!email,
+        hasPassword: !!password,
+        loading,
+        hasError: !!displayError,
+      });
+    }
+  }, [email, password, loading, displayError]);
+
+  if (__DEV__) {
+    console.log("[LoginForm] Rendering...");
+  }
+
   return (
     <>
       <View style={styles.inputContainer}>