@umituz/react-native-settings 4.23.53 → 4.23.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.53",
+  "version": "4.23.55",
   "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,7 +38,6 @@
     "url": "https://github.com/umituz/react-native-settings"
   },
   "dependencies": {
-    "@umituz/react-native-localization": "^3.7.24",
     "firebase": "^12.7.0"
   },
   "peerDependencies": {

package/src/domains/localization/index.ts

@@ -1,3 +1,6 @@
+// Providers
+export { LocalizationProvider } from './presentation/providers/LocalizationProvider';
+
 // Hooks
 export { useLocalization } from './infrastructure/hooks/useLocalization';
 export { useLocalizationStore } from './infrastructure/storage/LocalizationStore';

package/src/domains/localization/presentation/providers/LocalizationProvider.tsx

@@ -0,0 +1,39 @@
+/**
+ * LocalizationProvider
+ * Initializes i18n with app translations and manages language state
+ */
+
+import React, { useEffect, useState } from "react";
+import { I18nInitializer } from "../../infrastructure/config/I18nInitializer";
+import { useLocalizationStore } from "../../infrastructure/storage/LocalizationStore";
+
+interface LocalizationProviderProps {
+  children: React.ReactNode;
+  translations: Record<string, Record<string, unknown>>;
+  defaultLanguage?: string;
+}
+
+export const LocalizationProvider: React.FC<LocalizationProviderProps> = ({
+  children,
+  translations,
+  defaultLanguage = "en-US",
+}) => {
+  const [isI18nReady, setIsI18nReady] = useState(false);
+  const initialize = useLocalizationStore((state) => state.initialize);
+
+  useEffect(() => {
+    const initializeLocalization = async () => {
+      I18nInitializer.initialize(translations, defaultLanguage);
+      await initialize();
+      setIsI18nReady(true);
+    };
+
+    initializeLocalization();
+  }, [translations, defaultLanguage, initialize]);
+
+  if (!isI18nReady) {
+    return null;
+  }
+
+  return <>{children}</>;
+};

package/src/index.ts

@@ -41,6 +41,7 @@ export { useSettingsScreenConfig } from './presentation/hooks/useSettingsScreenC
 export type {
   UseSettingsScreenConfigParams,
   SettingsScreenConfigResult,
+  SettingsFeatures,
 } from './presentation/hooks/useSettingsScreenConfig';
 
 

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -32,12 +32,24 @@ 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 SettingsFeatures {
+  notifications?: boolean;
+  appearance?: boolean;
+  language?: boolean;
+  feedback?: boolean;
+  rating?: boolean;
+  faqs?: boolean;
+  about?: boolean;
+  legal?: boolean;
+}
+
 export interface UseSettingsScreenConfigParams {
   appInfo: AppInfo;
   faqData?: FAQData;
   isPremium: boolean;
   onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
   additionalScreens?: AdditionalScreen[];
+  features?: SettingsFeatures;
 }
 
 export interface SettingsScreenConfigResult {
@@ -52,7 +64,18 @@ export interface SettingsScreenConfigResult {
 export const useSettingsScreenConfig = (
   params: UseSettingsScreenConfigParams
 ): SettingsScreenConfigResult => {
-  const { appInfo, faqData, isPremium, onFeedbackSubmit } = params;
+  const { appInfo, faqData, isPremium, onFeedbackSubmit, features = {} } = params;
+
+  const {
+    notifications: showNotifications = true,
+    appearance: showAppearance = true,
+    language: showLanguage = true,
+    feedback: showFeedback = true,
+    rating: showRating = true,
+    faqs: showFaqs = true,
+    about: showAbout = true,
+    legal: showLegal = true,
+  } = features;
 
   const { t } = useLocalization();
   const { user, loading, isAuthReady, signOut } = useAuth();
@@ -88,17 +111,21 @@ export const useSettingsScreenConfig = (
   }, [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 || ""),
+    appearance: showAppearance ? createAppearanceConfig(t) : false,
+    language: showLanguage ? createLanguageConfig(t) : false,
+    notifications: showNotifications ? createNotificationsConfig(t) : false,
+    feedback: showFeedback ? createFeedbackConfig(t, onFeedbackSubmit) : false,
+    about: showAbout ? createAboutConfig(t) : false,
+    legal: showLegal ? createLegalConfig(t) : false,
+    faqs: showFaqs ? createFAQConfig(t) : false,
+    rating: showRating ? createRatingConfig(t, handleRatePress, appInfo.appStoreUrl || "") : false,
     subscription: createSubscriptionConfig(t, isPremium, "SubscriptionDetail"),
     disclaimer: false,
-  }), [t, onFeedbackSubmit, handleRatePress, appInfo.appStoreUrl, isPremium]);
+  }), [
+    t, onFeedbackSubmit, handleRatePress, appInfo.appStoreUrl, isPremium,
+    showAppearance, showLanguage, showNotifications, showFeedback,
+    showAbout, showLegal, showFaqs, showRating,
+  ]);
 
   const userProfile = useMemo((): UserProfileConfig => {
     const isAnonymous = userProfileData?.isAnonymous ?? true;