@umituz/react-native-settings 5.2.5 → 5.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/presentation/hooks/useSettingsScreenConfig.ts +1 -2
- package/src/presentation/navigation/hooks/useSettingsScreens.ts +1 -2
- package/src/presentation/utils/index.ts +0 -1
- package/src/presentation/utils/useAuthHandlers.ts +0 -100
- package/src/presentation/utils/usePasswordPromptNavigation.ts +0 -72
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-settings",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.6",
|
|
4
4
|
"description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { useMemo } from "react";
|
|
10
|
-
import { useAuth, useUserProfile } from "@umituz/react-native-auth";
|
|
10
|
+
import { useAuth, useUserProfile, useAuthHandlers } from "@umituz/react-native-auth";
|
|
11
11
|
import { createUserProfileDisplay } from "../utils/userProfileUtils";
|
|
12
12
|
import { createAccountConfig } from "../utils/accountConfigUtils";
|
|
13
|
-
import { useAuthHandlers } from "../utils/useAuthHandlers";
|
|
14
13
|
import { translateFAQData } from "../utils/faqTranslator";
|
|
15
14
|
import { useSettingsConfigFactory } from "../utils/settingsConfigFactory";
|
|
16
15
|
import type { SettingsConfig, SettingsTranslations } from "../screens/types";
|
|
@@ -2,8 +2,7 @@ import { useMemo } from 'react';
|
|
|
2
2
|
import type { StackScreen } from "@umituz/react-native-design-system";
|
|
3
3
|
import { LanguageSelectionScreen } from "../../../domains/localization";
|
|
4
4
|
import { NotificationSettingsScreen } from "../../../domains/notifications";
|
|
5
|
-
import { AccountScreen } from "@umituz/react-native-auth";
|
|
6
|
-
import { PasswordPromptScreen } from "@umituz/react-native-firebase";
|
|
5
|
+
import { AccountScreen, PasswordPromptScreen } from "@umituz/react-native-auth";
|
|
7
6
|
import { SettingsScreen } from "../../screens/SettingsScreen";
|
|
8
7
|
import { AppearanceScreen } from "../../screens/AppearanceScreen";
|
|
9
8
|
import { FAQScreen } from "../../../domains/faqs";
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Auth Handlers Hook
|
|
3
|
-
* Centralized authentication-related handlers for settings screen
|
|
4
|
-
* Uses auth package for all auth operations - no duplication
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { useCallback } from "react";
|
|
8
|
-
import { Linking, Alert } from "react-native";
|
|
9
|
-
import {
|
|
10
|
-
useAuth,
|
|
11
|
-
useAuthModalStore,
|
|
12
|
-
useAccountManagement,
|
|
13
|
-
} from "@umituz/react-native-auth";
|
|
14
|
-
import { AlertService } from "@umituz/react-native-design-system";
|
|
15
|
-
import type { AppInfo } from "../navigation/types";
|
|
16
|
-
import type { SettingsTranslations } from "../screens/types";
|
|
17
|
-
import { usePasswordPromptNavigation } from "./usePasswordPromptNavigation";
|
|
18
|
-
|
|
19
|
-
declare const __DEV__: boolean;
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Hook that provides authentication-related handlers
|
|
23
|
-
*/
|
|
24
|
-
export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTranslations["account"] & SettingsTranslations["errors"]) => {
|
|
25
|
-
const { signOut } = useAuth();
|
|
26
|
-
const { showAuthModal } = useAuthModalStore();
|
|
27
|
-
|
|
28
|
-
const { showPasswordPrompt } = usePasswordPromptNavigation({
|
|
29
|
-
title: translations?.deleteAccountTitle || "Confirm Account Deletion",
|
|
30
|
-
message: translations?.deleteAccountMessage || "Please enter your password to permanently delete your account. This action cannot be undone.",
|
|
31
|
-
cancelText: translations?.cancel || "Cancel",
|
|
32
|
-
confirmText: translations?.delete || "Delete",
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
const { deleteAccount: deleteAccountFromAuth } = useAccountManagement({
|
|
36
|
-
onPasswordRequired: showPasswordPrompt,
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
const handleRatePress = useCallback(async () => {
|
|
40
|
-
const url = appInfo.appStoreUrl;
|
|
41
|
-
if (!url) {
|
|
42
|
-
Alert.alert(translations?.common || "", translations?.appStoreUrlNotConfigured || "");
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
try {
|
|
47
|
-
const canOpen = await Linking.canOpenURL(url);
|
|
48
|
-
if (!canOpen) {
|
|
49
|
-
Alert.alert(
|
|
50
|
-
translations?.common || "",
|
|
51
|
-
translations?.unableToOpenAppStore || ""
|
|
52
|
-
);
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
await Linking.openURL(url);
|
|
56
|
-
} catch (error) {
|
|
57
|
-
if (typeof __DEV__ !== "undefined" && __DEV__) {
|
|
58
|
-
console.error("[useAuthHandlers] Failed to open app store:", error);
|
|
59
|
-
}
|
|
60
|
-
Alert.alert(translations?.common || "", translations?.failedToOpenAppStore || "");
|
|
61
|
-
}
|
|
62
|
-
}, [appInfo.appStoreUrl, translations]);
|
|
63
|
-
|
|
64
|
-
const handleSignOut = useCallback(async () => {
|
|
65
|
-
try {
|
|
66
|
-
await signOut();
|
|
67
|
-
} catch (error) {
|
|
68
|
-
if (typeof __DEV__ !== "undefined" && __DEV__) {
|
|
69
|
-
console.error("[useAuthHandlers] Sign out failed:", error);
|
|
70
|
-
}
|
|
71
|
-
AlertService.createErrorAlert(
|
|
72
|
-
translations?.common || "",
|
|
73
|
-
translations?.unknown || ""
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
|
-
}, [signOut, translations]);
|
|
77
|
-
|
|
78
|
-
const handleDeleteAccount = useCallback(async () => {
|
|
79
|
-
try {
|
|
80
|
-
await deleteAccountFromAuth();
|
|
81
|
-
} catch (error) {
|
|
82
|
-
const errorMessage = error instanceof Error ? error.message : String(error);
|
|
83
|
-
AlertService.createErrorAlert(
|
|
84
|
-
translations?.common || "Error",
|
|
85
|
-
errorMessage || translations?.deleteAccountError || "Failed to delete account"
|
|
86
|
-
);
|
|
87
|
-
}
|
|
88
|
-
}, [deleteAccountFromAuth, translations]);
|
|
89
|
-
|
|
90
|
-
const handleSignIn = useCallback(() => {
|
|
91
|
-
showAuthModal(undefined, "login");
|
|
92
|
-
}, [showAuthModal]);
|
|
93
|
-
|
|
94
|
-
return {
|
|
95
|
-
handleRatePress,
|
|
96
|
-
handleSignOut,
|
|
97
|
-
handleDeleteAccount,
|
|
98
|
-
handleSignIn,
|
|
99
|
-
};
|
|
100
|
-
};
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Password Prompt Navigation Hook
|
|
3
|
-
* Navigation-based password prompt that maintains Promise interface
|
|
4
|
-
* Uses AppNavigation for global navigation access
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { useCallback, useRef, useEffect } from 'react';
|
|
8
|
-
import { AppNavigation } from '@umituz/react-native-design-system';
|
|
9
|
-
|
|
10
|
-
export interface UsePasswordPromptNavigationOptions {
|
|
11
|
-
title?: string;
|
|
12
|
-
message?: string;
|
|
13
|
-
confirmText?: string;
|
|
14
|
-
cancelText?: string;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export interface UsePasswordPromptNavigationReturn {
|
|
18
|
-
showPasswordPrompt: () => Promise<string | null>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export const usePasswordPromptNavigation = (
|
|
22
|
-
options: UsePasswordPromptNavigationOptions
|
|
23
|
-
): UsePasswordPromptNavigationReturn => {
|
|
24
|
-
const { title, message, confirmText, cancelText } = options;
|
|
25
|
-
const resolveRef = useRef<((value: string | null) => void) | null>(null);
|
|
26
|
-
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
return () => {
|
|
29
|
-
if (resolveRef.current) {
|
|
30
|
-
resolveRef.current(null);
|
|
31
|
-
resolveRef.current = null;
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
}, []);
|
|
35
|
-
|
|
36
|
-
const showPasswordPrompt = useCallback((): Promise<string | null> => {
|
|
37
|
-
return new Promise<string | null>((resolve, reject) => {
|
|
38
|
-
if (resolveRef.current) {
|
|
39
|
-
resolveRef.current(null);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
resolveRef.current = resolve;
|
|
43
|
-
|
|
44
|
-
const params = {
|
|
45
|
-
onComplete: (password: string | null) => {
|
|
46
|
-
if (resolveRef.current) {
|
|
47
|
-
resolveRef.current(password);
|
|
48
|
-
resolveRef.current = null;
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
title,
|
|
52
|
-
message,
|
|
53
|
-
confirmText,
|
|
54
|
-
cancelText,
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
try {
|
|
58
|
-
AppNavigation.navigate('PasswordPrompt', params);
|
|
59
|
-
} catch (error) {
|
|
60
|
-
if (resolveRef.current) {
|
|
61
|
-
resolveRef.current(null);
|
|
62
|
-
resolveRef.current = null;
|
|
63
|
-
}
|
|
64
|
-
reject(error);
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
}, [title, message, confirmText, cancelText]);
|
|
68
|
-
|
|
69
|
-
return {
|
|
70
|
-
showPasswordPrompt,
|
|
71
|
-
};
|
|
72
|
-
};
|