@umituz/react-native-settings 4.20.32 → 4.20.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.20.32",
+  "version": "4.20.34",
   "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/AccountScreen.tsx

@@ -0,0 +1,82 @@
+/**
+ * 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,
+  },
+});

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

@@ -241,3 +241,23 @@ export interface SubscriptionConfig {
   /** Whether user is premium (to show active status) */
   isPremium?: boolean;
 }
+
+/**
+ * Wallet Settings Configuration
+ */
+export interface WalletConfig {
+  /** Show wallet section */
+  enabled?: FeatureVisibility;
+  /** Custom title for the wallet section */
+  title?: string;
+  /** Custom label for the wallet item */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Navigation route for wallet screen */
+  route?: string;
+  /** Current balance to display */
+  balance?: number;
+}

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

@@ -17,6 +17,7 @@ import type {
   FAQConfig,
   CloudSyncConfig,
   SubscriptionConfig,
+  WalletConfig,
 } from "./FeatureConfig";
 
 /**