@oxyhq/services 5.10.16 → 5.11.2

package/src/models/interfaces.ts

@@ -9,13 +9,13 @@ export interface User {
   avatar?: {
     id?: string;
     url?: string;
-    [key: string]: any;
+    [key: string]: unknown;
   };
   name?: {
     first?: string;
     last?: string;
     full?: string; // virtual, not stored in DB, returned by API
-    [key: string]: any;
+    [key: string]: unknown;
   };
   bio?: string;
   karma?: number;
@@ -29,7 +29,16 @@ export interface User {
     image?: string;
     link: string;
   }>;
-  [key: string]: any;
+  // Social counts - can be returned by API in different formats
+  _count?: {
+    followers?: number;
+    following?: number;
+  };
+  stats?: {
+    followers?: number;
+    following?: number;
+  };
+  [key: string]: unknown;
 }
 
 export interface LoginResponse {
@@ -111,7 +120,7 @@ export interface ApiError {
   message: string;
   code: string;
   status: number;
-  details?: any;
+  details?: Record<string, unknown>;
 }
 
 export interface PaymentMethod {
@@ -163,8 +172,16 @@ export interface FileMetadata {
     description?: string;
     title?: string;
     tags?: string[];
-    [key: string]: any;
+    [key: string]: unknown;
   };
+  variants?: Array<{
+    type: string; // e.g. 'thumb', 'poster'
+    key: string; // storage key/path
+    width?: number;
+    height?: number;
+    readyAt?: string;
+    metadata?: Record<string, unknown>;
+  }>;
 }
 
 export interface FileUploadResponse {
@@ -183,7 +200,7 @@ export interface FileUpdateRequest {
     description?: string;
     title?: string;
     tags?: string[];
-    [key: string]: any;
+    [key: string]: unknown;
   };
 }
 
@@ -193,6 +210,100 @@ export interface FileDeleteResponse {
   fileId: string;
 }
 
+/**
+ * Central Asset Service interfaces
+ */
+export interface AssetLink {
+  app: string;
+  entityType: string;
+  entityId: string;
+  createdBy: string;
+  createdAt: string;
+}
+
+export interface AssetVariant {
+  type: string;
+  key: string;
+  width?: number;
+  height?: number;
+  readyAt?: string;
+  size?: number;
+  metadata?: Record<string, any>;
+}
+
+export interface Asset {
+  id: string;
+  sha256: string;
+  size: number;
+  mime: string;
+  ext: string;
+  originalName?: string;
+  ownerUserId: string;
+  status: 'active' | 'trash' | 'deleted';
+  usageCount: number;
+  createdAt: string;
+  updatedAt: string;
+  links: AssetLink[];
+  variants: AssetVariant[];
+  metadata?: Record<string, any>;
+}
+
+export interface AssetInitRequest {
+  sha256: string;
+  size: number;
+  mime: string;
+}
+
+export interface AssetInitResponse {
+  uploadUrl: string;
+  fileId: string;
+  sha256: string;
+}
+
+export interface AssetCompleteRequest {
+  fileId: string;
+  originalName: string;
+  size: number;
+  mime: string;
+  metadata?: Record<string, any>;
+}
+
+export interface AssetLinkRequest {
+  app: string;
+  entityType: string;
+  entityId: string;
+}
+
+export interface AssetUnlinkRequest {
+  app: string;
+  entityType: string;
+  entityId: string;
+}
+
+export interface AssetUrlResponse {
+  success: boolean;
+  url: string;
+  variant?: string;
+  expiresIn: number;
+}
+
+export interface AssetDeleteSummary {
+  fileId: string;
+  wouldDelete: boolean;
+  affectedApps: string[];
+  remainingLinks: number;
+  variants: string[];
+}
+
+export interface AssetUploadProgress {
+  fileId: string;
+  uploaded: number;
+  total: number;
+  percentage: number;
+  status: 'uploading' | 'processing' | 'complete' | 'error';
+  error?: string;
+}
+
 // Device Session interfaces
 export interface DeviceSession {
   sessionId: string;

package/src/types/expo-vector-icons.d.ts

@@ -1,3 +1,10 @@
 declare module '@expo/vector-icons' {
-  export const Ionicons: any;
+  import type React from 'react';
+  
+  export const Ionicons: React.ComponentType<{
+    name: string;
+    size?: number;
+    color?: string;
+    style?: Record<string, unknown>;
+  }>;
 }

package/src/types/express.d.ts

@@ -1,5 +1,24 @@
 declare module 'express' {
-  export function Router(): any;
-  export interface Request { [key: string]: any }
-  export interface Response { [key: string]: any }
+  export function Router(): {
+    get: (path: string, ...handlers: Array<(req: Request, res: Response, next: () => void) => void>) => void;
+    post: (path: string, ...handlers: Array<(req: Request, res: Response, next: () => void) => void>) => void;
+    put: (path: string, ...handlers: Array<(req: Request, res: Response, next: () => void) => void>) => void;
+    delete: (path: string, ...handlers: Array<(req: Request, res: Response, next: () => void) => void>) => void;
+    use: (path: string | (() => void), ...handlers: Array<(req: Request, res: Response, next: () => void) => void>) => void;
+  };
+  export interface Request { 
+    body?: Record<string, unknown>;
+    params: Record<string, string>;
+    query: Record<string, string | string[]>;
+    headers: Record<string, string>;
+    user?: Record<string, unknown>;
+    [key: string]: unknown;
+  }
+  export interface Response { 
+    status: (code: number) => Response;
+    json: (data: unknown) => Response;
+    send: (data: unknown) => Response;
+    redirect: (url: string) => Response;
+    [key: string]: unknown;
+  }
 }

package/src/ui/components/Avatar.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { View, Text, Image, StyleSheet, StyleProp, ViewStyle, ImageStyle, TextStyle, ActivityIndicator, Platform } from 'react-native';
+import type React from 'react';
+import { View, Text, Image, StyleSheet, type StyleProp, type ViewStyle, type ImageStyle, type TextStyle, ActivityIndicator, Platform } from 'react-native';
 import { useThemeColors } from '../styles';
 import { fontFamilies } from '../styles/fonts';
 

package/src/ui/components/FollowButton.tsx

@@ -1,11 +1,12 @@
-import React, { useEffect, useCallback } from 'react';
+import type React from 'react';
+import { useEffect, useCallback } from 'react';
 import {
   TouchableOpacity,
   Text,
   StyleSheet,
-  ViewStyle,
-  TextStyle,
-  StyleProp,
+  type ViewStyle,
+  type TextStyle,
+  type StyleProp,
   Platform,
   ActivityIndicator
 } from 'react-native';
@@ -86,17 +87,18 @@ const FollowButton: React.FC<FollowButtonProps> = ({
   }, [isFollowing, animationProgress]);
 
   // Button press handler
-  const handlePress = useCallback(async (event: any) => {
+  const handlePress = useCallback(async (event?: { preventDefault?: () => void; stopPropagation?: () => void }) => {
     if (preventParentActions && event && event.preventDefault) {
       event.preventDefault();
-      event.stopPropagation();
+      event.stopPropagation?.();
     }
     if (disabled || isLoading) return;
     try {
       await toggleFollow?.();
       if (onFollowChange) onFollowChange(!isFollowing);
-    } catch (err: any) {
-      toast.error(err?.message || 'Failed to update follow status');
+    } catch (err: unknown) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      toast.error(error.message || 'Failed to update follow status');
     }
   }, [disabled, isLoading, toggleFollow, onFollowChange, isFollowing, preventParentActions]);
 

package/src/ui/components/FontLoader.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import type React from 'react';
+import { useState, useEffect } from 'react';
 import { Text, View, ActivityIndicator, StyleSheet, Platform } from 'react-native';
 import * as Font from 'expo-font';
 
@@ -160,8 +161,9 @@ export const setupFonts = async () => {
         }
 
         return true;
-    } catch (error: any) {
-        console.warn('Error setting up fonts:', error?.message || error);
+    } catch (error: unknown) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        console.warn('Error setting up fonts:', errorMessage);
         return false;
     }
 };

package/src/ui/components/GroupedItem.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 
@@ -20,6 +20,7 @@ interface GroupedItemProps {
     customIcon?: React.ReactNode;
     multiRow?: boolean;
     customContentBelow?: React.ReactNode;
+    dense?: boolean; // reduces internal padding
 }
 
 const GroupedItem: React.FC<GroupedItemProps> = ({
@@ -40,6 +41,7 @@ const GroupedItem: React.FC<GroupedItemProps> = ({
     customIcon,
     multiRow = false,
     customContentBelow,
+    dense = false,
 }) => {
     const isDarkTheme = theme === 'dark';
     const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
@@ -56,7 +58,11 @@ const GroupedItem: React.FC<GroupedItemProps> = ({
     ];
 
     const content = (
-        <View style={[styles.groupedItemContent, multiRow && styles.groupedItemContentMultiRow]}>
+        <View style={[
+            styles.groupedItemContent,
+            multiRow && styles.groupedItemContentMultiRow,
+            dense && styles.groupedItemContentDense,
+        ]}>
             {customIcon ? (
                 <View style={styles.actionIcon}>
                     {customIcon}
@@ -127,6 +133,10 @@ const styles = StyleSheet.create({
         padding: 16,
         width: '100%',
     },
+    groupedItemContentDense: {
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+    },
     actionIcon: {
         marginRight: 12,
     },

package/src/ui/components/GroupedSection.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View } from 'react-native';
 import GroupedItem from './GroupedItem';
 
@@ -18,6 +18,7 @@ interface GroupedSectionItem {
     customIcon?: React.ReactNode;
     multiRow?: boolean;
     customContentBelow?: React.ReactNode;
+    dense?: boolean;
 }
 
 interface GroupedSectionProps {
@@ -47,6 +48,7 @@ const GroupedSection: React.FC<GroupedSectionProps> = ({ items, theme }) => {
                     customContent={item.customContent}
                     customIcon={item.customIcon}
                     multiRow={item.multiRow}
+                    dense={item.dense}
                     customContentBelow={item.customContentBelow}
                 />
             ))}

package/src/ui/components/Header.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import {
     View,
     Text,

package/src/ui/components/OxyLogo.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import Svg, { Circle, Path } from 'react-native-svg';
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 import { useThemeColors } from '../styles/theme';
 
 interface OxyLogoProps {

package/src/ui/components/OxyPayButton.tsx

@@ -1,5 +1,6 @@
-import React, { useState } from 'react';
-import { TouchableOpacity, Text, View, StyleSheet, ViewStyle, TextStyle, StyleProp, LayoutChangeEvent } from 'react-native';
+import type React from 'react';
+import { useState } from 'react';
+import { TouchableOpacity, Text, View, StyleSheet, type ViewStyle, type TextStyle, type StyleProp, type LayoutChangeEvent } from 'react-native';
 import { fontFamilies } from '../styles/fonts';
 import { useOxy } from '../context/OxyContext';
 import type { PaymentItem } from '../screens/PaymentGatewayScreen';
@@ -93,9 +94,9 @@ function isColorDark(hex: string) {
     let c = hex.replace('#', '');
     if (c.length === 3) c = c.split('').map(x => x + x).join('');
     if (c.length !== 6) return false;
-    const r = parseInt(c.substr(0, 2), 16);
-    const g = parseInt(c.substr(2, 2), 16);
-    const b = parseInt(c.substr(4, 2), 16);
+    const r = Number.parseInt(c.substr(0, 2), 16);
+    const g = Number.parseInt(c.substr(2, 2), 16);
+    const b = Number.parseInt(c.substr(4, 2), 16);
     // Perceived luminance
     return (0.299 * r + 0.587 * g + 0.114 * b) < 150;
 }

package/src/ui/components/OxyProvider.tsx

@@ -1,15 +1,16 @@
-import React, { useCallback, useRef, useState, useEffect, useMemo } from 'react';
+import type React from 'react';
+import { useCallback, useRef, useState, useEffect, useMemo } from 'react';
 import { View, Text, StyleSheet, Dimensions, Platform, Animated, StatusBar, Keyboard, KeyboardEvent } from 'react-native';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { OxyProviderProps } from '../navigation/types';
+import type { OxyProviderProps } from '../navigation/types';
 import { OxyContextProvider, useOxy } from '../context/OxyContext';
 import OxyRouter from '../navigation/OxyRouter';
 import { FontLoader, setupFonts } from './FontLoader';
 import { Toaster } from '../../lib/sonner';
 
 // Import bottom sheet components directly - no longer a peer dependency
-import { BottomSheetModal, BottomSheetBackdrop, BottomSheetBackdropProps, BottomSheetModalProvider, BottomSheetView, BottomSheetScrollView } from '@gorhom/bottom-sheet';
+import { BottomSheetModal, BottomSheetBackdrop, type BottomSheetBackdropProps, BottomSheetModalProvider, BottomSheetView, BottomSheetScrollView } from '@gorhom/bottom-sheet';
 import type { BottomSheetModalMethods as BottomSheetModalRef } from '@gorhom/bottom-sheet/lib/typescript/types';
 
 // Initialize fonts automatically
@@ -145,7 +146,9 @@ const OxyBottomSheet: React.FC<OxyProviderProps> = ({
                 }
             };
 
-            console.log('Bottom sheet ref methods exposed:', Object.keys(bottomSheetRef.current));
+            if (bottomSheetRef.current && typeof bottomSheetRef.current === 'object') {
+                console.log('Bottom sheet ref methods exposed:', Object.keys(bottomSheetRef.current));
+            }
         }
     }, [bottomSheetRef, modalRef]);
     // Keyboard handling (unchanged)

package/src/ui/components/OxySignInButton.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TouchableOpacity, Text, View, StyleSheet, ViewStyle, TextStyle, StyleProp, Platform } from 'react-native';
+import type React from 'react';
+import { TouchableOpacity, Text, View, StyleSheet, type ViewStyle, type TextStyle, type StyleProp, Platform } from 'react-native';
 import { useOxy } from '../context/OxyContext';
 import OxyLogo from './OxyLogo';
 import { fontFamilies } from '../styles/fonts';

package/src/ui/components/ProfileCard.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import Avatar from './Avatar';

package/src/ui/components/QuickActions.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 

package/src/ui/components/Section.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, StyleSheet } from 'react-native';
 import SectionTitle from './SectionTitle';
 

package/src/ui/components/SectionTitle.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { Text, StyleSheet } from 'react-native';
 import { fontFamilies } from '../styles/fonts';
 

package/src/ui/components/icon/FAIRWalletIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, StyleSheet } from 'react-native';
 import Svg, { G, Path } from 'react-native-svg';
 

package/src/ui/components/icon/OxyIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { Platform } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 

package/src/ui/components/internal/GroupedPillButtons.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, TouchableOpacity, Text, ActivityIndicator, StyleSheet, Platform } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 

package/src/ui/components/internal/PinInput.tsx

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import type React from 'react';
+import { useRef } from 'react';
 import { View, TextInput, StyleSheet, Platform } from 'react-native';
 
 interface PinInputProps {
@@ -44,7 +45,7 @@ const PinInput: React.FC<PinInputProps> = ({ value, onChange, length = 6, disabl
             {Array.from({ length }).map((_, idx) => (
                 <TextInput
                     key={idx}
-                    ref={ref => (inputs.current[idx] = ref)}
+                    ref={(ref) => { inputs.current[idx] = ref; }}
                     style={[
                         styles.pinInput,
                         { borderColor: colors.primary, color: colors.text, backgroundColor: colors.inputBackground },

package/src/ui/components/internal/TextField.tsx

@@ -7,15 +7,15 @@ import {
     ActivityIndicator,
     StyleSheet,
     Platform,
-    TextInputProps,
+    type TextInputProps,
     Animated,
     LayoutChangeEvent,
     AccessibilityInfo,
-    StyleProp,
-    ViewStyle,
-    NativeSyntheticEvent,
-    TargetedEvent,
-    TextInputFocusEventData,
+    type StyleProp,
+    type ViewStyle,
+    type NativeSyntheticEvent,
+    type TargetedEvent,
+    type TextInputFocusEventData,
 } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import Svg, { Path } from 'react-native-svg';
@@ -162,7 +162,7 @@ const formatters = {
     },
     currency: (value: string) => {
         const cleaned = value.replace(/[^\d.]/g, '');
-        const num = parseFloat(cleaned);
+        const num = Number.parseFloat(cleaned);
         return isNaN(num) ? value : `$${num.toFixed(2)}`;
     }
 };
@@ -267,10 +267,8 @@ const TextField = forwardRef<TextInput, TextFieldProps>(({
     // Helper function to clone React elements with updated color
     const cloneWithColor = (element: React.ReactNode, color: string): React.ReactNode => {
         if (React.isValidElement(element) && element.type) {
-            return React.cloneElement(element, {
-                ...element.props,
-                color: color,
-            });
+            // Avoid spreading props directly to satisfy TS complaining about non-object spread sources
+            return React.cloneElement(element as any, { color });
         }
         return element;
     };

package/src/ui/context/OxyContext.tsx

@@ -1,14 +1,16 @@
-import React, { createContext, useContext, useEffect, useCallback, ReactNode, useMemo, useRef, useState } from 'react';
+import React, { createContext, useContext, useEffect, useCallback, type ReactNode, useMemo, useRef, useState } from 'react';
 import { View, Text } from 'react-native';
 import { OxyServices } from '../../core';
-import { User, ApiError } from '../../models/interfaces';
-import { SessionLoginResponse, ClientSession, MinimalUserData } from '../../models/session';
+import type { User, ApiError } from '../../models/interfaces';
+import type { SessionLoginResponse, ClientSession, MinimalUserData } from '../../models/session';
 import { DeviceManager } from '../../utils/deviceManager';
 import { useSessionSocket } from '../hooks/useSessionSocket';
 import { toast } from '../../lib/sonner';
 import { useAuthStore } from '../stores/authStore';
 
 // Define the context shape
+import { useFollow as baseUseFollow } from '../hooks/useFollow';
+
 export interface OxyContextState {
   // Authentication state
   user: User | null; // Current active user (loaded from server)
@@ -42,6 +44,11 @@ export interface OxyContextState {
   // Methods to directly control the bottom sheet
   showBottomSheet?: (screenOrConfig?: string | { screen: string; props?: Record<string, any> }) => void;
   hideBottomSheet?: () => void;
+
+  /**
+   * useFollow hook, exposed for convenience so you can do const { useFollow } = useOxy();
+   */
+  useFollow: typeof baseUseFollow;
 }
 
 // Create the context with default values
@@ -705,6 +712,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
     bottomSheetRef,
     showBottomSheet,
     hideBottomSheet,
+    useFollow: baseUseFollow,
   }), [
     user?.id, // Only depend on user ID, not the entire user object
     minimalUser?.id,