@oxyhq/services 5.17.8 → 5.17.9

package/lib/typescript/ui/utils/avatarUtils.d.ts

@@ -27,11 +27,9 @@ export declare function refreshAvatarInStore(sessionId: string, avatarFileId: st
  * @param oxyServices - OxyServices instance
  * @param activeSessionId - Active session ID
  * @param queryClient - TanStack Query client
- * @param syncIdentity - Optional sync identity function for handling auth errors
  * @returns Promise that resolves with updated user data
  */
 export declare function updateProfileWithAvatar(updates: Partial<User>, oxyServices: OxyServices, activeSessionId: string | null, queryClient: QueryClient, options?: {
-    syncIdentity?: () => Promise<User>;
     deviceId?: string;
 }): Promise<User>;
 //# sourceMappingURL=avatarUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatarUtils.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/avatarUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;;;;;;GAQG;AACH,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,GAAE,MAAsB,GAClC,OAAO,CAAC,IAAI,CAAC,CAcf;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,WAAW,GACvB,IAAI,CAON;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,MAAM,GAAG,IAAI,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,CAAC,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAClE,OAAO,CAAC,IAAI,CAAC,CAwEf"}
+{"version":3,"file":"avatarUtils.d.ts","sourceRoot":"","sources":["../../../../src/ui/utils/avatarUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;;;;;;GAQG;AACH,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,GAAE,MAAsB,GAClC,OAAO,CAAC,IAAI,CAAC,CAcf;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,WAAW,GACvB,IAAI,CAON;AAED;;;;;;;;;GASG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,MAAM,GAAG,IAAI,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,OAAO,CAAC,IAAI,CAAC,CAyCf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "5.17.8",
+  "version": "5.17.9",
   "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",
@@ -111,7 +111,7 @@
     "sonner": "^2.0.4",
     "sonner-native": "^0.20.0",
     "zod": "^3.25.64",
-    "zustand": "^5.0.6"
+    "zustand": "^5.0.9"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",

package/src/crypto/index.ts

@@ -1,22 +1,14 @@
 /**
  * Oxy Crypto Module
  * 
- * Provides cryptographic identity management for the Oxy ecosystem.
- * Handles key generation, secure storage, and digital signatures.
+ * Provides type definitions and polyfills for crypto operations.
+ * Identity management (KeyManager, SignatureService) belongs ONLY in the Accounts app.
  */
 
 // Import polyfills first - this ensures Buffer is available for crypto libraries
 import './polyfill';
 
-export { KeyManager, type KeyPair } from './keyManager';
-export { 
-  SignatureService, 
-  type SignedMessage, 
-  type AuthChallenge 
-} from './signatureService';
+// Only export types - actual identity operations are in Accounts app
 export { type BackupData } from './types';
 
-// Re-export for convenience
-export { KeyManager as default } from './keyManager';
-
 

package/src/crypto/types.ts

@@ -1,10 +1,10 @@
 /**
- * Cryptographic types for identity management
+ * Cryptographic types for authentication and backup
  */
 
 /**
  * Encrypted backup data structure
- * Used for identity backup files and QR code transfers
+ * Used for identity backup files
  */
 export interface BackupData {
   /** Base64-encoded encrypted private key */

package/src/index.ts

@@ -4,26 +4,21 @@
  * This exports everything but uses environment detection to avoid crashes.
  * - Frontend: Full UI + Core functionality
  * - Backend: Core functionality only (UI components are no-ops)
+ * 
+ * NOTE: Identity management (KeyManager, SignatureService) belongs ONLY in the Accounts app.
+ * Services SDK handles tokens/sessions, NOT identity.
  */
 
 // IMPORTANT: Import crypto module first to ensure polyfills are loaded
 // before any other code that might use Buffer or other polyfilled APIs
 import './crypto/polyfill';
 
-// Crypto/Identity exports (must be before core to ensure polyfills are available)
-export { 
-  KeyManager, 
-  SignatureService
-} from './crypto';
-
 // Core exports
 export { OxyServices, OxyAuthenticationError, OxyAuthenticationTimeoutError } from './core';
 export { OXY_CLOUD_URL, oxyClient } from './core';
-export type { 
-  KeyPair, 
-  SignedMessage, 
-  AuthChallenge
-} from './crypto';
+
+// Type exports from crypto (types only - no identity implementation)
+export type { BackupData } from './crypto';
 
 // React context
 export { useOxy } from './ui/context/OxyContext';

package/src/ui/components/Icon.tsx

@@ -125,7 +125,7 @@ const Icon = ({
       ? source.source
       : source;
   const iconColor =
-    color || (theme.isV3 ? theme.colors.onSurface : (theme.colors.text || theme.colors.onSurface));
+    color || (theme.isV3 ? theme.colors.onSurface : ((theme.colors as any).text || theme.colors.onSurface));
 
   if (isImageSource(s)) {
     return (

package/src/ui/components/IconButton/utils.ts

@@ -124,7 +124,7 @@ const getIconColor = ({
     return customIconColor;
   }
 
-  return theme.colors.text || theme.colors.onSurface;
+  return (theme.colors as any).text || theme.colors.onSurface;
 };
 
 const getRippleColor = ({

package/src/ui/components/TextField/Adornment/utils.ts

@@ -33,7 +33,7 @@ export function getTextColor({ theme, disabled }: BaseProps) {
     return theme.colors.onSurfaceVariant;
   }
   // For non-V3 themes, apply opacity to text color
-  const textColor = theme?.colors?.onSurface || theme?.colors?.text || '#000000';
+  const textColor = theme?.colors?.onSurface || (theme?.colors as any)?.text || '#000000';
   const opacity = theme.dark ? 0.7 : 0.54;
   return hexToRgba(textColor, opacity);
 }
@@ -55,7 +55,7 @@ export function getIconColor({
   }
 
   if (!theme.isV3) {
-    return theme.colors.text || theme.colors.onSurface;
+    return (theme.colors as any).text || theme.colors.onSurface;
   }
 
   if (disabled) {

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

@@ -329,10 +329,10 @@ const getInputTextColor = ({
   }
 
   if (disabled) {
-    return color(theme.colors.text || theme.colors.onSurface).alpha(0.54).rgb().string();
+    return color((theme.colors as any).text || theme.colors.onSurface).alpha(0.54).rgb().string();
   }
 
-  return theme.colors.text || theme.colors.onSurface;
+  return (theme.colors as any).text || theme.colors.onSurface;
 };
 
 const getActiveColor = ({
@@ -364,7 +364,7 @@ const getActiveColor = ({
       return theme.colors.onSurfaceDisabled;
     }
 
-    return color(theme.colors.text || theme.colors.onSurface).alpha(0.54).rgb().string();
+    return color((theme.colors as any).text || theme.colors.onSurface).alpha(0.54).rgb().string();
   }
 
   return theme.colors.primary;
@@ -380,10 +380,10 @@ const getPlaceholderColor = ({ theme, disabled }: BaseProps) => {
   }
 
   if (disabled) {
-    return theme.colors.disabled || theme.colors.onSurfaceDisabled;
+    return (theme.colors as any).disabled || theme.colors.onSurfaceDisabled;
   }
 
-  return theme.colors.placeholder || theme.colors.onSurfaceVariant;
+  return (theme.colors as any).placeholder || theme.colors.onSurfaceVariant;
 };
 
 const getSelectionColor = ({
@@ -443,7 +443,7 @@ const getFlatUnderlineColor = ({
     return 'transparent';
   }
 
-  return theme.colors.disabled || theme.colors.onSurfaceVariant;
+  return (theme.colors as any).disabled || theme.colors.onSurfaceVariant;
 };
 
 const getOutlinedOutlineInputColor = ({
@@ -472,9 +472,9 @@ const getOutlinedOutlineInputColor = ({
     if (isTransparent) {
       return customOutlineColor;
     }
-    return theme.colors.disabled || theme.colors.onSurfaceDisabled;
+    return (theme.colors as any).disabled || theme.colors.onSurfaceDisabled;
   }
-  return theme.colors.placeholder || theme.colors.onSurfaceVariant;
+  return (theme.colors as any).placeholder || theme.colors.onSurfaceVariant;
 };
 
 export const getFlatInputColors = ({

package/src/ui/components/TouchableRipple/utils.ts

@@ -40,9 +40,9 @@ const getRippleColor = ({
   }
 
   if (theme.dark) {
-    return colorUtil(theme.colors.onSurface || theme.colors.text || '#000000').alpha(0.32).rgb().string();
+    return colorUtil(theme.colors.onSurface || (theme.colors as any).text || '#000000').alpha(0.32).rgb().string();
   }
-  return colorUtil(theme.colors.text || theme.colors.onSurface || '#000000').alpha(0.2).rgb().string();
+  return colorUtil((theme.colors as any).text || theme.colors.onSurface || '#000000').alpha(0.2).rgb().string();
 };
 
 export const getTouchableRippleColors = ({

package/src/ui/components/Typography/AnimatedText.tsx

@@ -72,10 +72,10 @@ const AnimatedText = forwardRef<Text & HTMLElement, Props<never>>(
         />
       );
     } else {
-      const font = !theme.isV3 ? (theme.fonts.regular || theme.fonts.default) : theme.fonts.bodyMedium;
+      const font = !theme.isV3 ? ((theme.fonts as any).regular || theme.fonts.default) : theme.fonts.bodyMedium;
       const textStyle = {
         ...font,
-        color: theme.isV3 ? theme.colors.onSurface : (theme.colors.text || theme.colors.onSurface),
+        color: theme.isV3 ? theme.colors.onSurface : ((theme.colors as any).text || theme.colors.onSurface),
       };
       return (
         <Animated.Text

package/src/ui/components/types.tsx

@@ -55,10 +55,6 @@ export type InternalTheme = {
       level4: string;
       level5: string;
     };
-    // Legacy properties for backward compatibility
-    text?: string;
-    disabled?: string;
-    placeholder?: string;
   };
   fonts: {
     displayLarge: any;
@@ -77,8 +73,6 @@ export type InternalTheme = {
     bodyMedium: any;
     bodySmall: any;
     default: any;
-    // Legacy property for backward compatibility
-    regular?: any;
   };
 };
 

package/src/ui/context/OxyContext.tsx

@@ -98,16 +98,20 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
 
   const {
     isAuthenticated,
+    isOnline,
     isLoading,
     error,
+    setOnline,
     loginSuccess,
     loginFailure,
     logoutStore,
   } = useAuthStore(
     useShallow((state: AuthState) => ({
       isAuthenticated: state.isAuthenticated,
+      isOnline: state.isOnline,
       isLoading: state.isLoading,
       error: state.error,
+      setOnline: state.setOnline,
       loginSuccess: state.loginSuccess,
       loginFailure: state.loginFailure,
       logoutStore: state.logout,
@@ -132,9 +136,6 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
 
   const { storage, isReady: isStorageReady } = useStorage({ onError, logger });
 
-  // Offline queuing is now handled by TanStack Query mutations
-  // No need for custom offline queue
-
   const {
     currentLanguage,
     metadata: currentLanguageMetadata,
@@ -196,7 +197,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
   const user = userData ?? null;
 
   const {
-    signIn,
+    completeSignIn,
     logout,
     logoutAll,
   } = useAuthOperations({
@@ -219,8 +220,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
     logger,
   });
 
-  // Clear all account data when logging out (for accounts app)
-  // In accounts app, identity = account, so losing identity means losing everything
+  // Clear all cached data and storage on logout
   const clearAllAccountData = useCallback(async (): Promise<void> => {
     // Clear TanStack Query cache (in-memory)
     queryClient.clear();
@@ -244,8 +244,9 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
     oxyServices.clearCache();
   }, [queryClient, storage, clearSessionState, logger, oxyServices]);
 
-  // Network reconnect - TanStack Query automatically retries mutations on reconnect
-  // Network reconnect - TanStack Query automatically retries mutations on reconnect
+  // Network state monitoring - updates authStore.isOnline
+  // When offline: isAuthenticated becomes false automatically
+  // When reconnect: isOnline set to true, allowing re-authentication
   useEffect(() => {
     if (!storage) return;
 
@@ -268,14 +269,22 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
 
         // If we were offline and now we're online
         if (wasOffline) {
-          logger('Network reconnected');
+          logger('Network reconnected - setting online state');
+          setOnline(true);
           // TanStack Query will automatically retry pending mutations
+          // Session management will handle token refresh if needed
           wasOffline = false;
+        } else {
+          // We're online and were already online
+          setOnline(true);
         }
       } catch (error) {
         // Network check failed - we're offline
-        if (!wasOffline && __DEV__) {
-          logger('Network appears offline');
+        if (!wasOffline) {
+          if (__DEV__) {
+            logger('Network appears offline - suspending authentication');
+          }
+          setOnline(false); // This will set isAuthenticated to false
         }
         wasOffline = true;
       } finally {
@@ -291,7 +300,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
         clearTimeout(checkTimeout);
       }
     };
-  }, [oxyServices, storage, logger]);
+  }, [oxyServices, storage, logger, setOnline]);
 
   const { getDeviceSessions, logoutAllDeviceSessions, updateDeviceName } = useDeviceManagement({
     oxyServices,
@@ -503,7 +512,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
     currentLanguageMetadata,
     currentLanguageName,
     currentNativeLanguageName,
-    signIn,
+    completeSignIn,
     logout,
     logoutAll,
     switchSession: switchSessionForContext,
@@ -522,7 +531,7 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
   }), [
     activeSessionId,
     currentDeviceId,
-    signIn,
+    completeSignIn,
     currentLanguage,
     currentLanguageMetadata,
     currentLanguageName,

package/src/ui/context/OxyContextBase.tsx

@@ -2,11 +2,10 @@ import { createContext, useContext } from 'react';
 import type { ReactNode } from 'react';
 import type { OxyServices } from '../../core';
 import type { User, ApiError } from '../../models/interfaces';
-import type { ClientSession } from '../../models/session';
+import type { ClientSession, SessionLoginResponse } from '../../models/session';
 import type { UseFollowHook } from '../hooks/useFollow.types';
 import type { useLanguageManagement } from '../hooks/useLanguageManagement';
 import type { RouteName } from '../navigation/routes';
-import type { BackupData } from '../../crypto';
 
 export interface OxyContextState {
     user: User | null;
@@ -24,8 +23,9 @@ export interface OxyContextState {
     currentNativeLanguageName: string;
 
     // Authentication (Services SDK only handles tokens/sessions, NOT identity)
-    // Identity management (createIdentity, importIdentity, etc.) belongs in Accounts app
-    signIn: (deviceName?: string) => Promise<User>;
+    // Identity management (KeyManager, SignatureService, challenge signing) belongs ONLY in Accounts app
+    // completeSignIn accepts already-verified session data from Accounts app
+    completeSignIn: (sessionResponse: SessionLoginResponse) => Promise<User>;
 
     // Session management
     logout: (targetSessionId?: string) => Promise<void>;