@umituz/react-native-auth 3.6.7 → 3.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.7",
+  "version": "3.6.8",
   "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/screens/ChangePasswordScreen.tsx

@@ -45,9 +45,10 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
-  const [showCurrentPassword, setShowCurrentPassword] = useState(false);
-  const [showNewPassword, setShowNewPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  /* Removed manual visibility states */
+  /* const [showCurrentPassword, setShowCurrentPassword] = useState(false); */
+  /* const [showNewPassword, setShowNewPassword] = useState(false); */
+  /* const [showConfirmPassword, setShowConfirmPassword] = useState(false); */
 
   // Validation state
   const isLengthValid = newPassword.length >= 8;
@@ -96,7 +97,6 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
         Alert.alert(t("common.success"), t("auth.passwordChange.success"), [
             { text: "OK", onPress: onSuccess }
         ]);
-        // Iterate onSuccess callback as well in case alert is dismissed or handled differently in native
         if (onSuccess) onSuccess(); 
       } else {
         setError(updateResult.error?.message || t("auth.passwordChange.error"));
@@ -158,9 +158,8 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
             placeholder={t("auth.passwordChange.enterCurrentPassword")}
             value={currentPassword}
             onChangeText={setCurrentPassword}
-            secureTextEntry={!showCurrentPassword}
-            rightIcon={showCurrentPassword ? "eye-off" : "eye"}
-            onRightIconPress={() => setShowCurrentPassword(!showCurrentPassword)}
+            secureTextEntry
+            showPasswordToggle
             variant="filled"
           />
 
@@ -170,9 +169,8 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
             placeholder={t("auth.passwordChange.enterNewPassword")}
             value={newPassword}
             onChangeText={setNewPassword}
-            secureTextEntry={!showNewPassword}
-            rightIcon={showNewPassword ? "eye-off" : "eye"}
-            onRightIconPress={() => setShowNewPassword(!showNewPassword)}
+            secureTextEntry
+            showPasswordToggle
             variant="filled"
           />
 
@@ -182,9 +180,8 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
             placeholder={t("auth.passwordChange.enterConfirmPassword")}
             value={confirmPassword}
             onChangeText={setConfirmPassword}
-            secureTextEntry={!showConfirmPassword}
-            rightIcon={showConfirmPassword ? "eye-off" : "eye"}
-            onRightIconPress={() => setShowConfirmPassword(!showConfirmPassword)}
+            secureTextEntry
+            showPasswordToggle
             variant="filled"
           />
 
@@ -199,7 +196,7 @@ export const ChangePasswordScreen: React.FC<ChangePasswordScreenProps> = ({
           <View style={styles.actions}>
              <AtomicButton
               title={t("common.cancel")}
-              onPress={onCancel}
+              onPress={onCancel || (() => {})}
               variant="outline"
               style={{ flex: 1 }}
             />