@oxyhq/services 10.5.0 → 11.1.0

package/lib/commonjs/ui/screens/trust/TrustFAQScreen.js

@@ -6,45 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _vectorIcons = require("@expo/vector-icons");
 var _Header = _interopRequireDefault(require("../../components/Header.js"));
-var _settingsList = require("@oxyhq/bloom/settings-list");
-var _useI18n = require("../../hooks/useI18n.js");
+var _EmptyState = _interopRequireDefault(require("../../components/EmptyState.js"));
+var _searchInput = require("@oxyhq/bloom/search-input");
+var _accordion = require("@oxyhq/bloom/accordion");
+var _typography = require("@oxyhq/bloom/typography");
 var _theme = require("@oxyhq/bloom/theme");
-var _core = require("@oxyhq/core");
-var _useColorScheme = require("../../hooks/useColorScheme.js");
-var _theme2 = require("../../constants/theme.js");
+var _useI18n = require("../../hooks/useI18n.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const FAQ_KEYS = ['what', 'earn', 'lose', 'use', 'transfer', 'support'];
 
 /**
- * TrustFAQScreen - Optimized for performance
+ * TrustFAQScreen
  *
- * Performance optimizations implemented:
- * - useMemo for theme calculations (only recalculates when theme changes)
- * - useMemo for filtered FAQs (only recalculates when search changes)
- * - useCallback for event handlers to prevent unnecessary re-renders
- * - React.memo wrapper to prevent re-renders when props haven't changed
+ * Frequently asked questions about Oxy Trust, rendered with the shared Bloom
+ * Accordion (single-expand) + SearchInput. Styling is centralized Bloom token
+ * classes; the Bloom Accordion owns its own expand/collapse animation, so no
+ * `LayoutAnimation` is used here.
  */
 const TrustFAQScreen = ({
-  goBack,
-  theme
+  goBack
 }) => {
   const {
     t
   } = (0, _useI18n.useI18n)();
-  const [expanded, setExpanded] = (0, _react.useState)(null);
-  const [search, setSearch] = (0, _react.useState)('');
-
-  // Memoize theme-related calculations to prevent unnecessary recalculations
   const bloomTheme = (0, _theme.useTheme)();
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const normalizedColorScheme = (0, _core.normalizeColorScheme)(colorScheme);
-  const colors = _theme2.Colors[normalizedColorScheme];
-
-  // Memoize filtered FAQs to prevent filtering on every render
+  const [search, setSearch] = (0, _react.useState)('');
+  const [expanded, setExpanded] = (0, _react.useState)(undefined);
   const faqs = (0, _react.useMemo)(() => FAQ_KEYS.map(key => ({
     id: key,
     q: t(`trust.faq.items.${key}.q`) || '',
@@ -55,132 +45,52 @@ const TrustFAQScreen = ({
     const searchLower = search.toLowerCase();
     return faqs.filter(faq => faq.q.toLowerCase().includes(searchLower) || faq.a.toLowerCase().includes(searchLower));
   }, [search, faqs]);
-
-  // Memoize toggle handler to prevent recreation on every render
-  const handleToggle = (0, _react.useCallback)(id => {
-    _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
-    setExpanded(prev => prev === id ? null : id);
+  const handleAccordionChange = (0, _react.useCallback)(value => {
+    setExpanded(Array.isArray(value) ? value[0] : value);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
       title: t('trust.faq.title') || 'Trust FAQ',
       subtitle: t('trust.faq.subtitle') || 'Frequently asked questions about Oxy Trust',
       subtitleVariant: "muted",
       onBack: goBack,
       elevation: "subtle"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      contentContainerStyle: styles.contentContainer,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "px-screen-margin pt-space-20 pb-space-12",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchInput.SearchInput, {
+        label: t('trust.faq.search') || 'Search FAQ...',
+        value: search,
+        onChangeText: setSearch,
+        onClearText: () => setSearch(''),
+        accessibilityLabel: "Search Trust FAQ"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      className: "flex-1 px-screen-margin",
       showsVerticalScrollIndicator: false,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.searchContainer, {
-          backgroundColor: colors.card
-        }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-          name: "search",
-          size: 22,
-          color: colors.icon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          style: [styles.searchInput, {
-            color: bloomTheme.colors.text
-          }],
-          placeholder: t('trust.faq.search') || 'Search FAQ...',
-          placeholderTextColor: bloomTheme.colors.textTertiary,
-          value: search,
-          onChangeText: setSearch,
-          returnKeyType: "search"
-        })]
-      }), filteredFaqs.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.noResults, {
-          color: colors.secondaryText
-        }],
-        children: t('trust.faq.noResults', {
+      children: filteredFaqs.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.default, {
+        message: t('trust.faq.noResults', {
           query: search
-        }) || `No FAQ items found matching "${search}"`
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.groupedSectionContainer,
-        children: filteredFaqs.map((faq, idx) => {
-          const isExpanded = expanded === faq.id;
-          const isLast = idx === filteredFaqs.length - 1;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.faqItemWrapper, {
-              marginBottom: idx < filteredFaqs.length - 1 ? 4 : 0
-            }],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              title: faq.q,
-              onPress: () => handleToggle(faq.id),
-              showChevron: false,
-              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                name: isExpanded ? 'chevron-up' : 'chevron-down',
-                size: 20,
-                color: colors.icon
-              })
-            }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.answerContainer, {
-                backgroundColor: colors.card
-              }, isLast && styles.lastAnswerContainer],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.answer, {
-                  color: bloomTheme.colors.text
-                }],
-                children: faq.a
-              })
-            })]
-          }, faq.id);
-        })
-      })]
+        }) || `No FAQ items found matching "${search}"`,
+        textColor: bloomTheme.colors.text
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_accordion.Accordion, {
+        type: "single",
+        value: expanded,
+        onValueChange: handleAccordionChange,
+        children: filteredFaqs.map(faq => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_accordion.AccordionItem, {
+          value: faq.id,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_accordion.AccordionTrigger, {
+            children: faq.q
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_accordion.AccordionContent, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+              className: "font-sans text-bodyMedium text-text-secondary",
+              children: faq.a
+            })
+          })]
+        }, faq.id))
+      })
     })]
   });
 };
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    paddingHorizontal: 24,
-    paddingTop: 20,
-    paddingBottom: 40
-  },
-  searchContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    marginBottom: 12,
-    borderRadius: 999,
-    gap: 10
-  },
-  searchInput: {
-    flex: 1,
-    fontSize: 16,
-    lineHeight: 20
-  },
-  groupedSectionContainer: {
-    width: '100%'
-  },
-  faqItemWrapper: {
-    width: '100%'
-  },
-  answerContainer: {
-    paddingHorizontal: 10,
-    paddingTop: 4,
-    paddingBottom: 12
-  },
-  lastAnswerContainer: {
-    borderBottomLeftRadius: 18,
-    borderBottomRightRadius: 18
-  },
-  answer: {
-    fontSize: 14,
-    lineHeight: 20
-  },
-  noResults: {
-    fontSize: 16,
-    marginTop: 32,
-    textAlign: 'center'
-  }
-});
 var _default = exports.default = /*#__PURE__*/_react.default.memo(TrustFAQScreen);
 //# sourceMappingURL=TrustFAQScreen.js.map

package/lib/commonjs/ui/screens/trust/TrustFAQScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_Header","_interopRequireDefault","_settingsList","_useI18n","_theme","_core","_useColorScheme","_theme2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FAQ_KEYS","TrustFAQScreen","goBack","theme","useI18n","expanded","setExpanded","useState","search","setSearch","bloomTheme","useTheme","colorScheme","useColorScheme","normalizedColorScheme","normalizeColorScheme","colors","Colors","faqs","useMemo","map","key","id","q","a","filteredFaqs","trim","searchLower","toLowerCase","filter","faq","includes","handleToggle","useCallback","LayoutAnimation","configureNext","Presets","easeInEaseOut","prev","jsxs","View","style","styles","container","backgroundColor","background","children","jsx","title","subtitle","subtitleVariant","onBack","elevation","ScrollView","contentContainerStyle","contentContainer","showsVerticalScrollIndicator","searchContainer","card","Ionicons","name","size","color","icon","TextInput","searchInput","text","placeholder","placeholderTextColor","textTertiary","value","onChangeText","returnKeyType","length","Text","noResults","secondaryText","query","groupedSectionContainer","idx","isExpanded","isLast","faqItemWrapper","marginBottom","SettingsListItem","onPress","showChevron","rightElement","answerContainer","lastAnswerContainer","answer","StyleSheet","create","flex","paddingHorizontal","paddingTop","paddingBottom","flexDirection","alignItems","paddingVertical","borderRadius","gap","fontSize","lineHeight","width","borderBottomLeftRadius","borderBottomRightRadius","marginTop","textAlign","_default","exports","React","memo"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustFAQScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Header","_interopRequireDefault","_EmptyState","_searchInput","_accordion","_typography","_theme","_useI18n","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FAQ_KEYS","TrustFAQScreen","goBack","useI18n","bloomTheme","useTheme","search","setSearch","useState","expanded","setExpanded","undefined","faqs","useMemo","map","key","id","q","a","filteredFaqs","trim","searchLower","toLowerCase","filter","faq","includes","handleAccordionChange","useCallback","value","Array","isArray","jsxs","View","className","children","jsx","title","subtitle","subtitleVariant","onBack","elevation","SearchInput","label","onChangeText","onClearText","accessibilityLabel","ScrollView","showsVerticalScrollIndicator","length","message","query","textColor","colors","text","Accordion","type","onValueChange","AccordionItem","AccordionTrigger","AccordionContent","Text","_default","exports","React","memo"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustFAQScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/screens/trust/TrustLeaderboardScreen.js

@@ -6,162 +6,229 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _core = require("@oxyhq/core");
+var _theme = require("@oxyhq/bloom/theme");
+var _typography = require("@oxyhq/bloom/typography");
+var _chip = require("@oxyhq/bloom/chip");
+var _button = require("@oxyhq/bloom/button");
+var _vectorIcons = require("@expo/vector-icons");
 var _Avatar = _interopRequireDefault(require("../../components/Avatar.js"));
 var _Header = _interopRequireDefault(require("../../components/Header.js"));
 var _useI18n = require("../../hooks/useI18n.js");
-var _theme = require("@oxyhq/bloom/theme");
 var _OxyContext = require("../../context/OxyContext.js");
 var _trustTier = require("./trustTier.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AVATAR_SIZE = 40;
+const EMPTY_ICON_SIZE = 64;
+const ERROR_ICON_SIZE = 48;
+/** Ranks within the podium (1–3) get a highlighted row surface. */
+const PODIUM_RANK = 3;
 const TrustLeaderboardScreen = ({
   goBack,
-  theme,
   navigate
 }) => {
-  // Use useOxy() hook for OxyContext values
   const {
-    oxyServices
+    oxyServices,
+    user: currentUser
   } = (0, _OxyContext.useOxy)();
   const {
-    t
+    t,
+    locale
   } = (0, _useI18n.useI18n)();
+  const bloomTheme = (0, _theme.useTheme)();
   const [leaderboard, setLeaderboard] = (0, _react.useState)([]);
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [error, setError] = (0, _react.useState)(null);
-  const bloomTheme = (0, _theme.useTheme)();
-  // Override primaryColor for Oxy Trust screens (purple instead of blue)
-  const primaryColor = '#d169e5';
-  (0, _react.useEffect)(() => {
+  const currentUserId = currentUser?.id ?? '';
+  const loadLeaderboard = (0, _react.useCallback)(() => {
     setIsLoading(true);
     setError(null);
-    oxyServices.getReputationLeaderboard().then(data => setLeaderboard(Array.isArray(data) ? data : [])).catch(err => setError((err instanceof Error ? err.message : null) || 'Failed to load leaderboard')).finally(() => setIsLoading(false));
+    oxyServices.getReputationLeaderboard().then(data => setLeaderboard(Array.isArray(data) ? data : [])).catch(err => {
+      _core.logger.error('Failed to load trust leaderboard', err instanceof Error ? err : new Error(String(err)), {
+        component: 'TrustLeaderboardScreen'
+      });
+      setError(err instanceof Error ? err.message : null);
+    }).finally(() => setIsLoading(false));
   }, [oxyServices]);
+  (0, _react.useEffect)(() => {
+    loadLeaderboard();
+  }, [loadLeaderboard]);
+  const title = t('trust.leaderboard.title') || 'Trust Leaderboard';
+  const subtitle = t('trust.leaderboard.subtitle') || 'Top contributors in the community';
+  const handleEntryPress = (0, _react.useCallback)(entry => {
+    navigate?.('Profile', {
+      userId: entry.user.id,
+      username: entry.user.username
+    });
+  }, [navigate]);
+  const renderEntry = (0, _react.useCallback)(({
+    item
+  }) => {
+    const displayName = (0, _core.getAccountDisplayName)(item.user, locale);
+    const isViewer = currentUserId !== '' && item.user.id === currentUserId;
+    const isPodium = item.rank <= PODIUM_RANK;
+    // Viewer's own row and podium ranks get a subtle highlighted surface.
+    const highlightClass = isViewer || isPodium ? 'bg-fill-secondary' : '';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: styles.row,
+      className: `px-screen-margin py-space-12 gap-space-12 rounded-radius-12 ${highlightClass}`,
+      onPress: () => handleEntryPress(item),
+      activeOpacity: 0.7,
+      accessibilityRole: "button",
+      accessibilityLabel: `${displayName}, ${t('trust.leaderboard.rankLabel', {
+        rank: item.rank
+      }) || `rank ${item.rank}`}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        className: "text-text-secondary font-bold text-subtitle text-center",
+        style: styles.rank,
+        numberOfLines: 1,
+        children: item.rank
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        uri: item.user.avatar ? oxyServices.getFileDownloadUrl(item.user.avatar, 'thumb') : undefined,
+        name: displayName,
+        size: AVATAR_SIZE
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.userColumn,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text font-medium text-base",
+          numberOfLines: 1,
+          children: displayName
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.tierRow,
+          className: "mt-space-4",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chip.Chip, {
+            size: "small",
+            variant: "soft",
+            color: isPodium ? 'primary' : 'default',
+            children: (0, _trustTier.getTrustTierLabel)(item.trustTier, t)
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        className: "text-text font-bold text-base",
+        numberOfLines: 1,
+        children: item.total
+      })]
+    });
+  }, [oxyServices, locale, currentUserId, handleEntryPress, t]);
+  const keyExtractor = (0, _react.useCallback)((item, index) => item.user.id || `entry-${index}`, []);
+  const ItemSeparator = (0, _react.useMemo)(() => () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.separator,
+    className: "border-b border-border-image"
+  }), []);
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "flex-1 bg-bg",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
+        title: title,
+        subtitle: subtitle,
+        onBack: goBack,
+        elevation: "subtle"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.center,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: bloomTheme.colors.primary
+        })
+      })]
+    });
+  }
+  if (error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "flex-1 bg-bg",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
+        title: title,
+        subtitle: subtitle,
+        onBack: goBack,
+        elevation: "subtle"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.center,
+        className: "px-space-32 gap-space-16",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          name: "alert-circle",
+          size: ERROR_ICON_SIZE,
+          color: bloomTheme.colors.error
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text-secondary text-base text-center",
+          children: error || t('trust.leaderboard.error') || 'Failed to load leaderboard'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "primary",
+          onPress: loadLeaderboard,
+          children: t('common.retry') || 'Retry'
+        })]
+      })]
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      title: t('trust.leaderboard.title') || 'Trust Leaderboard',
-      subtitle: t('trust.leaderboard.subtitle') || 'Top contributors in the community',
+      title: title,
+      subtitle: subtitle,
       onBack: goBack,
       elevation: "subtle"
-    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      size: "large",
-      color: primaryColor,
-      style: {
-        marginTop: 40
-      }
-    }) : error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.error, {
-        color: bloomTheme.colors.error
-      }],
-      children: error
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      contentContainerStyle: styles.listContainer,
-      children: leaderboard.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.placeholder, {
-          color: bloomTheme.colors.text
-        }],
-        children: t('trust.leaderboard.empty') || 'No leaderboard data.'
-      }) : leaderboard.map(entry => {
-        const username = entry.user.username;
-        const displayName = username || entry.user.id;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.row, {
-            borderColor: bloomTheme.colors.border
-          }, entry.rank <= 3 && {
-            backgroundColor: bloomTheme.colors.primarySubtle
-          }],
-          onPress: () => navigate?.('Profile', {
-            userId: entry.user.id,
-            username
-          }),
-          activeOpacity: 0.7,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.rank, {
-              color: primaryColor
-            }],
-            children: entry.rank
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-            name: username || 'User',
-            size: 40,
-            style: styles.avatar
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.userColumn,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.username, {
-                color: bloomTheme.colors.text
-              }],
-              numberOfLines: 1,
-              children: displayName
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.tier, {
-                color: bloomTheme.colors.textTertiary
-              }],
-              numberOfLines: 1,
-              children: (0, _trustTier.getTrustTierLabel)(entry.trustTier, t)
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.reputation, {
-              color: primaryColor
-            }],
-            children: entry.total
-          })]
-        }, entry.user.id);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      data: leaderboard,
+      renderItem: renderEntry,
+      keyExtractor: keyExtractor,
+      contentContainerStyle: styles.listContent,
+      className: "px-space-8 pt-space-12",
+      ItemSeparatorComponent: ItemSeparator,
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.emptyContainer,
+        className: "px-space-32 gap-space-8",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          name: "trophy-outline",
+          size: EMPTY_ICON_SIZE,
+          color: bloomTheme.colors.textSecondary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H6, {
+          className: "text-text text-center mt-space-8",
+          children: t('trust.leaderboard.empty') || 'No leaderboard data'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text-secondary text-sm text-center",
+          children: t('trust.leaderboard.emptyDesc') || 'Top contributors will appear here as the community grows.'
+        })]
       })
     })]
   });
 };
+
+// Layout-only styles: flex centering, measured rank column width, separator
+// inset, and row flex layout. Colors, spacing, radius, and typography roles
+// live on Bloom components + NativeWind token classes.
 const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
+  center: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
   },
-  listContainer: {
-    paddingBottom: 40,
-    paddingTop: 20
+  listContent: {
+    flexGrow: 1,
+    paddingBottom: 40
   },
   row: {
     flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 20,
-    borderBottomWidth: 1
+    alignItems: 'center'
   },
   rank: {
-    fontSize: 20,
-    width: 32,
-    textAlign: 'center',
-    fontWeight: 'bold'
-  },
-  avatar: {
-    marginHorizontal: 8
+    width: 28
   },
   userColumn: {
-    flex: 1,
-    marginLeft: 8
-  },
-  username: {
-    fontSize: 16
-  },
-  tier: {
-    fontSize: 12,
-    marginTop: 1
+    flex: 1
   },
-  reputation: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    marginLeft: 12
+  tierRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
   },
-  placeholder: {
-    fontSize: 16,
-    textAlign: 'center',
-    marginTop: 40
+  // Inset the hairline separator to align with the start of the entry's text
+  // content (rank column + avatar + screen margin + gaps).
+  separator: {
+    marginLeft: 80
   },
-  error: {
-    fontSize: 16,
-    textAlign: 'center',
-    marginTop: 40
+  emptyContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 80
   }
 });
 var _default = exports.default = TrustLeaderboardScreen;