@oxyhq/services 5.10.16 → 5.11.1

package/src/ui/screens/PaymentGatewayScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import type React from 'react';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import {
     View,
     Text,
@@ -15,7 +16,7 @@ import {
     Clipboard,
     useWindowDimensions,
 } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { fontFamilies, useThemeColors, createCommonStyles } from '../styles';
 import OxyLogo from '../components/OxyLogo';
 import GroupedPillButtons from '../components/internal/GroupedPillButtons';

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import type React from 'react';
+import { useState, useEffect } from 'react';
 import {
     View,
     Text,
@@ -11,7 +12,7 @@ import {
     Animated,
     Dimensions,
 } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { useOxy } from '../context/OxyContext';
 import { fontFamilies } from '../styles/fonts';
 import { toast } from '../../lib/sonner';

package/src/ui/screens/ProfileScreen.tsx

@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, ActivityIndicator, ScrollView, TouchableOpacity, Image } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { useOxy } from '../context/OxyContext';
 import Avatar from '../components/Avatar';
 import { FollowButton } from '../components';

package/src/ui/screens/RecoverAccountScreen.tsx

@@ -1,5 +1,6 @@
-import React, { useState, useRef, useCallback } from 'react';
-import { View, Text, Animated, KeyboardAvoidingView, Platform, ScrollView, StyleSheet, StatusBar, TextInput } from 'react-native';
+import type React from 'react';
+import { useState, useRef, useCallback } from 'react';
+import { View, Text, Animated, KeyboardAvoidingView, Platform, ScrollView, StyleSheet, StatusBar, type TextInput } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import TextField from '../components/internal/TextField';
 import GroupedPillButtons from '../components/internal/GroupedPillButtons';

package/src/ui/screens/SessionManagementScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import type React from 'react';
+import { useState, useEffect } from 'react';
 import {
     View,
     Text,
@@ -10,13 +11,13 @@ import {
     Platform,
     RefreshControl,
 } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { useOxy } from '../context/OxyContext';
 import { fontFamilies } from '../styles/fonts';
 import { toast } from '../../lib/sonner';
 import { Ionicons } from '@expo/vector-icons';
 import OxyIcon from '../components/icon/OxyIcon';
-import { ClientSession } from '../../models/session';
+import type { ClientSession } from '../../models/session';
 import { confirmAction } from '../utils/confirmAction';
 import { Header } from '../components';
 

package/src/ui/screens/SignInScreen.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import type React from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import {
     View,
     Text,
@@ -15,7 +16,7 @@ import {
     StatusBar,
     Alert,
 } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { useOxy } from '../context/OxyContext';
 import { fontFamilies, useThemeColors, createCommonStyles, createAuthStyles } from '../styles';
 import OxyLogo from '../components/OxyLogo';

package/src/ui/screens/SignUpScreen.tsx

@@ -13,7 +13,7 @@ import {
     StatusBar,
     Alert,
 } from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { useOxy } from '../context/OxyContext';
 import { useThemeColors, createCommonStyles, createAuthStyles } from '../styles';
 import { Ionicons } from '@expo/vector-icons';

package/src/ui/screens/UserLinksScreen.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Image, Linking } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
-import { BaseScreenProps } from '../navigation/types';
+import type { BaseScreenProps } from '../navigation/types';
 import { Header, GroupedSection } from '../components';
 
 interface UserLinksScreenProps extends BaseScreenProps {

package/src/ui/screens/internal/SignInPasswordStep.tsx

@@ -1,5 +1,6 @@
-import React, { useRef, useCallback, useEffect } from 'react';
-import { View, Text, Animated, TouchableOpacity, TextInput, StatusBar } from 'react-native';
+import type React from 'react';
+import { useRef, useCallback, useEffect } from 'react';
+import { View, Text, Animated, TouchableOpacity, type TextInput, StatusBar } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import Avatar from '../../components/Avatar';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';

package/src/ui/screens/internal/SignInUsernameStep.tsx

@@ -1,5 +1,6 @@
-import React, { useRef } from 'react';
-import { TextInput, View, Text, Animated } from 'react-native';
+import type React from 'react';
+import { useRef } from 'react';
+import { type TextInput, View, Text, Animated } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import HighFive from '../../../assets/illustrations/HighFive';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';

package/src/ui/screens/internal/SignUpIdentityStep.tsx

@@ -1,5 +1,6 @@
-import React, { useRef } from 'react';
-import { View, Text, Animated, TouchableOpacity, TextInput } from 'react-native';
+import type React from 'react';
+import { useRef } from 'react';
+import { View, Text, Animated, TouchableOpacity, type TextInput } from 'react-native';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
 import TextField from '../../components/internal/TextField';
 import HighFive from '../../../assets/illustrations/HighFive';

package/src/ui/screens/internal/SignUpSecurityStep.tsx

@@ -1,5 +1,6 @@
-import React, { useRef, useCallback, useEffect } from 'react';
-import { View, Text, Animated, TextInput } from 'react-native';
+import type React from 'react';
+import { useRef, useCallback, useEffect } from 'react';
+import { View, Text, Animated, type TextInput } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
 import TextField from '../../components/internal/TextField';

package/src/ui/screens/internal/SignUpSummaryStep.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, Animated, TouchableOpacity } from 'react-native';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
 

package/src/ui/screens/internal/SignUpWelcomeStep.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, Animated } from 'react-native';
 import HighFive from '../../../assets/illustrations/HighFive';
 import GroupedPillButtons from '../../components/internal/GroupedPillButtons';

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, StyleSheet, ScrollView, Platform } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { Header } from '../../components';
 
 const KarmaAboutScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 import {
     View,
     Text,
@@ -9,7 +10,7 @@ import {
     Alert,
     Platform,
 } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { useOxy } from '../../context/OxyContext';
 import { fontFamilies } from '../../styles/fonts';
 import Avatar from '../../components/Avatar';

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

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useCallback } from 'react';
 import { View, Text, StyleSheet, ScrollView, Platform, TouchableOpacity, TextInput, LayoutAnimation, UIManager } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { Ionicons } from '@expo/vector-icons';
 import { Header } from '../../components';
 

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

@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, ScrollView, ActivityIndicator, TouchableOpacity } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { useOxy } from '../../context/OxyContext';
 import Avatar from '../../components/Avatar';
 import { Header } from '../../components';

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, StyleSheet, ScrollView, Platform } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { Header } from '../../components';
 
 const KarmaRewardsScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {

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

@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, ScrollView, ActivityIndicator } from 'react-native';
-import { BaseScreenProps } from '../../navigation/types';
+import type { BaseScreenProps } from '../../navigation/types';
 import { useOxy } from '../../context/OxyContext';
 import { Header } from '../../components';
 

package/src/ui/stores/assetStore.ts

@@ -0,0 +1,281 @@
+import { create } from 'zustand';
+import { Asset, AssetUploadProgress, AssetLink } from '../../models/interfaces';
+
+interface AssetState {
+  // Asset data
+  assets: Record<string, Asset>;
+  uploadProgress: Record<string, AssetUploadProgress>;
+  
+  // Loading states
+  loading: {
+    uploading: boolean;
+    linking: boolean;
+    deleting: boolean;
+  };
+  
+  // Error states
+  errors: {
+    upload?: string;
+    link?: string;
+    delete?: string;
+  };
+  
+  // Actions
+  setAsset: (asset: Asset) => void;
+  setAssets: (assets: Asset[]) => void;
+  removeAsset: (assetId: string) => void;
+  
+  // Upload progress actions
+  setUploadProgress: (fileId: string, progress: AssetUploadProgress) => void;
+  removeUploadProgress: (fileId: string) => void;
+  
+  // Link management
+  addLink: (assetId: string, link: AssetLink) => void;
+  removeLink: (assetId: string, app: string, entityType: string, entityId: string) => void;
+  
+  // Loading states
+  setUploading: (uploading: boolean) => void;
+  setLinking: (linking: boolean) => void;
+  setDeleting: (deleting: boolean) => void;
+  
+  // Error management
+  setUploadError: (error?: string) => void;
+  setLinkError: (error?: string) => void;
+  setDeleteError: (error?: string) => void;
+  clearErrors: () => void;
+  
+  // Utility methods
+  getAssetsByApp: (app: string) => Asset[];
+  getAssetsByEntity: (app: string, entityType: string, entityId: string) => Asset[];
+  getAssetUsageCount: (assetId: string) => number;
+  isAssetLinked: (assetId: string, app: string, entityType: string, entityId: string) => boolean;
+  
+  // Reset store
+  reset: () => void;
+}
+
+const initialState = {
+  assets: {},
+  uploadProgress: {},
+  loading: {
+    uploading: false,
+    linking: false,
+    deleting: false,
+  },
+  errors: {},
+};
+
+export const useAssetStore = create<AssetState>((set, get) => ({
+    ...initialState,
+    
+    // Asset management
+    setAsset: (asset: Asset) => {
+      set((state) => ({
+        assets: {
+          ...state.assets,
+          [asset.id]: asset,
+        },
+      }));
+    },
+    
+    setAssets: (assets: Asset[]) => {
+      set((state) => {
+        const assetMap = assets.reduce((acc, asset) => {
+          acc[asset.id] = asset;
+          return acc;
+        }, {} as Record<string, Asset>);
+        
+        return {
+          assets: {
+            ...state.assets,
+            ...assetMap,
+          },
+        };
+      });
+    },
+    
+    removeAsset: (assetId: string) => {
+      set((state) => {
+        const { [assetId]: removed, ...rest } = state.assets;
+        return { assets: rest };
+      });
+    },
+    
+    // Upload progress
+    setUploadProgress: (fileId: string, progress: AssetUploadProgress) => {
+      set((state) => ({
+        uploadProgress: {
+          ...state.uploadProgress,
+          [fileId]: progress,
+        },
+      }));
+    },
+    
+    removeUploadProgress: (fileId: string) => {
+      set((state) => {
+        const { [fileId]: removed, ...rest } = state.uploadProgress;
+        return { uploadProgress: rest };
+      });
+    },
+    
+    // Link management
+    addLink: (assetId: string, link: AssetLink) => {
+      set((state) => {
+        const asset = state.assets[assetId];
+        if (!asset) return state;
+        
+        // Check if link already exists
+        const existingLink = asset.links.find(
+          (l: AssetLink) => l.app === link.app && 
+                 l.entityType === link.entityType && 
+                 l.entityId === link.entityId
+        );
+        
+        if (existingLink) return state;
+        
+        const updatedAsset = {
+          ...asset,
+          links: [...asset.links, link],
+          usageCount: asset.links.length + 1,
+        };
+        
+        return {
+          assets: {
+            ...state.assets,
+            [assetId]: updatedAsset,
+          },
+        };
+      });
+    },
+    
+    removeLink: (assetId: string, app: string, entityType: string, entityId: string) => {
+      set((state) => {
+        const asset = state.assets[assetId];
+        if (!asset) return state;
+        
+        const filteredLinks = asset.links.filter(
+          (link: AssetLink) => !(link.app === app && 
+                     link.entityType === entityType && 
+                     link.entityId === entityId)
+        );
+        
+        const updatedAsset = {
+          ...asset,
+          links: filteredLinks,
+          usageCount: filteredLinks.length,
+          status: filteredLinks.length === 0 ? 'trash' as const : asset.status,
+        };
+        
+        return {
+          assets: {
+            ...state.assets,
+            [assetId]: updatedAsset,
+          },
+        };
+      });
+    },
+    
+    // Loading states
+    setUploading: (uploading: boolean) => {
+      set((state) => ({
+        loading: { ...state.loading, uploading },
+      }));
+    },
+    
+    setLinking: (linking: boolean) => {
+      set((state) => ({
+        loading: { ...state.loading, linking },
+      }));
+    },
+    
+    setDeleting: (deleting: boolean) => {
+      set((state) => ({
+        loading: { ...state.loading, deleting },
+      }));
+    },
+    
+    // Error management
+    setUploadError: (error?: string) => {
+      set((state) => ({
+        errors: { ...state.errors, upload: error },
+      }));
+    },
+    
+    setLinkError: (error?: string) => {
+      set((state) => ({
+        errors: { ...state.errors, link: error },
+      }));
+    },
+    
+    setDeleteError: (error?: string) => {
+      set((state) => ({
+        errors: { ...state.errors, delete: error },
+      }));
+    },
+    
+    clearErrors: () => {
+      set({ errors: {} });
+    },
+    
+    // Utility methods
+    getAssetsByApp: (app: string) => {
+      const { assets } = get();
+      return Object.values(assets).filter((asset) =>
+        asset.links.some((link: AssetLink) => link.app === app)
+      );
+    },
+    
+    getAssetsByEntity: (app: string, entityType: string, entityId: string) => {
+      const { assets } = get();
+      return Object.values(assets).filter((asset) =>
+        asset.links.some(
+          (link: AssetLink) => link.app === app && 
+                   link.entityType === entityType && 
+                   link.entityId === entityId
+        )
+      );
+    },
+    
+    getAssetUsageCount: (assetId: string) => {
+      const { assets } = get();
+      const asset = assets[assetId];
+      return asset ? asset.usageCount : 0;
+    },
+    
+    isAssetLinked: (assetId: string, app: string, entityType: string, entityId: string) => {
+      const { assets } = get();
+      const asset = assets[assetId];
+      if (!asset) return false;
+      
+      return asset.links.some(
+        (link: AssetLink) => link.app === app && 
+                 link.entityType === entityType && 
+                 link.entityId === entityId
+      );
+    },
+    
+    // Reset store
+    reset: () => {
+      set(initialState);
+    },
+}));
+
+// Selector hooks for convenience
+export const useAssets = () => useAssetStore((state) => Object.values(state.assets));
+export const useAsset = (assetId: string) => useAssetStore((state) => state.assets[assetId]);
+export const useUploadProgress = () => useAssetStore((state) => state.uploadProgress);
+export const useAssetLoading = () => useAssetStore((state) => state.loading);
+export const useAssetErrors = () => useAssetStore((state) => state.errors);
+
+// Typed selectors for specific use cases
+export const useAssetsByApp = (app: string) => 
+  useAssetStore((state) => state.getAssetsByApp(app));
+
+export const useAssetsByEntity = (app: string, entityType: string, entityId: string) =>
+  useAssetStore((state) => state.getAssetsByEntity(app, entityType, entityId));
+
+export const useAssetUsageCount = (assetId: string) =>
+  useAssetStore((state) => state.getAssetUsageCount(assetId));
+
+export const useIsAssetLinked = (assetId: string, app: string, entityType: string, entityId: string) =>
+  useAssetStore((state) => state.isAssetLinked(assetId, app, entityType, entityId));

package/src/ui/stores/authStore.ts

@@ -30,7 +30,7 @@ export const useAuthStore = create<AuthState>((set: (state: Partial<AuthState>)
   fetchUser: async (oxyServices, forceRefresh = false) => {
     const state = get();
     const now = Date.now();
-    const cacheAge = state.lastUserFetch ? now - state.lastUserFetch : Infinity;
+    const cacheAge = state.lastUserFetch ? now - state.lastUserFetch : Number.POSITIVE_INFINITY;
     const cacheValid = cacheAge < 5 * 60 * 1000; // 5 minutes cache
 
     // Use cached data if available and not forcing refresh

package/src/ui/stores/fileStore.ts

@@ -0,0 +1,118 @@
+import { create } from 'zustand';
+import { shallow } from 'zustand/shallow';
+import type { FileMetadata } from '../../models/interfaces';
+// Shallow compare two file metadata objects by keys/values
+function shallowEqualFile(a: FileMetadata, b: FileMetadata): boolean {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  const aKeys = Object.keys(a) as Array<keyof FileMetadata>;
+  const bKeys = Object.keys(b) as Array<keyof FileMetadata>;
+  if (aKeys.length !== bKeys.length) return false;
+  for (const k of aKeys) {
+    // treat metadata/variants shallowly by reference
+    if ((a as any)[k] !== (b as any)[k]) return false;
+  }
+  return true;
+}
+
+// Basic upload progress type for aggregate tracking
+export interface FileUploadAggregateProgress {
+  current: number;
+  total: number;
+}
+
+interface FileState {
+  files: Record<string, FileMetadata>;
+  order: string[]; // maintain insertion / sort order
+  uploading: boolean;
+  deleting: string | null;
+  uploadProgress: FileUploadAggregateProgress | null;
+  // actions
+  setFiles: (files: FileMetadata[], opts?: { merge?: boolean }) => void;
+  addFile: (file: FileMetadata, opts?: { prepend?: boolean }) => void;
+  updateFile: (id: string, patch: Partial<FileMetadata>) => void;
+  removeFile: (id: string) => void;
+  setUploading: (val: boolean) => void;
+  setDeleting: (id: string | null) => void;
+  setUploadProgress: (p: FileUploadAggregateProgress | null) => void;
+  reset: () => void;
+}
+
+const initialState = {
+  files: {} as Record<string, FileMetadata>,
+  order: [] as string[],
+  uploading: false,
+  deleting: null as string | null,
+  uploadProgress: null as FileUploadAggregateProgress | null,
+};
+
+export const useFileStore = create<FileState>((set, get) => ({
+  ...initialState,
+  setFiles: (files, opts) => set(state => {
+    const merge = opts?.merge !== false; // default true
+    if (!merge) {
+      const map: Record<string, FileMetadata> = {};
+      const order: string[] = [];
+      files.forEach(f => { map[f.id] = f; order.push(f.id); });
+      // detect if identical to avoid redundant updates
+      const sameOrder = order.length === state.order.length && order.every((id, i) => id === state.order[i]);
+      let sameFiles = sameOrder;
+      if (sameOrder) {
+        sameFiles = order.every(id => state.files[id] && shallowEqualFile(state.files[id], map[id] as FileMetadata));
+      }
+      if (sameOrder && sameFiles) return {} as any;
+      return { files: map, order };
+    }
+    const newFiles = { ...state.files };
+    const newOrder = [...state.order];
+    let changed = false;
+    files.forEach(f => {
+      const prev = state.files[f.id];
+      const merged = { ...(prev || {}), ...f } as FileMetadata;
+      if (!prev || !shallowEqualFile(prev, merged)) { newFiles[f.id] = merged; changed = true; }
+      if (!newOrder.includes(f.id)) { newOrder.unshift(f.id); changed = true; }
+    });
+    if (!changed) return {} as any;
+    return { files: newFiles, order: newOrder };
+  }),
+  addFile: (file, opts) => set(state => {
+    const prepend = opts?.prepend !== false; // default true
+    if (state.files[file.id]) {
+      if (shallowEqualFile(state.files[file.id], file)) return {} as any;
+      return { files: { ...state.files, [file.id]: file } };
+    }
+    return {
+      files: { ...state.files, [file.id]: file },
+      order: prepend ? [file.id, ...state.order] : [...state.order, file.id],
+    };
+  }),
+  updateFile: (id, patch) => set(state => {
+    const existing = state.files[id];
+    if (!existing) return {} as any;
+    const updated = { ...existing, ...patch } as FileMetadata;
+    if (shallowEqualFile(existing, updated)) return {} as any;
+    return { files: { ...state.files, [id]: updated } };
+  }),
+  removeFile: (id) => set(state => {
+    if (!state.files[id]) return {} as any;
+    const { [id]: _removed, ...rest } = state.files;
+    const newOrder = state.order.filter(fid => fid !== id);
+    return { files: rest, order: newOrder };
+  }),
+  setUploading: (val) => set({ uploading: val }),
+  setDeleting: (id) => set({ deleting: id }),
+  setUploadProgress: (p) => set({ uploadProgress: p }),
+  reset: () => set(initialState),
+}));
+
+// selectors
+export const useFiles = () => {
+  const files = useFileStore(s => s.files);
+  const order = useFileStore(s => s.order);
+  // Return stable array when contents unchanged
+  const out = order.map((id: string) => files[id]);
+  return out;
+};
+export const useUploading = () => useFileStore(s => s.uploading);
+export const useUploadAggregateProgress = () => useFileStore(s => s.uploadProgress);
+export const useDeleting = () => useFileStore(s => s.deleting);