@umituz/react-native-settings 4.23.40 → 4.23.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.40",
+  "version": "4.23.42",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -38,24 +38,25 @@
     "url": "https://github.com/umituz/react-native-settings"
   },
   "dependencies": {
-    "@umituz/react-native-design-system": "*",
+    "@umituz/react-native-design-system": "4.23.44",
+    "@umituz/react-native-localization": "^3.7.24",
     "firebase": "^12.7.0"
   },
   "peerDependencies": {
     "@expo/vector-icons": ">=14.0.0",
     "@react-native-async-storage/async-storage": ">=2.0.0",
+    "@react-native-community/datetimepicker": ">=8.0.0",
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/stack": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
-    "expo-notifications": ">=0.28.0",
     "expo-device": ">=6.0.0",
     "expo-haptics": ">=15.0.0",
     "expo-localization": ">=16.0.0",
+    "expo-notifications": ">=0.28.0",
     "expo-store-review": ">=14.0.0",
     "i18next": ">=23.0.0",
-    "react-i18next": ">=15.0.0",
-    "@react-native-community/datetimepicker": ">=8.0.0",
     "react": ">=19.0.0",
+    "react-i18next": ">=15.0.0",
     "react-native": ">=0.81.0",
     "react-native-safe-area-context": ">=4.0.0",
     "zustand": ">=4.0.0"
@@ -75,8 +76,8 @@
     "@types/react": "~19.1.10",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@umituz/react-native-auth": "*",
-    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-auth": "^3.6.49",
+    "@umituz/react-native-firebase": "^1.13.102",
     "@umituz/react-native-sentry": "*",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.37.5",
@@ -84,21 +85,22 @@
     "expo-apple-authentication": "^8.0.8",
     "expo-auth-session": "^5.0.0",
     "expo-clipboard": "^8.0.8",
+    "expo-crypto": "^15.0.8",
     "expo-device": "~7.0.0",
     "expo-file-system": "^19.0.21",
-    "expo-haptics": "~14.0.0",
-    "expo-linear-gradient": "^15.0.2",
-    "expo-crypto": "^15.0.8",
     "expo-font": "^14.0.10",
+    "expo-haptics": "~14.0.0",
     "expo-image": "^3.0.11",
     "expo-image-manipulator": "^14.0.8",
     "expo-image-picker": "^17.0.10",
+    "expo-linear-gradient": "^15.0.2",
     "expo-localization": "^17.0.8",
     "expo-media-library": "^18.2.1",
+    "expo-modules-core": "^3.0.29",
     "expo-network": "^8.0.8",
-    "expo-sharing": "^14.0.8",
     "expo-notifications": "~0.27.6",
     "expo-secure-store": "^15.0.8",
+    "expo-sharing": "^14.0.8",
     "expo-store-review": "^8.0.0",
     "expo-video": "^3.0.15",
     "expo-web-browser": "^12.0.0",
@@ -110,7 +112,6 @@
     "react-native-gesture-handler": "^2.30.0",
     "react-native-reanimated": "^4.2.1",
     "react-native-safe-area-context": "^5.6.2",
-    "expo-modules-core": "^3.0.29",
     "react-native-svg": "^15.15.1",
     "rn-emoji-keyboard": "^1.7.0",
     "typescript": "^5.3.0",

package/src/index.ts

@@ -37,6 +37,12 @@ export {
   useResetSettingsMutation
 } from './presentation/hooks/mutations/useSettingsMutations';
 
+export { useSettingsScreenConfig } from './presentation/hooks/useSettingsScreenConfig';
+export type {
+  UseSettingsScreenConfigParams,
+  SettingsScreenConfigResult,
+} from './presentation/hooks/useSettingsScreenConfig';
+
 
 // =============================================================================
 // PRESENTATION LAYER - Screens

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -0,0 +1,171 @@
+/**
+ * useSettingsScreenConfig Hook
+ *
+ * One-stop hook for settings screen configuration.
+ * Handles auth, feedback, and all settings config internally.
+ * Apps pass subscription config from subscription package.
+ */
+
+import { useMemo, useCallback } from "react";
+import { Linking } from "react-native";
+import {
+  useAuth,
+  useAccountManagement,
+  useAuthModalStore,
+  useUserProfile,
+} from "@umituz/react-native-auth";
+import { AlertService } from "@umituz/react-native-design-system";
+import { useLocalization } from "../../domains/localization";
+import {
+  createAppearanceConfig,
+  createLanguageConfig,
+  createNotificationsConfig,
+  createAboutConfig,
+  createLegalConfig,
+  createFeedbackConfig,
+  createRatingConfig,
+  createFAQConfig,
+  createSubscriptionConfig,
+} from "../utils/config-creators";
+import type { SettingsConfig } from "../screens/types";
+import type { FeedbackFormData } from "../utils/config-creators";
+import type { AppInfo, FAQData, UserProfileConfig, AdditionalScreen } from "../navigation/types";
+import type { AccountScreenConfig } from "@umituz/react-native-auth";
+
+export interface UseSettingsScreenConfigParams {
+  appInfo: AppInfo;
+  faqData?: FAQData;
+  isPremium: boolean;
+  onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
+  additionalScreens?: AdditionalScreen[];
+}
+
+export interface SettingsScreenConfigResult {
+  settingsConfig: SettingsConfig;
+  userProfile: UserProfileConfig;
+  accountConfig: AccountScreenConfig;
+  translatedFaqData: FAQData | undefined;
+  isLoading: boolean;
+  isAuthReady: boolean;
+}
+
+export const useSettingsScreenConfig = (
+  params: UseSettingsScreenConfigParams
+): SettingsScreenConfigResult => {
+  const { appInfo, faqData, isPremium, onFeedbackSubmit } = params;
+
+  const { t } = useLocalization();
+  const { user, loading, isAuthReady, signOut } = useAuth();
+  const { deleteAccount } = useAccountManagement();
+  const userProfileData = useUserProfile({});
+  const { showAuthModal } = useAuthModalStore();
+
+  const handleRatePress = useCallback(async () => {
+    const url = appInfo.appStoreUrl;
+    if (url && (await Linking.canOpenURL(url))) {
+      await Linking.openURL(url);
+    }
+  }, [appInfo.appStoreUrl]);
+
+  const handleSignOut = useCallback(async () => {
+    try {
+      await signOut();
+    } catch {
+      AlertService.createErrorAlert(t("common.error"), t("auth.errors.unknownError"));
+    }
+  }, [signOut, t]);
+
+  const handleDeleteAccount = useCallback(async () => {
+    try {
+      await deleteAccount();
+    } catch {
+      AlertService.createErrorAlert(t("common.error"), t("settings.account.deleteError"));
+    }
+  }, [deleteAccount, t]);
+
+  const handleSignIn = useCallback(() => {
+    showAuthModal(() => {}, "login");
+  }, [showAuthModal]);
+
+  const settingsConfig = useMemo((): SettingsConfig => ({
+    appearance: createAppearanceConfig(t),
+    language: createLanguageConfig(t),
+    notifications: createNotificationsConfig(t),
+    feedback: createFeedbackConfig(t, onFeedbackSubmit),
+    about: createAboutConfig(t),
+    legal: createLegalConfig(t),
+    faqs: createFAQConfig(t),
+    rating: createRatingConfig(t, handleRatePress, appInfo.appStoreUrl || ""),
+    subscription: createSubscriptionConfig(t, isPremium, "SubscriptionDetail"),
+    disclaimer: false,
+  }), [t, onFeedbackSubmit, handleRatePress, appInfo.appStoreUrl, isPremium]);
+
+  const userProfile = useMemo((): UserProfileConfig => {
+    const isAnonymous = userProfileData?.isAnonymous ?? true;
+    return {
+      displayName: userProfileData?.displayName || t("settings.profile.anonymousName"),
+      userId: userProfileData?.userId,
+      isAnonymous,
+      avatarUrl: userProfileData?.avatarUrl,
+      onPress: isAnonymous ? handleSignIn : undefined,
+      accountSettingsRoute: isAnonymous ? undefined : "Account",
+    };
+  }, [userProfileData, t, handleSignIn]);
+
+  const accountConfig = useMemo((): AccountScreenConfig => {
+    const isAnonymous = user?.isAnonymous ?? true;
+    return {
+      profile: {
+        displayName: userProfileData?.displayName || user?.displayName || t("settings.profile.anonymousName"),
+        userId: userProfileData?.userId || user?.uid,
+        isAnonymous,
+        avatarUrl: userProfileData?.avatarUrl || user?.photoURL || undefined,
+        benefits: isAnonymous ? [
+          t("settings.profile.benefits.freeCredits"),
+          t("settings.profile.benefits.saveHistory"),
+          t("settings.profile.benefits.syncDevices"),
+          t("settings.profile.benefits.cloudSync"),
+          t("settings.profile.benefits.secureBackup"),
+        ] : undefined,
+      },
+      isAnonymous,
+      editProfileText: t("settings.account.editProfile"),
+      onSignIn: handleSignIn,
+      accountActions: {
+        onLogout: handleSignOut,
+        onDeleteAccount: handleDeleteAccount,
+        logoutText: t("settings.account.logout"),
+        logoutConfirmTitle: t("settings.account.logoutConfirmTitle"),
+        logoutConfirmMessage: t("settings.account.logoutConfirmMessage"),
+        cancelText: t("common.cancel"),
+        deleteAccountText: t("settings.account.deleteAccount"),
+        deleteConfirmTitle: t("settings.account.deleteConfirmTitle"),
+        deleteConfirmMessage: t("settings.account.deleteConfirmMessage"),
+      },
+    };
+  }, [user, userProfileData, handleSignIn, handleSignOut, handleDeleteAccount, t]);
+
+  const translatedFaqData = useMemo((): FAQData | undefined => {
+    if (!faqData) return undefined;
+    return {
+      categories: faqData.categories.map((category) => ({
+        id: category.id,
+        title: t(category.title),
+        items: category.items.map((item) => ({
+          id: item.id,
+          question: t(item.question, { appName: appInfo.name }),
+          answer: t(item.answer, { appName: appInfo.name }),
+        })),
+      })),
+    };
+  }, [faqData, t, appInfo.name]);
+
+  return {
+    settingsConfig,
+    userProfile,
+    accountConfig,
+    translatedFaqData,
+    isLoading: loading,
+    isAuthReady,
+  };
+};