@oxyhq/services 5.21.7 → 5.22.0

package/src/ui/components/Header.tsx

@@ -417,14 +417,14 @@ const styles = StyleSheet.create({
     titleDefault: {
         fontSize: 18,
         fontWeight: '700',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         letterSpacing: -0.5,
         lineHeight: 22,
     },
     titleLarge: {
         fontSize: 28,
         fontWeight: '800',
-        fontFamily: fontFamilies.phuduExtraBold,
+        fontFamily: fontFamilies.interExtraBold,
         letterSpacing: -1,
         lineHeight: 34,
         marginBottom: 3,
@@ -432,7 +432,7 @@ const styles = StyleSheet.create({
     titleMinimal: {
         fontSize: 16,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         letterSpacing: -0.3,
         lineHeight: 20,
     },
@@ -486,7 +486,7 @@ const styles = StyleSheet.create({
     actionText: {
         fontSize: 14,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         letterSpacing: -0.2,
     },
     loadingContainer: {

package/src/ui/components/OxyPayButton.tsx

@@ -115,7 +115,7 @@ const styles = StyleSheet.create({
         alignItems: 'center',
     },
     text: {
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
         fontWeight: '700',
     },
 });

package/src/ui/components/OxySignInButton.tsx

@@ -2,6 +2,7 @@ import type React from 'react';
 import { useState } from 'react';
 import { TouchableOpacity, Text, View, StyleSheet, type ViewStyle, type TextStyle, type StyleProp, Platform } from 'react-native';
 import { useAuth } from '../hooks/useAuth';
+import { fontFamilies } from '../styles/fonts';
 import OxyLogo from './OxyLogo';
 
 export interface OxySignInButtonProps {
@@ -198,7 +199,7 @@ const styles = StyleSheet.create({
         justifyContent: 'center',
     },
     text: {
-        fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
+        fontFamily: fontFamilies.interSemiBold,
         fontWeight: Platform.OS === 'web' ? '600' : undefined,
         fontSize: 16,
         marginLeft: 10,

package/src/ui/components/ProfileCard.tsx

@@ -115,7 +115,7 @@ const styles = StyleSheet.create({
     userName: {
         fontSize: 22,
         fontWeight: 'bold',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginBottom: 4,
     },
     userEmail: {

package/src/ui/components/SectionTitle.tsx

@@ -26,7 +26,7 @@ const styles = StyleSheet.create({
     sectionTitle: {
         fontSize: 16,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
 });
 

package/src/ui/components/StepBasedScreen.tsx

@@ -10,6 +10,7 @@ import Animated, {
     withTiming,
 } from 'react-native-reanimated';
 import { useThemeColors, createAuthStyles } from '../styles';
+import { fontFamilies } from '../styles/fonts';
 import type { BaseScreenProps, StepController } from '../types/navigation';
 import type { RouteName } from '../types/navigation';
 import { screenContentStyle } from '../constants/spacing';
@@ -139,7 +140,7 @@ const StepBasedScreen: React.FC<StepBasedScreenProps> = ({
             marginBottom: 24,
         },
         modernTitle: {
-            fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+            fontFamily: fontFamilies.interBold,
             fontWeight: Platform.OS === 'web' ? 'bold' as const : undefined,
             fontSize: 42,
             lineHeight: 50.4, // 42 * 1.2

package/src/ui/components/feedback/feedbackStyles.ts

@@ -1,5 +1,6 @@
 import { StyleSheet, Platform, Dimensions } from 'react-native';
 import { screenContentStyle } from '../../constants/spacing';
+import { fontFamilies } from '../../styles/fonts';
 import type { FeedbackColors } from './types';
 
 export const createFeedbackStyles = (colors: FeedbackColors) => StyleSheet.create({
@@ -25,7 +26,7 @@ export const createFeedbackStyles = (colors: FeedbackColors) => StyleSheet.creat
         marginBottom: 24,
     },
     stepTitle: {
-        fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+        fontFamily: fontFamilies.interBold,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
         fontSize: 42,
         lineHeight: 48,

package/src/ui/components/fileManagement/styles.ts

@@ -50,14 +50,14 @@ export const fileManagementStyles = StyleSheet.create({
     headerTitle: {
         fontSize: 22,
         fontWeight: '700',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         letterSpacing: -0.5,
         lineHeight: 28,
     },
     headerSubtitle: {
         fontSize: 13,
         fontWeight: '500',
-        fontFamily: fontFamilies.phuduMedium,
+        fontFamily: fontFamilies.interMedium,
         marginTop: 2,
         letterSpacing: 0.2,
     },
@@ -133,7 +133,7 @@ export const fileManagementStyles = StyleSheet.create({
     searchInput: {
         flex: 1,
         fontSize: 16,
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
         lineHeight: 20,
     },
     searchClearButton: {
@@ -159,14 +159,14 @@ export const fileManagementStyles = StyleSheet.create({
     statValue: {
         fontSize: 20,
         fontWeight: '800',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         letterSpacing: -0.5,
         lineHeight: 24,
     },
     statLabel: {
         fontSize: 12,
         fontWeight: '500',
-        fontFamily: fontFamilies.phuduMedium,
+        fontFamily: fontFamilies.interMedium,
         marginTop: 2,
         letterSpacing: 0.2,
     },
@@ -322,7 +322,7 @@ export const fileManagementStyles = StyleSheet.create({
     emptyStateTitle: {
         fontSize: 24,
         fontWeight: 'bold',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginTop: 16,
         marginBottom: 8,
     },
@@ -362,7 +362,7 @@ export const fileManagementStyles = StyleSheet.create({
     modalTitle: {
         fontSize: 18,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     modalPlaceholder: {
         width: 40,
@@ -383,7 +383,7 @@ export const fileManagementStyles = StyleSheet.create({
     fileDetailName: {
         fontSize: 20,
         fontWeight: 'bold',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         textAlign: 'center',
         marginBottom: 24,
     },
@@ -442,7 +442,7 @@ export const fileManagementStyles = StyleSheet.create({
     uploadPreviewTitle: {
         fontSize: 20,
         fontWeight: '700',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
     },
     uploadPreviewList: {
         flex: 1,
@@ -476,12 +476,12 @@ export const fileManagementStyles = StyleSheet.create({
     uploadPreviewName: {
         fontSize: 16,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         marginBottom: 4,
     },
     uploadPreviewMeta: {
         fontSize: 13,
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
     },
     uploadPreviewRemove: {
         padding: 4,
@@ -498,7 +498,7 @@ export const fileManagementStyles = StyleSheet.create({
     uploadPreviewStatsText: {
         fontSize: 15,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     uploadPreviewActions: {
         flexDirection: 'row',
@@ -515,7 +515,7 @@ export const fileManagementStyles = StyleSheet.create({
     uploadPreviewCancelText: {
         fontSize: 16,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     uploadPreviewConfirmButton: {
         flex: 2,
@@ -530,7 +530,7 @@ export const fileManagementStyles = StyleSheet.create({
         color: '#FFFFFF',
         fontSize: 16,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     fileViewerContainer: {
         flex: 1,
@@ -570,7 +570,7 @@ export const fileManagementStyles = StyleSheet.create({
     fileViewerTitle: {
         fontSize: 18,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         marginBottom: 2,
     },
     fileViewerSubtitle: {
@@ -661,7 +661,7 @@ export const fileManagementStyles = StyleSheet.create({
     unsupportedFileTitle: {
         fontSize: 24,
         fontWeight: 'bold',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginTop: 16,
         marginBottom: 8,
         textAlign: 'center',
@@ -719,7 +719,7 @@ export const fileManagementStyles = StyleSheet.create({
     fileDetailsSectionTitle: {
         fontSize: 18,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         flex: 1,
     },
     fileDetailsSectionHeader: {

package/src/ui/components/payment/paymentStyles.ts

@@ -24,7 +24,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         fontWeight: '600',
         color: colors.text,
         marginBottom: 12,
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     errorContainer: {
         flex: 1,
@@ -54,7 +54,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     summaryCardMainTitle: {
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         fontWeight: 'bold',
         fontSize: 28,
         color: colors.text,
@@ -95,7 +95,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         color: colors.text,
         textAlign: 'center',
         marginBottom: 8,
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
     },
     summaryCardAmountDescription: {
         fontSize: 14,
@@ -146,7 +146,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     cardPaymentMainTitle: {
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         fontWeight: 'bold',
         fontSize: 28,
         color: colors.text,
@@ -215,7 +215,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     oxyPayMainTitle: {
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         fontWeight: 'bold',
         fontSize: 28,
         color: colors.text,
@@ -262,7 +262,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     faircoinMainTitle: {
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         fontWeight: 'bold',
         fontSize: 28,
         color: '#1b1f0a',
@@ -373,7 +373,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     successMainTitle: {
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         fontWeight: 'bold',
         fontSize: 28,
         color: colors.success || '#4BB543',

package/src/ui/navigation/routes.ts

@@ -32,6 +32,7 @@ export type RouteName =
     | 'HistoryView'
     | 'SavesCollections'
     | 'EditProfile' // For backward compatibility, maps to AccountSettings
+    | 'EditProfileField' // Dedicated screen for editing a single profile field
     | 'KarmaCenter'
     | 'KarmaLeaderboard'
     | 'KarmaRewards'
@@ -71,6 +72,8 @@ const screenLoaders: Record<RouteName, () => ComponentType<BaseScreenProps>> = {
     SavesCollections: () => require('../screens/SavesCollectionsScreen').default,
     // Backward compatibility - EditProfile maps to AccountSettings
     EditProfile: () => require('../screens/AccountSettingsScreen').default,
+    // Dedicated screen for editing a single profile field
+    EditProfileField: () => require('../screens/EditProfileFieldScreen').default,
     // Karma screens
     KarmaCenter: () => require('../screens/karma/KarmaCenterScreen').default,
     KarmaLeaderboard: () => require('../screens/karma/KarmaLeaderboardScreen').default,

package/src/ui/screens/AccountCenterScreen.tsx

@@ -54,7 +54,9 @@ const AccountCenterScreen: React.FC<BaseScreenProps> = ({
                 onClose();
             }
         } catch (error) {
-            console.error('Logout failed:', error);
+            if (__DEV__) {
+                console.error('Logout failed:', error);
+            }
             toast.error(t('common.errors.signOutFailed') || 'There was a problem signing you out. Please try again.');
         }
     }, [logout, onClose, t]);
@@ -300,7 +302,7 @@ const styles = StyleSheet.create({
     },
     versionText: {
         fontSize: 12,
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
     },
     message: {
         fontSize: 16,

package/src/ui/screens/AccountOverviewScreen.tsx

@@ -190,7 +190,9 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                 onClose();
             }
         } catch (error) {
-            console.error('Logout failed:', error);
+            if (__DEV__) {
+                console.error('Logout failed:', error);
+            }
             toast.error(t('common.errors.signOutFailed'));
         }
     }, [logout, onClose]);
@@ -245,7 +247,9 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                     toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
                                 }
                             } catch (error: any) {
-                                console.error('Failed to download data:', error);
+                                if (__DEV__) {
+                                    console.error('Failed to download data:', error);
+                                }
                                 toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
                             }
                         },
@@ -273,7 +277,9 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                     toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
                                 }
                             } catch (error: any) {
-                                console.error('Failed to download data:', error);
+                                if (__DEV__) {
+                                    console.error('Failed to download data:', error);
+                                }
                                 toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
                             }
                         },
@@ -281,7 +287,9 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                 ]
             );
         } catch (error: any) {
-            console.error('Failed to initiate download:', error);
+            if (__DEV__) {
+                console.error('Failed to initiate download:', error);
+            }
             toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
         }
     }, [oxyServices, user, t]);
@@ -766,7 +774,7 @@ const styles = StyleSheet.create({
         fontSize: 28,
         fontWeight: '600',
         marginBottom: 8,
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         maxWidth: '90%',
     },
     welcomeSubtext: {