@oxyhq/services 6.8.0 → 6.9.1

package/src/ui/hooks/queries/useSecurityQueries.ts

@@ -44,7 +44,7 @@ export const useSecurityActivity = (
 /**
  * Get recent security activity (convenience hook)
  */
-export const useRecentSecurityActivity = (limit: number = 10) => {
+export const useRecentSecurityActivity = (limit = 10) => {
   const { oxyServices, activeSessionId } = useOxy();
 
   return useQuery<SecurityActivity[]>({

package/src/ui/hooks/useAssets.ts

@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 import { useAssetStore } from '../stores/assetStore';
-import { OxyServices } from '@oxyhq/core';
+import type { OxyServices } from '@oxyhq/core';
 import {
-  Asset,
+  type Asset,
   AssetLinkRequest,
   AssetUnlinkRequest,
   AssetUploadProgress
@@ -181,13 +181,8 @@ export const useAssets = () => {
     if (!oxyInstance) {
       throw new Error('OxyServices instance not configured. Call setOxyAssetInstance first.');
     }
-
-    try {
       const result = await oxyInstance.assetGetUrl(assetId, variant, expiresIn);
       return result.url;
-    } catch (error: any) {
-      throw error;
-    }
   }, []);
 
   // Get asset metadata
@@ -195,23 +190,18 @@ export const useAssets = () => {
     if (!oxyInstance) {
       throw new Error('OxyServices instance not configured. Call setOxyAssetInstance first.');
     }
-
-    try {
       const result = await oxyInstance.assetGet(assetId);
       if (result.file) {
         setAsset(result.file);
         return result.file;
       }
       throw new Error('Asset not found');
-    } catch (error: any) {
-      throw error;
-    }
   }, [setAsset]);
 
   // Delete asset
   const deleteAsset = useCallback(async (
     assetId: string, 
-    force: boolean = false
+    force = false
   ): Promise<void> => {
     if (!oxyInstance) {
       throw new Error('OxyServices instance not configured. Call setOxyAssetInstance first.');
@@ -236,15 +226,10 @@ export const useAssets = () => {
     if (!oxyInstance) {
       throw new Error('OxyServices instance not configured. Call setOxyAssetInstance first.');
     }
-
-    try {
       const result = await oxyInstance.assetRestore(assetId);
       if (result.file) {
         setAsset(result.file);
       }
-    } catch (error: any) {
-      throw error;
-    }
   }, [setAsset]);
 
   // Get variants
@@ -252,12 +237,7 @@ export const useAssets = () => {
     if (!oxyInstance) {
       throw new Error('OxyServices instance not configured. Call setOxyAssetInstance first.');
     }
-
-    try {
       return await oxyInstance.assetGetVariants(assetId);
-    } catch (error: any) {
-      throw error;
-    }
   }, []);
 
   return {

package/src/ui/hooks/useFileFiltering.ts

@@ -75,8 +75,7 @@ export function useFileFiltering({
         (file) =>
           file.filename.toLowerCase().includes(query) ||
           file.contentType.toLowerCase().includes(query) ||
-          (file.metadata?.description &&
-            file.metadata.description.toLowerCase().includes(query))
+          (file.metadata?.description?.toLowerCase().includes(query))
       );
     }
 

package/src/ui/index.ts

@@ -19,7 +19,25 @@
 import isFrontend from './isFrontend';
 
 // UI exports
-let OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useAuth, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage;
+let OxyProvider;
+let OxySignInButton;
+let OxyLogo;
+let Avatar;
+let FollowButton;
+let OxyPayButton;
+let FontLoader;
+let setupFonts;
+let OxyIcon;
+let useOxy;
+let useAuth;
+let useFollow;
+let ProfileScreen;
+let useAuthStore;
+let useAccountStore;
+let fontFamilies;
+let fontStyles;
+let toast;
+let useStorage;
 
 if (isFrontend) {
   OxyProvider = require('./components/OxyProvider').default;

package/src/ui/screens/AccountSwitcherScreen.tsx

@@ -526,7 +526,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                             id: `device-session-${session.sessionId}`,
                                             icon: session.isCurrent ? 'cellphone' : 'cellphone-basic',
                                             iconColor: session.isCurrent ? '#34C759' : '#8E8E93',
-                                            title: `${session.deviceName} ${session.isCurrent ? '(' + (t('accountSwitcher.device.thisDevice') || 'This device') + ')' : ''}`,
+                                            title: `${session.deviceName} ${session.isCurrent ? `(${t('accountSwitcher.device.thisDevice') || 'This device'})` : ''}`,
                                             subtitle: t('accountSwitcher.device.lastActive', { date: new Date(session.lastActive).toLocaleDateString() }) || `Last active: ${new Date(session.lastActive).toLocaleDateString()}`,
                                             onPress: session.isCurrent ? undefined : () => handleRemoteSessionLogout(session.sessionId, session.deviceName),
                                             disabled: session.isCurrent || remotingLogoutSessionId === session.sessionId,

package/src/ui/screens/EditProfileFieldScreen.tsx

@@ -8,7 +8,7 @@ import {
     ScrollView,
     Platform,
     Image,
-    TextInputProps,
+    type TextInputProps,
     KeyboardAvoidingView,
 } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';

package/src/ui/screens/FAQScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import type React from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import {
     View,
     Text,

package/src/ui/screens/FeedbackScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useRef, useCallback, useMemo } from 'react';
+import type React from 'react';
+import { useState, useRef, useCallback, useMemo } from 'react';
 import {
     View,
     Text,
@@ -445,7 +446,7 @@ const FeedbackScreen: React.FC<BaseScreenProps> = ({
     const renderSuccessStep = () => (
         <Animated.View style={[styles.stepContainer, { opacity: fadeAnim, transform: [{ translateX: slideAnim }] }]}>
             <View style={styles.successContainer}>
-                <View style={[styles.successIcon, { backgroundColor: (colors.success || '#34C759') + '20', padding: 24, borderRadius: 50 }]}>
+                <View style={[styles.successIcon, { backgroundColor: `${colors.success || '#34C759'}20`, padding: 24, borderRadius: 50 }]}>
                     <Ionicons name="checkmark-circle" size={48} color={colors.success || '#34C759'} />
                 </View>
                 <Text style={[styles.successTitle, { color: colors.text }]}>

package/src/ui/screens/FileManagementScreen.tsx

@@ -180,7 +180,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
             filtered = filteredByMode.filter(file =>
                 file.filename.toLowerCase().includes(query) ||
                 file.contentType.toLowerCase().includes(query) ||
-                (file.metadata?.description && file.metadata.description.toLowerCase().includes(query))
+                (file.metadata?.description?.toLowerCase().includes(query))
             );
         }
 
@@ -215,7 +215,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
     const itemRefs = useRef<Map<string, number>>(new Map()); // Track item positions
     const containerRef = useRef<View>(null);
     useEffect(() => {
-        if (initialSelectedIds && initialSelectedIds.length) {
+        if (initialSelectedIds?.length) {
             setSelectedIds(new Set(initialSelectedIds));
         }
     }, [initialSelectedIds]);
@@ -224,7 +224,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
         // Allow selection in regular mode for bulk operations
         // if (!selectMode) return;
         if (disabledMimeTypes.length) {
-            const blocked = disabledMimeTypes.some(mt => file.contentType === mt || file.contentType.startsWith(mt.endsWith('/') ? mt : mt + '/'));
+            const blocked = disabledMimeTypes.some(mt => file.contentType === mt || file.contentType.startsWith(mt.endsWith('/') ? mt : `${mt}/`));
             if (blocked) {
                 toast.error('This file type cannot be selected');
                 return;
@@ -339,7 +339,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
 
     // Helper to safely request a thumbnail variant only for image mime types.
     const getSafeDownloadUrlCallback = useCallback(
-        (file: FileMetadata, variant: string = 'thumb') => {
+        (file: FileMetadata, variant = 'thumb') => {
             return getSafeDownloadUrl(file, variant, (fileId: string, variant?: string) => oxyServices.getFileDownloadUrl(fileId, variant));
         },
         [oxyServices]
@@ -640,7 +640,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                 continue;
             }
 
-            if (file.size === undefined || file.size === null || isNaN(file.size)) {
+            if (file.size === undefined || file.size === null || Number.isNaN(file.size)) {
                 if (__DEV__) {
                     console.error('Invalid file: missing or invalid size property', file);
                 }
@@ -1278,7 +1278,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                                             onError={(_: any) => {
                                                 // If thumbnail not available, we still show icon overlay
                                             }}
-                                            accessibilityLabel={file.filename + ' video thumbnail'}
+                                            accessibilityLabel={`${file.filename} video thumbnail`}
                                         />
                                         <View style={fileManagementStyles.videoOverlay}>
                                             <Ionicons name="play" size={24} color="#FFFFFF" />
@@ -1418,7 +1418,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                                 onError={(_: any) => {
                                     // If thumbnail not available, we still show icon overlay
                                 }}
-                                accessibilityLabel={file.filename + ' video thumbnail'}
+                                accessibilityLabel={`${file.filename} video thumbnail`}
                             />
                             <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, alignItems: 'center', justifyContent: 'center', backgroundColor: 'rgba(0,0,0,0.25)' }}>
                                 <Ionicons name="play" size={16} color="#FFFFFF" />
@@ -1642,7 +1642,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                     <Text style={[fileManagementStyles.emptyStateTitle, { color: themeStyles.textColor }]}>No Photos Yet</Text>
                     <Text style={[fileManagementStyles.emptyStateDescription, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666' }]}> {
                         user?.id === targetUserId
-                            ? `Upload photos to get started. You can select multiple photos at once.`
+                            ? "Upload photos to get started. You can select multiple photos at once."
                             : "This user hasn't uploaded any photos yet"
                     } </Text>
                     {user?.id === targetUserId && (
@@ -1736,7 +1736,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
             <Text style={[fileManagementStyles.emptyStateTitle, { color: themeStyles.textColor }]}>No Files Yet</Text>
             <Text style={[fileManagementStyles.emptyStateDescription, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666' }]}>
                 {user?.id === targetUserId
-                    ? `Upload files to get started. You can select multiple files at once.`
+                    ? "Upload files to get started. You can select multiple files at once."
                     : "This user hasn't uploaded any files yet"
                 }
             </Text>
@@ -2000,7 +2000,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
     return (
         <View style={fileManagementStyles.container}>
             <Header
-                title={selectMode ? (multiSelect ? `${selectedIds.size}${maxSelection ? '/' + maxSelection : ''} Selected` : 'Select a File') : (viewMode === 'photos' ? 'Photos' : 'File Management')}
+                title={selectMode ? (multiSelect ? `${selectedIds.size}${maxSelection ? `/${maxSelection}` : ''} Selected` : 'Select a File') : (viewMode === 'photos' ? 'Photos' : 'File Management')}
                 subtitle={selectMode ? (multiSelect ? `${filteredFiles.length} available` : 'Tap to select') : `${filteredFiles.length} ${filteredFiles.length === 1 ? 'item' : 'items'}`}
                 rightActions={selectMode && multiSelect ? [
                     {

package/src/ui/screens/FollowersListScreen.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { BaseScreenProps } from '../types/navigation';
 import UserListScreen from './UserListScreen';
 

package/src/ui/screens/FollowingListScreen.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { BaseScreenProps } from '../types/navigation';
 import UserListScreen from './UserListScreen';
 

package/src/ui/screens/LearnMoreUsernamesScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useCallback, useMemo } from 'react';
+import type React from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import {
     View,
     Text,
@@ -78,7 +79,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                 contentContainerStyle={styles.contentContainer}
             >
                 <View style={styles.introSection}>
-                    <View style={[styles.introIcon, { backgroundColor: themeStyles.primaryColor + '15' }]}>
+                    <View style={[styles.introIcon, { backgroundColor: `${themeStyles.primaryColor}15` }]}>
                         <Ionicons name="at" size={32} color={themeStyles.primaryColor} />
                     </View>
                     <Text style={[styles.introTitle, { color: themeStyles.textColor }]}>
@@ -108,7 +109,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
                                 accessibilityHint={isExpanded ? 'Collapse section' : 'Expand section'}
                                 accessibilityState={{ expanded: isExpanded }}
                             >
-                                <View style={[styles.sectionIconContainer, { backgroundColor: themeStyles.primaryColor + '15' }]}>
+                                <View style={[styles.sectionIconContainer, { backgroundColor: `${themeStyles.primaryColor}15` }]}>
                                     <Ionicons
                                         name={section.icon}
                                         size={20}

package/src/ui/screens/PaymentGatewayScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useRef, useMemo, useCallback } from 'react';
+import type React from 'react';
+import { useState, useRef, useMemo, useCallback } from 'react';
 import {
     View,
     Text,
@@ -179,7 +180,7 @@ const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps> = (props) => {
     }, [onPaymentResult, onClose, goBack]);
 
     // Validate amount
-    if (!amount || isNaN(Number(amount)) || Number(amount) <= 0) {
+    if (!amount || Number.isNaN(Number(amount)) || Number(amount) <= 0) {
         return (
             <View style={styles.errorContainer}>
                 <Text style={styles.errorText}>Invalid or missing payment amount.</Text>

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -380,7 +380,7 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
                 return {
                     ...feature,
                     isIncludedInCurrentPlan,
-                    isSubscribed: isIncludedInCurrentPlan ? true : false // Mock some individual subscriptions
+                    isSubscribed: !!isIncludedInCurrentPlan // Mock some individual subscriptions
                 };
             });
 
@@ -424,7 +424,7 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
 
             // Mock subscription update
             setSubscription({
-                id: 'sub_' + Date.now(),
+                id: `sub_${Date.now()}`,
                 planId,
                 status: 'active',
                 currentPeriodStart: new Date().toISOString(),
@@ -716,12 +716,11 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
         const getAppScopeText = () => {
             if (plan.appScope === 'ecosystem') {
                 return t('premium.plan.scope.allApps') || 'Works across all Oxy apps';
-            } else if (isAppSpecific) {
+            }if (isAppSpecific) {
                 const appName = plan.applicableApps[0];
                 return t('premium.plan.scope.exclusive', { app: appName }) || `Exclusive to ${appName} app`;
-            } else {
-                return t('premium.plan.scope.availableIn', { apps: plan.applicableApps.join(', ') }) || `Available in: ${plan.applicableApps.join(', ')}`;
             }
+                return t('premium.plan.scope.availableIn', { apps: plan.applicableApps.join(', ') }) || `Available in: ${plan.applicableApps.join(', ')}`;
         };
 
         const getAvailabilityStatus = () => {
@@ -899,9 +898,8 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
         const getAppScopeText = () => {
             if (feature.appScope === 'ecosystem') {
                 return t('premium.feature.scope.allApps');
-            } else {
-                return t('premium.feature.scope.availableIn', { apps: feature.applicableApps.join(', ') }) || `Available in: ${feature.applicableApps.join(', ')}`;
             }
+                return t('premium.feature.scope.availableIn', { apps: feature.applicableApps.join(', ') }) || `Available in: ${feature.applicableApps.join(', ')}`;
         };
 
         return (

package/src/ui/screens/ProfileScreen.tsx

@@ -354,7 +354,7 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
 const createStyles = (colors: ThemeColors) => StyleSheet.create({
     container: { flex: 1 },
     scrollContainer: { alignItems: 'stretch', paddingBottom: 40 },
-    bannerContainer: { height: 160, backgroundColor: colors.primary + '20', position: 'relative', overflow: 'hidden' },
+    bannerContainer: { height: 160, backgroundColor: `${colors.primary}20`, position: 'relative', overflow: 'hidden' },
     bannerImage: { flex: 1, backgroundColor: colors.primary }, // Placeholder, replace with Image if available
     avatarRow: { flexDirection: 'row', alignItems: 'flex-end', marginTop: -56, paddingHorizontal: 20, justifyContent: 'space-between', zIndex: 2 },
     avatarWrapper: { borderWidth: 5, borderColor: colors.background, borderRadius: 64, overflow: 'hidden', backgroundColor: colors.background },

package/src/ui/screens/UserListScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import type React from 'react';
+import { useEffect, useState, useCallback } from 'react';
 import {
   View,
   Text,

package/src/ui/screens/WelcomeNewUserScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
+import type React from 'react';
+import { useCallback, useMemo, useRef, useState, useEffect } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Platform, Animated } from 'react-native';
 import AnimatedReanimated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import type { BaseScreenProps } from '../types/navigation';
@@ -231,7 +232,7 @@ const WelcomeNewUserScreen: React.FC<BaseScreenProps & { newUser?: any }> = ({
                                 name={currentUser?.name?.full || currentUser?.name?.first || currentUser?.username}
                                 uri={avatarUri}
 
-                                backgroundColor={colors.primary + '20'}
+                                backgroundColor={`${colors.primary}20`}
                                 style={styles.avatar}
                             />
                             <TouchableOpacity style={[styles.changeAvatarButton, { backgroundColor: colors.primary }]} onPress={openAvatarPicker}>

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

@@ -90,19 +90,19 @@ const KarmaCenterScreen: React.FC<BaseScreenProps> = ({
                     </Text>
                     <View style={styles.actionContainer}>
                         <View style={styles.actionRow}>
-                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate && navigate('KarmaLeaderboard')}>
+                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate?.('KarmaLeaderboard')}>
                                 <View style={[styles.actionIcon, { backgroundColor: iconLeaderboard }]}>
                                     <Ionicons name="trophy-outline" size={28} color={darkenColor(iconLeaderboard)} />
                                 </View>
                                 <Text style={[styles.actionLabel, { color: mutedTextColor }]}>{t('karma.center.actions.leaderboard') || 'Leaderboard'}</Text>
                             </TouchableOpacity>
-                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate && navigate('KarmaRules')}>
+                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate?.('KarmaRules')}>
                                 <View style={[styles.actionIcon, { backgroundColor: iconRules }]}>
                                     <Ionicons name="document-text-outline" size={28} color={darkenColor(iconRules)} />
                                 </View>
                                 <Text style={[styles.actionLabel, { color: mutedTextColor }]}>{t('karma.center.actions.rules') || 'Rules'}</Text>
                             </TouchableOpacity>
-                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate && navigate('AboutKarma')}>
+                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate?.('AboutKarma')}>
                                 <View style={[styles.actionIcon, { backgroundColor: iconAbout }]}>
                                     <Ionicons name="star-outline" size={28} color={darkenColor(iconAbout)} />
                                 </View>
@@ -110,13 +110,13 @@ const KarmaCenterScreen: React.FC<BaseScreenProps> = ({
                             </TouchableOpacity>
                         </View>
                         <View style={styles.actionRow}>
-                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate && navigate('KarmaRewards')}>
+                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate?.('KarmaRewards')}>
                                 <View style={[styles.actionIcon, { backgroundColor: iconRewards }]}>
                                     <Ionicons name="gift-outline" size={28} color={darkenColor(iconRewards)} />
                                 </View>
                                 <Text style={[styles.actionLabel, { color: mutedTextColor }]}>{t('karma.center.actions.rewards') || 'Rewards'}</Text>
                             </TouchableOpacity>
-                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate && navigate('KarmaFAQ')}>
+                            <TouchableOpacity style={styles.actionIconWrapper} onPress={() => navigate?.('KarmaFAQ')}>
                                 <View style={[styles.actionIcon, { backgroundColor: iconFAQ }]}>
                                     <Ionicons name="help-circle-outline" size={28} color={darkenColor(iconFAQ)} />
                                 </View>

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

@@ -55,7 +55,7 @@ const KarmaLeaderboardScreen: React.FC<BaseScreenProps> = ({ goBack, theme, navi
                             <TouchableOpacity
                                 key={entry.userId}
                                 style={[styles.row, idx < 3 && { backgroundColor: '#f7eaff' }]}
-                                onPress={() => navigate && navigate('Profile', { userId: entry.userId, username: entry.username })}
+                                onPress={() => navigate?.('Profile', { userId: entry.userId, username: entry.username })}
                                 activeOpacity={0.7}
                             >
                                 <Text style={[styles.rank, { color: primaryColor }]}>{idx + 1}</Text>

package/src/ui/stores/assetStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import { Asset, AssetUploadProgress, AssetLink } from '@oxyhq/core';
+import type { Asset, AssetUploadProgress, AssetLink } from '@oxyhq/core';
 
 interface AssetState {
   // Asset data

package/src/ui/stores/followStore.ts

@@ -93,7 +93,7 @@ export const useFollowStore = create<FollowState>((set: any, get: any) => ({
       // The API returns counts for both users:
       // - followers: target user's follower count (the user being followed)
       // - following: current user's following count (the user doing the following)
-      if (response && response.counts) {
+      if (response?.counts) {
         const { counts } = response;
         
         // Get current user ID from oxyServices
@@ -159,7 +159,7 @@ export const useFollowStore = create<FollowState>((set: any, get: any) => ({
     }));
     try {
       const user = await oxyServices.getUserById(userId);
-      if (user && user._count) {
+      if (user?._count) {
         set((state: FollowState) => ({
           followerCounts: { 
             ...state.followerCounts, 

package/src/ui/utils/avatarUtils.ts

@@ -2,7 +2,7 @@ import { authenticatedApiCall } from '@oxyhq/core';
 import type { OxyServices, User } from '@oxyhq/core';
 import { useAccountStore } from '../stores/accountStore';
 import { useAuthStore } from '../stores/authStore';
-import { QueryClient } from '@tanstack/react-query';
+import type { QueryClient } from '@tanstack/react-query';
 import { queryKeys, invalidateUserQueries, invalidateAccountQueries } from '../hooks/queries/queryKeys';
 
 /**
@@ -18,7 +18,7 @@ export function refreshAvatarInStore(
   oxyServices: OxyServices
 ): void {
   const { updateAccount } = useAccountStore.getState();
-  const cacheBustedUrl = oxyServices.getFileDownloadUrl(avatarFileId, 'thumb') + `?t=${Date.now()}`;
+  const cacheBustedUrl = `${oxyServices.getFileDownloadUrl(avatarFileId, 'thumb')}?t=${Date.now()}`;
   updateAccount(sessionId, {
     avatar: avatarFileId,
     avatarUrl: cacheBustedUrl,

package/src/ui/utils/fileManagement.ts

@@ -13,7 +13,7 @@ export function formatFileSize(bytes: number): string {
     const k = 1024;
     const sizes = ['Bytes', 'KB', 'MB', 'GB'];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    return `${Number.parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;
 }
 
 /**
@@ -36,8 +36,8 @@ export function getFileIcon(contentType: string): string {
 export function confirmAction(
     message: string,
     title?: string,
-    confirmText: string = 'OK',
-    cancelText: string = 'Cancel'
+    confirmText = 'OK',
+    cancelText = 'Cancel'
 ): Promise<boolean> {
     return new Promise((resolve) => {
         Alert.alert(
@@ -145,7 +145,7 @@ export async function convertDocumentPickerAssetToFile(
  */
 export function getSafeDownloadUrl(
     file: FileMetadata,
-    variant: string = 'thumb',
+    variant: string,
     getFileDownloadUrl: (fileId: string, variant?: string) => string
 ): string {
     const isImage = file.contentType.startsWith('image/');

package/src/ui/utils/userUtils.ts

@@ -10,7 +10,7 @@ export const formatDate = (dateString: string | undefined | null | Date): string
   
   try {
     const date = dateString instanceof Date ? dateString : new Date(dateString);
-    if (isNaN(date.getTime())) return '';
+    if (Number.isNaN(date.getTime())) return '';
     
     return date.toLocaleDateString('en-US', {
       month: 'short',

package/lib/commonjs/ui/context/hooks/useDeviceManagement.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeviceManagement = void 0;
-var _react = require("react");
-var _core = require("@oxyhq/core");
-var _errorHandlers = require("../../utils/errorHandlers.js");
-/**
- * Provide device session management helpers tied to the current active session.
- *
- * @param options - Device management configuration
- */
-const useDeviceManagement = ({
-  oxyServices,
-  activeSessionId,
-  onError,
-  clearSessionState,
-  logger
-}) => {
-  const getDeviceSessions = (0, _react.useCallback)(async () => {
-    if (!activeSessionId) throw new Error('No active session');
-    try {
-      return await oxyServices.getDeviceSessions(activeSessionId);
-    } catch (error) {
-      (0, _errorHandlers.handleAuthError)(error, {
-        defaultMessage: 'Failed to get device sessions',
-        code: 'GET_DEVICE_SESSIONS_ERROR',
-        onError,
-        logger
-      });
-      throw error instanceof Error ? error : new Error('Failed to get device sessions');
-    }
-  }, [activeSessionId, logger, onError, oxyServices]);
-  const logoutAllDeviceSessions = (0, _react.useCallback)(async () => {
-    if (!activeSessionId) throw new Error('No active session');
-    try {
-      await oxyServices.logoutAllDeviceSessions(activeSessionId);
-      await clearSessionState();
-    } catch (error) {
-      (0, _errorHandlers.handleAuthError)(error, {
-        defaultMessage: 'Failed to logout all device sessions',
-        code: 'LOGOUT_ALL_DEVICES_ERROR',
-        onError,
-        logger
-      });
-      throw error instanceof Error ? error : new Error('Failed to logout all device sessions');
-    }
-  }, [activeSessionId, clearSessionState, logger, onError, oxyServices]);
-  const updateDeviceName = (0, _react.useCallback)(async deviceName => {
-    if (!activeSessionId) throw new Error('No active session');
-    try {
-      await oxyServices.updateDeviceName(activeSessionId, deviceName);
-      await _core.DeviceManager.updateDeviceName(deviceName);
-    } catch (error) {
-      (0, _errorHandlers.handleAuthError)(error, {
-        defaultMessage: 'Failed to update device name',
-        code: 'UPDATE_DEVICE_NAME_ERROR',
-        onError,
-        logger
-      });
-      throw error instanceof Error ? error : new Error('Failed to update device name');
-    }
-  }, [activeSessionId, logger, onError, oxyServices]);
-  return {
-    getDeviceSessions,
-    logoutAllDeviceSessions,
-    updateDeviceName
-  };
-};
-exports.useDeviceManagement = useDeviceManagement;
-//# sourceMappingURL=useDeviceManagement.js.map

package/lib/commonjs/ui/context/hooks/useDeviceManagement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_core","_errorHandlers","useDeviceManagement","oxyServices","activeSessionId","onError","clearSessionState","logger","getDeviceSessions","useCallback","Error","error","handleAuthError","defaultMessage","code","logoutAllDeviceSessions","updateDeviceName","deviceName","DeviceManager","exports"],"sourceRoot":"../../../../../src","sources":["ui/context/hooks/useDeviceManagement.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAwBA;AACA;AACA;AACA;AACA;AACO,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,eAAe;EACfC,OAAO;EACPC,iBAAiB;EACjBC;AAC0B,CAAC,KAAgC;EAC3D,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,YAQjC;IACH,IAAI,CAACL,eAAe,EAAE,MAAM,IAAIM,KAAK,CAAC,mBAAmB,CAAC;IAC1D,IAAI;MACF,OAAO,MAAMP,WAAW,CAACK,iBAAiB,CAACJ,eAAe,CAAC;IAC7D,CAAC,CAAC,OAAOO,KAAK,EAAE;MACd,IAAAC,8BAAe,EAACD,KAAK,EAAE;QACrBE,cAAc,EAAE,+BAA+B;QAC/CC,IAAI,EAAE,2BAA2B;QACjCT,OAAO;QACPE;MACF,CAAC,CAAC;MACF,MAAMI,KAAK,YAAYD,KAAK,GAAGC,KAAK,GAAG,IAAID,KAAK,CAAC,+BAA+B,CAAC;IACnF;EACF,CAAC,EAAE,CAACN,eAAe,EAAEG,MAAM,EAAEF,OAAO,EAAEF,WAAW,CAAC,CAAC;EAEnD,MAAMY,uBAAuB,GAAG,IAAAN,kBAAW,EAAC,YAA2B;IACrE,IAAI,CAACL,eAAe,EAAE,MAAM,IAAIM,KAAK,CAAC,mBAAmB,CAAC;IAE1D,IAAI;MACF,MAAMP,WAAW,CAACY,uBAAuB,CAACX,eAAe,CAAC;MAC1D,MAAME,iBAAiB,CAAC,CAAC;IAC3B,CAAC,CAAC,OAAOK,KAAK,EAAE;MACd,IAAAC,8BAAe,EAACD,KAAK,EAAE;QACrBE,cAAc,EAAE,sCAAsC;QACtDC,IAAI,EAAE,0BAA0B;QAChCT,OAAO;QACPE;MACF,CAAC,CAAC;MACF,MAAMI,KAAK,YAAYD,KAAK,GAAGC,KAAK,GAAG,IAAID,KAAK,CAAC,sCAAsC,CAAC;IAC1F;EACF,CAAC,EAAE,CAACN,eAAe,EAAEE,iBAAiB,EAAEC,MAAM,EAAEF,OAAO,EAAEF,WAAW,CAAC,CAAC;EAEtE,MAAMa,gBAAgB,GAAG,IAAAP,kBAAW,EAClC,MAAOQ,UAAkB,IAAoB;IAC3C,IAAI,CAACb,eAAe,EAAE,MAAM,IAAIM,KAAK,CAAC,mBAAmB,CAAC;IAE1D,IAAI;MACF,MAAMP,WAAW,CAACa,gBAAgB,CAACZ,eAAe,EAAEa,UAAU,CAAC;MAC/D,MAAMC,mBAAa,CAACF,gBAAgB,CAACC,UAAU,CAAC;IAClD,CAAC,CAAC,OAAON,KAAK,EAAE;MACd,IAAAC,8BAAe,EAACD,KAAK,EAAE;QACrBE,cAAc,EAAE,8BAA8B;QAC9CC,IAAI,EAAE,0BAA0B;QAChCT,OAAO;QACPE;MACF,CAAC,CAAC;MACF,MAAMI,KAAK,YAAYD,KAAK,GAAGC,KAAK,GAAG,IAAID,KAAK,CAAC,8BAA8B,CAAC;IAClF;EACF,CAAC,EACD,CAACN,eAAe,EAAEG,MAAM,EAAEF,OAAO,EAAEF,WAAW,CAChD,CAAC;EAED,OAAO;IACLK,iBAAiB;IACjBO,uBAAuB;IACvBC;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAjB,mBAAA,GAAAA,mBAAA","ignoreList":[]}