@umituz/react-native-settings 4.23.97 → 4.23.99

package/src/presentation/utils/accountConfigUtils.ts

@@ -15,7 +15,6 @@ export interface CreateAccountConfigParams {
   onSignIn: () => void;
   onLogout: () => Promise<void>;
   onDeleteAccount: () => Promise<void>;
-  t: (key: string) => string;
 }
 
 /**
@@ -31,37 +30,30 @@ export function createAccountConfig(params: CreateAccountConfigParams): AccountS
     onSignIn,
     onLogout,
     onDeleteAccount,
-    t,
   } = params;
 
   const anonymous = isAnonymous ?? true;
 
   return {
     profile: {
-      displayName: displayName || t("settings.profile.anonymousName"),
+      displayName: displayName || "",
       userId: userId ?? undefined,
       isAnonymous: anonymous,
       avatarUrl: avatarUrl ?? photoURL ?? undefined,
-      benefits: anonymous ? [
-        t("settings.profile.benefits.saveHistory"),
-        t("settings.profile.benefits.syncDevices"),
-        t("settings.profile.benefits.cloudSync"),
-        t("settings.profile.benefits.secureBackup"),
-      ] : undefined,
     },
     isAnonymous: anonymous,
-    editProfileText: t("settings.account.editProfile"),
+    editProfileText: "",
     onSignIn,
     accountActions: {
       onLogout,
       onDeleteAccount,
-      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"),
+      logoutText: "",
+      logoutConfirmTitle: "",
+      logoutConfirmMessage: "",
+      cancelText: "",
+      deleteAccountText: "",
+      deleteConfirmTitle: "",
+      deleteConfirmMessage: "",
     },
   };
 }

package/src/presentation/utils/config-creators/base-configs.ts

@@ -11,20 +11,15 @@ import type {
   AboutConfig,
   LegalConfig,
 } from "../../screens/types";
-import type { TranslationFunction } from "./types";
 import { createBaseConfig, createConfigWithExtensions } from "../../../infrastructure/utils/configFactory";
 
 /**
  * Create appearance configuration
  */
 export const createAppearanceConfig = (
-  t: TranslationFunction,
   routeOrOnPress?: string | (() => void),
 ): AppearanceConfig => {
   return createBaseConfig<AppearanceConfig>({
-    t,
-    titleKey: "settings.appearance.title",
-    descriptionKey: "settings.appearance.description",
     icon: "color-palette-outline",
     routeOrOnPress,
   });
@@ -34,13 +29,9 @@ export const createAppearanceConfig = (
  * Create language configuration
  */
 export const createLanguageConfig = (
-  t: TranslationFunction,
   routeOrOnPress?: string | (() => void),
 ): LanguageConfig => {
   return createBaseConfig<LanguageConfig>({
-    t,
-    titleKey: "settings.language.title",
-    descriptionKey: "settings.language.description",
     icon: "globe-outline",
     routeOrOnPress,
   });
@@ -50,21 +41,16 @@ export const createLanguageConfig = (
  * Create notifications configuration
  */
 export const createNotificationsConfig = (
-  t: TranslationFunction,
   routeOrOnPress?: string | (() => void),
 ): NotificationsConfig => {
   return createConfigWithExtensions<NotificationsConfig>(
     {
-      t,
-      titleKey: "settings.notifications.title",
-      descriptionKey: "settings.notifications.description",
       icon: "notifications-outline",
       routeOrOnPress,
       defaultRoute: "Notifications",
     },
     {
       showToggle: false,
-      sectionTitle: t("settings.notifications.sectionTitle"),
     }
   );
 };
@@ -73,13 +59,9 @@ export const createNotificationsConfig = (
  * Create about configuration
  */
 export const createAboutConfig = (
-  t: TranslationFunction,
   routeOrOnPress?: string | (() => void),
 ): AboutConfig => {
   return createBaseConfig<AboutConfig>({
-    t,
-    titleKey: "settings.about.title",
-    descriptionKey: "settings.about.description",
     icon: "information-circle-outline",
     routeOrOnPress,
   });
@@ -89,13 +71,9 @@ export const createAboutConfig = (
  * Create legal configuration
  */
 export const createLegalConfig = (
-  t: TranslationFunction,
   routeOrOnPress?: string | (() => void),
 ): LegalConfig => {
   return createBaseConfig<LegalConfig>({
-    t,
-    titleKey: "settings.legal.title",
-    descriptionKey: "settings.legal.description",
     icon: "document-text-outline",
     routeOrOnPress,
   });

package/src/presentation/utils/config-creators/feature-configs.ts

@@ -17,17 +17,11 @@ import type { TranslationFunction } from "./types";
  * @param onPress - Callback function (use route instead when possible)
  */
 export const createSubscriptionConfig = (
-  t: TranslationFunction,
   isPremium: boolean,
   routeOrOnPress: string | (() => void),
 ): SubscriptionConfig => ({
   enabled: true,
-  title: t("settings.subscription.title"),
-  description: isPremium
-    ? t("subscription.premiumDetails.statusActive")
-    : t("settings.subscription.description"),
   icon: "diamond",
-  sectionTitle: t("settings.sections.subscription").toUpperCase(),
   route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
   onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
   isPremium,
@@ -37,7 +31,6 @@ export const createSubscriptionConfig = (
  * Create gamification configuration
  */
 export const createGamificationConfig = (
-  t: TranslationFunction,
   storageKey: string,
   achievements: AchievementDefinition[],
   levels: LevelDefinition[],
@@ -47,17 +40,4 @@ export const createGamificationConfig = (
   storageKey,
   achievements,
   levels,
-  translations: {
-    title: t("settings.gamification.title"),
-    statsTitle: t("settings.gamification.stats.title"),
-    pointsLabel: t("settings.gamification.stats.points"),
-    totalCompletedLabel: t("settings.gamification.stats.totalCompleted"),
-    achievementsTitle: t("settings.gamification.achievements.title"),
-    streakTitle: t("settings.gamification.streak.title"),
-    bestStreak: t("settings.gamification.streak.best"),
-    currentStreak: t("settings.gamification.streak.current"),
-    days: t("settings.gamification.streak.days"),
-    levelTitle: t("settings.gamification.level.title"),
-    emptyAchievements: t("settings.gamification.achievements.empty"),
-  },
 });

package/src/presentation/utils/config-creators/support-configs.ts

@@ -8,20 +8,16 @@ import type {
   RatingConfig,
   FAQConfig,
 } from "../../screens/types";
-import type { TranslationFunction, FeedbackFormData } from "./types";
+import type { FeedbackFormData } from "./types";
 
 /**
  * Create feedback configuration
  */
 export const createFeedbackConfig = (
-  t: TranslationFunction,
   onSubmit: (data: FeedbackFormData) => Promise<void>,
 ): FeedbackConfig => ({
   enabled: true,
-  title: t("settings.feedback.title"),
-  description: t("settings.feedback.description"),
   icon: "chatbubble-outline",
-  sectionTitle: t("settings.sections.support"),
   onSubmit,
 });
 
@@ -29,7 +25,6 @@ export const createFeedbackConfig = (
  * Create rating configuration
  */
 export const createRatingConfig = (
-  t: TranslationFunction,
   onRate: () => void,
   storeUrl?: string,
 ): RatingConfig => ({
@@ -42,12 +37,7 @@ export const createRatingConfig = (
  * Create FAQ configuration
  * Navigation is handled internally by the package - no callback needed
  */
-export const createFAQConfig = (
-  t: TranslationFunction,
-): FAQConfig => ({
+export const createFAQConfig = (): FAQConfig => ({
   enabled: true,
-  title: t("settings.faqs.title"),
-  description: t("settings.faqs.description"),
   icon: "help-circle-outline",
-  sectionTitle: t("settings.sections.support").toUpperCase(),
 });

package/src/presentation/utils/faqTranslator.ts

@@ -3,31 +3,18 @@
  * Handles translation of FAQ data
  */
 
-import type { TranslationFunction } from "./config-creators/types";
+
 import type { FAQData } from "../navigation/types";
 import type { AppInfo } from "../navigation/types";
 
 /**
- * Translates FAQ data using the provided translation function
+ * Utility for handling FAQ data
+ * Ensures data is in consistent format
  */
 export const translateFAQData = (
   faqData: FAQData | undefined,
-  t: TranslationFunction,
+  _t: (key: string, params?: any) => string,
   _appInfo: AppInfo
 ): FAQData | undefined => {
-  if (!faqData) return undefined;
-
-  const interpolationValues = { appName: _appInfo.appName || _appInfo.name };
-  
-  return {
-    categories: faqData.categories.map((category) => ({
-      id: category.id,
-      title: t(category.title, interpolationValues),
-      items: category.items.map((item) => ({
-        id: item.id,
-        question: t(item.question, interpolationValues),
-        answer: t(item.answer, interpolationValues),
-      })),
-    })),
-  };
+  return faqData;
 };

package/src/presentation/utils/settingsConfigFactory.ts

@@ -4,7 +4,7 @@
  */
 
 import { useMemo } from "react";
-import type { TranslationFunction, FeedbackFormData } from "./config-creators/types";
+import type { FeedbackFormData } from "./config-creators/types";
 import type { SettingsConfig } from "../screens/types";
 import {
   createAppearanceConfig,
@@ -19,7 +19,6 @@ import {
 } from "./config-creators";
 
 export interface SettingsConfigFactoryParams {
-  t: TranslationFunction;
   onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
   handleRatePress: () => void;
   appStoreUrl: string;
@@ -43,7 +42,6 @@ export const createSettingsConfig = (
   params: SettingsConfigFactoryParams
 ): SettingsConfig => {
   const {
-    t,
     onFeedbackSubmit,
     handleRatePress,
     appStoreUrl,
@@ -52,15 +50,15 @@ export const createSettingsConfig = (
   } = params;
 
   return {
-    appearance: features.appearance ? createAppearanceConfig(t) : false,
-    language: features.language ? createLanguageConfig(t) : false,
-    notifications: features.notifications ? createNotificationsConfig(t) : false,
-    feedback: features.feedback ? createFeedbackConfig(t, onFeedbackSubmit) : false,
-    about: features.about ? createAboutConfig(t) : false,
-    legal: features.legal ? createLegalConfig(t) : false,
-    faqs: features.faqs ? createFAQConfig(t) : false,
-    rating: features.rating ? createRatingConfig(t, handleRatePress, appStoreUrl) : false,
-    subscription: createSubscriptionConfig(t, isPremium, "SubscriptionDetail"),
+    appearance: features.appearance ? createAppearanceConfig() : false,
+    language: features.language ? createLanguageConfig() : false,
+    notifications: features.notifications ? createNotificationsConfig() : false,
+    feedback: features.feedback ? createFeedbackConfig(onFeedbackSubmit) : false,
+    about: features.about ? createAboutConfig() : false,
+    legal: features.legal ? createLegalConfig() : false,
+    faqs: features.faqs ? createFAQConfig() : false,
+    rating: features.rating ? createRatingConfig(handleRatePress, appStoreUrl) : false,
+    subscription: createSubscriptionConfig(isPremium, "SubscriptionDetail"),
     disclaimer: false,
   };
 };
@@ -72,7 +70,6 @@ export const useSettingsConfigFactory = (
   params: SettingsConfigFactoryParams
 ): SettingsConfig => {
   return useMemo(() => createSettingsConfig(params), [
-    params.t,
     params.onFeedbackSubmit,
     params.handleRatePress,
     params.appStoreUrl,

package/src/presentation/utils/useAuthHandlers.ts

@@ -12,16 +12,15 @@ import {
   useAuthModalStore,
 } from "@umituz/react-native-auth";
 import { AlertService } from "@umituz/react-native-design-system";
-import { useLocalization } from "../../domains/localization";
 import type { AppInfo } from "../navigation/types";
+import type { SettingsTranslations } from "../screens/types/SettingsConfig";
 
 declare const __DEV__: boolean;
 
 /**
  * Hook that provides authentication-related handlers
  */
-export const useAuthHandlers = (appInfo: AppInfo) => {
-  const { t } = useLocalization();
+export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTranslations["errors"]) => {
   const { signOut } = useAuth();
   const { deleteAccount } = useAccountManagement();
   const { showAuthModal } = useAuthModalStore();
@@ -29,63 +28,57 @@ export const useAuthHandlers = (appInfo: AppInfo) => {
   const handleRatePress = useCallback(async () => {
     const url = appInfo.appStoreUrl;
     if (!url) {
-      // FIXED: Provide feedback when URL is missing
-      Alert.alert(t("common.error"), "App store URL not configured");
+      Alert.alert(translations?.common || "", translations?.appStoreUrlNotConfigured || "");
       return;
     }
 
     try {
       const canOpen = await Linking.canOpenURL(url);
       if (!canOpen) {
-        // FIXED: Provide feedback when URL cannot be opened
         Alert.alert(
-          t("common.error"),
-          "Unable to open app store. Please check your device settings."
+          translations?.common || "",
+          translations?.unableToOpenAppStore || ""
         );
         return;
       }
       await Linking.openURL(url);
     } catch (error) {
-      // FIXED: Log actual error for debugging
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.error("[useAuthHandlers] Failed to open app store:", error);
       }
-      Alert.alert(t("common.error"), "Failed to open app store");
+      Alert.alert(translations?.common || "", translations?.failedToOpenAppStore || "");
     }
-  }, [appInfo.appStoreUrl, t]);
+  }, [appInfo.appStoreUrl, translations]);
 
   const handleSignOut = useCallback(async () => {
     try {
       await signOut();
     } catch (error) {
-      // FIXED: Log actual error for debugging
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.error("[useAuthHandlers] Sign out failed:", error);
       }
       AlertService.createErrorAlert(
-        t("common.error"),
-        t("auth.errors.unknownError")
+        translations?.common || "",
+        translations?.unknown || ""
       );
     }
-  }, [signOut, t]);
+  }, [signOut, translations]);
 
   const handleDeleteAccount = useCallback(async () => {
     try {
       await deleteAccount();
     } catch (error) {
-      // FIXED: Log actual error for debugging
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.error("[useAuthHandlers] Delete account failed:", error);
       }
       AlertService.createErrorAlert(
-        t("common.error"),
-        t("settings.account.deleteError")
+        translations?.common || "",
+        translations?.deleteAccountError || ""
       );
     }
-  }, [deleteAccount, t]);
+  }, [deleteAccount, translations]);
 
   const handleSignIn = useCallback(() => {
-    // FIXED: Remove empty callback - pass undefined instead
     showAuthModal(undefined, "login");
   }, [showAuthModal]);
 

package/src/presentation/utils/userProfileUtils.ts

@@ -15,7 +15,6 @@ export interface UserProfileConfig {
 
 export interface CreateUserProfileParams {
   profileData?: UserProfileConfig;
-  t: (key: string, params?: Record<string, string | number>) => string;
   onSignIn?: () => void;
 }
 
@@ -23,13 +22,12 @@ export interface CreateUserProfileParams {
  * Create user profile display configuration
  */
 export function createUserProfileDisplay(params: CreateUserProfileParams): UserProfileDisplay {
-  const { profileData, t, onSignIn } = params;
+  const { profileData, onSignIn } = params;
 
   const isAnonymous = profileData?.isAnonymous ?? true;
-  const anonymousName = t("settings.profile.anonymousName");
 
   return {
-    displayName: profileData?.displayName || anonymousName,
+    displayName: profileData?.displayName,
     userId: profileData?.userId ?? undefined,
     isAnonymous,
     avatarUrl: profileData?.avatarUrl ?? undefined,
@@ -37,15 +35,3 @@ export function createUserProfileDisplay(params: CreateUserProfileParams): UserP
     accountSettingsRoute: isAnonymous ? undefined : "Account",
   };
 }
-
-/**
- * Create benefits list for anonymous users
- */
-export function createAnonymousBenefits(t: (key: string) => string): string[] {
-  return [
-    t("settings.profile.benefits.saveHistory"),
-    t("settings.profile.benefits.syncDevices"),
-    t("settings.profile.benefits.cloudSync"),
-    t("settings.profile.benefits.secureBackup"),
-  ];
-}

package/src/domains/disclaimer/README.md

@@ -1,87 +0,0 @@
-# Disclaimer Domain
-
-## Purpose
-
-Provides components for displaying legal notices, warnings, and important information through cards, modals, and dedicated screens with full i18n support.
-
-## File Paths
-
-**Screens:**
-- `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/screens/DisclaimerScreen.tsx`
-
-**Components:**
-- `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerSetting.tsx`
-- `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerCard.tsx`
-- `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/presentation/components/DisclaimerModal.tsx`
-
-**Index:**
-- `/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-settings/src/domains/disclaimer/index.ts`
-
-## Strategy
-
-1. **Internationalization First**: Use translation keys for all text content with support for i18n
-2. **Modular Design**: Compose disclaimers from card and modal components for flexibility
-3. **Color Coding**: Use appropriate colors for different warning levels (red for critical, amber for caution, blue for info)
-4. **Card + Modal Pattern**: Display summary in card, full content in modal for better UX
-5. **Icon Integration**: Use design system icons with customizable colors for visual hierarchy
-
-## Restrictions (Forbidden)
-
-### DO NOT
-- ❌ DO NOT use DisclaimerSetting without proper translation keys in i18n configuration
-- ❌ DO NOT hardcode disclaimer text - always use translation keys or modalContent prop
-- ❌ DO NOT use DisclaimerCard without providing all required props (title, shortMessage, iconName, iconColor, backgroundColor, onPress)
-- ❌ DO NOT bypass the card + modal pattern for displaying disclaimers
-
-### NEVER
-- ❌ NEVER use DisclaimerSetting in production without verifying i18n keys exist
-- ❌ NEVER show modal without a proper close mechanism
-- ❌ NEVER use inappropriate colors for warning levels (e.g., green for critical warnings)
-- ❌ NEVER mix disclaimer content with business logic
-
-### AVOID
-- ❌ AVOID creating custom disclaimer components when existing ones can be configured
-- ❌ AVOID using long text in DisclaimerCard - use modal for full content
-- ❌ AVOID using DisclaimerSetting for critical legal notices that require explicit acceptance
-- ❌ AVOID hardcoding colors - use design system tokens or semantic color names
-
-## Rules
-
-### ALWAYS
-- ✅ ALWAYS provide translation keys for DisclaimerSetting (titleKey, messageKey, shortMessageKey)
-- ✅ ALWAYS provide all required props to DisclaimerCard (title, shortMessage, iconName, iconColor, backgroundColor, onPress)
-- ✅ ALWAYS use modalTitle and modalContent props for custom content that bypasses i18n
-- ✅ ALWAYS ensure modal can be closed with a clear close button
-- ✅ ALWAYS use appropriate colors for warning levels
-
-### MUST
-- ✅ MUST include translation keys in all language files before using DisclaimerSetting
-- ✅ MUST provide custom modalTitle and modalContent when bypassing i18n
-- ✅ MUST ensure disclaimer text is clear and non-technical
-- ✅ MUST test disclaimer rendering on all platforms (iOS, Android, Web)
-- ✅ MUST ensure modal content is scrollable for long disclaimers
-
-### SHOULD
-- ✅ SHOULD use red/amber colors for critical warnings, blue for informational
-- ✅ SHOULD keep card messages short and concise
-- ✅ SHOULD provide specific icons for different warning types (alert-triangle, flask, heart-pulse)
-- ✅ SHOULD ensure disclaimer modals are accessible with proper labels
-- ✅ SHOULD test disclaimer components with different screen sizes
-
-## AI Agent Guidelines
-
-1. **Component Selection**: Use DisclaimerSetting for settings integration (card + modal), DisclaimerCard for custom cards, DisclaimerModal for standalone modals, DisclaimerScreen for dedicated screens
-2. **i18n Usage**: Always use translation keys with DisclaimerSetting - only use modalTitle/modalContent for truly static content
-3. **Color Guidelines**: Always match colors to warning severity - red for critical/legal, amber for caution, blue for informational, emerald for confirmations
-4. **Content Structure**: Always keep card messages short (1-2 lines) with full content in modal
-5. **Platform Testing**: Always test disclaimer rendering on iOS, Android, and Web platforms
-
-## Related
-
-- **Legal**: Privacy policy, terms of service
-- **Settings**: Main settings management
-- **Design System**: Icons, colors, and typography
-
-## License
-
-MIT