@oxyhq/services 5.21.7 → 5.22.0

package/src/ui/screens/FileManagementScreen.tsx

@@ -524,7 +524,9 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                     // Validate file before upload
                     if (!raw || !raw.name || raw.size === undefined || raw.size <= 0) {
                         const errorMsg = `Invalid file: ${fileName}`;
-                        console.error('Upload validation failed:', { file: raw, error: errorMsg });
+                        if (__DEV__) {
+                            console.error('Upload validation failed:', { file: raw, error: errorMsg });
+                        }
                         failureCount++;
                         errors.push(`${fileName}: Invalid file (missing name or size)`);
                         continue;
@@ -569,7 +571,9 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                     } else {
                         // Fallback: will reconcile on later list refresh
                         useFileStore.getState().updateFile(optimisticId, { metadata: { uploading: false } as any });
-                        console.warn('Upload completed but no file data returned:', { fileName, result });
+                        if (__DEV__) {
+                            console.warn('Upload completed but no file data returned:', { fileName, result });
+                        }
                         // Still count as success if upload didn't throw
                         successCount++;
                     }
@@ -578,13 +582,15 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                     const errorMessage = error.message || error.toString() || 'Upload failed';
                     const fullError = `${fileName}: ${errorMessage}`;
                     errors.push(fullError);
-                    console.error('File upload failed:', {
-                        fileName,
-                        fileSize: raw.size,
-                        fileType: raw.type,
-                        error: errorMessage,
-                        stack: error.stack
-                    });
+                    if (__DEV__) {
+                        console.error('File upload failed:', {
+                            fileName,
+                            fileSize: raw.size,
+                            fileType: raw.type,
+                            error: errorMessage,
+                            stack: error.stack
+                        });
+                    }
 
                     // Remove optimistic file on error (use the same optimisticId from above)
                     useFileStore.getState().removeFile(optimisticId);
@@ -619,25 +625,33 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
         for (const file of selectedFiles) {
             // Validate file has required properties
             if (!file) {
-                console.error('Invalid file: file is null or undefined');
+                if (__DEV__) {
+                    console.error('Invalid file: file is null or undefined');
+                }
                 toast.error('Invalid file: file is missing');
                 continue;
             }
 
             if (!file.name || typeof file.name !== 'string') {
-                console.error('Invalid file: missing or invalid name property', file);
+                if (__DEV__) {
+                    console.error('Invalid file: missing or invalid name property', file);
+                }
                 toast.error('Invalid file: missing file name');
                 continue;
             }
 
             if (file.size === undefined || file.size === null || isNaN(file.size)) {
-                console.error('Invalid file: missing or invalid size property', file);
+                if (__DEV__) {
+                    console.error('Invalid file: missing or invalid size property', file);
+                }
                 toast.error(`Invalid file "${file.name || 'unknown'}": missing file size`);
                 continue;
             }
 
             if (file.size <= 0) {
-                console.error('Invalid file: file size is zero or negative', file);
+                if (__DEV__) {
+                    console.error('Invalid file: file size is zero or negative', file);
+                }
                 toast.error(`File "${file.name}" is empty`);
                 continue;
             }
@@ -668,7 +682,9 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                             preview = URL.createObjectURL(file);
                         }
                     } catch (error: any) {
-                        console.warn('Failed to create preview URL:', error);
+                        if (__DEV__) {
+                            console.warn('Failed to create preview URL:', error);
+                        }
                         // Preview is optional, continue without it
                     }
                 }
@@ -858,7 +874,9 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                 toast.error('No files could be processed. Please try selecting files again.');
             }
         } catch (error: any) {
-            console.error('File upload error:', error);
+            if (__DEV__) {
+                console.error('File upload error:', error);
+            }
             if (error.message?.includes('expo-document-picker') || error.message?.includes('Different document picking in progress')) {
                 if (error.message?.includes('Different document picking in progress')) {
                     toast.error('Please wait for the current file selection to complete');

package/src/ui/screens/HistoryViewScreen.tsx

@@ -48,7 +48,9 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
                     removeItem: storage.removeItem.bind(storage),
                 };
             } catch (error) {
-                console.error('AsyncStorage not available:', error);
+                if (__DEV__) {
+                    console.error('AsyncStorage not available:', error);
+                }
                 throw new Error('AsyncStorage is required in React Native environment');
             }
         } else {
@@ -122,7 +124,9 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
 
                     toast.success(t('history.deleteLast15Minutes.success') || 'Last 15 minutes deleted');
                 } catch (error) {
-                    console.error('Failed to delete history:', error);
+                    if (__DEV__) {
+                        console.error('Failed to delete history:', error);
+                    }
                     toast.error(t('history.deleteLast15Minutes.error') || 'Failed to delete history');
                 } finally {
                     setIsDeleting(false);
@@ -146,7 +150,9 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
 
                     toast.success(t('history.clearAll.success') || 'History cleared');
                 } catch (error) {
-                    console.error('Failed to clear history:', error);
+                    if (__DEV__) {
+                        console.error('Failed to clear history:', error);
+                    }
                     toast.error(t('history.clearAll.error') || 'Failed to clear history');
                 } finally {
                     setIsDeleting(false);

package/src/ui/screens/LanguageSelectorScreen.tsx

@@ -86,7 +86,9 @@ const LanguageSelectorScreen: React.FC<LanguageSelectorScreenProps> = ({
 
         } catch (error) {
             // Only show error if local storage also failed
-            console.error('Error saving language preference:', error);
+            if (__DEV__) {
+                console.error('Error saving language preference:', error);
+            }
             toast.error('Failed to save language preference');
             setIsLoading(false);
         }
@@ -177,7 +179,7 @@ const styles = StyleSheet.create({
     bigTitle: {
         fontSize: 34,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         lineHeight: 40,
         marginBottom: 8,
         letterSpacing: -0.5,

package/src/ui/screens/LegalDocumentsScreen.tsx

@@ -57,7 +57,9 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
                     toast.error(t('legal.openError') || 'Failed to open document');
                 }
             } catch (error) {
-                console.error(`Failed to open ${policyKey} policy:`, error);
+                if (__DEV__) {
+                    console.error(`Failed to open ${policyKey} policy:`, error);
+                }
                 toast.error(t('legal.openError') || 'Failed to open document');
             } finally {
                 setLoading(false);

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -342,10 +342,6 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
         const detectedApp = 'mention'; // This would be dynamic in real implementation
 
         setCurrentAppPackage(detectedApp);
-
-        // Log for debugging
-        console.log('Detected app package:', detectedApp);
-        console.log('Available plans for this app will be filtered accordingly');
     };
 
     const loadSubscriptionData = async () => {
@@ -391,7 +387,9 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
             setIndividualFeatures(updatedFeatures);
 
         } catch (error) {
-            console.error('Failed to load subscription data:', error);
+            if (__DEV__) {
+                console.error('Failed to load subscription data:', error);
+            }
             toast.error('Failed to load subscription information');
         } finally {
             setLoading(false);
@@ -407,20 +405,16 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
             // Check if plan is available for current app
             const selectedPlan = mockPlans.find(plan => plan.id === planId);
             if (!selectedPlan?.applicableApps.includes(currentAppPackage)) {
-                console.log(`❌ Subscription blocked: Plan "${selectedPlan?.name}" not available for app "${currentAppPackage}"`);
                 toast.error(t('premium.toasts.planUnavailable', { app: currentAppPackage }) || `This plan is not available for the current app (${currentAppPackage})`);
                 return;
             }
 
             // Special restriction for Mention+ plan - only available in mention app
             if (planId === 'mention-plus' && currentAppPackage !== 'mention') {
-                console.log(`❌ Subscription blocked: Mention+ plan requires app to be "mention", current app is "${currentAppPackage}"`);
                 toast.error(t('premium.toasts.mentionOnly') || 'Mention+ is only available in the Mention app');
                 return;
             }
 
-            console.log(`✅ Subscription allowed: Plan "${selectedPlan.name}" is available for app "${currentAppPackage}"`);
-
             setProcessingPayment(true);
 
             // Mock payment processing
@@ -442,7 +436,9 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
             loadSubscriptionData();
 
         } catch (error) {
-            console.error('Payment failed:', error);
+            if (__DEV__) {
+                console.error('Payment failed:', error);
+            }
             toast.error(t('premium.toasts.paymentFailed') || 'Payment failed. Please try again.');
         } finally {
             setProcessingPayment(false);
@@ -533,7 +529,9 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
             toast.success((t('premium.toasts.featureSubscribed', { name: feature?.name ?? '' }) ?? `Subscribed to ${feature?.name} successfully!`));
 
         } catch (error) {
-            console.error('Feature subscription failed:', error);
+            if (__DEV__) {
+                console.error('Feature subscription failed:', error);
+            }
             toast.error(t('premium.toasts.featureSubscribeFailed') || 'Feature subscription failed. Please try again.');
         } finally {
             setProcessingPayment(false);
@@ -1168,7 +1166,7 @@ const styles = StyleSheet.create({
     headerTitle: {
         fontSize: 20,
         fontWeight: '600',
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
     },
     headerTitleContainer: {
         flex: 1,
@@ -1191,7 +1189,7 @@ const styles = StyleSheet.create({
     sectionTitle: {
         fontSize: 24,
         fontWeight: 'bold',
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginBottom: 8,
     },
     sectionSubtitle: {

package/src/ui/screens/PrivacySettingsScreen.tsx

@@ -96,7 +96,9 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
                     }
                 }
             } catch (error) {
-                console.error('Failed to load privacy settings:', error);
+                if (__DEV__) {
+                    console.error('Failed to load privacy settings:', error);
+                }
                 toast.error(t('privacySettings.loadError') || 'Failed to load privacy settings');
             } finally {
                 setIsLoading(false);
@@ -119,7 +121,9 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
                 setBlockedUsers(blocked);
                 setRestrictedUsers(restricted);
             } catch (error) {
-                console.error('Failed to load blocked/restricted users:', error);
+                if (__DEV__) {
+                    console.error('Failed to load blocked/restricted users:', error);
+                }
             } finally {
                 setIsLoadingUsers(false);
             }
@@ -138,7 +142,9 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
             }));
             toast.success(t('privacySettings.userUnblocked') || 'User unblocked');
         } catch (error) {
-            console.error('Failed to unblock user:', error);
+            if (__DEV__) {
+                console.error('Failed to unblock user:', error);
+            }
             toast.error(t('privacySettings.unblockError') || 'Failed to unblock user');
         }
     }, [oxyServices, t]);
@@ -153,7 +159,9 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
             }));
             toast.success(t('privacySettings.userUnrestricted') || 'User unrestricted');
         } catch (error) {
-            console.error('Failed to unrestrict user:', error);
+            if (__DEV__) {
+                console.error('Failed to unrestrict user:', error);
+            }
             toast.error(t('privacySettings.unrestrictError') || 'Failed to unrestrict user');
         }
     }, [oxyServices, t]);

package/src/ui/screens/SearchSettingsScreen.tsx

@@ -64,7 +64,9 @@ const SearchSettingsScreen: React.FC<BaseScreenProps> = ({
                     });
                 }
             } catch (error) {
-                console.error('Failed to load search settings:', error);
+                if (__DEV__) {
+                    console.error('Failed to load search settings:', error);
+                }
             } finally {
                 setIsLoading(false);
             }

package/src/ui/screens/SessionManagementScreen.tsx

@@ -70,7 +70,9 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
             await refreshSessions();
             setLastRefreshed(new Date());
         } catch (error) {
-            console.error('Failed to load sessions:', error);
+            if (__DEV__) {
+                console.error('Failed to load sessions:', error);
+            }
             if (Platform.OS === 'web') {
                 toast.error('Failed to load sessions. Please try again.');
             } else {
@@ -95,7 +97,9 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
                 await refreshSessions();
                 toast.success('Session logged out successfully');
             } catch (error) {
-                console.error('Logout session failed:', error);
+                if (__DEV__) {
+                    console.error('Logout session failed:', error);
+                }
                 toast.error('Failed to logout session. Please try again.');
             } finally {
                 setActionLoading(null);
@@ -128,7 +132,9 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
                     await refreshSessions();
                     toast.success('Other sessions logged out successfully');
                 } catch (error) {
-                    console.error('Logout other sessions failed:', error);
+                    if (__DEV__) {
+                        console.error('Logout other sessions failed:', error);
+                    }
                     toast.error('Failed to logout other sessions. Please try again.');
                 } finally {
                     setActionLoading(null);
@@ -146,7 +152,9 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
                     setActionLoading('all');
                     await logoutAll();
                 } catch (error) {
-                    console.error('Logout all sessions failed:', error);
+                    if (__DEV__) {
+                        console.error('Logout all sessions failed:', error);
+                    }
                     toast.error('Failed to logout all sessions. Please try again.');
                 } finally {
                     setActionLoading(null);
@@ -181,7 +189,9 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
             await switchSession(sessionId);
             toast.success('Switched session');
         } catch (e) {
-            console.error('Switch session failed', e);
+            if (__DEV__) {
+                console.error('Switch session failed', e);
+            }
             toast.error('Failed to switch session');
         } finally {
             setSwitchLoading(null);

package/src/ui/screens/UserLinksScreen.tsx

@@ -33,7 +33,9 @@ const UserLinksScreen: React.FC<UserLinksScreenProps> = ({
         try {
             await Linking.openURL(url);
         } catch (error) {
-            console.error('Error opening link:', error);
+            if (__DEV__) {
+                console.error('Error opening link:', error);
+            }
         }
     };
 

package/src/ui/screens/WelcomeNewUserScreen.tsx

@@ -7,6 +7,7 @@ import { Ionicons } from '@expo/vector-icons';
 import { toast } from '../../lib/sonner';
 import { useAuthStore } from '../stores/authStore';
 import { useThemeColors } from '../styles';
+import { fontFamilies } from '../styles/fonts';
 import { normalizeTheme } from '../utils/themeUtils';
 import GroupedPillButtons from '../components/internal/GroupedPillButtons';
 import { useI18n } from '../hooks/useI18n';
@@ -275,7 +276,7 @@ const createStyles = (theme: string) => {
         },
         title: {
             fontSize: 42,
-            fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+            fontFamily: fontFamilies.interBold,
             fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
             letterSpacing: -1,
             textAlign: 'left',

package/src/ui/screens/karma/KarmaAboutScreen.tsx

@@ -53,21 +53,19 @@ const KarmaAboutScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
 const styles = StyleSheet.create({
     container: { flex: 1 },
     title: {
-        fontFamily: Platform.OS === 'web'
-            ? 'Phudu'  // Use CSS font name directly for web
-            : 'Phudu-Bold',  // Use exact font name as registered with Font.loadAsync
+        fontFamily: fontFamilies.interBold,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,  // Only apply fontWeight on web
         fontSize: 54,
         margin: 24,
         marginBottom: 24,
     },
     contentContainer: { padding: 24, paddingTop: 20 },
-    section: { 
-        fontSize: 18, 
+    section: {
+        fontSize: 18,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fontFamilies.phuduBold,
-        marginTop: 24, 
-        marginBottom: 8 
+        fontFamily: fontFamilies.interBold,
+        marginTop: 24,
+        marginBottom: 8
     },
     paragraph: { fontSize: 16, marginBottom: 12 },
 });

package/src/ui/screens/karma/KarmaCenterScreen.tsx

@@ -179,13 +179,13 @@ const styles = StyleSheet.create({
     karmaLabel: {
         fontSize: 16,
         marginBottom: 18,
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
     },
     karmaAmount: {
         fontSize: 48,
         fontWeight: 'bold',
         marginBottom: 4,
-        fontFamily: fontFamilies.phudu,
+        fontFamily: fontFamilies.inter,
     },
     actionContainer: {
         marginBottom: 18,
@@ -224,7 +224,7 @@ const styles = StyleSheet.create({
     sectionTitle: {
         fontSize: 18,
         fontWeight: Platform.OS === 'web' ? '600' : undefined,
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         marginTop: 8,
         alignSelf: 'flex-start',
         marginLeft: 24,

package/src/ui/screens/karma/KarmaRewardsScreen.tsx

@@ -458,7 +458,7 @@ const styles = StyleSheet.create({
     currentKarma: {
         fontSize: 36,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginBottom: 4,
     },
     achievementStats: {
@@ -467,7 +467,7 @@ const styles = StyleSheet.create({
     achievementCount: {
         fontSize: 36,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fontFamilies.phuduBold,
+        fontFamily: fontFamilies.interBold,
         marginBottom: 4,
     },
     achievementCountLabel: {
@@ -496,7 +496,7 @@ const styles = StyleSheet.create({
     sectionTitle: {
         fontSize: 20,
         fontWeight: Platform.OS === 'web' ? '600' : undefined,
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         marginTop: 8,
     },
     achievementsGrid: {

package/src/ui/styles/authStyles.ts

@@ -32,7 +32,7 @@ export const createAuthStyles = (colors: AuthThemeColors, theme: string) => Styl
     marginBottom: 24,
   },
   modernTitle: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 62,
     lineHeight: 74.4, // 62 * 1.2
@@ -47,7 +47,7 @@ export const createAuthStyles = (colors: AuthThemeColors, theme: string) => Styl
     opacity: 0.8,
   },
   welcomeTitle: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 42,
     lineHeight: 50.4, // 42 * 1.2
@@ -56,7 +56,7 @@ export const createAuthStyles = (colors: AuthThemeColors, theme: string) => Styl
     letterSpacing: -1,
   },
   stepTitle: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 42,
     lineHeight: 50.4, // 42 * 1.2
@@ -257,7 +257,7 @@ export const createAuthStyles = (colors: AuthThemeColors, theme: string) => Styl
     borderColor: '#FFFFFF',
   },
   modernUserDisplayName: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 42,
     marginBottom: 4,

package/src/ui/styles/fonts.ts

@@ -2,51 +2,51 @@ import { Platform, type TextStyle } from 'react-native';
 
 /**
  * Font family names for use across the app
- * 
+ *
  * For web platforms, we use the CSS font name with weights
  * For native platforms, we use the specific static font file names
  */
 export const fontFamilies = {
   // Regular weight (400)
-  phudu: Platform.select({
-    web: 'Phudu',  // Web projects will use standard CSS font name
-    default: 'Phudu-Regular'  // Native projects use the specific weight font
+  inter: Platform.select({
+    web: 'Inter',  // Web projects will use standard CSS font name
+    default: 'Inter-Regular'  // Native projects use the specific weight font
   }),
 
   // Light weight (300)
-  phuduLight: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight
-    default: 'Phudu-Light'  // Native uses specific font
+  interLight: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-Light'  // Native uses specific font
   }),
 
   // Medium weight (500)
-  phuduMedium: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight
-    default: 'Phudu-Medium'  // Native uses specific font
+  interMedium: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-Medium'  // Native uses specific font
   }),
 
   // SemiBold weight (600)
-  phuduSemiBold: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight
-    default: 'Phudu-SemiBold'  // Native uses specific font
+  interSemiBold: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-SemiBold'  // Native uses specific font
   }),
 
   // Bold weight (700)
-  phuduBold: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight 
-    default: 'Phudu-Bold'  // Native uses specific font
+  interBold: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-Bold'  // Native uses specific font
   }),
 
   // ExtraBold weight (800)
-  phuduExtraBold: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight
-    default: 'Phudu-ExtraBold'  // Native uses specific font
+  interExtraBold: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-ExtraBold'  // Native uses specific font
   }),
 
   // Black weight (900)
-  phuduBlack: Platform.select({
-    web: 'Phudu',  // Web uses CSS weight
-    default: 'Phudu-Black'  // Native uses specific font
+  interBlack: Platform.select({
+    web: 'Inter',  // Web uses CSS weight
+    default: 'Inter-Black'  // Native uses specific font
   }),
 };
 
@@ -55,22 +55,22 @@ export const fontFamilies = {
  */
 export const fontStyles: Record<string, TextStyle> = {
   titleLarge: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontSize: 54,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,  // Only apply fontWeight on web
   },
   titleMedium: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontSize: 24,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,  // Only apply fontWeight on web
   },
   titleSmall: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontFamily: fontFamilies.interBold,
     fontSize: 20,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,  // Only apply fontWeight on web
   },
   buttonText: {
-    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
+    fontFamily: fontFamilies.interSemiBold,
     fontSize: 16,
     fontWeight: Platform.OS === 'web' ? '600' : undefined,  // Only apply fontWeight on web
   },

package/src/ui/styles/theme.ts

@@ -57,9 +57,7 @@ const createTheme = (isDark: boolean): Theme => {
     colors,
     fonts: {
       title: {
-        fontFamily: Platform.OS === 'web'
-          ? 'Phudu'
-          : 'Phudu-Bold',
+        fontFamily: fontFamilies.interBold,
         fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
         fontSize: 34,
       },
@@ -68,7 +66,7 @@ const createTheme = (isDark: boolean): Theme => {
         lineHeight: 24,
       },
       button: {
-        fontFamily: fontFamilies.phuduSemiBold,
+        fontFamily: fontFamilies.interSemiBold,
         fontSize: 16,
         fontWeight: '600',
         color: '#FFFFFF',
@@ -121,7 +119,7 @@ export const createCommonStyles = (theme: 'light' | 'dark') => {
       marginTop: 24,
     },
     buttonText: {
-      fontFamily: fontFamilies.phuduSemiBold,
+      fontFamily: fontFamilies.interSemiBold,
       fontSize: 16,
       fontWeight: '600',
       color: '#FFFFFF',