@oxyhq/services 5.13.26 → 5.13.27

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/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/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/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/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;
 
 /**