@umituz/react-native-settings 5.3.41 → 5.3.43

package/dist/domains/feedback/domain/entities/FeatureRequestEntity.d.ts

@@ -18,25 +18,3 @@ export interface FeatureRequestItem {
     createdAt: string;
     updatedAt: string;
 }
-export interface FeatureRequestVote {
-    type: VoteType;
-    votedAt: string;
-}
-export interface FeatureRequestSubmitData {
-    title: string;
-    description: string;
-    type: string;
-    rating?: number;
-}
-export interface FeatureRequestDataProvider {
-    /** Fetch all feature requests */
-    fetchRequests: () => Promise<FeatureRequestItem[]>;
-    /** Fetch current user's votes */
-    fetchUserVotes: (userId: string) => Promise<Record<string, VoteType>>;
-    /** Vote on a feature request */
-    onVote: (requestId: string, userId: string, type: VoteType) => Promise<void>;
-    /** Submit a new feature request */
-    onSubmit: (data: FeatureRequestSubmitData) => Promise<void>;
-    /** Current user ID (can be anonymous UID) */
-    userId: string | null;
-}

package/dist/domains/feedback/infrastructure/useFeatureRequests.d.ts

@@ -0,0 +1,21 @@
+/**
+ * useFeatureRequests Hook
+ * Internal hook — fetches, votes, submits feature requests via Firestore
+ * Works with both authenticated and anonymous users
+ */
+import type { FeatureRequestItem, VoteType } from "../domain/entities/FeatureRequestEntity";
+export interface UseFeatureRequestsResult {
+    requests: FeatureRequestItem[];
+    userVotes: Record<string, VoteType>;
+    isLoading: boolean;
+    vote: (requestId: string, type: VoteType) => Promise<void>;
+    submitRequest: (data: {
+        title: string;
+        description: string;
+        type: string;
+        rating?: number;
+    }) => Promise<void>;
+    reload: () => Promise<void>;
+    userId: string | null;
+}
+export declare function useFeatureRequests(): UseFeatureRequestsResult;

package/dist/domains/feedback/presentation/screens/FeatureRequestScreen.d.ts

@@ -1,12 +1,2 @@
 import React from "react";
-import type { FeatureRequestDataProvider } from "../../domain/entities/FeatureRequestEntity";
-interface FeatureRequestScreenProps {
-    config?: {
-        translations?: Record<string, any>;
-        dataProvider?: FeatureRequestDataProvider;
-        onSubmit?: (data: any) => Promise<void>;
-    };
-    texts: any;
-}
-export declare const FeatureRequestScreen: React.FC<FeatureRequestScreenProps>;
-export {};
+export declare const FeatureRequestScreen: React.FC<any>;

package/dist/presentation/hooks/useSettingsScreenConfig.d.ts

@@ -7,7 +7,6 @@
  */
 import type { SettingsConfig, SettingsTranslations } from "../screens/types";
 import type { FeedbackFormData } from "../utils/config-creators";
-import type { FeatureRequestDataProvider } from "../../domains/feedback/domain/entities/FeatureRequestEntity";
 import type { AppInfo, FAQData, UserProfileDisplay, AdditionalScreen, AccountConfig } from "../navigation/types";
 export interface SettingsFeatures {
     notifications?: boolean;
@@ -27,7 +26,6 @@ export interface UseSettingsScreenConfigParams {
     faqData?: FAQData;
     isPremium: boolean;
     onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
-    featureRequestDataProvider?: FeatureRequestDataProvider;
     additionalScreens?: AdditionalScreen[];
     features?: SettingsFeatures;
     translations?: SettingsTranslations;

package/dist/presentation/screens/types/UserFeatureConfig.d.ts

@@ -4,7 +4,6 @@
  */
 import type { FeatureVisibility } from "./BaseTypes";
 import type { FeedbackType } from "../../../domains/feedback/domain/entities/FeedbackEntity";
-import type { FeatureRequestDataProvider } from "../../../domains/feedback/domain/entities/FeatureRequestEntity";
 import type { FAQCategory } from "../../../domains/faqs/domain/entities/FAQEntity";
 import type { SettingsStackParamList } from "../../navigation/types";
 /**
@@ -47,8 +46,6 @@ export interface FeedbackConfig {
     }) => Promise<void>;
     /** Custom handler to open feedback screen (overrides default modal) */
     onPress?: () => void;
-    /** Data provider for feature request screen (fetching, voting, submitting) */
-    dataProvider?: FeatureRequestDataProvider;
 }
 /**
  * FAQ Settings Configuration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.41",
+  "version": "5.3.43",
   "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": "./dist/index.d.ts",

package/src/domains/feedback/domain/entities/FeatureRequestEntity.ts

@@ -21,28 +21,3 @@ export interface FeatureRequestItem {
   createdAt: string;
   updatedAt: string;
 }
-
-export interface FeatureRequestVote {
-  type: VoteType;
-  votedAt: string;
-}
-
-export interface FeatureRequestSubmitData {
-  title: string;
-  description: string;
-  type: string;
-  rating?: number;
-}
-
-export interface FeatureRequestDataProvider {
-  /** Fetch all feature requests */
-  fetchRequests: () => Promise<FeatureRequestItem[]>;
-  /** Fetch current user's votes */
-  fetchUserVotes: (userId: string) => Promise<Record<string, VoteType>>;
-  /** Vote on a feature request */
-  onVote: (requestId: string, userId: string, type: VoteType) => Promise<void>;
-  /** Submit a new feature request */
-  onSubmit: (data: FeatureRequestSubmitData) => Promise<void>;
-  /** Current user ID (can be anonymous UID) */
-  userId: string | null;
-}

package/src/domains/feedback/infrastructure/useFeatureRequests.ts

@@ -0,0 +1,219 @@
+/**
+ * useFeatureRequests Hook
+ * Internal hook — fetches, votes, submits feature requests via Firestore
+ * Works with both authenticated and anonymous users
+ */
+
+import { useState, useEffect, useCallback, useRef } from "react";
+import { Platform } from "react-native";
+import { useAuth } from "@umituz/react-native-auth";
+import {
+  collection,
+  doc,
+  getDocs,
+  getDoc,
+  setDoc,
+  addDoc,
+  updateDoc,
+  deleteDoc,
+  increment,
+  orderBy,
+  query,
+  serverTimestamp,
+} from "firebase/firestore";
+import { getFirestore } from "@umituz/react-native-firebase";
+import type {
+  FeatureRequestItem,
+  FeatureRequestStatus,
+  VoteType,
+} from "../domain/entities/FeatureRequestEntity";
+
+const COLLECTION = "feature_requests";
+
+export interface UseFeatureRequestsResult {
+  requests: FeatureRequestItem[];
+  userVotes: Record<string, VoteType>;
+  isLoading: boolean;
+  vote: (requestId: string, type: VoteType) => Promise<void>;
+  submitRequest: (data: { title: string; description: string; type: string; rating?: number }) => Promise<void>;
+  reload: () => Promise<void>;
+  userId: string | null;
+}
+
+export function useFeatureRequests(): UseFeatureRequestsResult {
+  const { user } = useAuth();
+  const userId = user?.uid ?? null;
+
+  const [requests, setRequests] = useState<FeatureRequestItem[]>([]);
+  const [userVotes, setUserVotes] = useState<Record<string, VoteType>>({});
+  const [isLoading, setIsLoading] = useState(true);
+
+  // Ref to avoid stale closure in vote()
+  const userVotesRef = useRef(userVotes);
+  userVotesRef.current = userVotes;
+
+  // Guard against rapid double-tap on the same request
+  const votingInProgress = useRef(new Set<string>());
+
+  const fetchAll = useCallback(async () => {
+    const db = getFirestore();
+    if (!db) {
+      setIsLoading(false);
+      return;
+    }
+
+    try {
+      setIsLoading(true);
+
+      const q = query(collection(db, COLLECTION), orderBy("votes", "desc"));
+      const snapshot = await getDocs(q);
+
+      const items: FeatureRequestItem[] = snapshot.docs.map((d) => {
+        const data = d.data();
+        return {
+          id: d.id,
+          title: data.title ?? "",
+          description: data.description ?? "",
+          type: data.type ?? "feature_request",
+          status: (data.status ?? "pending") as FeatureRequestStatus,
+          votes: data.votes ?? 0,
+          commentCount: data.commentCount ?? 0,
+          createdBy: data.createdBy ?? "",
+          isAnonymous: data.isAnonymous ?? false,
+          platform: data.platform ?? "unknown",
+          createdAt: data.createdAt?.toDate?.()?.toISOString?.() ?? new Date().toISOString(),
+          updatedAt: data.updatedAt?.toDate?.()?.toISOString?.() ?? new Date().toISOString(),
+        };
+      });
+
+      setRequests(items);
+
+      // Fetch user votes in parallel (not N+1 sequential)
+      if (userId && snapshot.docs.length > 0) {
+        const votePromises = snapshot.docs.map(async (reqDoc) => {
+          const voteRef = doc(db, COLLECTION, reqDoc.id, "votes", userId);
+          const voteSnap = await getDoc(voteRef);
+          if (voteSnap.exists()) {
+            return [reqDoc.id, voteSnap.data().type as VoteType] as const;
+          }
+          return null;
+        });
+
+        const results = await Promise.all(votePromises);
+        const votes: Record<string, VoteType> = {};
+        for (const result of results) {
+          if (result) votes[result[0]] = result[1];
+        }
+        setUserVotes(votes);
+      } else {
+        setUserVotes({});
+      }
+    } catch (error) {
+      if (__DEV__) console.warn("[useFeatureRequests] Load failed:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [userId]);
+
+  useEffect(() => {
+    fetchAll();
+  }, [fetchAll]);
+
+  const vote = useCallback(async (requestId: string, type: VoteType) => {
+    if (!userId) return;
+
+    // Prevent rapid double-tap on the same request
+    if (votingInProgress.current.has(requestId)) return;
+    votingInProgress.current.add(requestId);
+
+    const db = getFirestore();
+    if (!db) {
+      votingInProgress.current.delete(requestId);
+      return;
+    }
+
+    // Read latest vote from ref (not stale closure)
+    const previousVote = userVotesRef.current[requestId] as VoteType | undefined;
+    const isUndo = previousVote === type;
+
+    // Optimistic UI
+    setUserVotes((prev) => {
+      const next = { ...prev };
+      if (isUndo) { delete next[requestId]; } else { next[requestId] = type; }
+      return next;
+    });
+    setRequests((prev) =>
+      prev.map((r) => {
+        if (r.id !== requestId) return r;
+        let delta = 0;
+        if (isUndo) delta = type === "up" ? -1 : 1;
+        else if (previousVote) delta = type === "up" ? 2 : -2;
+        else delta = type === "up" ? 1 : -1;
+        return { ...r, votes: r.votes + delta };
+      }),
+    );
+
+    try {
+      const voteRef = doc(db, COLLECTION, requestId, "votes", userId);
+      const requestRef = doc(db, COLLECTION, requestId);
+      const existing = await getDoc(voteRef);
+
+      if (existing.exists()) {
+        const prev = existing.data().type as VoteType;
+        if (prev === type) {
+          await deleteDoc(voteRef);
+          await updateDoc(requestRef, { votes: increment(type === "up" ? -1 : 1) });
+        } else {
+          await setDoc(voteRef, { type, votedAt: serverTimestamp() });
+          await updateDoc(requestRef, { votes: increment(type === "up" ? 2 : -2) });
+        }
+      } else {
+        await setDoc(voteRef, { type, votedAt: serverTimestamp() });
+        await updateDoc(requestRef, { votes: increment(type === "up" ? 1 : -1) });
+      }
+    } catch (error) {
+      if (__DEV__) console.warn("[useFeatureRequests] Vote failed:", error);
+      // Rollback using previous known state
+      setUserVotes((prev) => {
+        const next = { ...prev };
+        if (previousVote) next[requestId] = previousVote; else delete next[requestId];
+        return next;
+      });
+      fetchAll();
+    } finally {
+      votingInProgress.current.delete(requestId);
+    }
+  }, [userId, fetchAll]);
+
+  const submitRequest = useCallback(async (data: { title: string; description: string; type: string; rating?: number }) => {
+    const db = getFirestore();
+    if (!db) throw new Error("Firestore not available");
+    if (!userId) throw new Error("User not authenticated");
+
+    // Create the feature request
+    const docRef = await addDoc(collection(db, COLLECTION), {
+      title: data.title,
+      description: data.description,
+      type: data.type || "feature_request",
+      status: "pending",
+      votes: 1,
+      commentCount: 0,
+      createdBy: userId,
+      isAnonymous: user?.isAnonymous ?? false,
+      platform: Platform.OS,
+      rating: data.rating ?? null,
+      createdAt: serverTimestamp(),
+      updatedAt: serverTimestamp(),
+    });
+
+    // Create the creator's upvote doc so votes count matches reality
+    await setDoc(doc(db, COLLECTION, docRef.id, "votes", userId), {
+      type: "up" as VoteType,
+      votedAt: serverTimestamp(),
+    });
+
+    await fetchAll();
+  }, [userId, user?.isAnonymous, fetchAll]);
+
+  return { requests, userVotes, isLoading, vote, submitRequest, reload: fetchAll, userId };
+}

package/src/domains/feedback/presentation/screens/FeatureRequestScreen.tsx

@@ -1,43 +1,25 @@
-import React, { useState, useEffect, useCallback } from "react";
+import React, { useState, useCallback } from "react";
 import {
   View,
   StyleSheet,
   TouchableOpacity,
   ScrollView,
-  FlatList,
   ActivityIndicator,
 } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
-  AtomicButton,
 } from "@umituz/react-native-design-system/atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { FeedbackModal } from "../components/FeedbackModal";
-import type { FeedbackType } from "../../domain/entities/FeedbackEntity";
-import type {
-  FeatureRequestItem,
-  FeatureRequestDataProvider,
-  VoteType,
-} from "../../domain/entities/FeatureRequestEntity";
+import { useFeatureRequests } from "../../infrastructure/useFeatureRequests";
+import type { FeatureRequestItem, VoteType } from "../../domain/entities/FeatureRequestEntity";
 
-interface FeatureRequestScreenProps {
-  config?: {
-    translations?: Record<string, any>;
-    dataProvider?: FeatureRequestDataProvider;
-    onSubmit?: (data: any) => Promise<void>;
-  };
-  texts: any;
-}
-
-export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ config, texts }) => {
+export const FeatureRequestScreen: React.FC<any> = ({ config, texts }) => {
   const tokens = useAppDesignTokens();
-  const dataProvider = config?.dataProvider;
+  const { requests, userVotes, isLoading, vote, submitRequest, userId } = useFeatureRequests();
 
-  const [requests, setRequests] = useState<FeatureRequestItem[]>([]);
-  const [userVotes, setUserVotes] = useState<Record<string, VoteType>>({});
-  const [isLoading, setIsLoading] = useState(true);
   const [activeTab, setActiveTab] = useState<'all' | 'my' | 'roadmap'>('all');
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -63,101 +45,22 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
     dismissed: t.status?.dismissed || "Dismissed",
   };
 
-  const loadData = useCallback(async () => {
-    if (!dataProvider) {
-      setIsLoading(false);
-      return;
-    }
-
-    try {
-      setIsLoading(true);
-      const [fetchedRequests, fetchedVotes] = await Promise.all([
-        dataProvider.fetchRequests(),
-        dataProvider.userId
-          ? dataProvider.fetchUserVotes(dataProvider.userId)
-          : Promise.resolve({} as Record<string, VoteType>),
-      ]);
-      setRequests(fetchedRequests);
-      setUserVotes(fetchedVotes);
-    } catch (error) {
-      if (__DEV__) console.warn("[FeatureRequestScreen] Failed to load data:", error);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [dataProvider]);
-
-  useEffect(() => {
-    loadData();
-  }, [loadData]);
-
-  const handleVote = useCallback(async (id: string, type: VoteType) => {
-    if (!dataProvider?.userId || !dataProvider.onVote) return;
-
-    const previousVote = userVotes[id];
-    const isUndoVote = previousVote === type;
-
-    // Optimistic update
-    setUserVotes(prev => {
-      const next = { ...prev };
-      if (isUndoVote) {
-        delete next[id];
-      } else {
-        next[id] = type;
-      }
-      return next;
-    });
-
-    setRequests(prev => prev.map(req => {
-      if (req.id !== id) return req;
-      let delta = 0;
-      if (isUndoVote) {
-        delta = type === 'up' ? -1 : 1;
-      } else if (previousVote) {
-        delta = type === 'up' ? 2 : -2;
-      } else {
-        delta = type === 'up' ? 1 : -1;
-      }
-      return { ...req, votes: req.votes + delta };
-    }));
-
-    try {
-      await dataProvider.onVote(id, dataProvider.userId, type);
-    } catch (error) {
-      // Revert on failure
-      setUserVotes(prev => {
-        const next = { ...prev };
-        if (previousVote) {
-          next[id] = previousVote;
-        } else {
-          delete next[id];
-        }
-        return next;
-      });
-      loadData();
-      if (__DEV__) console.warn("[FeatureRequestScreen] Vote failed:", error);
-    }
-  }, [dataProvider, userVotes, loadData]);
-
   const handleSubmit = useCallback(async (data: any) => {
-    if (!dataProvider?.onSubmit) return;
-
     setIsSubmitting(true);
     try {
-      await dataProvider.onSubmit({
+      await submitRequest({
         title: data.title || "New Request",
         description: data.description,
         type: data.type || "feature_request",
         rating: data.rating,
       });
       setIsModalVisible(false);
-      // Reload data to get the new request from the database
-      await loadData();
     } catch (error) {
       if (__DEV__) console.warn("[FeatureRequestScreen] Submit failed:", error);
     } finally {
       setIsSubmitting(false);
     }
-  }, [dataProvider, loadData]);
+  }, [submitRequest]);
 
   const getStatusColor = (status: string) => {
     switch (status) {
@@ -173,36 +76,28 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
   const filteredRequests = (() => {
     switch (activeTab) {
       case 'my':
-        return requests.filter(r => r.createdBy === dataProvider?.userId);
+        return requests.filter(r => r.createdBy === userId);
       case 'roadmap':
-        return requests.filter(r => r.status === 'planned' || r.status === 'completed' || r.status === 'review');
+        return requests.filter(r => ['planned', 'completed', 'review'].includes(r.status));
       default:
         return requests;
     }
   })();
 
-  const renderRequestItem = ({ item }: { item: FeatureRequestItem }) => {
+  const renderRequestCard = (item: FeatureRequestItem) => {
     const voted = userVotes[item.id] || null;
 
     return (
-      <View style={[styles.card, { backgroundColor: tokens.colors.surfaceSecondary, borderColor: tokens.colors.borderLight }]}>
+      <View key={item.id} style={[styles.card, { backgroundColor: tokens.colors.surfaceSecondary, borderColor: tokens.colors.borderLight }]}>
         <View style={styles.voteColumn}>
-          <TouchableOpacity onPress={() => handleVote(item.id, 'up')}>
-            <AtomicIcon
-              name="chevron-up"
-              size="md"
-              color={voted === 'up' ? "primary" : "textSecondary" as any}
-            />
+          <TouchableOpacity onPress={() => vote(item.id, 'up')}>
+            <AtomicIcon name="chevron-up" size="md" color={voted === 'up' ? "primary" : "textSecondary" as any} />
           </TouchableOpacity>
           <AtomicText style={[styles.voteCount, { color: voted === 'up' ? tokens.colors.primary : tokens.colors.textPrimary }]}>
             {item.votes}
           </AtomicText>
-          <TouchableOpacity onPress={() => handleVote(item.id, 'down')}>
-            <AtomicIcon
-              name="chevron-down"
-              size="md"
-              color={voted === 'down' ? "primary" : "textSecondary" as any}
-            />
+          <TouchableOpacity onPress={() => vote(item.id, 'down')}>
+            <AtomicIcon name="chevron-down" size="md" color={voted === 'down' ? "primary" : "textSecondary" as any} />
           </TouchableOpacity>
         </View>
 
@@ -221,11 +116,9 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
           </AtomicText>
 
           <View style={styles.cardFooter}>
-            <View style={styles.platformBadge}>
-              <AtomicText style={[styles.platformText, { color: tokens.colors.textTertiary }]}>
-                {item.platform}
-              </AtomicText>
-            </View>
+            <AtomicText style={[styles.platformText, { color: tokens.colors.textTertiary }]}>
+              {item.platform.toUpperCase()}
+            </AtomicText>
             <AtomicText style={[styles.commentCount, { color: tokens.colors.textTertiary }]}>
               {item.commentCount} {t.comment_count?.replace('{{count}}', '') || 'comments'}
             </AtomicText>
@@ -297,13 +190,9 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
             </AtomicText>
           </View>
         ) : (
-          <FlatList
-            data={filteredRequests}
-            renderItem={renderRequestItem}
-            keyExtractor={item => item.id}
-            scrollEnabled={false}
-            contentContainerStyle={styles.listContent}
-          />
+          <View style={styles.listContent}>
+            {filteredRequests.map(renderRequestCard)}
+          </View>
         )}
       </ScrollView>
 
@@ -332,180 +221,36 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
 };
 
 const styles = StyleSheet.create({
-  container: {
-    padding: 16,
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-  },
-  headerTitle: {
-    fontSize: 20,
-    fontWeight: '800',
-  },
-  addButton: {
-    width: 36,
-    height: 36,
-    borderRadius: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  tabsContainer: {
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: 'rgba(255,255,255,0.05)',
-  },
-  tab: {
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderBottomWidth: 2,
-    borderBottomColor: 'transparent',
-  },
-  tabLabel: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: 'rgba(255,255,255,0.5)',
-  },
-  banner: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 16,
-    borderRadius: 16,
-    borderWidth: 1,
-    gap: 12,
-    marginBottom: 20,
-  },
-  bannerIconContainer: {
-    position: 'relative',
-  },
-  pulseDot: {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    backgroundColor: '#10b981',
-  },
-  bannerTitle: {
-    fontSize: 14,
-    fontWeight: '700',
-  },
-  bannerSub: {
-    fontSize: 12,
-  },
-  sectionTitle: {
-    fontSize: 18,
-    fontWeight: '700',
-    marginBottom: 16,
-  },
-  listContent: {
-    gap: 12,
-    paddingBottom: 40,
-  },
-  card: {
-    flexDirection: 'row',
-    padding: 16,
-    borderRadius: 16,
-    borderWidth: 1,
-    gap: 12,
-  },
-  voteColumn: {
-    alignItems: 'center',
-    gap: 4,
-    width: 40,
-  },
-  voteCount: {
-    fontSize: 13,
-    fontWeight: '800',
-  },
-  cardContent: {
-    flex: 1,
-    gap: 8,
-  },
-  cardHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'flex-start',
-    gap: 8,
-  },
-  cardTitle: {
-    fontSize: 15,
-    fontWeight: '700',
-    flex: 1,
-  },
-  statusBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 8,
-    borderWidth: 1,
-  },
-  statusText: {
-    fontSize: 9,
-    fontWeight: '900',
-  },
-  cardDescription: {
-    fontSize: 13,
-    lineHeight: 18,
-  },
-  cardFooter: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginTop: 4,
-  },
-  platformBadge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-  },
-  platformText: {
-    fontSize: 10,
-    fontWeight: '600',
-    textTransform: 'uppercase',
-  },
-  commentCount: {
-    fontSize: 11,
-  },
-  floatingHint: {
-    position: 'absolute',
-    bottom: 40,
-    right: 16,
-    zIndex: 100,
-  },
-  hintBadge: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 20,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 8,
-  },
-  hintText: {
-    color: '#fff',
-    fontSize: 10,
-    fontWeight: '900',
-    textTransform: 'uppercase',
-  },
-  loadingContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingTop: 100,
-  },
-  emptyState: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 60,
-    gap: 12,
-  },
-  emptyText: {
-    fontSize: 14,
-    fontWeight: '500',
-  },
+  container: { padding: 16 },
+  header: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingHorizontal: 16, paddingVertical: 12 },
+  headerTitle: { fontSize: 20, fontWeight: '800' },
+  addButton: { width: 36, height: 36, borderRadius: 12, alignItems: 'center', justifyContent: 'center' },
+  tabsContainer: { flexDirection: 'row', paddingHorizontal: 16, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.05)' },
+  tab: { paddingVertical: 12, paddingHorizontal: 16, borderBottomWidth: 2, borderBottomColor: 'transparent' },
+  tabLabel: { fontSize: 14, fontWeight: '600', color: 'rgba(255,255,255,0.5)' },
+  banner: { flexDirection: 'row', alignItems: 'center', padding: 16, borderRadius: 16, borderWidth: 1, gap: 12, marginBottom: 20 },
+  bannerIconContainer: { position: 'relative' },
+  pulseDot: { position: 'absolute', top: 0, right: 0, width: 8, height: 8, borderRadius: 4, backgroundColor: '#10b981' },
+  bannerTitle: { fontSize: 14, fontWeight: '700' },
+  bannerSub: { fontSize: 12 },
+  sectionTitle: { fontSize: 18, fontWeight: '700', marginBottom: 16 },
+  listContent: { gap: 12, paddingBottom: 40 },
+  card: { flexDirection: 'row', padding: 16, borderRadius: 16, borderWidth: 1, gap: 12 },
+  voteColumn: { alignItems: 'center', gap: 4, width: 40 },
+  voteCount: { fontSize: 13, fontWeight: '800' },
+  cardContent: { flex: 1, gap: 8 },
+  cardHeader: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', gap: 8 },
+  cardTitle: { fontSize: 15, fontWeight: '700', flex: 1 },
+  statusBadge: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 8, borderWidth: 1 },
+  statusText: { fontSize: 9, fontWeight: '900' },
+  cardDescription: { fontSize: 13, lineHeight: 18 },
+  cardFooter: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 4 },
+  platformText: { fontSize: 10, fontWeight: '600' },
+  commentCount: { fontSize: 11 },
+  floatingHint: { position: 'absolute', bottom: 40, right: 16, zIndex: 100 },
+  hintBadge: { paddingHorizontal: 12, paddingVertical: 6, borderRadius: 20, shadowColor: '#000', shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.3, shadowRadius: 4, elevation: 8 },
+  hintText: { color: '#fff', fontSize: 10, fontWeight: '900', textTransform: 'uppercase' },
+  loadingContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', paddingTop: 100 },
+  emptyState: { alignItems: 'center', justifyContent: 'center', paddingVertical: 60, gap: 12 },
+  emptyText: { fontSize: 14, fontWeight: '500' },
 });

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -14,7 +14,6 @@ import { translateFAQData } from "../utils/faqTranslator";
 import { useSettingsConfigFactory } from "../utils/settingsConfigFactory";
 import type { SettingsConfig, SettingsTranslations } from "../screens/types";
 import type { FeedbackFormData } from "../utils/config-creators";
-import type { FeatureRequestDataProvider } from "../../domains/feedback/domain/entities/FeatureRequestEntity";
 import type { AppInfo, FAQData, UserProfileDisplay, AdditionalScreen, AccountConfig } from "../navigation/types";
 
 export interface SettingsFeatures {
@@ -36,7 +35,6 @@ export interface UseSettingsScreenConfigParams {
   faqData?: FAQData;
   isPremium: boolean;
   onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
-  featureRequestDataProvider?: FeatureRequestDataProvider;
   additionalScreens?: AdditionalScreen[];
   features?: SettingsFeatures;
   translations?: SettingsTranslations;
@@ -54,7 +52,7 @@ export interface SettingsScreenConfigResult {
 export const useSettingsScreenConfig = (
   params: UseSettingsScreenConfigParams
 ): SettingsScreenConfigResult => {
-  const { appInfo, faqData, isPremium, onFeedbackSubmit, featureRequestDataProvider, features = {}, translations } = params;
+  const { appInfo, faqData, isPremium, onFeedbackSubmit, features = {}, translations } = params;
 
   const {
     notifications: showNotifications = true,
@@ -104,15 +102,6 @@ export const useSettingsScreenConfig = (
       translations,
     };
 
-    // Merge dataProvider into feedback config
-    if (featureRequestDataProvider && config.feedback) {
-      const existingFeedback = typeof config.feedback === 'object' ? config.feedback : { enabled: true };
-      config.feedback = {
-        ...existingFeedback,
-        dataProvider: featureRequestDataProvider,
-      };
-    }
-
     if (config.subscription && typeof config.subscription === 'object') {
       config.subscription = {
         ...config.subscription,
@@ -143,7 +132,7 @@ export const useSettingsScreenConfig = (
     }
 
     return config;
-  }, [baseSettingsConfig, translations, featureRequestDataProvider]);
+  }, [baseSettingsConfig, translations]);
 
   const userProfile = useMemo(() => createUserProfileDisplay({
     profileData: userProfileData,

package/src/presentation/navigation/hooks/useSettingsScreens.ts

@@ -133,12 +133,9 @@ export const useSettingsScreens = (props: UseSettingsScreensProps): StackScreen[
       title: videoTutorialConfig?.title || featureTranslations?.videoTutorial?.title || "",
     });
 
-    const feedbackConfig = typeof config?.feedback === 'object' ? config.feedback : undefined;
     const featureRequestScreen = createScreenWithProps("FeatureRequest", FeatureRequestScreen, {
       config: {
-        ...feedbackConfig,
         translations: translations?.feedback,
-        dataProvider: feedbackConfig?.dataProvider,
       },
       texts: {
         feedbackTypes: [

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

@@ -5,7 +5,6 @@
 
 import type { FeatureVisibility } from "./BaseTypes";
 import type { FeedbackType } from "../../../domains/feedback/domain/entities/FeedbackEntity";
-import type { FeatureRequestDataProvider } from "../../../domains/feedback/domain/entities/FeatureRequestEntity";
 import type { FAQCategory } from "../../../domains/faqs/domain/entities/FAQEntity";
 import type { SettingsStackParamList } from "../../navigation/types";
 
@@ -45,8 +44,6 @@ export interface FeedbackConfig {
   onSubmit?: (data: { type: FeedbackType; rating: number; description: string; title: string }) => Promise<void>;
   /** Custom handler to open feedback screen (overrides default modal) */
   onPress?: () => void;
-  /** Data provider for feature request screen (fetching, voting, submitting) */
-  dataProvider?: FeatureRequestDataProvider;
 }
 
 /**