@umituz/react-native-auth 2.7.5 → 2.7.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.7.5",
+  "version": "2.7.7",
   "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",
@@ -36,13 +36,13 @@
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/stack": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
-    "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-sentry": "latest",
-    "@umituz/react-native-storage": "latest",
-    "@umituz/react-native-tanstack": "latest",
-    "@umituz/react-native-validation": "latest",
+    "@umituz/react-native-design-system": "*",
+    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-localization": "*",
+    "@umituz/react-native-sentry": "*",
+    "@umituz/react-native-storage": "*",
+    "@umituz/react-native-tanstack": "*",
+    "@umituz/react-native-validation": "*",
     "expo-linear-gradient": ">=13.0.0",
     "firebase": ">=11.0.0",
     "react": ">=18.2.0",
@@ -107,4 +107,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/presentation/components/PasswordStrengthIndicator.tsx

@@ -83,9 +83,8 @@ export const PasswordStrengthIndicator: React.FC<
 
 const styles = StyleSheet.create({
   container: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 12,
+    flexDirection: "column",
+    gap: 8,
     marginTop: 8,
   },
   dotsOnly: {

package/src/presentation/hooks/useAccountManagement.ts

@@ -7,7 +7,6 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument */
 import { useCallback, useState } from "react";
 import { useAuth } from "./useAuth";
-// @ts-expect-error - Module def issue in node_modules vs types
 import { deleteCurrentUser } from "@umituz/react-native-firebase";
 
 export interface UseAccountManagementOptions {

package/src/presentation/hooks/useAuthState.ts

@@ -7,7 +7,6 @@
 import { useState, useEffect, useRef, useMemo } from "react";
 import { DeviceEventEmitter } from "react-native";
 import { getAuthService } from "../../infrastructure/services/AuthService";
-// @ts-expect-error - Module def issue in node_modules vs types
 import { useFirebaseAuth } from "@umituz/react-native-firebase";
 import { mapToAuthUser } from "../../infrastructure/utils/UserMapper";
 import type { AuthUser } from "../../domain/entities/AuthUser";

package/src/presentation/screens/AccountScreen.tsx

@@ -5,8 +5,8 @@
  */
 
 import React from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { View, StyleSheet } from "react-native";
+import { useAppDesignTokens, ScreenLayout } from "@umituz/react-native-design-system";
 
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";
 import { AccountActions, type AccountActionsConfig } from "../components/AccountActions";
@@ -31,8 +31,10 @@ export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
     };
 
     return (
-        <ScrollView
-            style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}
+        <ScreenLayout
+            scrollable={true}
+            edges={['bottom']}
+            backgroundColor={tokens.colors.backgroundPrimary}
             contentContainerStyle={styles.content}
         >
             <ProfileSection
@@ -46,19 +48,17 @@ export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
                     <AccountActions config={config.accountActions} />
                 </>
             )}
-        </ScrollView>
+        </ScreenLayout>
     );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
+},
     content: {
-        padding: 16,
-    },
+    padding: 16,
+},
     divider: {
-        height: 24,
-    },
+    height: 24,
+},
 });