@umituz/react-native-auth 3.6.47 → 3.6.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.47",
+  "version": "3.6.48",
   "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/index.ts

@@ -167,8 +167,8 @@ export { AccountScreen } from './presentation/screens/AccountScreen';
 export type { AccountScreenConfig, AccountScreenProps } from './presentation/screens/AccountScreen';
 export { EditProfileScreen } from './presentation/screens/EditProfileScreen';
 export type { EditProfileConfig, EditProfileScreenProps } from './presentation/screens/EditProfileScreen';
-export { ChangePasswordScreen } from './presentation/screens/ChangePasswordScreen';
-export type { ChangePasswordTranslations, ChangePasswordScreenProps } from './presentation/screens/ChangePasswordScreen';
+export { ChangePasswordScreen } from './presentation/screens/change-password';
+export type { ChangePasswordTranslations, ChangePasswordScreenProps } from './presentation/screens/change-password';
 export { AuthNavigator } from './presentation/navigation/AuthNavigator';
 export type {
   AuthStackParamList,

package/src/presentation/screens/{ChangePasswordScreen.tsx → change-password/ChangePasswordScreen.tsx}

@@ -1,3 +1,7 @@
+/**
+ * Change Password Screen
+ */
+
 import React, { useState } from "react";
 import { View, StyleSheet, Alert } from "react-native";
 import {
@@ -13,38 +17,11 @@ import {
   reauthenticateWithPassword,
   getCurrentUserFromGlobal,
 } from "@umituz/react-native-firebase";
+import { RequirementItem } from "./RequirementItem";
+import { validatePassword } from "./ChangePasswordScreen.types";
+import type { ChangePasswordScreenProps } from "./ChangePasswordScreen.types";
 
-export interface ChangePasswordTranslations {
-  title: string;
-  description: string;
-  currentPassword: string;
-  enterCurrentPassword: string;
-  newPassword: string;
-  enterNewPassword: string;
-  confirmPassword: string;
-  enterConfirmPassword: string;
-  requirements: string;
-  minLength: string;
-  uppercase: string;
-  lowercase: string;
-  number: string;
-  specialChar: string;
-  passwordsMatch: string;
-  changePassword: string;
-  changing: string;
-  cancel: string;
-  success: string;
-  error: string;
-  fillAllFields: string;
-  unauthorized: string;
-  signInFailed: string;
-}
-
-export interface ChangePasswordScreenProps {
-  translations: ChangePasswordTranslations;
-  onSuccess?: () => void;
-  onCancel?: () => void;
-}
+export type { ChangePasswordTranslations, ChangePasswordScreenProps } from "./ChangePasswordScreen.types";
 
 export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
   translations,
@@ -59,24 +36,10 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
-  const isLengthValid = newPassword.length >= 8;
-  const hasUppercase = /[A-Z]/.test(newPassword);
-  const hasLowercase = /[a-z]/.test(newPassword);
-  const hasNumber = /[0-9]/.test(newPassword);
-  const hasSpecialChar = /[!@#$%^&*]/.test(newPassword);
-  const passwordsMatch = newPassword === confirmPassword && newPassword !== "";
-
-  const isValid =
-    isLengthValid &&
-    hasUppercase &&
-    hasLowercase &&
-    hasNumber &&
-    hasSpecialChar &&
-    passwordsMatch &&
-    currentPassword.length > 0;
+  const validation = validatePassword(newPassword, confirmPassword, currentPassword);
 
   const handleChangePassword = async () => {
-    if (!isValid) {
+    if (!validation.isValid) {
       Alert.alert("Error", translations.fillAllFields);
       return;
     }
@@ -114,23 +77,6 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
     }
   };
 
-  const RequirementItem = ({ label, met }: { label: string; met: boolean }) => (
-    <View style={styles.requirementItem}>
-      <View
-        style={[
-          styles.requirementBullet,
-          { backgroundColor: met ? tokens.colors.success : tokens.colors.border },
-        ]}
-      />
-      <AtomicText
-        type="bodySmall"
-        style={{ color: met ? tokens.colors.textPrimary : tokens.colors.textSecondary }}
-      >
-        {label}
-      </AtomicText>
-    </View>
-  );
-
   return (
     <ScreenLayout
       scrollable
@@ -178,12 +124,12 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
             <AtomicText type="labelMedium" style={{ color: tokens.colors.textSecondary, marginBottom: 8 }}>
               {translations.requirements}
             </AtomicText>
-            <RequirementItem label={translations.minLength} met={isLengthValid} />
-            <RequirementItem label={translations.uppercase} met={hasUppercase} />
-            <RequirementItem label={translations.lowercase} met={hasLowercase} />
-            <RequirementItem label={translations.number} met={hasNumber} />
-            <RequirementItem label={translations.specialChar} met={hasSpecialChar} />
-            <RequirementItem label={translations.passwordsMatch} met={passwordsMatch} />
+            <RequirementItem label={translations.minLength} met={validation.isLengthValid} />
+            <RequirementItem label={translations.uppercase} met={validation.hasUppercase} />
+            <RequirementItem label={translations.lowercase} met={validation.hasLowercase} />
+            <RequirementItem label={translations.number} met={validation.hasNumber} />
+            <RequirementItem label={translations.specialChar} met={validation.hasSpecialChar} />
+            <RequirementItem label={translations.passwordsMatch} met={validation.passwordsMatch} />
           </View>
 
           {error && (
@@ -203,7 +149,7 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
               title={loading ? translations.changing : translations.changePassword}
               onPress={() => { void handleChangePassword(); }}
               loading={loading}
-              disabled={!isValid || loading}
+              disabled={!validation.isValid || loading}
               style={{ flex: 1 }}
             />
           </View>
@@ -225,17 +171,6 @@ const styles = StyleSheet.create({
     padding: 12,
     borderRadius: 8,
   },
-  requirementItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 4,
-  },
-  requirementBullet: {
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    marginRight: 8,
-  },
   actions: {
     flexDirection: "row",
     gap: 12,

package/src/presentation/screens/change-password/ChangePasswordScreen.types.ts

@@ -0,0 +1,77 @@
+/**
+ * Change Password Screen Types
+ */
+
+export interface ChangePasswordTranslations {
+  title: string;
+  description: string;
+  currentPassword: string;
+  enterCurrentPassword: string;
+  newPassword: string;
+  enterNewPassword: string;
+  confirmPassword: string;
+  enterConfirmPassword: string;
+  requirements: string;
+  minLength: string;
+  uppercase: string;
+  lowercase: string;
+  number: string;
+  specialChar: string;
+  passwordsMatch: string;
+  changePassword: string;
+  changing: string;
+  cancel: string;
+  success: string;
+  error: string;
+  fillAllFields: string;
+  unauthorized: string;
+  signInFailed: string;
+}
+
+export interface ChangePasswordScreenProps {
+  translations: ChangePasswordTranslations;
+  onSuccess?: () => void;
+  onCancel?: () => void;
+}
+
+export interface PasswordValidation {
+  isLengthValid: boolean;
+  hasUppercase: boolean;
+  hasLowercase: boolean;
+  hasNumber: boolean;
+  hasSpecialChar: boolean;
+  passwordsMatch: boolean;
+  isValid: boolean;
+}
+
+export function validatePassword(
+  newPassword: string,
+  confirmPassword: string,
+  currentPassword: string
+): PasswordValidation {
+  const isLengthValid = newPassword.length >= 8;
+  const hasUppercase = /[A-Z]/.test(newPassword);
+  const hasLowercase = /[a-z]/.test(newPassword);
+  const hasNumber = /[0-9]/.test(newPassword);
+  const hasSpecialChar = /[!@#$%^&*]/.test(newPassword);
+  const passwordsMatch = newPassword === confirmPassword && newPassword !== "";
+
+  const isValid =
+    isLengthValid &&
+    hasUppercase &&
+    hasLowercase &&
+    hasNumber &&
+    hasSpecialChar &&
+    passwordsMatch &&
+    currentPassword.length > 0;
+
+  return {
+    isLengthValid,
+    hasUppercase,
+    hasLowercase,
+    hasNumber,
+    hasSpecialChar,
+    passwordsMatch,
+    isValid,
+  };
+}

package/src/presentation/screens/change-password/RequirementItem.tsx

@@ -0,0 +1,47 @@
+/**
+ * Password Requirement Item Component
+ */
+
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
+
+export interface RequirementItemProps {
+  label: string;
+  met: boolean;
+}
+
+export const RequirementItem: React.FC<RequirementItemProps> = ({ label, met }) => {
+  const tokens = useAppDesignTokens();
+
+  return (
+    <View style={styles.requirementItem}>
+      <View
+        style={[
+          styles.requirementBullet,
+          { backgroundColor: met ? tokens.colors.success : tokens.colors.border },
+        ]}
+      />
+      <AtomicText
+        type="bodySmall"
+        style={{ color: met ? tokens.colors.textPrimary : tokens.colors.textSecondary }}
+      >
+        {label}
+      </AtomicText>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  requirementItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 4,
+  },
+  requirementBullet: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    marginRight: 8,
+  },
+});

package/src/presentation/screens/change-password/index.ts

@@ -0,0 +1,10 @@
+/**
+ * Change Password Screen - Barrel export
+ */
+
+export { ChangePasswordScreen } from "./ChangePasswordScreen";
+export type { ChangePasswordTranslations, ChangePasswordScreenProps } from "./ChangePasswordScreen.types";
+export { RequirementItem } from "./RequirementItem";
+export type { RequirementItemProps } from "./RequirementItem";
+export { validatePassword } from "./ChangePasswordScreen.types";
+export type { PasswordValidation } from "./ChangePasswordScreen.types";