@umituz/react-native-auth 4.3.37 → 4.3.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "4.3.37",
+  "version": "4.3.39",
   "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",
@@ -50,6 +50,7 @@
     "@react-navigation/stack": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "@umituz/react-native-design-system": ">=4.0.0",
+    "@umituz/react-native-firebase": "^2.4.55",
     "expo": ">=54.0.0",
     "firebase": ">=11.0.0",
     "react": ">=19.0.0",
@@ -57,7 +58,6 @@
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-safe-area-context": ">=5.0.0",
     "react-native-svg": ">=13.0.0",
-    "@umituz/react-native-firebase": "*",
     "zustand": ">=5.0.0"
   },
   "devDependencies": {
@@ -74,7 +74,7 @@
     "@types/react": "~19.1.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
-    "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-design-system": "^4.25.34",
     "@umituz/react-native-settings": "latest",
     "eslint": "^8.57.0",
     "expo-apple-authentication": "^6.0.0",

package/src/infrastructure/services/initializeAuth.ts

@@ -7,7 +7,7 @@ import type { User } from "firebase/auth";
 import { getFirebaseAuth, configureUserDocumentService } from "@umituz/react-native-firebase";
 import type { UserDocumentExtras } from "@umituz/react-native-firebase";
 import { initializeAuthService } from "./AuthService";
-import { collectDeviceExtras } from "@umituz/react-native-design-system";
+import { collectDeviceExtras } from "@umituz/react-native-design-system/device";
 import { initializeAuthListener } from "../../presentation/stores/initializeAuthListener";
 import { createAuthStateHandler } from "../utils/authStateHandler";
 import type { ConversionState } from "../utils/authConversionDetector";

package/src/infrastructure/utils/getEffectiveUserId.ts

@@ -1,4 +1,4 @@
-import { PersistentDeviceIdService } from '@umituz/react-native-design-system';
+import { PersistentDeviceIdService } from '@umituz/react-native-design-system/device';
 import { getFirebaseAuth } from '@umituz/react-native-firebase';
 
 /**

package/src/init/createAuthInitModule.ts

@@ -3,7 +3,7 @@
  * Creates a ready-to-use InitModule for app initialization
  */
 
-import type { InitModule } from '@umituz/react-native-design-system';
+import type { InitModule } from '@umituz/react-native-design-system/init';
 import { initializeAuth } from '../infrastructure/services/initializeAuth';
 import type { InitializeAuthOptions } from '../infrastructure/services/initializeAuth';
 

package/src/presentation/components/AccountActions.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicIcon, AtomicText, useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system/molecules";
 import { actionButtonStyle } from "../utils/commonStyles";
 
 export interface AccountActionsConfig {

package/src/presentation/components/AuthBottomSheet.tsx

@@ -1,12 +1,8 @@
 import React from "react";
 import { View, TouchableOpacity, ScrollView } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicIcon,
-  AtomicKeyboardAvoidingView,
-  BottomSheetModal,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicIcon, AtomicKeyboardAvoidingView } from "@umituz/react-native-design-system/atoms";
+import { BottomSheetModal } from "@umituz/react-native-design-system/molecules";
 import { useAuthBottomSheet, type SocialAuthConfiguration } from "../hooks/useAuthBottomSheet";
 import { LoginForm, type LoginFormTranslations } from "./LoginForm";
 import { RegisterForm, type RegisterFormTranslations } from "./RegisterForm";

package/src/presentation/components/AuthErrorDisplay.tsx

@@ -4,11 +4,7 @@
  */
 
 import React from "react";
-import {
-  AlertInline,
-  AlertService,
-  AlertMode,
-} from "@umituz/react-native-design-system";
+import { AlertInline, AlertService, AlertMode } from "@umituz/react-native-design-system/molecules";
 
 interface AuthErrorDisplayProps {
   error: string | null;

package/src/presentation/components/AuthHeader.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 interface AuthHeaderProps {
   title: string;

package/src/presentation/components/AuthLegalLinks.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet, Linking } from "react-native";
-import { AtomicText, AtomicButton, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
 
 export interface AuthLegalLinksTranslations {
   termsOfService: string;

package/src/presentation/components/AuthLink.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, AtomicButton, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
 
 interface AuthLinkProps {
   text: string;

package/src/presentation/components/EditProfileActions.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system/atoms";
 
 interface EditProfileActionsProps {
     isSaving?: boolean;

package/src/presentation/components/EditProfileAvatar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicAvatar } from "@umituz/react-native-design-system";
+import { AtomicAvatar } from "@umituz/react-native-design-system/atoms";
 
 interface EditProfileAvatarProps {
     photoURL: string | null;

package/src/presentation/components/EditProfileForm.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicInput } from "@umituz/react-native-design-system";
+import { AtomicInput } from "@umituz/react-native-design-system/atoms";
 
 interface EditProfileFormProps {
     displayName: string;

package/src/presentation/components/LoginForm.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from "react";
 import { StyleSheet, TextInput } from "react-native";
-import { AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system/atoms";
 import { useLoginForm } from "../hooks/useLoginForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";

package/src/presentation/components/PasswordMatchIndicator.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 export interface PasswordMatchTranslations {
   match: string;

package/src/presentation/components/PasswordStrengthIndicator.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText, type ColorVariant } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import type { ColorVariant } from "@umituz/react-native-design-system/typography";
 import type { PasswordRequirements } from "../../application/services/ValidationService";
 
 export interface PasswordStrengthTranslations {

package/src/presentation/components/ProfileBenefitsList.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
 
 interface ProfileBenefitsListProps {
     benefits: string[];

package/src/presentation/components/ProfileSection.tsx

@@ -5,7 +5,8 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicAvatar } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicIcon, AtomicAvatar } from "@umituz/react-native-design-system/atoms";
 import { ProfileBenefitsList } from "./ProfileBenefitsList";
 
 export interface ProfileSectionConfig {

package/src/presentation/components/RegisterForm.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from "react";
 import { StyleSheet, TextInput } from "react-native";
-import { AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system/atoms";
 import { useRegisterForm } from "../hooks/useRegisterForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";

package/src/presentation/components/SocialLoginButtons.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicText, AtomicButton, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
 import type { SocialAuthProvider } from "../../domain/value-objects/AuthConfig";
 
 export interface SocialLoginButtonsTranslations {

package/src/presentation/components/form/FormEmailInput.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
 import { TextInput, StyleSheet, ViewStyle } from "react-native";
-import { AtomicInput } from "@umituz/react-native-design-system";
+import { AtomicInput } from "@umituz/react-native-design-system/atoms";
 
 interface FormEmailInputProps {
   value: string;

package/src/presentation/components/form/FormPasswordInput.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
 import { TextInput, StyleSheet, ViewStyle } from "react-native";
-import { AtomicInput } from "@umituz/react-native-design-system";
+import { AtomicInput } from "@umituz/react-native-design-system/atoms";
 
 interface FormPasswordInputProps {
   value: string;

package/src/presentation/components/form/FormTextInput.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
 import { TextInput, StyleSheet, ViewStyle } from "react-native";
-import { AtomicInput } from "@umituz/react-native-design-system";
+import { AtomicInput } from "@umituz/react-native-design-system/atoms";
 
 interface FormTextInputProps {
   value: string;

package/src/presentation/hooks/mutations/useAuthMutations.ts

@@ -3,7 +3,7 @@
  * TanStack Query mutations for auth operations
  */
 
-import { useMutation } from "@umituz/react-native-design-system";
+import { useMutation } from "@umituz/react-native-design-system/tanstack";
 import { getAuthService } from "../../../infrastructure/services/AuthService";
 import type { AuthCredentials, SignUpCredentials } from "../../../infrastructure/repositories/AuthRepository";
 import type { AuthUser } from "../../../domain/entities/AuthUser";

package/src/presentation/hooks/registerForm/registerFormSubmit.ts

@@ -4,7 +4,7 @@
  */
 
 import { useCallback } from "react";
-import { alertService } from "@umituz/react-native-design-system";
+import { alertService } from "@umituz/react-native-design-system/molecules";
 import { DEFAULT_PASSWORD_CONFIG } from "../../../domain/value-objects/AuthConfig";
 import {
   validateRegisterForm,

package/src/presentation/hooks/useAuthBottomSheet.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import type { BottomSheetModalRef } from "@umituz/react-native-design-system";
+import type { BottomSheetModalRef } from "@umituz/react-native-design-system/molecules";
 import { useAuthModalStore } from "../stores/authModalStore";
 import { useAuth } from "../hooks/useAuth";
 import { useGoogleAuth, type GoogleAuthConfig } from "./useGoogleAuth";

package/src/presentation/hooks/useAuthHandlers.ts

@@ -3,7 +3,7 @@ import { Linking, Alert } from "react-native";
 import { useAuth } from "./useAuth";
 import { useAuthModalStore } from "../stores/authModalStore";
 import { useAccountManagement } from "./useAccountManagement";
-import { AlertService } from "@umituz/react-native-design-system";
+import { AlertService } from "@umituz/react-native-design-system/molecules";
 import { usePasswordPromptNavigation } from "./usePasswordPromptNavigation";
 
 export interface AuthHandlersAppInfo {

package/src/presentation/hooks/useLoginForm.ts

@@ -1,7 +1,7 @@
 import { useState, useCallback } from "react";
 import { useAuth } from "./useAuth";
 import { validateLoginForm } from "../utils/form/formValidation.util";
-import { alertService } from "@umituz/react-native-design-system";
+import { alertService } from "@umituz/react-native-design-system/molecules";
 import { useFormFields } from "../utils/form/useFormField.hook";
 import { sanitizeEmail } from "../../infrastructure/utils/validation/sanitization";
 import { useAuthErrorHandler } from "./useAuthErrorHandler";

package/src/presentation/hooks/usePasswordPromptNavigation.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { CommonActions } from '@react-navigation/native';
-import { AppNavigation } from '@umituz/react-native-design-system';
+import { AppNavigation } from '@umituz/react-native-design-system/molecules';
 import { setPasswordPromptCallback } from '../utils/passwordPromptCallback';
 
 export interface UsePasswordPromptNavigationOptions {

package/src/presentation/navigation/AuthNavigator.tsx

@@ -1,12 +1,7 @@
 import React, { useCallback, useEffect, useState } from "react";
-import {
-  StackNavigator,
-  useAppDesignTokens,
-  storageRepository,
-  unwrap,
-  type StackNavigatorConfig,
-  type StackScreenProps,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { StackNavigator, type StackNavigatorConfig, type StackScreenProps } from "@umituz/react-native-design-system/molecules";
+import { storageRepository, unwrap } from "@umituz/react-native-design-system/storage";
 import { LoginScreen, type LoginScreenTranslations } from "../screens/LoginScreen";
 import { RegisterScreen, type RegisterScreenTranslations } from "../screens/RegisterScreen";
 

package/src/presentation/screens/AccountScreen.tsx

@@ -6,7 +6,9 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, ScreenLayout, AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { actionButtonStyle } from "../utils/commonStyles";
 
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";

package/src/presentation/screens/EditProfileScreen.tsx

@@ -5,7 +5,9 @@
 
 import React from "react";
 import { StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicSpinner, ScreenLayout } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicText, AtomicSpinner } from "@umituz/react-native-design-system/atoms";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { EditProfileAvatar } from "../components/EditProfileAvatar";
 import { EditProfileForm } from "../components/EditProfileForm";
 import { EditProfileActions } from "../components/EditProfileActions";

package/src/presentation/screens/LoginScreen.tsx

@@ -1,5 +1,8 @@
 import React from "react";
-import { useAppNavigation, AtomicCard, ScreenLayout, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicCard } from "@umituz/react-native-design-system/atoms";
+import { useAppNavigation } from "@umituz/react-native-design-system/molecules";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { AuthHeader } from "../components/AuthHeader";
 import { LoginForm, type LoginFormTranslations } from "../components/LoginForm";
 

package/src/presentation/screens/PasswordPromptScreen.tsx

@@ -1,13 +1,8 @@
 import React, { useState } from 'react';
 import { View, StyleSheet, KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
-import {
-  AtomicInput,
-  AtomicButton,
-  AtomicText,
-  AtomicIcon,
-  SafeAreaView,
-  useAppDesignTokens
-} from '@umituz/react-native-design-system';
+import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
+import { AtomicInput, AtomicButton, AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
+import { SafeAreaView } from '@umituz/react-native-design-system/safe-area';
 import { resolvePasswordPrompt } from '../utils/passwordPromptCallback';
 
 export interface PasswordPromptScreenProps {

package/src/presentation/screens/RegisterScreen.tsx

@@ -1,5 +1,8 @@
 import React from "react";
-import { useAppNavigation, AtomicCard, ScreenLayout, useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { AtomicCard } from "@umituz/react-native-design-system/atoms";
+import { useAppNavigation } from "@umituz/react-native-design-system/molecules";
+import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { AuthHeader } from "../components/AuthHeader";
 import { RegisterForm, type RegisterFormTranslations } from "../components/RegisterForm";
 

package/src/presentation/stores/authModalStore.ts

@@ -17,7 +17,7 @@
  * ```
  */
 
-import { createStore } from "@umituz/react-native-design-system";
+import { createStore } from "@umituz/react-native-design-system/storage";
 
 type AuthModalMode = "login" | "register";
 

package/src/presentation/stores/authStore.ts

@@ -9,7 +9,7 @@
  * The isAnonymous flag indicates the user type, not whether user is null.
  */
 
-import { createStore, storageService } from "@umituz/react-native-design-system";
+import { createStore, storageService } from "@umituz/react-native-design-system/storage";
 import { mapToAuthUser } from "../../infrastructure/utils/UserMapper";
 import type { AuthState, AuthActions } from "../../types/auth-store.types";
 import { initialAuthState } from "../../types/auth-store.types";