@umituz/react-native-settings 4.20.34 → 4.20.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.20.34",
+  "version": "4.20.36",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, and rating",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/screens/components/SettingsContent.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
+import { useNavigation } from "@react-navigation/native";
 import { useLocalization } from "@umituz/react-native-localization";
 import { SettingsFooter } from "../../components/SettingsFooter";
 import { SettingsSection } from "../../components/SettingsSection";
@@ -13,7 +14,25 @@ import { SettingsItemCard } from "../../components/SettingsItemCard";
 import type { IconName } from "@umituz/react-native-design-system";
 import { CustomSettingsList } from "./sections/CustomSettingsList";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
-import type { CustomSettingsSection } from "../types";
+import type { CustomSettingsSection, WalletConfig } from "../types";
+
+const WalletSettingsItem: React.FC<{ config: WalletConfig; t: (key: string) => string }> = ({ config, t }) => {
+  const navigation = useNavigation();
+  const handlePress = () => {
+    if (config.route) {
+      navigation.navigate(config.route as never);
+    }
+  };
+  return (
+    <SettingsItemCard
+      title={config.title || t("wallet.title")}
+      description={config.description || t("wallet.description")}
+      icon={(config.icon || "wallet") as IconName}
+      onPress={handlePress}
+      sectionTitle={config.sectionTitle}
+    />
+  );
+};
 
 interface SettingsContentProps {
   normalizedConfig: NormalizedConfig;
@@ -30,6 +49,7 @@ interface SettingsContentProps {
     rating: boolean;
     faqs: boolean;
     subscription: boolean;
+    wallet: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: any;
@@ -67,6 +87,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.rating ||
     features.faqs ||
     features.subscription ||
+    features.wallet ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -87,6 +108,13 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         />
       )}
 
+      {features.wallet && normalizedConfig.wallet.config?.route && (
+        <WalletSettingsItem
+          config={normalizedConfig.wallet.config}
+          t={t}
+        />
+      )}
+
       <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
 
       <IdentitySettingsSection normalizedConfig={normalizedConfig} features={features} />

package/src/presentation/screens/hooks/useFeatureDetection.ts

@@ -59,6 +59,7 @@ export function useFeatureDetection(
       rating,
       faqs,
       subscription,
+      wallet,
     } = normalizedConfig;
 
     const notificationServiceAvailable = !!options?.notificationServiceAvailable;
@@ -112,6 +113,7 @@ export function useFeatureDetection(
       rating: rating.enabled,
       faqs: faqs.enabled,
       subscription: subscription.enabled,
+      wallet: wallet.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

package/src/presentation/screens/types/SettingsConfig.ts

@@ -122,6 +122,12 @@ export interface SettingsConfig {
    */
   subscription?: FeatureVisibility | SubscriptionConfig;
 
+  /**
+   * Wallet settings configuration
+   * @default false
+   */
+  wallet?: FeatureVisibility | WalletConfig;
+
   /**
    * Custom empty state text when no settings are available
    */

package/src/presentation/screens/types/index.ts

@@ -17,6 +17,7 @@ export type {
   FAQConfig,
   SubscriptionConfig,
   CloudSyncConfig,
+  WalletConfig,
 } from "./FeatureConfig";
 export type { SettingsConfig } from "./SettingsConfig";
 export type { CustomSettingsSection } from "./CustomSection";

package/src/presentation/screens/utils/normalizeConfig.ts

@@ -16,6 +16,7 @@ import type {
   RatingConfig,
   FAQConfig,
   SubscriptionConfig,
+  WalletConfig,
   SettingsConfig,
 } from "../types";
 
@@ -64,6 +65,10 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: SubscriptionConfig;
   };
+  wallet: {
+    enabled: boolean;
+    config?: WalletConfig;
+  };
 }
 
 /**
@@ -109,5 +114,6 @@ export function normalizeSettingsConfig(
     rating: normalizeConfigValue(config?.rating, false),
     faqs: normalizeConfigValue(config?.faqs, false),
     subscription: normalizeConfigValue(config?.subscription, false),
+    wallet: normalizeConfigValue(config?.wallet, false),
   };
 }

package/src/presentation/screens/AccountScreen.tsx

@@ -1,82 +0,0 @@
-/**
- * Account Screen
- * User account management screen
- */
-
-import React from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { SettingsSection } from "../components/SettingsSection";
-import { SettingsItem } from "../components/SettingsItem";
-
-export interface AccountScreenConfig {
-  readonly onDeleteAccount?: () => void | Promise<void>;
-  readonly onSignOut?: () => void | Promise<void>;
-  readonly showDeleteAccount?: boolean;
-  readonly showSignOut?: boolean;
-  readonly t: (key: string) => string;
-}
-
-interface AccountScreenProps {
-  readonly config: AccountScreenConfig;
-}
-
-export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
-  const insets = useSafeAreaInsets();
-  const tokens = useAppDesignTokens();
-
-  const {
-    onDeleteAccount,
-    onSignOut,
-    showDeleteAccount = true,
-    showSignOut = true,
-    t,
-  } = config;
-
-  return (
-    <View
-      style={[
-        styles.container,
-        { backgroundColor: tokens.colors.background },
-      ]}
-    >
-      <ScrollView
-        contentContainerStyle={[
-          styles.content,
-          { paddingBottom: insets.bottom + 24 },
-        ]}
-        showsVerticalScrollIndicator={false}
-      >
-        <SettingsSection title={t("settings.account.title")}>
-          {showSignOut && onSignOut && (
-            <SettingsItem
-              label={t("auth.signOut")}
-              icon="log-out-outline"
-              onPress={onSignOut}
-              variant="default"
-            />
-          )}
-
-          {showDeleteAccount && onDeleteAccount && (
-            <SettingsItem
-              label={t("account.deleteAccount")}
-              icon="trash-outline"
-              onPress={onDeleteAccount}
-              variant="destructive"
-            />
-          )}
-        </SettingsSection>
-      </ScrollView>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  content: {
-    paddingTop: 16,
-  },
-});