@oxyhq/services 5.13.26 → 5.13.29

package/lib/typescript/ui/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useFollow, useFollowerCounts } from './useFollow';
+export { useFileDownloadUrl, setOxyFileUrlInstance } from './useFileDownloadUrl';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/ui/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/ui/hooks/useFileDownloadUrl.d.ts

@@ -0,0 +1,19 @@
+import { OxyServices } from '../../core/OxyServices';
+export declare const setOxyFileUrlInstance: (instance: OxyServices) => void;
+export interface UseFileDownloadUrlOptions {
+    variant?: string;
+    expiresIn?: number;
+}
+export interface UseFileDownloadUrlResult {
+    url: string | null;
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Hook to resolve a file's download URL asynchronously.
+ *
+ * Prefers `getFileDownloadUrlAsync` and falls back to the synchronous
+ * `getFileDownloadUrl` helper if the async call fails.
+ */
+export declare const useFileDownloadUrl: (fileId?: string | null, options?: UseFileDownloadUrlOptions) => UseFileDownloadUrlResult;
+//# sourceMappingURL=useFileDownloadUrl.d.ts.map

package/lib/typescript/ui/hooks/useFileDownloadUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileDownloadUrl.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useFileDownloadUrl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,eAAO,MAAM,qBAAqB,GAAI,UAAU,WAAW,SAE1D,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,MAAM,GAAG,IAAI,EACtB,UAAU,yBAAyB,KAClC,wBAoFF,CAAC"}

package/lib/typescript/ui/hooks/useSessionSocket.d.ts

@@ -1,11 +1,12 @@
 interface UseSessionSocketProps {
     userId: string | null | undefined;
     activeSessionId: string | null | undefined;
+    currentDeviceId: string | null | undefined;
     refreshSessions: () => Promise<void>;
     logout: () => Promise<void>;
     baseURL: string;
     onRemoteSignOut?: () => void;
 }
-export declare function useSessionSocket({ userId, activeSessionId, refreshSessions, logout, baseURL, onRemoteSignOut }: UseSessionSocketProps): void;
+export declare function useSessionSocket({ userId, activeSessionId, currentDeviceId, refreshSessions, logout, baseURL, onRemoteSignOut }: UseSessionSocketProps): void;
 export {};
 //# sourceMappingURL=useSessionSocket.d.ts.map

package/lib/typescript/ui/hooks/useSessionSocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionSocket.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useSessionSocket.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,qBAAqB,QA6FrI"}
+{"version":3,"file":"useSessionSocket.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useSessionSocket.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,qBAAqB,QAiJtJ"}

package/lib/typescript/ui/screens/AccountOverviewScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../src/ui/screens/AccountOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAsqB3D,wBAAiD"}
+{"version":3,"file":"AccountOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../src/ui/screens/AccountOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAyqB3D,wBAAiD"}

package/lib/typescript/ui/screens/AccountSettingsScreen.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { BaseScreenProps } from '../navigation/types';
-declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+declare const _default: React.NamedExoticComponent<BaseScreenProps & {
+    initialField?: string;
+}>;
 export default _default;
 //# sourceMappingURL=AccountSettingsScreen.d.ts.map

package/lib/typescript/ui/screens/AccountSettingsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAuhE3D,wBAAiD"}
+{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;mBAqBc,MAAM;;AAqhE/E,wBAAiD"}

package/lib/typescript/ui/screens/karma/KarmaFAQScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KarmaFAQScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/karma/KarmaFAQScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;;AAoL9D,wBAA0C"}
+{"version":3,"file":"KarmaFAQScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/karma/KarmaFAQScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;;AAgL9D,wBAA0C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "5.13.26",
+  "version": "5.13.29",
   "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",

package/src/core/OxyServices.ts

@@ -22,8 +22,8 @@
  * const file = fileInput.files[0];
  * await oxy.uploadRawFile(file);
  *
- * // Get a file stream URL for <img src>
- * const url = oxy.getFileStreamUrl('fileId');
+ * // Get a file download URL for <img src>
+ * const url = oxy.getFileDownloadUrl('fileId', 'thumb');
  * ```
  *
  * ## Node.js (CommonJS/TypeScript)

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

@@ -66,13 +66,6 @@ export function OxyServicesAssetsMixin<T extends typeof OxyServicesBase>(Base: T
       }
     }
 
-    /**
-     * Get file stream URL (direct Oxy Cloud/CDN URL, no token)
-     */
-    getFileStreamUrl(fileId: string): string {
-      return `${this.getCloudURL()}/files/${fileId}/stream`;
-    }
-
     /**
      * List user files
      */

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

@@ -98,6 +98,25 @@ export function OxyServicesDevicesMixin<T extends typeof OxyServicesBase>(Base:
         throw this.handleError(error);
       }
     }
+
+    /**
+     * Get security information (TOTP status, backup codes count)
+     * @returns Security information object
+     */
+    async getSecurityInfo(): Promise<{
+      twoFactorEnabled: boolean;
+      totpCreatedAt: string | null;
+      backupCodesCount: number;
+      recoveryEmail: string | null;
+    }> {
+      try {
+        return await this.makeRequest('GET', '/api/devices/security', undefined, {
+          cache: false,
+        });
+      } catch (error) {
+        throw this.handleError(error);
+      }
+    }
   };
 }
 

package/src/index.ts

@@ -97,6 +97,7 @@ export { useAuthStore } from './ui/stores/authStore';
 export { useAssetStore, useAssets as useAssetsStore, useAsset, useUploadProgress, useAssetLoading, useAssetErrors, useAssetsByApp, useAssetsByEntity, useAssetUsageCount, useIsAssetLinked } from './ui/stores/assetStore';
 export { useSessionSocket } from './ui/hooks/useSessionSocket';
 export { useAssets, setOxyAssetInstance } from './ui/hooks/useAssets';
+export { useFileDownloadUrl, setOxyFileUrlInstance } from './ui/hooks/useFileDownloadUrl';
 
 // UI components
 export { OxySignInButton } from './ui/components/OxySignInButton';

package/src/ui/components/ProfileCard.tsx

@@ -4,6 +4,7 @@ import { Ionicons } from '@expo/vector-icons';
 import { useI18n } from '../hooks/useI18n';
 import Avatar from './Avatar';
 import { useOxy } from '../context/OxyContext';
+import { useFileDownloadUrl } from '../hooks';
 import { fontFamilies } from '../styles/fonts';
 
 interface ProfileCardProps {
@@ -33,6 +34,8 @@ const ProfileCard: React.FC<ProfileCardProps> = ({
     const secondaryBackgroundColor = isDarkTheme ? '#222222' : '#FFFFFF';
     const primaryColor = '#0066CC';
 
+    const avatarUrl = useFileDownloadUrl(user?.avatar, { variant: 'thumb' }).url || undefined;
+
     return (
         <View style={styles.headerSection}>
             <View style={[
@@ -43,7 +46,7 @@ const ProfileCard: React.FC<ProfileCardProps> = ({
             ]}>
                 <View style={styles.userProfile}>
                     <Avatar
-                        uri={user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar as string, 'thumb') : undefined}
+                        uri={user?.avatar ? avatarUrl : undefined}
                         name={user?.name?.full || user?.username}
                         size={60}
                         theme={theme}

package/src/ui/context/OxyContext.tsx

@@ -894,10 +894,18 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
     }
   }, [bottomSheetRef]);
 
+  // Get current deviceId from active session
+  const currentDeviceId = useMemo(() => {
+    if (!activeSessionId || !sessions.length) return null;
+    const activeSession = sessions.find(s => s.sessionId === activeSessionId);
+    return activeSession?.deviceId || null;
+  }, [activeSessionId, sessions]);
+
   // Integrate socket for real-time session updates
   useSessionSocket({
     userId: user?.id,
     activeSessionId,
+    currentDeviceId,
     refreshSessions,
     logout,
     baseURL: oxyServices.getBaseURL(),

package/src/ui/hooks/index.ts

@@ -1 +1,2 @@
-export { useFollow, useFollowerCounts } from './useFollow'; 
+export { useFollow, useFollowerCounts } from './useFollow';
+export { useFileDownloadUrl, setOxyFileUrlInstance } from './useFileDownloadUrl';

package/src/ui/hooks/useFileDownloadUrl.ts

@@ -0,0 +1,118 @@
+import { useEffect, useState } from 'react';
+import { OxyServices } from '../../core/OxyServices';
+
+let oxyInstance: OxyServices | null = null;
+
+export const setOxyFileUrlInstance = (instance: OxyServices) => {
+  oxyInstance = instance;
+};
+
+export interface UseFileDownloadUrlOptions {
+  variant?: string;
+  expiresIn?: number;
+}
+
+export interface UseFileDownloadUrlResult {
+  url: string | null;
+  loading: boolean;
+  error: Error | null;
+}
+
+/**
+ * Hook to resolve a file's download URL asynchronously.
+ *
+ * Prefers `getFileDownloadUrlAsync` and falls back to the synchronous
+ * `getFileDownloadUrl` helper if the async call fails.
+ */
+export const useFileDownloadUrl = (
+  fileId?: string | null,
+  options?: UseFileDownloadUrlOptions
+): UseFileDownloadUrlResult => {
+  const [url, setUrl] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!fileId) {
+      setUrl(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+
+    if (!oxyInstance) {
+      // Fail silently but don't crash the UI – caller can decide what to do with null URL.
+      setUrl(null);
+      setLoading(false);
+      setError(new Error('OxyServices instance not configured for useFileDownloadUrl'));
+      return;
+    }
+
+    let cancelled = false;
+
+    const load = async () => {
+      setLoading(true);
+      setError(null);
+
+      // Store instance in local variable for TypeScript null checking
+      const instance = oxyInstance;
+      if (!instance) {
+        setLoading(false);
+        setError(new Error('OxyServices instance not configured for useFileDownloadUrl'));
+        return;
+      }
+
+      try {
+        const { variant, expiresIn } = options || {};
+        let resolvedUrl: string | null = null;
+
+        if (typeof instance.getFileDownloadUrlAsync === 'function') {
+          resolvedUrl = await instance.getFileDownloadUrlAsync(fileId, variant, expiresIn);
+        }
+
+        if (!resolvedUrl && typeof instance.getFileDownloadUrl === 'function') {
+          resolvedUrl = instance.getFileDownloadUrl(fileId, variant, expiresIn);
+        }
+
+        if (!cancelled) {
+          setUrl(resolvedUrl || null);
+        }
+      } catch (err: any) {
+        // Fallback to sync URL on error where possible
+        try {
+          if (typeof instance.getFileDownloadUrl === 'function') {
+            const { variant, expiresIn } = options || {};
+            const fallbackUrl = instance.getFileDownloadUrl(fileId, variant, expiresIn);
+            if (!cancelled) {
+              setUrl(fallbackUrl || null);
+              setError(err instanceof Error ? err : new Error(String(err)));
+            }
+            return;
+          }
+        } catch {
+          // ignore secondary failure, we'll surface the original error below
+        }
+
+        if (!cancelled) {
+          setError(err instanceof Error ? err : new Error(String(err)));
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
+      }
+    };
+
+    load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [fileId, options?.variant, options?.expiresIn]);
+
+  return { url, loading, error };
+};
+
+
+
+

package/src/ui/hooks/useSessionSocket.ts

@@ -5,13 +5,14 @@ import { toast } from '../../lib/sonner';
 interface UseSessionSocketProps {
   userId: string | null | undefined;
   activeSessionId: string | null | undefined;
+  currentDeviceId: string | null | undefined;
   refreshSessions: () => Promise<void>;
   logout: () => Promise<void>;
   baseURL: string;
   onRemoteSignOut?: () => void;
 }
 
-export function useSessionSocket({ userId, activeSessionId, refreshSessions, logout, baseURL, onRemoteSignOut }: UseSessionSocketProps) {
+export function useSessionSocket({ userId, activeSessionId, currentDeviceId, refreshSessions, logout, baseURL, onRemoteSignOut }: UseSessionSocketProps) {
   const socketRef = useRef<any>(null);
   const joinedRoomRef = useRef<string | null>(null);
   
@@ -20,6 +21,7 @@ export function useSessionSocket({ userId, activeSessionId, refreshSessions, log
   const logoutRef = useRef(logout);
   const onRemoteSignOutRef = useRef(onRemoteSignOut);
   const activeSessionIdRef = useRef(activeSessionId);
+  const currentDeviceIdRef = useRef(currentDeviceId);
 
   // Update refs when callbacks change
   useEffect(() => {
@@ -27,7 +29,8 @@ export function useSessionSocket({ userId, activeSessionId, refreshSessions, log
     logoutRef.current = logout;
     onRemoteSignOutRef.current = onRemoteSignOut;
     activeSessionIdRef.current = activeSessionId;
-  }, [refreshSessions, logout, onRemoteSignOut, activeSessionId]);
+    currentDeviceIdRef.current = currentDeviceId;
+  }, [refreshSessions, logout, onRemoteSignOut, activeSessionId, currentDeviceId]);
 
   useEffect(() => {
     if (!userId || !baseURL) {
@@ -71,22 +74,72 @@ export function useSessionSocket({ userId, activeSessionId, refreshSessions, log
       }
     };
 
-    const handleSessionUpdate = (data: { type: string; sessionId: string }) => {
+    const handleSessionUpdate = (data: { 
+      type: string; 
+      sessionId?: string; 
+      deviceId?: string; 
+      sessionIds?: string[] 
+    }) => {
       if (__DEV__) {
         console.log('Received session_update:', data);
       }
       
-      // Use refs to get latest callback versions
-      refreshSessionsRef.current();
+      const currentActiveSessionId = activeSessionIdRef.current;
+      const currentDeviceId = currentDeviceIdRef.current;
       
-      // If the current session was logged out, handle it specially
-      if (data.sessionId === activeSessionIdRef.current) {
-        if (onRemoteSignOutRef.current) {
-          onRemoteSignOutRef.current();
+      // Handle different event types
+      if (data.type === 'session_removed') {
+        // If the removed sessionId matches the current activeSessionId, immediately logout
+        if (data.sessionId === currentActiveSessionId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          logoutRef.current();
         } else {
-          toast.info('You have been signed out remotely.');
+          // Otherwise, just refresh the sessions list
+          refreshSessionsRef.current();
+        }
+      } else if (data.type === 'device_removed') {
+        // If the removed deviceId matches the current device, immediately logout
+        if (data.deviceId && data.deviceId === currentDeviceId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('This device has been removed. You have been signed out.');
+          }
+          logoutRef.current();
+        } else {
+          // Otherwise, refresh sessions and device list
+          refreshSessionsRef.current();
+        }
+      } else if (data.type === 'sessions_removed') {
+        // If the current activeSessionId is in the removed sessionIds list, immediately logout
+        if (data.sessionIds && currentActiveSessionId && data.sessionIds.includes(currentActiveSessionId)) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          logoutRef.current();
+        } else {
+          // Otherwise, refresh sessions list
+          refreshSessionsRef.current();
+        }
+      } else {
+        // For other event types (e.g., session_created), refresh sessions
+        refreshSessionsRef.current();
+        
+        // If the current session was logged out (legacy behavior), handle it specially
+        if (data.sessionId === currentActiveSessionId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          logoutRef.current();
         }
-        logoutRef.current();
       }
     };
 

package/src/ui/screens/AccountOverviewScreen.tsx

@@ -420,7 +420,10 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                         <>
                                             <View style={styles.userIcon}>
                                                 {account.avatar ? (
-                                                    <Image source={{ uri: oxyServices.getFileStreamUrl(account.avatar as string) }} style={styles.accountAvatarImage} />
+                                                    <Image
+                                                        source={{ uri: oxyServices.getFileDownloadUrl(account.avatar as string, 'thumb') }}
+                                                        style={styles.accountAvatarImage}
+                                                    />
                                                 ) : (
                                                     <View style={styles.accountAvatarFallback}>
                                                         <Text style={styles.accountAvatarText}>

package/src/ui/screens/AccountSettingsScreen.tsx

@@ -33,11 +33,12 @@ const locationSearchCache = new TTLCache<any[]>(60 * 60 * 1000); // 1 hour cache
 registerCacheForCleanup(linkMetadataCache);
 registerCacheForCleanup(locationSearchCache);
 
-const AccountSettingsScreen: React.FC<BaseScreenProps> = ({
+const AccountSettingsScreen: React.FC<BaseScreenProps & { initialField?: string }> = ({
     onClose,
     theme,
     goBack,
     navigate,
+    initialField,
 }) => {
     const { user: userFromContext, oxyServices, isLoading: authLoading, isAuthenticated, showBottomSheet, activeSessionId } = useOxy();
     const { t } = useI18n();
@@ -241,6 +242,24 @@ const AccountSettingsScreen: React.FC<BaseScreenProps> = ({
         }
     }, [user, avatarFileId, isUpdatingAvatar, optimisticAvatarId]);
 
+    // Set initial editing field if provided via props (e.g., from navigation)
+    // Use a ref to track if we've already set the initial field to avoid loops
+    const hasSetInitialFieldRef = useRef(false);
+    const previousInitialFieldRef = useRef<string | undefined>(undefined);
+    useEffect(() => {
+        // If initialField changed, reset the flag
+        if (previousInitialFieldRef.current !== initialField) {
+            hasSetInitialFieldRef.current = false;
+            previousInitialFieldRef.current = initialField;
+        }
+        
+        // Set the editing field if initialField is provided and we haven't set it yet
+        if (initialField && !hasSetInitialFieldRef.current) {
+            setEditingField(initialField);
+            hasSetInitialFieldRef.current = true;
+        }
+    }, [initialField]);
+
     const handleSave = async () => {
         if (!user) return;
 

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

@@ -1,14 +1,10 @@
 import React, { useState, useMemo, useCallback } from 'react';
-import { View, Text, StyleSheet, ScrollView, Platform, TouchableOpacity, TextInput, LayoutAnimation, UIManager } from 'react-native';
+import { View, Text, StyleSheet, ScrollView, Platform, TouchableOpacity, TextInput, LayoutAnimation } from 'react-native';
 import type { BaseScreenProps } from '../../navigation/types';
 import { Ionicons } from '@expo/vector-icons';
 import { Header } from '../../components';
 import { useI18n } from '../../hooks/useI18n';
 
-if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
-    UIManager.setLayoutAnimationEnabledExperimental(true);
-}
-
 const FAQ_KEYS = ['what', 'earn', 'lose', 'use', 'transfer', 'support'] as const;
 
 /**