@oxyhq/services 6.9.5 → 6.9.6

package/src/ui/screens/LanguageSelectorScreen.tsx

@@ -58,11 +58,11 @@ const LanguageSelectorScreen: React.FC<LanguageSelectorScreenProps> = ({
             if (isAuthenticated && user?.id) {
                 try {
                     await oxyServices.updateProfile({ language: languageId });
-                } catch (e: any) {
+                } catch (e: unknown) {
                     // Server sync failed, but we'll save locally anyway
                     serverSyncFailed = true;
                     if (__DEV__) {
-                        console.warn('Failed to sync language to server (will save locally only):', e?.message || e);
+                        console.warn('Failed to sync language to server (will save locally only):', e instanceof Error ? e.message : e);
                     }
                 }
             }
@@ -89,7 +89,7 @@ const LanguageSelectorScreen: React.FC<LanguageSelectorScreenProps> = ({
             if (__DEV__) {
                 console.error('Error saving language preference:', error);
             }
-            toast.error('Failed to save language preference');
+            toast.error(t('language.saveFailed'));
             setIsLoading(false);
         }
     }, [currentLanguage, isLoading, isAuthenticated, user?.id, oxyServices, setLanguage, t, onClose, goBack]);

package/src/ui/screens/LearnMoreUsernamesScreen.tsx

@@ -10,43 +10,44 @@ import {
 import { Ionicons } from '@expo/vector-icons';
 import type { BaseScreenProps } from '../types/navigation';
 import { useThemeStyles } from '../hooks/useThemeStyles';
+import { useI18n } from '../hooks/useI18n';
 
 interface InfoSection {
     id: string;
-    title: string;
-    content: string;
+    titleKey: string;
+    contentKey: string;
     icon: string;
 }
 
 const INFO_SECTIONS: InfoSection[] = [
     {
         id: 'what',
-        title: 'What is a username?',
-        content: 'Your username is your unique identifier on Oxy. It\'s how other people find and mention you. Think of it like your handle on social media - it\'s public and represents your identity across all Oxy apps.',
+        titleKey: 'learnMoreUsernames.sections.what.title',
+        contentKey: 'learnMoreUsernames.sections.what.content',
         icon: 'at-outline',
     },
     {
         id: 'rules',
-        title: 'Username rules',
-        content: 'Usernames can only contain lowercase letters (a-z) and numbers (0-9). They must be at least 4 characters long. Special characters, spaces, and uppercase letters are not allowed to keep usernames simple and easy to remember.',
+        titleKey: 'learnMoreUsernames.sections.rules.title',
+        contentKey: 'learnMoreUsernames.sections.rules.content',
         icon: 'list-outline',
     },
     {
         id: 'unique',
-        title: 'Why must it be unique?',
-        content: 'Each username can only belong to one person. This ensures that when someone searches for you or mentions you, they find the right person. It also prevents confusion and impersonation.',
+        titleKey: 'learnMoreUsernames.sections.unique.title',
+        contentKey: 'learnMoreUsernames.sections.unique.content',
         icon: 'finger-print-outline',
     },
     {
         id: 'change',
-        title: 'Can I change it later?',
-        content: 'Yes! You can change your username anytime in your account settings. Keep in mind that your old username will become available for others to use, and people who knew your old username will need to find you with the new one.',
+        titleKey: 'learnMoreUsernames.sections.change.title',
+        contentKey: 'learnMoreUsernames.sections.change.content',
         icon: 'refresh-outline',
     },
     {
         id: 'tips',
-        title: 'Tips for choosing a username',
-        content: 'Choose something memorable and easy to spell. Avoid using personal information like your birth year or phone number. Consider using a name that represents you across all contexts - professional and personal.',
+        titleKey: 'learnMoreUsernames.sections.tips.title',
+        contentKey: 'learnMoreUsernames.sections.tips.content',
         icon: 'bulb-outline',
     },
 ];
@@ -55,6 +56,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
     theme,
 }) => {
     const themeStyles = useThemeStyles(theme || 'light');
+    const { t } = useI18n();
     const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set(['what'])); // Start with first section expanded
 
     const toggleExpanded = useCallback((id: string) => {
@@ -83,15 +85,16 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                         <Ionicons name="at" size={32} color={themeStyles.primaryColor} />
                     </View>
                     <Text style={[styles.introTitle, { color: themeStyles.textColor }]}>
-                        Your unique identity
+                        {t('learnMoreUsernames.introTitle')}
                     </Text>
                     <Text style={[styles.introText, { color: themeStyles.mutedTextColor }]}>
-                        Your username is how people find and recognize you across all Oxy apps.
+                        {t('learnMoreUsernames.introText')}
                     </Text>
                 </View>
 
                 {INFO_SECTIONS.map((section, index) => {
                     const isExpanded = expandedIds.has(section.id);
+                    const sectionTitle = t(section.titleKey);
                     return (
                         <View
                             key={section.id}
@@ -105,8 +108,8 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                                 style={styles.sectionHeader}
                                 onPress={() => toggleExpanded(section.id)}
                                 accessibilityRole="button"
-                                accessibilityLabel={section.title}
-                                accessibilityHint={isExpanded ? 'Collapse section' : 'Expand section'}
+                                accessibilityLabel={sectionTitle}
+                                accessibilityHint={isExpanded ? t('learnMoreUsernames.collapseHint') : t('learnMoreUsernames.expandHint')}
                                 accessibilityState={{ expanded: isExpanded }}
                             >
                                 <View style={[styles.sectionIconContainer, { backgroundColor: `${themeStyles.primaryColor}15` }]}>
@@ -117,7 +120,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                                     />
                                 </View>
                                 <Text style={[styles.sectionTitle, { color: themeStyles.textColor }]}>
-                                    {section.title}
+                                    {sectionTitle}
                                 </Text>
                                 <Ionicons
                                     name={isExpanded ? 'chevron-up' : 'chevron-down'}
@@ -128,7 +131,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                             {isExpanded && (
                                 <View style={[styles.sectionContent, { borderTopColor: themeStyles.borderColor }]}>
                                     <Text style={[styles.sectionText, { color: themeStyles.mutedTextColor }]}>
-                                        {section.content}
+                                        {t(section.contentKey)}
                                     </Text>
                                 </View>
                             )}
@@ -138,7 +141,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
 
                 <View style={styles.footer}>
                     <Text style={[styles.footerText, { color: themeStyles.mutedTextColor }]}>
-                        Need more help? Visit our Help Center for additional information.
+                        {t('learnMoreUsernames.footer')}
                     </Text>
                 </View>
             </ScrollView>

package/src/ui/screens/OxyAuthScreen.tsx

@@ -200,7 +200,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
     });
 
     socket.on('connect_error', (err) => {
-      debug.log('Socket connection error, falling back to polling:', err.message);
+      debug.log('Socket connection error, falling back to polling:', (err instanceof Error ? err.message : null));
       // Fall back to polling if socket fails
       socket.disconnect();
       startPolling(sessionToken);
@@ -281,8 +281,8 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
 
       // Try socket first, will fall back to polling if needed
       connectSocket(sessionToken);
-    } catch (err: any) {
-      setError(err.message || 'Failed to create auth session');
+    } catch (err: unknown) {
+      setError((err instanceof Error ? err.message : null) || 'Failed to create auth session');
     } finally {
       setIsLoading(false);
     }

package/src/ui/screens/PaymentGatewayScreen.tsx

@@ -13,6 +13,7 @@ import { useThemeColors } from '../styles';
 import { normalizeTheme } from '../utils/themeUtils';
 import GroupedPillButtons from '../components/internal/GroupedPillButtons';
 import { useThemeStyles } from '../hooks/useThemeStyles';
+import { useI18n } from '../hooks/useI18n';
 import QRCode from 'react-native-qrcode-svg';
 
 import {
@@ -80,6 +81,7 @@ const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps> = (props) => {
     const normalizedTheme = normalizeTheme(theme);
     const colors = useThemeColors(normalizedTheme);
     const themeStyles = useThemeStyles(normalizedTheme);
+    const { t } = useI18n();
     const styles = useMemo(() => createPaymentStyles(colors), [colors]);
 
     // Determine if the payment is for a recurring item (subscription)
@@ -183,11 +185,11 @@ const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps> = (props) => {
     if (!amount || Number.isNaN(Number(amount)) || Number(amount) <= 0) {
         return (
             <View style={styles.errorContainer}>
-                <Text style={styles.errorText}>Invalid or missing payment amount.</Text>
+                <Text style={styles.errorText}>{t('payment.errors.invalidAmount')}</Text>
                 <GroupedPillButtons
                     buttons={[
                         {
-                            text: 'Close',
+                            text: t('payment.actions.close'),
                             onPress: handleClose,
                             icon: 'close',
                             variant: 'primary',

package/src/ui/screens/UserLinksScreen.tsx

@@ -5,6 +5,7 @@ import type { BaseScreenProps } from '../types/navigation';
 import { Header, GroupedSection } from '../components';
 import { useThemeStyles } from '../hooks/useThemeStyles';
 import { normalizeTheme } from '../utils/themeUtils';
+import { useI18n } from '../hooks/useI18n';
 
 interface UserLinksScreenProps extends BaseScreenProps {
     userId: string;
@@ -28,6 +29,7 @@ const UserLinksScreen: React.FC<UserLinksScreenProps> = ({
     // primaryColor from hook (#007AFF) is already correct for this screen
     const normalizedTheme = normalizeTheme(theme);
     const themeStyles = useThemeStyles(normalizedTheme);
+    const { t } = useI18n();
 
     const handleLinkPress = async (url: string) => {
         try {
@@ -54,15 +56,15 @@ const UserLinksScreen: React.FC<UserLinksScreenProps> = ({
     return (
         <View style={[styles.container, { backgroundColor: themeStyles.backgroundColor }]}>
             <Header
-                title="Links"
-                subtitle={`${links.length} link${links.length !== 1 ? 's' : ''}`}
+                title={t('userLinks.title')}
+                subtitle={links.length !== 1 ? t('userLinks.linkCount_plural', { count: links.length }) : t('userLinks.linkCount', { count: links.length })}
                 onBack={goBack}
                 elevation="subtle"
             />
 
             <ScrollView style={styles.content}>
                 <View style={styles.section}>
-                    <Text style={[styles.sectionTitle, { color: themeStyles.textColor }]}>Links</Text>
+                    <Text style={[styles.sectionTitle, { color: themeStyles.textColor }]}>{t('userLinks.title')}</Text>
 
                     <GroupedSection
                         items={groupedItems}

package/src/ui/screens/WelcomeNewUserScreen.tsx

@@ -164,8 +164,8 @@ const WelcomeNewUserScreen: React.FC<BaseScreenProps & { newUser?: any }> = ({
                     if (avatarStepIndex >= 0 && currentStep !== avatarStepIndex) {
                         animateToStepCallback(avatarStepIndex);
                     }
-                } catch (e: any) {
-                    toast.error(e.message || t('editProfile.toasts.updateAvatarFailed') || 'Failed to update avatar');
+                } catch (e: unknown) {
+                    toast.error((e instanceof Error ? e.message : null) || t('editProfile.toasts.updateAvatarFailed') || 'Failed to update avatar');
                 }
             }
         });

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

@@ -29,7 +29,7 @@ const KarmaLeaderboardScreen: React.FC<BaseScreenProps> = ({ goBack, theme, navi
         setError(null);
         oxyServices.getKarmaLeaderboard()
             .then((data: any) => setLeaderboard(Array.isArray(data) ? data : []))
-            .catch((err: any) => setError(err.message || 'Failed to load leaderboard'))
+            .catch((err: unknown) => setError((err instanceof Error ? err.message : null) || 'Failed to load leaderboard'))
             .finally(() => setIsLoading(false));
     }, [oxyServices]);
 

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

@@ -28,7 +28,7 @@ const KarmaRulesScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
         setError(null);
         oxyServices.getKarmaRules()
             .then((data: any) => setRules(Array.isArray(data) ? data : []))
-            .catch((err: any) => setError(err.message || 'Failed to load rules'))
+            .catch((err: unknown) => setError((err instanceof Error ? err.message : null) || 'Failed to load rules'))
             .finally(() => setIsLoading(false));
     }, [oxyServices]);
 

package/src/ui/stores/followStore.ts

@@ -59,10 +59,10 @@ export const useFollowStore = create<FollowState>((set: any, get: any) => ({
         fetchingUsers: { ...state.fetchingUsers, [userId]: false },
         errors: { ...state.errors, [userId]: null },
       }));
-    } catch (error: any) {
+    } catch (error: unknown) {
       set((state: FollowState) => ({
         fetchingUsers: { ...state.fetchingUsers, [userId]: false },
-        errors: { ...state.errors, [userId]: error?.message || 'Failed to fetch follow status' },
+        errors: { ...state.errors, [userId]: (error instanceof Error ? error.message : null) || 'Failed to fetch follow status' },
       }));
     }
   },
@@ -119,10 +119,10 @@ export const useFollowStore = create<FollowState>((set: any, get: any) => ({
           return updates;
         });
       }
-    } catch (error: any) {
+    } catch (error: unknown) {
       set((state: FollowState) => ({
         loadingUsers: { ...state.loadingUsers, [userId]: false },
-        errors: { ...state.errors, [userId]: error?.message || 'Failed to update follow status' },
+        errors: { ...state.errors, [userId]: (error instanceof Error ? error.message : null) || 'Failed to update follow status' },
       }));
     }
   },

package/src/ui/types/navigation.ts

@@ -56,6 +56,8 @@ export interface OxyProviderProps {
     authWebUrl?: string;
     authRedirectUri?: string;
     queryClient?: QueryClient;
+    /** Skip wrapping in SafeAreaProvider/GestureHandlerRootView (use when parent already provides them) */
+    skipProviderWrappers?: boolean;
 }
 
 

package/src/ui/utils/errorHandlers.ts

@@ -54,7 +54,7 @@ export const isInvalidSessionError = (error: unknown): boolean => {
   }
 
   // Check error.status directly (HttpService sets this)
-  if ((error as any).status === 401) {
+  if ('status' in (error as object) && (error as Record<string, unknown>).status === 401) {
     return true;
   }
 
@@ -83,7 +83,7 @@ export const isTimeoutOrNetworkError = (error: unknown): boolean => {
   }
 
   const message = extractErrorMessage(error, '').toLowerCase();
-  const errorCode = (error as any).code;
+  const errorCode = isObject(error) && 'code' in (error as object) ? (error as Record<string, unknown>).code : undefined;
 
   // Check for timeout/cancelled messages
   if (

package/src/ui/utils/fileManagement.ts

@@ -82,6 +82,7 @@ export async function convertDocumentPickerAssetToFile(
             }
             // Preserve URI for preview if available (useful for mobile previews)
             if (doc.uri) {
+                // biome-ignore lint/suspicious/noExplicitAny: attaching uri for mobile preview on a File object requires dynamic property assignment
                 (file as any).uri = doc.uri;
             }
             return file;
@@ -102,6 +103,7 @@ export async function convertDocumentPickerAssetToFile(
                     const fileType = doc.mimeType || blob.type || 'application/octet-stream';
                     file = new globalThis.File([blob], fileName, { type: fileType });
                     // Preserve URI for preview
+                    // biome-ignore lint/suspicious/noExplicitAny: attaching uri for mobile preview on a File object requires dynamic property assignment
                     (file as any).uri = doc.uri;
                     return file;
                 }
@@ -110,7 +112,7 @@ export async function convertDocumentPickerAssetToFile(
                 // React Native's Blob doesn't support Uint8Array directly, so we use fetch
                 const fileName = doc.name || `file-${index + 1}`;
                 const fileType = doc.mimeType || 'application/octet-stream';
-                
+
                 // Use fetch to get the file as a blob (works with file:// and content:// URIs in React Native)
                 const response = await fetch(doc.uri);
                 if (!response.ok) {
@@ -119,17 +121,18 @@ export async function convertDocumentPickerAssetToFile(
                 const blob = await response.blob();
                 file = new globalThis.File([blob], fileName, { type: fileType });
                 // Preserve URI for preview (especially important for mobile)
+                // biome-ignore lint/suspicious/noExplicitAny: attaching uri for mobile preview on a File object requires dynamic property assignment
                 (file as any).uri = doc.uri;
                 return file;
-            } catch (error: any) {
+            } catch (error: unknown) {
                 console.error('Failed to read file from URI:', error);
-                throw new Error(`Failed to load file: ${error.message || 'Unknown error'}`);
+                throw new Error(`Failed to load file: ${(error instanceof Error ? error.message : null) || 'Unknown error'}`);
             }
         }
 
         // No file or URI available - this shouldn't happen with Expo 54
         throw new Error('Missing file data (no file or uri property)');
-    } catch (error: any) {
+    } catch (error: unknown) {
         console.error('Error converting document to file:', error);
         throw error;
     }
@@ -185,6 +188,7 @@ export function getSafeDownloadUrl(
 export async function uploadFileRaw(
     file: File | Blob,
     userId: string,
+    // biome-ignore lint/suspicious/noExplicitAny: OxyServices type cannot be fully resolved due to mixin composition pattern
     oxyServices: any,
     visibility?: 'private' | 'public' | 'unlisted'
 ) {
@@ -198,10 +202,11 @@ export interface AvatarPickerConfig {
     /** Navigation function from BaseScreenProps */
     navigate?: (screen: RouteName, props?: Record<string, unknown>) => void;
     /** OxyServices instance */
+    // biome-ignore lint/suspicious/noExplicitAny: OxyServices type cannot be fully resolved due to mixin composition pattern
     oxyServices: any;
     /** TanStack Query mutation for updating profile */
     updateProfileMutation: {
-        mutateAsync: (updates: { avatar: string }) => Promise<any>;
+        mutateAsync: (updates: { avatar: string }) => Promise<unknown>;
     };
     /** Callback to update local avatar state */
     onAvatarSelected?: (fileId: string) => void;
@@ -257,7 +262,7 @@ export function createAvatarPickerHandler(config: AvatarPickerConfig): () => voi
             multiSelect: false,
             disabledMimeTypes: ['video/', 'audio/', 'application/pdf'],
             afterSelect: 'none', // Don't navigate away - stay on current screen
-            onSelect: async (file: any) => {
+            onSelect: async (file: FileMetadata) => {
                 if (!file.contentType.startsWith('image/')) {
                     toast.error(t('editProfile.toasts.selectImage') || 'Please select an image file');
                     return;
@@ -276,8 +281,8 @@ export function createAvatarPickerHandler(config: AvatarPickerConfig): () => voi
                     await updateProfileMutation.mutateAsync({ avatar: file.id });
                     
                     toast.success(t('editProfile.toasts.avatarUpdated') || 'Avatar updated');
-                } catch (e: any) {
-                    toast.error(e.message || t('editProfile.toasts.updateAvatarFailed') || 'Failed to update avatar');
+                } catch (e: unknown) {
+                    toast.error((e instanceof Error ? e.message : null) || t('editProfile.toasts.updateAvatarFailed') || 'Failed to update avatar');
                 }
             }
         });

package/src/ui/utils/sessionHelpers.ts

@@ -13,10 +13,11 @@ interface DeviceSession {
 
 /**
  * Service type for session helpers.
- * Uses 'any' to work around TypeScript mixin composition type inference issues.
+ * Uses 'unknown' to work around TypeScript mixin composition type inference issues.
  * The OxyServices class has these methods but TypeScript can't see them due to the mixin pattern.
+ * Methods are accessed dynamically, so callers must pass a properly typed instance.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// biome-ignore lint/suspicious/noExplicitAny: OxyServices methods are accessed dynamically due to mixin composition; TypeScript cannot infer the full type
 type OxyServicesAny = any;
 
 export interface FetchSessionsWithFallbackOptions {

package/src/ui/utils/storageHelpers.ts

@@ -19,7 +19,7 @@ const MEMORY_STORAGE = (): StorageInterface => {
 
   return {
     async getItem(key: string) {
-      return store.has(key) ? store.get(key)! : null;
+      return store.get(key) ?? null;
     },
     async setItem(key: string, value: string) {
       store.set(key, value);

package/src/utils/hookUtils.ts

@@ -21,10 +21,11 @@ export function useAsync<T>(
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<Error | null>(null);
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: asyncFn is intentionally excluded — this is a mount-only pattern where the callback identity should not cause re-creation
   const execute = useCallback(async () => {
     setLoading(true);
     setError(null);
-    
+
     try {
       const result = await asyncFn();
       setData(result);
@@ -52,9 +53,10 @@ export function useAsyncEffect<T>(
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<Error | null>(null);
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: asyncFn is intentionally excluded — this is a mount-only pattern where the callback identity should not trigger re-execution
   useEffect(() => {
     let mounted = true;
-    
+
     const execute = async () => {
       try {
         const result = await asyncFn();