@umituz/react-native-auth 2.6.2 → 2.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.6.2",
+  "version": "2.6.4",
   "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",
@@ -68,4 +68,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/presentation/components/AuthBottomSheet.tsx

@@ -113,7 +113,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     [],
   );
 
-  const snapPoints = ["85%"];
+  const snapPoints = ["92%"];
 
   return (
     <BottomSheetModal

package/src/presentation/screens/EditProfileScreen.tsx

@@ -15,6 +15,7 @@ import {
     ActivityIndicator,
 } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { Avatar } from "@umituz/react-native-avatar";
 
 export interface EditProfileConfig {
     displayName: string;
@@ -66,6 +67,16 @@ export const EditProfileScreen: React.FC<EditProfileScreenProps> = ({
                 {config.labels.title}
             </Text>
 
+            {/* Avatar */}
+            <View style={styles.avatarContainer}>
+                <Avatar
+                    uri={config.photoURL || undefined}
+                    name={config.displayName}
+                    size="xl"
+                    shape="circle"
+                />
+            </View>
+
             {/* Display Name */}
             <View style={styles.field}>
                 <Text style={[styles.label, { color: tokens.colors.textSecondary }]}>
@@ -182,6 +193,10 @@ const styles = StyleSheet.create({
         fontWeight: "600",
         marginBottom: 24,
     },
+    avatarContainer: {
+        alignItems: "center",
+        marginBottom: 24,
+    },
     field: {
         marginBottom: 20,
     },