@oxyhq/services 11.0.0 → 11.1.1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_Avatar","_interopRequireDefault","_Header","_useI18n","_theme","_OxyContext","_trustTier","_jsxRuntime","e","__esModule","default","TrustLeaderboardScreen","goBack","theme","navigate","oxyServices","useOxy","t","useI18n","leaderboard","setLeaderboard","useState","isLoading","setIsLoading","error","setError","bloomTheme","useTheme","primaryColor","useEffect","getReputationLeaderboard","then","data","Array","isArray","catch","err","Error","message","finally","jsxs","View","style","styles","container","backgroundColor","colors","background","children","jsx","title","subtitle","onBack","elevation","ActivityIndicator","size","color","marginTop","Text","ScrollView","contentContainerStyle","listContainer","length","placeholder","text","map","entry","username","user","displayName","id","TouchableOpacity","row","borderColor","border","rank","primarySubtle","onPress","userId","activeOpacity","name","avatar","userColumn","numberOfLines","tier","textTertiary","getTrustTierLabel","trustTier","reputation","total","StyleSheet","create","flex","paddingBottom","paddingTop","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","fontSize","width","textAlign","fontWeight","marginHorizontal","marginLeft","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustLeaderboardScreen.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAgD,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAG,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,sBAAiD,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAS,CAAC,KAAK;EACvF;EACA,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,kBAAM,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAA+B,EAAE,CAAC;EAChF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAChD,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAJ,eAAQ,EAAgB,IAAI,CAAC;EAEvD,MAAMK,UAAU,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC7B;EACA,MAAMC,YAAY,GAAG,SAAS;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACZN,YAAY,CAAC,IAAI,CAAC;IAClBE,QAAQ,CAAC,IAAI,CAAC;IACdV,WAAW,CAACe,wBAAwB,CAAC,CAAC,CACjCC,IAAI,CAAEC,IAAI,IAAKZ,cAAc,CAACa,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,GAAGA,IAAI,GAAG,EAAE,CAAC,CAAC,CAC/DG,KAAK,CAAEC,GAAY,IAAKX,QAAQ,CAAC,CAACW,GAAG,YAAYC,KAAK,GAAGD,GAAG,CAACE,OAAO,GAAG,IAAI,KAAK,4BAA4B,CAAC,CAAC,CAC9GC,OAAO,CAAC,MAAMhB,YAAY,CAAC,KAAK,CAAC,CAAC;EAC3C,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,oBACI,IAAAR,WAAA,CAAAiC,IAAA,EAACzC,YAAA,CAAA0C,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEnB,UAAU,CAACoB,MAAM,CAACC;IAAW,CAAC,CAAE;IAAAC,QAAA,gBAC/E,IAAAzC,WAAA,CAAA0C,GAAA,EAAC/C,OAAA,CAAAQ,OAAM;MACHwC,KAAK,EAAEjC,CAAC,CAAC,yBAAyB,CAAC,IAAI,mBAAoB;MAC3DkC,QAAQ,EAAElC,CAAC,CAAC,4BAA4B,CAAC,IAAI,mCAAoC;MAEjFmC,MAAM,EAAExC,MAAO;MACfyC,SAAS,EAAC;IAAQ,CACrB,CAAC,EACD/B,SAAS,gBACN,IAAAf,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAAuD,iBAAiB;MAACC,IAAI,EAAC,OAAO;MAACC,KAAK,EAAE5B,YAAa;MAACc,KAAK,EAAE;QAAEe,SAAS,EAAE;MAAG;IAAE,CAAE,CAAC,GACjFjC,KAAK,gBACL,IAAAjB,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;MAAChB,KAAK,EAAE,CAACC,MAAM,CAACnB,KAAK,EAAE;QAAEgC,KAAK,EAAE9B,UAAU,CAACoB,MAAM,CAACtB;MAAM,CAAC,CAAE;MAAAwB,QAAA,EAAExB;IAAK,CAAO,CAAC,gBAE/E,IAAAjB,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA4D,UAAU;MAACC,qBAAqB,EAAEjB,MAAM,CAACkB,aAAc;MAAAb,QAAA,EACnD7B,WAAW,CAAC2C,MAAM,KAAK,CAAC,gBACrB,IAAAvD,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;QAAChB,KAAK,EAAE,CAACC,MAAM,CAACoB,WAAW,EAAE;UAAEP,KAAK,EAAE9B,UAAU,CAACoB,MAAM,CAACkB;QAAK,CAAC,CAAE;QAAAhB,QAAA,EAAE/B,CAAC,CAAC,yBAAyB,CAAC,IAAI;MAAsB,CAAO,CAAC,GAErIE,WAAW,CAAC8C,GAAG,CAAEC,KAAK,IAAK;QACvB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,IAAI,CAACD,QAAQ;QACpC,MAAME,WAAW,GAAGF,QAAQ,IAAID,KAAK,CAACE,IAAI,CAACE,EAAE;QAC7C,oBACI,IAAA/D,WAAA,CAAAiC,IAAA,EAACzC,YAAA,CAAAwE,gBAAgB;UAEb7B,KAAK,EAAE,CAACC,MAAM,CAAC6B,GAAG,EAAE;YAAEC,WAAW,EAAE/C,UAAU,CAACoB,MAAM,CAAC4B;UAAO,CAAC,EAAER,KAAK,CAACS,IAAI,IAAI,CAAC,IAAI;YAAE9B,eAAe,EAAEnB,UAAU,CAACoB,MAAM,CAAC8B;UAAc,CAAC,CAAE;UACxIC,OAAO,EAAEA,CAAA,KAAM/D,QAAQ,GAAG,SAAS,EAAE;YAAEgE,MAAM,EAAEZ,KAAK,CAACE,IAAI,CAACE,EAAE;YAAEH;UAAS,CAAC,CAAE;UAC1EY,aAAa,EAAE,GAAI;UAAA/B,QAAA,gBAEnB,IAAAzC,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;YAAChB,KAAK,EAAE,CAACC,MAAM,CAACgC,IAAI,EAAE;cAAEnB,KAAK,EAAE5B;YAAa,CAAC,CAAE;YAAAoB,QAAA,EAAEkB,KAAK,CAACS;UAAI,CAAO,CAAC,eACxE,IAAApE,WAAA,CAAA0C,GAAA,EAACjD,OAAA,CAAAU,OAAM;YAACsE,IAAI,EAAEb,QAAQ,IAAI,MAAO;YAACZ,IAAI,EAAE,EAAG;YAACb,KAAK,EAAEC,MAAM,CAACsC;UAAO,CAAE,CAAC,eACpE,IAAA1E,WAAA,CAAAiC,IAAA,EAACzC,YAAA,CAAA0C,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACuC,UAAW;YAAAlC,QAAA,gBAC3B,IAAAzC,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;cAAChB,KAAK,EAAE,CAACC,MAAM,CAACwB,QAAQ,EAAE;gBAAEX,KAAK,EAAE9B,UAAU,CAACoB,MAAM,CAACkB;cAAK,CAAC,CAAE;cAACmB,aAAa,EAAE,CAAE;cAAAnC,QAAA,EAAEqB;YAAW,CAAO,CAAC,eACzG,IAAA9D,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;cAAChB,KAAK,EAAE,CAACC,MAAM,CAACyC,IAAI,EAAE;gBAAE5B,KAAK,EAAE9B,UAAU,CAACoB,MAAM,CAACuC;cAAa,CAAC,CAAE;cAACF,aAAa,EAAE,CAAE;cAAAnC,QAAA,EACnF,IAAAsC,4BAAiB,EAACpB,KAAK,CAACqB,SAAS,EAAEtE,CAAC;YAAC,CACpC,CAAC;UAAA,CACL,CAAC,eACP,IAAAV,WAAA,CAAA0C,GAAA,EAAClD,YAAA,CAAA2D,IAAI;YAAChB,KAAK,EAAE,CAACC,MAAM,CAAC6C,UAAU,EAAE;cAAEhC,KAAK,EAAE5B;YAAa,CAAC,CAAE;YAAAoB,QAAA,EAAEkB,KAAK,CAACuB;UAAK,CAAO,CAAC;QAAA,GAb1EvB,KAAK,CAACE,IAAI,CAACE,EAcF,CAAC;MAE3B,CAAC;IACJ,CACO,CACf;EAAA,CACC,CAAC;AAEf,CAAC;AAED,MAAM3B,MAAM,GAAG+C,uBAAU,CAACC,MAAM,CAAC;EAC7B/C,SAAS,EAAE;IAAEgD,IAAI,EAAE;EAAE,CAAC;EACtB/B,aAAa,EAAE;IAAEgC,aAAa,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpDtB,GAAG,EAAE;IACDuB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,iBAAiB,EAAE;EACvB,CAAC;EACDxB,IAAI,EAAE;IAAEyB,QAAQ,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,SAAS,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAO,CAAC;EAC1EtB,MAAM,EAAE;IAAEuB,gBAAgB,EAAE;EAAE,CAAC;EAC/BtB,UAAU,EAAE;IAAEU,IAAI,EAAE,CAAC;IAAEa,UAAU,EAAE;EAAE,CAAC;EACtCtC,QAAQ,EAAE;IAAEiC,QAAQ,EAAE;EAAG,CAAC;EAC1BhB,IAAI,EAAE;IAAEgB,QAAQ,EAAE,EAAE;IAAE3C,SAAS,EAAE;EAAE,CAAC;EACpC+B,UAAU,EAAE;IAAEY,QAAQ,EAAE,EAAE;IAAEG,UAAU,EAAE,MAAM;IAAEE,UAAU,EAAE;EAAG,CAAC;EAChE1C,WAAW,EAAE;IAAEqC,QAAQ,EAAE,EAAE;IAAEE,SAAS,EAAE,QAAQ;IAAE7C,SAAS,EAAE;EAAG,CAAC;EACjEjC,KAAK,EAAE;IAAE4E,QAAQ,EAAE,EAAE;IAAEE,SAAS,EAAE,QAAQ;IAAE7C,SAAS,EAAE;EAAG;AAC9D,CAAC,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEYC,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_core","_theme","_typography","_chip","_button","_vectorIcons","_Avatar","_interopRequireDefault","_Header","_useI18n","_OxyContext","_trustTier","_jsxRuntime","e","__esModule","default","AVATAR_SIZE","EMPTY_ICON_SIZE","ERROR_ICON_SIZE","PODIUM_RANK","TrustLeaderboardScreen","goBack","navigate","oxyServices","user","currentUser","useOxy","t","locale","useI18n","bloomTheme","useTheme","leaderboard","setLeaderboard","useState","isLoading","setIsLoading","error","setError","currentUserId","id","loadLeaderboard","useCallback","getReputationLeaderboard","then","data","Array","isArray","catch","err","logger","Error","String","component","message","finally","useEffect","title","subtitle","handleEntryPress","entry","userId","username","renderEntry","item","displayName","getAccountDisplayName","isViewer","isPodium","rank","highlightClass","jsxs","TouchableOpacity","style","styles","row","className","onPress","activeOpacity","accessibilityRole","accessibilityLabel","children","jsx","Text","numberOfLines","uri","avatar","getFileDownloadUrl","undefined","name","size","View","userColumn","tierRow","Chip","variant","color","getTrustTierLabel","trustTier","total","keyExtractor","index","ItemSeparator","useMemo","separator","onBack","elevation","center","ActivityIndicator","colors","primary","Ionicons","Button","FlatList","renderItem","contentContainerStyle","listContent","ItemSeparatorComponent","ListEmptyComponent","emptyContainer","textSecondary","H6","StyleSheet","create","flex","justifyContent","alignItems","flexGrow","paddingBottom","flexDirection","width","marginLeft","paddingTop","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustLeaderboardScreen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -8,18 +8,63 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _Header = _interopRequireDefault(require("../../components/Header.js"));
 var _vectorIcons = require("@expo/vector-icons");
-var _useI18n = require("../../hooks/useI18n.js");
 var _theme = require("@oxyhq/bloom/theme");
-var _core = require("@oxyhq/core");
-var _useColorScheme = require("../../hooks/useColorScheme.js");
-var _theme2 = require("../../constants/theme.js");
+var _typography = require("@oxyhq/bloom/typography");
+var _useI18n = require("../../hooks/useI18n.js");
 var _OxyContext = require("../../context/OxyContext.js");
 var _colorUtils = require("../../utils/colorUtils.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Per-achievement identity tints. Like the trust-tier palette in `trustTier.ts`,
+ * these are data, not theme surfaces — they brand each badge regardless of theme.
+ */
+const ACHIEVEMENT_TINT = {
+  gray: '#8E8E93',
+  green: '#34C759',
+  blue: '#007AFF',
+  orange: '#FF9500',
+  purple: '#AF52DE',
+  pink: '#FF2D55',
+  gold: '#FFD700',
+  red: '#FF3B30',
+  indigo: '#5E5CE6'
+};
+
+/** Rarity-tier identity tints for the corner rarity accent. */
+const RARITY_TINT = {
+  legendary: ACHIEVEMENT_TINT.gold,
+  epic: ACHIEVEMENT_TINT.purple,
+  rare: ACHIEVEMENT_TINT.blue,
+  common: ''
+};
+
+/** Contrast-locked foreground for icons/value text painted over a colored badge fill. */
+const BADGE_ON_COLOR = '#FFFFFF';
+
+/** Reputation thresholds that unlock each milestone, and the value shown on its badge. */
+const ACHIEVEMENT_VALUE = {
+  'first-step': 1,
+  novice: 10,
+  contributor: 50,
+  'rising-star': 100,
+  'early-adopter': 200,
+  'community-hero': 500,
+  legend: 1000,
+  phoenix: 2500,
+  unstoppable: 5000,
+  helper: 10,
+  'streak-master': 7
+};
+const BADGE_BORDER_WIDTH = 5;
+const BADGE_GLOW_OPACITY = 0.3;
+const BADGE_DARKEN = 0.45;
+const BADGE_LIGHTEN = 0.25;
+const RARITY_DARKEN = 0.4;
+const ACCENT_LIGHTEN = 0.1;
+const LOCKED_OPACITY = 0.5;
 const TrustRewardsScreen = ({
-  goBack,
-  theme
+  goBack
 }) => {
   const {
     t
@@ -30,14 +75,9 @@ const TrustRewardsScreen = ({
     isAuthenticated
   } = (0, _OxyContext.useOxy)();
   const [reputationTotal, setReputationTotal] = (0, _react.useState)(0);
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const [, setIsLoading] = (0, _react.useState)(true);
   const bloomTheme = (0, _theme.useTheme)();
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const normalizedColorScheme = (0, _core.normalizeColorScheme)(colorScheme);
-  const colors = _theme2.Colors[normalizedColorScheme];
-  const themeStyles = (0, _react.useMemo)(() => ({
-    primaryColor: '#d169e5'
-  }), []);
+  const colors = bloomTheme.colors;
   (0, _react.useEffect)(() => {
     if (!user || !isAuthenticated) {
       setIsLoading(false);
@@ -56,7 +96,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.firstStepDesc') || 'Earned your first reputation point',
     category: 'milestone',
     icon: 'footsteps',
-    iconColor: '#8E8E93',
+    iconColor: ACHIEVEMENT_TINT.gray,
     unlocked: reputationTotal >= 1,
     rarity: 'common'
   }, {
@@ -65,7 +105,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.noviceDesc') || 'Reached 10 reputation points',
     category: 'milestone',
     icon: 'leaf',
-    iconColor: '#34C759',
+    iconColor: ACHIEVEMENT_TINT.green,
     unlocked: reputationTotal >= 10,
     rarity: 'common'
   }, {
@@ -73,8 +113,8 @@ const TrustRewardsScreen = ({
     name: t('trust.achievements.contributor') || 'Contributor',
     description: t('trust.achievements.contributorDesc') || 'Reached 50 reputation points',
     category: 'contribution',
-    icon: 'account-group',
-    iconColor: '#007AFF',
+    icon: 'people',
+    iconColor: ACHIEVEMENT_TINT.blue,
     unlocked: reputationTotal >= 50,
     rarity: 'common'
   }, {
@@ -83,7 +123,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.risingStarDesc') || 'Reached 100 reputation points',
     category: 'milestone',
     icon: 'star',
-    iconColor: '#FF9500',
+    iconColor: ACHIEVEMENT_TINT.orange,
     unlocked: reputationTotal >= 100,
     rarity: 'rare'
   }, {
@@ -92,7 +132,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.earlyAdopterDesc') || 'Been part of the community from the start',
     category: 'special',
     icon: 'rocket',
-    iconColor: '#AF52DE',
+    iconColor: ACHIEVEMENT_TINT.purple,
     unlocked: reputationTotal >= 200,
     rarity: 'rare'
   }, {
@@ -101,7 +141,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.communityHeroDesc') || 'Reached 500 reputation points',
     category: 'contribution',
     icon: 'shield',
-    iconColor: '#FF2D55',
+    iconColor: ACHIEVEMENT_TINT.pink,
     unlocked: reputationTotal >= 500,
     rarity: 'epic'
   }, {
@@ -110,7 +150,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.legendDesc') || 'Reached 1000 reputation points',
     category: 'milestone',
     icon: 'trophy',
-    iconColor: '#FFD700',
+    iconColor: ACHIEVEMENT_TINT.gold,
     unlocked: reputationTotal >= 1000,
     rarity: 'legendary'
   }, {
@@ -119,7 +159,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.phoenixDesc') || 'Reached 2500 reputation points',
     category: 'milestone',
     icon: 'flame',
-    iconColor: '#FF3B30',
+    iconColor: ACHIEVEMENT_TINT.red,
     unlocked: reputationTotal >= 2500,
     rarity: 'legendary'
   }, {
@@ -128,7 +168,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.unstoppableDesc') || 'Reached 5000 reputation points',
     category: 'milestone',
     icon: 'infinite',
-    iconColor: '#5E5CE6',
+    iconColor: ACHIEVEMENT_TINT.indigo,
     unlocked: reputationTotal >= 5000,
     rarity: 'legendary'
   }, {
@@ -137,7 +177,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.bugHunterDesc') || 'Reported helpful bugs',
     category: 'contribution',
     icon: 'bug',
-    iconColor: '#FF9500',
+    iconColor: ACHIEVEMENT_TINT.orange,
     unlocked: false,
     rarity: 'rare'
   }, {
@@ -146,7 +186,7 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.helperDesc') || 'Helped 10 users',
     category: 'contribution',
     icon: 'hand-left',
-    iconColor: '#34C759',
+    iconColor: ACHIEVEMENT_TINT.green,
     unlocked: false,
     rarity: 'common'
   }, {
@@ -155,69 +195,40 @@ const TrustRewardsScreen = ({
     description: t('trust.achievements.streakMasterDesc') || '7 day activity streak',
     category: 'streak',
     icon: 'flash',
-    iconColor: '#FFD700',
+    iconColor: ACHIEVEMENT_TINT.gold,
     unlocked: false,
     rarity: 'epic'
-  }], [t, reputationTotal, colors]);
+  }], [t, reputationTotal]);
   const unlockedAchievements = achievements.filter(a => a.unlocked);
   const lockedAchievements = achievements.filter(a => !a.unlocked);
-  const getRarityColor = rarity => {
-    switch (rarity) {
-      case 'legendary':
-        return '#FFD700';
-      case 'epic':
-        return '#AF52DE';
-      case 'rare':
-        return '#007AFF';
-      default:
-        return bloomTheme.colors.textTertiary;
-    }
-  };
-  const getAchievementValue = achievement => {
-    // Extract numeric value from achievement based on ID and unlocked state
-    const valueMap = {
-      'first-step': 1,
-      'novice': 10,
-      'contributor': 50,
-      'rising-star': 100,
-      'early-adopter': 200,
-      'community-hero': 500,
-      'legend': 1000,
-      'phoenix': 2500,
-      'unstoppable': 5000,
-      'helper': 10,
-      'streak-master': 7
-    };
-    return valueMap[achievement.id] || null;
-  };
+  const getRarityColor = rarity => RARITY_TINT[rarity] || colors.textTertiary;
+  const getAchievementValue = achievement => ACHIEVEMENT_VALUE[achievement.id] ?? null;
   const renderAchievement = achievement => {
     const rarityColor = getRarityColor(achievement.rarity);
     const isLocked = !achievement.unlocked;
     const achievementValue = getAchievementValue(achievement);
 
-    // Two-tone colors: darker for borders/shadow, lighter for highlights
-    // Use achievement iconColor for unlocked badges, gray for locked
-    const baseColor = isLocked ? bloomTheme.colors.textTertiary : achievement.iconColor || bloomTheme.colors.textTertiary;
-    const darkTone = (0, _colorUtils.darkenColor)(baseColor, 0.45); // Darker border/shadow (more contrast)
-    const lightTone = (0, _colorUtils.lightenColor)(baseColor, 0.25); // Lighter highlight
-    const mediumTone = baseColor; // Base color
-
+    // Two-tone colors: darker for borders/shadow, lighter for highlights.
+    // Use the achievement identity tint for unlocked badges, neutral for locked.
+    const baseColor = isLocked ? colors.textTertiary : achievement.iconColor || colors.textTertiary;
+    const darkTone = (0, _colorUtils.darkenColor)(baseColor, BADGE_DARKEN);
+    const lightTone = (0, _colorUtils.lightenColor)(baseColor, BADGE_LIGHTEN);
+    const mediumTone = baseColor;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.achievementCard, {
-        backgroundColor: colors.card
-      }],
+      className: "bg-fill rounded-radius-20 items-center",
+      style: styles.achievementCard,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.badgeContainer,
         children: [!isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: [styles.badgeGlow, styles.badgeOrganic, {
             backgroundColor: darkTone,
-            opacity: 0.3
+            opacity: BADGE_GLOW_OPACITY
           }]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: [styles.badgeMain, styles.badgeOrganic, {
-            backgroundColor: isLocked ? bloomTheme.colors.border : mediumTone,
+            backgroundColor: isLocked ? colors.border : mediumTone,
             borderColor: darkTone,
-            borderWidth: 5,
+            borderWidth: BADGE_BORDER_WIDTH,
             shadowColor: darkTone
           }],
           children: [!isLocked && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -227,7 +238,7 @@ const TrustRewardsScreen = ({
               }]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: [styles.badgeHighlightAccent, {
-                backgroundColor: (0, _colorUtils.lightenColor)(lightTone, 0.1)
+                backgroundColor: (0, _colorUtils.lightenColor)(lightTone, ACCENT_LIGHTEN)
               }]
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -235,15 +246,15 @@ const TrustRewardsScreen = ({
             children: isLocked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: "lock-closed",
               size: 40,
-              color: bloomTheme.colors.textTertiary
+              color: colors.textTertiary
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: achievement.icon,
               size: 40,
-              color: bloomTheme.colors.negativeForeground
+              color: BADGE_ON_COLOR
             })
           }), achievementValue !== null && !isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: styles.badgeValueContainer,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
               style: [styles.badgeValueText, {
                 color: lightTone,
                 textShadowColor: darkTone
@@ -254,129 +265,114 @@ const TrustRewardsScreen = ({
         }), achievement.unlocked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: [styles.rarityBadge, {
             backgroundColor: rarityColor,
-            borderColor: (0, _colorUtils.darkenColor)(rarityColor, 0.4)
+            borderColor: (0, _colorUtils.darkenColor)(rarityColor, RARITY_DARKEN)
           }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
             style: [styles.rarityText, {
-              color: bloomTheme.colors.negativeForeground
+              color: BADGE_ON_COLOR
             }],
             children: achievement.rarity[0].toUpperCase()
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.achievementName, {
-          color: bloomTheme.colors.text,
-          opacity: isLocked ? 0.5 : 1
-        }],
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H5, {
+        className: "text-text text-center",
+        style: isLocked ? styles.lockedDimmed : undefined,
+        numberOfLines: 2,
         children: achievement.name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.achievementDescription, {
-          color: bloomTheme.colors.textTertiary,
-          opacity: isLocked ? 0.5 : 1
-        }],
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        className: "text-text-tertiary text-center text-xs mt-space-2",
+        style: isLocked ? styles.lockedDimmed : undefined,
         children: achievement.description
       })]
     }, achievement.id);
   };
   if (!isAuthenticated) {
     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.rewards.title') || 'Trust Rewards',
         subtitle: t('trust.rewards.subtitle') || 'Unlock special features and recognition',
         onBack: goBack,
         elevation: "subtle"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.centerContent,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.message, {
-            color: bloomTheme.colors.text
-          }],
+        className: "flex-1 items-center justify-center px-screen-margin",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text text-base text-center",
           children: t('common.status.notSignedIn') || 'Not signed in'
         })
       })]
     });
   }
+  const progressRatio = achievements.length > 0 ? unlockedAchievements.length / achievements.length : 0;
   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.rewards.title') || 'Trust Rewards',
       subtitle: t('trust.rewards.subtitle') || 'Unlock special features and recognition',
       onBack: goBack,
       elevation: "subtle"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      contentContainerStyle: styles.contentContainer,
+      className: "flex-1",
+      contentContainerClassName: "px-screen-margin pt-space-20 pb-space-40",
       showsVerticalScrollIndicator: false,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.statsCard, {
-          backgroundColor: colors.card
-        }],
+        className: "bg-fill rounded-radius-20 p-space-20 mb-space-24",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.statsHeader,
+          className: "flex-row justify-between items-center mb-space-16",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.currentReputation, {
-                color: themeStyles.primaryColor
-              }],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H1, {
+              className: "text-text",
+              style: {
+                color: colors.primary
+              },
               children: reputationTotal
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.reputationLabel, {
-                color: bloomTheme.colors.textTertiary
-              }],
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+              className: "text-text-tertiary text-sm",
               children: t('trust.center.balance') || 'Reputation Points'
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.achievementStats,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.achievementCount, {
-                color: themeStyles.primaryColor
-              }],
+            className: "items-end",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H1, {
+              className: "text-text",
+              style: {
+                color: colors.primary
+              },
               children: unlockedAchievements.length
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.achievementCountLabel, {
-                color: bloomTheme.colors.textTertiary
-              }],
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+              className: "text-text-tertiary text-sm",
               children: t('trust.achievements.unlocked') || 'Achievements'
             })]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.progressBarContainer,
+          className: "mt-space-8",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            className: "rounded-radius-full overflow-hidden mb-space-8",
             style: [styles.progressBar, {
-              backgroundColor: bloomTheme.colors.border
+              backgroundColor: colors.border
             }],
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              className: "rounded-radius-full",
               style: [styles.progressBarFill, {
-                width: `${unlockedAchievements.length / achievements.length * 100}%`,
-                backgroundColor: themeStyles.primaryColor
+                width: `${progressRatio * 100}%`,
+                backgroundColor: colors.primary
               }]
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: [styles.progressText, {
-              color: bloomTheme.colors.textTertiary
-            }],
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.Text, {
+            className: "text-text-tertiary text-xs text-right",
             children: [unlockedAchievements.length, " / ", achievements.length]
           })]
         })]
       }), unlockedAchievements.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.sectionTitle, {
-            color: bloomTheme.colors.text
-          }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H4, {
+          className: "text-text mt-space-8",
           children: t('trust.achievements.unlocked') || 'Unlocked Achievements'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.achievementsGrid,
           children: unlockedAchievements.map(achievement => renderAchievement(achievement))
         })]
       }), lockedAchievements.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.sectionTitle, {
-            color: bloomTheme.colors.text
-          }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H4, {
+          className: "text-text mt-space-8",
           children: t('trust.achievements.locked') || 'Locked Achievements'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.achievementsGrid,
@@ -386,75 +382,17 @@ const TrustRewardsScreen = ({
     })]
   });
 };
+
+// Measured/positioned layout only — no color, no theme surfaces.
 const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    paddingHorizontal: 24,
-    paddingTop: 20,
-    paddingBottom: 40
-  },
-  centerContent: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  message: {
-    fontSize: 16,
-    textAlign: 'center'
-  },
-  statsCard: {
-    borderRadius: 18,
-    padding: 20,
-    marginBottom: 24
-  },
-  statsHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 16
-  },
-  currentReputation: {
-    fontSize: 36,
-    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
-    marginBottom: 4
-  },
-  achievementStats: {
-    alignItems: 'flex-end'
-  },
-  achievementCount: {
-    fontSize: 36,
-    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
-    marginBottom: 4
-  },
-  achievementCountLabel: {
-    fontSize: 14
-  },
-  reputationLabel: {
-    fontSize: 14
-  },
-  progressBarContainer: {
-    marginTop: 8
+  lockedDimmed: {
+    opacity: LOCKED_OPACITY
   },
   progressBar: {
-    height: 8,
-    borderRadius: 4,
-    overflow: 'hidden',
-    marginBottom: 8
+    height: 8
   },
   progressBarFill: {
-    height: '100%',
-    borderRadius: 4
-  },
-  progressText: {
-    fontSize: 12,
-    textAlign: 'right'
-  },
-  sectionTitle: {
-    fontSize: 20,
-    fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined,
-    marginTop: 8
+    height: '100%'
   },
   achievementsGrid: {
     flexDirection: 'row',
@@ -466,10 +404,8 @@ const styles = _reactNative.StyleSheet.create({
   achievementCard: {
     width: '47%',
     minWidth: 140,
-    borderRadius: 20,
     padding: 20,
-    paddingTop: 24,
-    alignItems: 'center'
+    paddingTop: 24
   },
   badgeContainer: {
     alignItems: 'center',
@@ -584,18 +520,6 @@ const styles = _reactNative.StyleSheet.create({
   rarityText: {
     fontSize: 14,
     fontWeight: 'bold'
-  },
-  achievementName: {
-    fontSize: 15,
-    fontWeight: '700',
-    textAlign: 'center',
-    marginBottom: 6,
-    marginTop: 4
-  },
-  achievementDescription: {
-    fontSize: 11,
-    textAlign: 'center',
-    lineHeight: 15
   }
 });
 var _default = exports.default = TrustRewardsScreen;