@oxyhq/services 5.16.16 → 5.16.18

package/lib/typescript/ui/utils/errorHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorHandlers.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/errorHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgBxD,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAkBD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OAkBtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,OAAO,EACd,wBAAoC,KACnC,MAuBF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,OAAO,EACd,kEAOG,sBAAsB,KACxB,MAiBF,CAAC"}
+{"version":3,"file":"errorHandlers.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/errorHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgBxD,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAkBD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OA4BtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,OAAO,OAAO,KAAG,OA0CxD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,OAAO,EACd,wBAAoC,KACnC,MAuBF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,OAAO,EACd,kEAOG,sBAAsB,KACxB,MAiBF,CAAC"}

package/lib/typescript/ui/utils/sessionHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sessionHelpers.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/sessionHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE;YAAE,QAAQ,IAAI,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gCAAgC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,2BAA2B;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,aAAa,EAAE,EACzB,mBAAmB,MAAM,EACzB,iBAAiB,MAAM,KACtB,aAAa,EAgBf,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,aAAa,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,wBAAwB,CAAC,EAC9E,WAAW,MAAM,EACjB,gDAIG,gCAAqC,KACvC,OAAO,CAAC,aAAa,EAAE,CAczB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,EACjD,YAAY,MAAM,EAAE,EACpB,0CAAoD,2BAAgC,KACnF,OAAO,CAAC,uBAAuB,EAAE,CAuCnC,CAAC"}
+{"version":3,"file":"sessionHelpers.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/sessionHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE;YAAE,QAAQ,IAAI,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gCAAgC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,2BAA2B;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,aAAa,EAAE,EACzB,mBAAmB,MAAM,EACzB,iBAAiB,MAAM,KACtB,aAAa,EAgBf,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,aAAa,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,wBAAwB,CAAC,EAC9E,WAAW,MAAM,EACjB,gDAIG,gCAAqC,KACvC,OAAO,CAAC,aAAa,EAAE,CAYzB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,EACjD,YAAY,MAAM,EAAE,EACpB,0CAAoD,2BAAgC,KACnF,OAAO,CAAC,uBAAuB,EAAE,CAuCnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "5.16.16",
+  "version": "5.16.18",
   "description": "Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -89,6 +89,7 @@
     "prepublishOnly": "npm run typescript && npm test && npm run build"
   },
   "dependencies": {
+    "@lottiefiles/dotlottie-react": "^0.13.5",
     "@react-native-async-storage/async-storage": "2.1.2",
     "@react-native-community/netinfo": "^11.4.1",
     "@tanstack/react-query": "^5.59.0",

package/src/core/mixins/OxyServices.payment.ts

@@ -54,6 +54,110 @@ export function OxyServicesPaymentMixin<T extends typeof OxyServicesBase>(Base:
         throw this.handleError(error);
       }
     }
+
+    /**
+     * Get user subscription
+     * @param userId - The user ID
+     * @returns Subscription object
+     */
+    async getSubscription(userId: string): Promise<any> {
+      try {
+        return await this.makeRequest('GET', `/api/subscription/${userId}`, undefined, {
+          cache: true,
+          cacheTTL: CACHE_TIMES.MEDIUM,
+        });
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
+
+    /**
+     * Get current user's subscription
+     * @returns Subscription object
+     */
+    async getCurrentUserSubscription(): Promise<any> {
+      try {
+        const userId = this.getCurrentUserId();
+        if (!userId) {
+          throw new Error('User not authenticated');
+        }
+        return await this.getSubscription(userId);
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
+
+    /**
+     * Get user wallet
+     * @param userId - The user ID
+     * @returns Wallet object with balance
+     */
+    async getWallet(userId: string): Promise<any> {
+      try {
+        return await this.makeRequest('GET', `/api/wallet/${userId}`, undefined, {
+          cache: true,
+          cacheTTL: CACHE_TIMES.SHORT, // Cache wallet for short time as balance changes frequently
+        });
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
+
+    /**
+     * Get current user's wallet
+     * @returns Wallet object with balance
+     */
+    async getCurrentUserWallet(): Promise<any> {
+      try {
+        const userId = this.getCurrentUserId();
+        if (!userId) {
+          throw new Error('User not authenticated');
+        }
+        return await this.getWallet(userId);
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
+
+    /**
+     * Get wallet transaction history
+     * @param userId - The user ID
+     * @param options - Pagination options
+     * @returns Transaction history
+     */
+    async getWalletTransactions(userId: string, options?: { limit?: number; offset?: number }): Promise<any> {
+      try {
+        const params = new URLSearchParams();
+        if (options?.limit) params.append('limit', options.limit.toString());
+        if (options?.offset) params.append('offset', options.offset.toString());
+        
+        const queryString = params.toString();
+        const url = `/api/wallet/transactions/${userId}${queryString ? `?${queryString}` : ''}`;
+        
+        return await this.makeRequest('GET', url, undefined, {
+          cache: false, // Don't cache transactions - always get fresh data
+        });
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
+
+    /**
+     * Get current user's wallet transaction history
+     * @param options - Pagination options
+     * @returns Transaction history
+     */
+    async getCurrentUserWalletTransactions(options?: { limit?: number; offset?: number }): Promise<any> {
+      try {
+        const userId = this.getCurrentUserId();
+        if (!userId) {
+          throw new Error('User not authenticated');
+        }
+        return await this.getWalletTransactions(userId, options);
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
   };
 }
 

package/src/core/mixins/OxyServices.security.ts

@@ -54,6 +54,50 @@ export function OxyServicesSecurityMixin<T extends typeof OxyServicesBase>(Base:
         throw this.handleError(error);
       }
     }
+
+    /**
+     * Log private key exported event
+     * @param deviceId - Optional device ID for tracking
+     * @returns Promise that resolves when event is logged
+     */
+    async logPrivateKeyExported(deviceId?: string): Promise<void> {
+      try {
+        await this.makeRequest<{ success: boolean }>(
+          'POST',
+          '/api/security/activity/private-key-exported',
+          { deviceId },
+          { cache: false }
+        );
+      } catch (error) {
+        // Don't throw - logging failures shouldn't break user flow
+        // But log for monitoring
+        if (__DEV__) {
+          console.warn('[OxyServices] Failed to log private key exported event:', error);
+        }
+      }
+    }
+
+    /**
+     * Log backup created event
+     * @param deviceId - Optional device ID for tracking
+     * @returns Promise that resolves when event is logged
+     */
+    async logBackupCreated(deviceId?: string): Promise<void> {
+      try {
+        await this.makeRequest<{ success: boolean }>(
+          'POST',
+          '/api/security/activity/backup-created',
+          { deviceId },
+          { cache: false }
+        );
+      } catch (error) {
+        // Don't throw - logging failures shouldn't break user flow
+        // But log for monitoring
+        if (__DEV__) {
+          console.warn('[OxyServices] Failed to log backup created event:', error);
+        }
+      }
+    }
   };
 }
 

package/src/crypto/keyManager.ts

@@ -7,6 +7,7 @@
 
 import { ec as EC } from 'elliptic';
 import type { ECKeyPair } from 'elliptic';
+import { Platform } from 'react-native';
 
 // Lazy imports for React Native specific modules
 let SecureStore: typeof import('expo-secure-store') | null = null;
@@ -55,6 +56,19 @@ function isNodeJS(): boolean {
   return typeof process !== 'undefined' && process.versions != null && process.versions.node != null;
 }
 
+/**
+ * Check if we're on web platform
+ * Identity storage is only available on native platforms (iOS/Android)
+ */
+function isWebPlatform(): boolean {
+  try {
+    return Platform.OS === 'web';
+  } catch {
+    // Fallback if Platform is not available
+    return typeof window !== 'undefined' && typeof navigator !== 'undefined' && navigator.product !== 'ReactNative';
+  }
+}
+
 async function initExpoCrypto(): Promise<typeof import('expo-crypto')> {
   if (!ExpoCrypto) {
     ExpoCrypto = await import('expo-crypto');
@@ -147,6 +161,9 @@ export class KeyManager {
    * Returns only the public key (private key is stored securely)
    */
   static async createIdentity(): Promise<string> {
+    if (isWebPlatform()) {
+      throw new Error('Identity creation is only available on native platforms (iOS/Android). Please use the native app to create your identity.');
+    }
     const store = await initSecureStore();
     const { privateKey, publicKey } = await KeyManager.generateKeyPair();
 
@@ -167,6 +184,9 @@ export class KeyManager {
    * Import an existing key pair (e.g., from recovery phrase)
    */
   static async importKeyPair(privateKey: string): Promise<string> {
+    if (isWebPlatform()) {
+      throw new Error('Identity import is only available on native platforms (iOS/Android). Please use the native app to import your identity.');
+    }
     const store = await initSecureStore();
     
     const keyPair = ec.keyFromPrivate(privateKey);
@@ -189,6 +209,9 @@ export class KeyManager {
    * WARNING: Only use this for signing operations within the app
    */
   static async getPrivateKey(): Promise<string | null> {
+    if (isWebPlatform()) {
+      return null; // Identity storage is only available on native platforms
+    }
     try {
       const store = await initSecureStore();
       return await store.getItemAsync(STORAGE_KEYS.PRIVATE_KEY);
@@ -206,6 +229,9 @@ export class KeyManager {
    * Get the stored public key (cached for performance)
    */
   static async getPublicKey(): Promise<string | null> {
+    if (isWebPlatform()) {
+      return null; // Identity storage is only available on native platforms
+    }
     if (KeyManager.cachedPublicKey !== null) {
       return KeyManager.cachedPublicKey;
     }
@@ -233,6 +259,9 @@ export class KeyManager {
    * Check if an identity (key pair) exists on this device (cached for performance)
    */
   static async hasIdentity(): Promise<boolean> {
+    if (isWebPlatform()) {
+      return false; // Identity storage is only available on native platforms
+    }
     if (KeyManager.cachedHasIdentity !== null) {
       return KeyManager.cachedHasIdentity;
     }
@@ -269,6 +298,9 @@ export class KeyManager {
     force: boolean = false,
     userConfirmed: boolean = false
   ): Promise<void> {
+    if (isWebPlatform()) {
+      return; // Identity storage is only available on native platforms, nothing to delete
+    }
     // CRITICAL SAFEGUARD: Require explicit user confirmation unless force is true
     if (!force && !userConfirmed) {
       throw new Error('Identity deletion requires explicit user confirmation. This is a safety measure to prevent accidental data loss.');
@@ -320,6 +352,9 @@ export class KeyManager {
    * This provides a recovery mechanism if primary storage fails
    */
   static async backupIdentity(): Promise<boolean> {
+    if (isWebPlatform()) {
+      return false; // Identity storage is only available on native platforms
+    }
     try {
       const store = await initSecureStore();
       const privateKey = await KeyManager.getPrivateKey();
@@ -349,6 +384,9 @@ export class KeyManager {
    * Verify identity integrity - checks if keys are valid and accessible
    */
   static async verifyIdentityIntegrity(): Promise<boolean> {
+    if (isWebPlatform()) {
+      return false; // Identity storage is only available on native platforms
+    }
     try {
       const privateKey = await KeyManager.getPrivateKey();
       const publicKey = await KeyManager.getPublicKey();
@@ -392,6 +430,9 @@ export class KeyManager {
    * Restore identity from backup if primary storage is corrupted
    */
   static async restoreIdentityFromBackup(): Promise<boolean> {
+    if (isWebPlatform()) {
+      return false; // Identity storage is only available on native platforms
+    }
     try {
       const store = await initSecureStore();
       
@@ -447,6 +488,9 @@ export class KeyManager {
    * Used internally for signing operations
    */
   static async getKeyPairObject(): Promise<ECKeyPair | null> {
+    if (isWebPlatform()) {
+      return null; // Identity storage is only available on native platforms
+    }
     const privateKey = await KeyManager.getPrivateKey();
     if (!privateKey) return null;
     return ec.keyFromPrivate(privateKey);

package/src/models/interfaces.ts

@@ -415,6 +415,8 @@ export type SecurityEventType =
   | 'device_removed'
   | 'account_recovery'
   | 'security_settings_changed'
+  | 'private_key_exported'
+  | 'backup_created'
   | 'suspicious_activity';
 
 /**
@@ -435,6 +437,8 @@ export const SECURITY_EVENT_SEVERITY_MAP: Record<SecurityEventType, SecurityEven
   'device_removed': 'medium',
   'security_settings_changed': 'medium',
   'account_recovery': 'high',
+  'private_key_exported': 'high',
+  'backup_created': 'high',
   'suspicious_activity': 'critical',
 };
 

package/src/ui/components/FollowButton.tsx

@@ -53,8 +53,26 @@ const FollowButton: React.FC<FollowButtonProps> = ({
   preventParentActions = true,
   theme = 'light',
 }) => {
-  const { oxyServices, isAuthenticated } = useOxy();
+  const { oxyServices, isAuthenticated, user: currentUser } = useOxy();
   const colors = useThemeColors(theme);
+
+  // Safety check: Don't render follow button on own profile
+  // This provides a fallback in case parent components don't handle this check
+  // Normalize IDs by trimming whitespace and comparing as strings
+  const normalizeId = (id: string | undefined | null): string => {
+    if (!id) return '';
+    return String(id).trim();
+  };
+
+  const currentUserId = normalizeId(currentUser?.id);
+  const targetUserId = normalizeId(userId);
+
+  // Don't render if:
+  // 1. Not authenticated (can't follow anyway)
+  // 2. Viewing own profile (currentUser.id matches userId)
+  if (!isAuthenticated || (currentUserId && targetUserId && currentUserId === targetUserId)) {
+    return null;
+  }
   const {
     isFollowing,
     isLoading,

package/src/ui/components/GroupedItem.tsx

@@ -9,34 +9,6 @@ import { darkenColor } from '../utils/colorUtils';
 import { normalizeColorScheme } from '../utils/themeUtils';
 import { Colors } from '../constants/theme';
 
-/**
- * Maps Ionicons-style icon names to valid MaterialCommunityIcons names
- */
-const mapIconName = (iconName: string): string => {
-    const iconMap: Record<string, string> = {
-        'person': 'account',
-        'person-circle': 'account-circle',
-        'person-outline': 'account-outline',
-        'person-add': 'account-plus',
-        'shield-checkmark': 'shield-check',
-        'notifications': 'bell',
-        'people': 'account-group',
-        'time': 'clock',
-        'time-outline': 'clock-outline',
-        'trash': 'delete',
-        'trash-outline': 'delete-outline',
-        'search': 'magnify',
-        'language': 'translate',
-        'language-outline': 'translate',
-        'settings': 'cog',
-        'document-text': 'file-document',
-        'information-circle': 'information',
-        'information-circle-outline': 'information-outline',
-        'log-out': 'logout',
-    };
-
-    return iconMap[iconName] || iconName;
-};
 
 interface GroupedItemProps {
     icon?: string;
@@ -91,7 +63,7 @@ const GroupedItemComponent = ({
                 <View style={styles.actionIcon}>{customIcon}</View>
             ) : icon ? (
                 <View style={[styles.iconContainer, { backgroundColor: finalIconColor }]}>
-                    <MaterialCommunityIcons name={mapIconName(icon) as any} size={22} color={darkenColor(finalIconColor)} />
+                    <MaterialCommunityIcons name={icon as any} size={22} color={darkenColor(finalIconColor)} />
                 </View>
             ) : null}
             <View style={styles.actionTextContainer}>

package/src/ui/components/Section.tsx

@@ -32,6 +32,7 @@ const Section: React.FC<SectionProps> = ({
 const styles = StyleSheet.create({
     section: {
         marginBottom: 10,
+        gap: 12,
     },
     firstSection: {
         marginTop: 8,

package/src/ui/components/SectionTitle.tsx

@@ -27,7 +27,6 @@ const styles = StyleSheet.create({
         fontSize: 16,
         fontWeight: '600',
         fontFamily: fontFamilies.phuduSemiBold,
-        marginBottom: 12,
     },
 });
 

package/src/ui/components/fileManagement/FileViewer.tsx

@@ -105,7 +105,7 @@ export const FileViewer: React.FC<FileViewerProps> = ({
         const items = [
             {
                 id: 'filename',
-                icon: 'document-text',
+                icon: 'file-document',
                 iconColor: themeStyles.colors.iconSecurity,
                 title: 'File Name',
                 subtitle: file.filename,
@@ -119,14 +119,14 @@ export const FileViewer: React.FC<FileViewerProps> = ({
             },
             {
                 id: 'type',
-                icon: 'code',
+                icon: 'code-tags',
                 iconColor: themeStyles.colors.iconData,
                 title: 'Type',
                 subtitle: file.contentType,
             },
             {
                 id: 'uploaded',
-                icon: 'time',
+                icon: 'clock',
                 iconColor: themeStyles.colors.iconPersonalInfo,
                 title: 'Uploaded',
                 subtitle: new Date(file.uploadDate).toLocaleString(),

package/src/ui/context/OxyContext.tsx

@@ -9,6 +9,7 @@ import {
   useState,
   type ReactNode,
 } from 'react';
+import { Platform } from 'react-native';
 import { OxyServices } from '../../core';
 import type { User, ApiError } from '../../models/interfaces';
 import type { ClientSession } from '../../models/session';
@@ -23,7 +24,7 @@ import { useSessionManagement } from '../hooks/useSessionManagement';
 import { useAuthOperations } from './hooks/useAuthOperations';
 import { useDeviceManagement } from '../hooks/useDeviceManagement';
 import { getStorageKeys } from '../utils/storageHelpers';
-import { isInvalidSessionError } from '../utils/errorHandlers';
+import { isInvalidSessionError, isTimeoutOrNetworkError } from '../utils/errorHandlers';
 import type { RouteName } from '../navigation/routes';
 import { showBottomSheet as globalShowBottomSheet } from '../navigation/bottomSheetManager';
 import { useQueryClient } from '@tanstack/react-query';
@@ -32,6 +33,7 @@ import { KeyManager } from '../../crypto/keyManager';
 import { translate } from '../../i18n';
 import { updateAvatarVisibility, updateProfileWithAvatar } from '../utils/avatarUtils';
 import { useAccountStore } from '../stores/accountStore';
+import { logger as loggerUtil } from '../../utils/loggerUtils';
 
 export interface OxyContextState {
   user: User | null;
@@ -114,9 +116,10 @@ const loadUseFollowHook = (): UseFollowHook => {
     return cachedUseFollowHook;
   } catch (error) {
     if (__DEV__) {
-      console.warn(
+      loggerUtil.warn(
         'useFollow hook is not available. Please import useFollow from @oxyhq/services directly.',
-        error,
+        { component: 'OxyContext', method: 'loadUseFollowHook' },
+        error
       );
     }
 
@@ -196,8 +199,10 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
   const { storage, isReady: isStorageReady } = useStorage({ onError, logger });
 
   // Identity integrity check and auto-restore on startup
+  // Skip on web platform - identity storage is only available on native platforms
   useEffect(() => {
     if (!storage || !isStorageReady) return;
+    if (Platform.OS === 'web') return; // Identity operations are native-only
 
     const checkAndRestoreIdentity = async () => {
       try {
@@ -422,8 +427,19 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
                 await syncIdentity();
               }
             }
-          } catch (syncError) {
-            logger('Error syncing identity on reconnect', syncError);
+          } catch (syncError: any) {
+            // Skip sync silently if username is required (expected when offline onboarding)
+            if (syncError?.code === 'USERNAME_REQUIRED' || syncError?.message === 'USERNAME_REQUIRED') {
+              if (__DEV__) {
+                loggerUtil.debug('Sync skipped - username required', { component: 'OxyContext', method: 'checkNetworkAndSync' }, syncError as unknown);
+              }
+              // Don't log or show error - username will be set later
+            } else if (!isTimeoutOrNetworkError(syncError)) {
+              // Only log unexpected errors - timeouts/network issues are expected when offline
+              logger('Error syncing identity on reconnect', syncError);
+            } else if (__DEV__) {
+              loggerUtil.debug('Identity sync timeout (expected when offline)', { component: 'OxyContext', method: 'checkNetworkAndSync' }, syncError as unknown);
+            }
           }
 
           // TanStack Query will automatically retry pending mutations
@@ -506,10 +522,13 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
               });
             }
           } catch (validationError) {
-            // Silently handle expected 401 errors (expired/invalid sessions) during restoration
+            // Silently handle expected errors (invalid sessions, timeouts, network issues) during restoration
             // Only log unexpected errors
-            if (!isInvalidSessionError(validationError)) {
+            if (!isInvalidSessionError(validationError) && !isTimeoutOrNetworkError(validationError)) {
               logger('Session validation failed during init', validationError);
+            } else if (__DEV__ && isTimeoutOrNetworkError(validationError)) {
+              // Only log timeouts in dev mode for debugging
+              loggerUtil.debug('Session validation timeout (expected when offline)', { component: 'OxyContext', method: 'restoreSessionsFromStorage' }, validationError as unknown);
             }
           }
         }
@@ -523,7 +542,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
         try {
           await switchSession(storedActiveSessionId);
         } catch (switchError) {
-          // Silently handle expected 401 errors (expired/invalid active session)
+          // Silently handle expected errors (invalid sessions, timeouts, network issues)
           if (isInvalidSessionError(switchError)) {
             await storage.removeItem(storageKeys.activeSessionId);
             updateSessions(
@@ -531,6 +550,11 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
               { merge: false },
             );
             // Don't log expected session errors during restoration
+          } else if (isTimeoutOrNetworkError(switchError)) {
+            // Timeout/network error - non-critical, don't block
+            if (__DEV__) {
+              loggerUtil.debug('Active session validation timeout (expected when offline)', { component: 'OxyContext', method: 'restoreSessionsFromStorage' }, switchError as unknown);
+            }
           } else {
             // Only log unexpected errors
             logger('Active session validation error', switchError);
@@ -539,7 +563,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
       }
     } catch (error) {
       if (__DEV__) {
-        console.error('Auth init error', error);
+        loggerUtil.error('Auth init error', error instanceof Error ? error : new Error(String(error)), { component: 'OxyContext', method: 'restoreSessionsFromStorage' });
       }
       await clearSessionState();
     } finally {

package/src/ui/context/hooks/useAuthOperations.ts

@@ -3,9 +3,9 @@ import type { ApiError, User } from '../../../models/interfaces';
 import type { AuthState } from '../../stores/authStore';
 import type { ClientSession, SessionLoginResponse } from '../../../models/session';
 import { DeviceManager } from '../../../utils/deviceManager';
-import { fetchSessionsWithFallback, mapSessionsToClient } from '../utils/sessionHelpers';
-import { handleAuthError, isInvalidSessionError } from '../utils/errorHandlers';
-import type { StorageInterface } from '../utils/storageHelpers';
+import { fetchSessionsWithFallback, mapSessionsToClient } from '../../utils/sessionHelpers';
+import { handleAuthError, isInvalidSessionError } from '../../utils/errorHandlers';
+import type { StorageInterface } from '../../utils/storageHelpers';
 import type { OxyServices } from '../../../core';
 import { KeyManager, SignatureService, RecoveryPhraseService } from '../../../crypto';
 
@@ -342,7 +342,7 @@ export const useAuthOperations = ({
           defaultMessage: 'Failed to create identity',
           code: REGISTER_ERROR_CODE,
           onError,
-          setAuthError: (msg) => setAuthState({ error: msg }),
+          setAuthError: (msg: string) => setAuthState({ error: msg }),
           logger,
         });
         loginFailure(message);
@@ -405,6 +405,13 @@ export const useAuthOperations = ({
         // Sign in
         const user = await performSignIn(publicKey);
 
+        // Check if user has username - required for syncing
+        if (!user.username) {
+          const usernameError = new Error('USERNAME_REQUIRED');
+          (usernameError as any).code = 'USERNAME_REQUIRED';
+          throw usernameError;
+        }
+
         // TanStack Query will automatically retry any pending mutations
 
         return user;
@@ -413,7 +420,7 @@ export const useAuthOperations = ({
           defaultMessage: 'Failed to sync identity',
           code: REGISTER_ERROR_CODE,
           onError,
-          setAuthError: (msg) => setAuthState({ error: msg }),
+          setAuthError: (msg: string) => setAuthState({ error: msg }),
           logger,
         });
         loginFailure(message);
@@ -474,7 +481,7 @@ export const useAuthOperations = ({
           defaultMessage: 'Failed to import identity',
           code: REGISTER_ERROR_CODE,
           onError,
-          setAuthError: (msg) => setAuthState({ error: msg }),
+          setAuthError: (msg: string) => setAuthState({ error: msg }),
           logger,
         });
         loginFailure(message);
@@ -508,7 +515,7 @@ export const useAuthOperations = ({
           defaultMessage: 'Sign in failed',
           code: LOGIN_ERROR_CODE,
           onError,
-          setAuthError: (msg) => setAuthState({ error: msg }),
+          setAuthError: (msg: string) => setAuthState({ error: msg }),
           logger,
         });
         loginFailure(message);
@@ -554,7 +561,7 @@ export const useAuthOperations = ({
           defaultMessage: 'Logout failed',
           code: LOGOUT_ERROR_CODE,
           onError,
-          setAuthError: (msg) => setAuthState({ error: msg }),
+          setAuthError: (msg: string) => setAuthState({ error: msg }),
           logger,
           status: isInvalid ? 401 : undefined,
         });
@@ -592,7 +599,7 @@ export const useAuthOperations = ({
         defaultMessage: 'Logout all failed',
         code: LOGOUT_ALL_ERROR_CODE,
         onError,
-        setAuthError: (msg) => setAuthState({ error: msg }),
+        setAuthError: (msg: string) => setAuthState({ error: msg }),
         logger,
       });
       throw error instanceof Error ? error : new Error('Logout all failed');

package/src/ui/context/hooks/useDeviceManagement.ts

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 import type { ApiError } from '../../../models/interfaces';
 import { DeviceManager } from '../../../utils/deviceManager';
 import type { OxyServices } from '../../../core';
-import { handleAuthError } from '../utils/errorHandlers';
+import { handleAuthError } from '../../utils/errorHandlers';
 
 export interface UseDeviceManagementOptions {
   oxyServices: OxyServices;