@oxyhq/services 6.9.13 → 6.9.15

package/lib/typescript/ui/components/types.d.ts

@@ -0,0 +1,80 @@
+import type { TextStyle } from 'react-native';
+export type ThemeProp = Partial<InternalTheme> | 'light' | 'dark';
+export type MD3Elevation = 0 | 1 | 2 | 3 | 4 | 5;
+export type InternalTheme = {
+    version: 3;
+    isV3: true;
+    dark: boolean;
+    mode?: 'adaptive' | 'exact';
+    roundness: number;
+    animation: {
+        scale: number;
+        defaultAnimationDuration?: number;
+    };
+    colors: {
+        primary: string;
+        primaryContainer: string;
+        secondary: string;
+        secondaryContainer: string;
+        tertiary: string;
+        tertiaryContainer: string;
+        surface: string;
+        surfaceVariant: string;
+        surfaceDisabled: string;
+        background: string;
+        error: string;
+        errorContainer: string;
+        onPrimary: string;
+        onPrimaryContainer: string;
+        onSecondary: string;
+        onSecondaryContainer: string;
+        onTertiary: string;
+        onTertiaryContainer: string;
+        onSurface: string;
+        onSurfaceVariant: string;
+        onSurfaceDisabled: string;
+        onError: string;
+        onErrorContainer: string;
+        onBackground: string;
+        outline: string;
+        outlineVariant: string;
+        inverseSurface: string;
+        inverseOnSurface: string;
+        inversePrimary: string;
+        shadow: string;
+        scrim: string;
+        backdrop: string;
+        elevation: {
+            level0: string;
+            level1: string;
+            level2: string;
+            level3: string;
+            level4: string;
+            level5: string;
+        };
+        text?: string;
+        disabled?: string;
+        placeholder?: string;
+    };
+    fonts: {
+        displayLarge: TextStyle;
+        displayMedium: TextStyle;
+        displaySmall: TextStyle;
+        headlineLarge: TextStyle;
+        headlineMedium: TextStyle;
+        headlineSmall: TextStyle;
+        titleLarge: TextStyle;
+        titleMedium: TextStyle;
+        titleSmall: TextStyle;
+        labelLarge: TextStyle;
+        labelMedium: TextStyle;
+        labelSmall: TextStyle;
+        bodyLarge: TextStyle;
+        bodyMedium: TextStyle;
+        bodySmall: TextStyle;
+        default: TextStyle;
+        regular?: TextStyle;
+    };
+};
+export type $Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+export type $RemoveChildren<T extends React.ComponentType<any>> = $Omit<React.ComponentPropsWithoutRef<T>, 'children'>;

package/lib/typescript/ui/components/utils/forwardRef.d.ts

@@ -0,0 +1,11 @@
+import type { ForwardRefRenderFunction, PropsWithoutRef, RefAttributes, ForwardRefExoticComponent } from 'react';
+export type ForwardRefComponent<T, P = {}> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+/**
+ * TypeScript generated a large union of props from `ViewProps` in
+ * `d.ts` files when using `React.forwardRef`. To prevent this
+ * `ForwardRefComponent` was created and exported. Use this
+ * `forwardRef` instead of `React.forwardRef` so you don't have to
+ * import `ForwardRefComponent`.
+ * More info: https://github.com/callstack/react-native-paper/pull/3603
+ */
+export declare const forwardRef: <T, P = {}>(render: ForwardRefRenderFunction<T, PropsWithoutRef<P>>) => ForwardRefComponent<T, P>;

package/lib/typescript/ui/components/utils/hasTouchHandler.d.ts

@@ -0,0 +1,5 @@
+import type { GestureResponderEvent } from 'react-native';
+declare const touchableEvents: readonly ["onPress", "onLongPress", "onPressIn", "onPressOut"];
+type TouchableEventObject = Partial<Record<(typeof touchableEvents)[number], (event: GestureResponderEvent) => void>>;
+export default function hasTouchHandler(touchableEventObject: TouchableEventObject): boolean;
+export {};

package/lib/typescript/ui/components/utils/roundLayoutSize.d.ts

@@ -0,0 +1 @@
+export declare const roundLayoutSize: (size: number) => number;

package/lib/typescript/ui/components/utils/splitStyles.d.ts

@@ -0,0 +1,19 @@
+import type { ViewStyle } from 'react-native';
+type FiltersArray = readonly ((style: keyof ViewStyle) => boolean)[];
+type MappedTuple<Tuple extends FiltersArray> = {
+    [Index in keyof Tuple]: ViewStyle;
+} & {
+    length: Tuple['length'];
+};
+/**
+ * Utility function to extract styles in separate objects
+ *
+ * @param styles The style object you want to filter
+ * @param filters The filters by which you want to split the styles
+ * @returns An array of filtered style objects:
+ * - The first style object contains the properties that didn't match any filter
+ * - After that there will be a style object for each filter you passed in the same order as the matching filters
+ * - A style property will exist in a single style object, the first filter it matched
+ */
+export declare function splitStyles<Tuple extends FiltersArray>(styles: ViewStyle, ...filters: Tuple): [ViewStyle, ...MappedTuple<Tuple>];
+export {};

package/lib/typescript/ui/constants/iconColors.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Icon color helpers and semantic mappings
+ * Provides easy access to icon colors from the theme system
+ */
+/**
+ * Get icon colors for a specific theme
+ */
+export declare const getIconColors: (theme: "light" | "dark") => {
+    text: string;
+    background: string;
+    inputBackground: string;
+    tint: string;
+    icon: string;
+    tabIconDefault: string;
+    tabIconSelected: string;
+    card: string;
+    border: string;
+    secondaryText: string;
+    avatarBackground: string;
+    avatarText: string;
+    sidebarBackground: string;
+    sidebarItemActiveBackground: string;
+    sidebarItemActiveText: string;
+    sidebarIconHome: string;
+    sidebarIconPersonalInfo: string;
+    sidebarIconSecurity: string;
+    sidebarIconPassword: string;
+    sidebarIconDevices: string;
+    sidebarIconData: string;
+    sidebarIconSharing: string;
+    sidebarIconFamily: string;
+    sidebarIconPayments: string;
+    sidebarIconStorage: string;
+    iconHome: string;
+    iconPrimary: string;
+    iconPersonalInfo: string;
+    iconSuccess: string;
+    iconSecurity: string;
+    iconData: string;
+    iconPurple: string;
+    iconSharing: string;
+    iconRed: string;
+    iconPayments: string;
+    iconGold: string;
+    iconStorage: string;
+    iconOrange: string;
+} | {
+    text: string;
+    background: string;
+    inputBackground: string;
+    tint: string;
+    icon: string;
+    tabIconDefault: string;
+    tabIconSelected: string;
+    card: string;
+    border: string;
+    secondaryText: string;
+    avatarBackground: string;
+    avatarText: string;
+    sidebarBackground: string;
+    sidebarItemActiveBackground: string;
+    sidebarItemActiveText: string;
+    sidebarIconHome: string;
+    sidebarIconPersonalInfo: string;
+    sidebarIconSecurity: string;
+    sidebarIconPassword: string;
+    sidebarIconDevices: string;
+    sidebarIconData: string;
+    sidebarIconSharing: string;
+    sidebarIconFamily: string;
+    sidebarIconPayments: string;
+    sidebarIconStorage: string;
+    iconHome: string;
+    iconPrimary: string;
+    iconPersonalInfo: string;
+    iconSuccess: string;
+    iconSecurity: string;
+    iconData: string;
+    iconPurple: string;
+    iconSharing: string;
+    iconRed: string;
+    iconPayments: string;
+    iconGold: string;
+    iconStorage: string;
+    iconOrange: string;
+};
+/**
+ * Semantic icon color mappings
+ * Maps common icon types to their appropriate theme colors
+ */
+export declare const IconColorMap: {
+    readonly profile: "iconPersonalInfo";
+    readonly personalInfo: "iconPersonalInfo";
+    readonly editProfile: "iconPersonalInfo";
+    readonly security: "iconSecurity";
+    readonly password: "iconSecurity";
+    readonly lock: "iconSecurity";
+    readonly shield: "iconSecurity";
+    readonly document: "iconSecurity";
+    readonly rules: "iconSecurity";
+    readonly file: "iconSecurity";
+    readonly premium: "iconPayments";
+    readonly star: "iconPayments";
+    readonly leaderboard: "iconPayments";
+    readonly trophy: "iconPayments";
+    readonly rewards: "iconPayments";
+    readonly gift: "iconStorage";
+    readonly notifications: "iconStorage";
+    readonly warning: "iconStorage";
+    readonly bell: "iconStorage";
+    readonly help: "iconPersonalInfo";
+    readonly faq: "iconPersonalInfo";
+    readonly question: "iconPersonalInfo";
+    readonly data: "iconData";
+    readonly privacy: "iconData";
+    readonly settings: "iconData";
+    readonly sharing: "iconSharing";
+    readonly social: "iconSharing";
+    readonly primary: "iconPrimary";
+    readonly home: "iconHome";
+};
+/**
+ * Get icon color by semantic name
+ */
+export declare const getIconColor: (semanticName: keyof typeof IconColorMap, theme?: "light" | "dark") => string;
+/**
+ * Helper to get icon color for common use cases
+ */
+export declare const useIconColor: (semanticName: keyof typeof IconColorMap, theme: "light" | "dark") => string;

package/lib/typescript/ui/constants/spacing.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Reusable spacing constants for screens across the codebase
+ * These values ensure consistent padding and gaps across all screens
+ */
+export declare const SCREEN_PADDING_HORIZONTAL = 16;
+export declare const SCREEN_PADDING_VERTICAL = 16;
+export declare const SCREEN_PADDING_TOP = 24;
+export declare const SECTION_GAP = 24;
+export declare const SECTION_GAP_LARGE = 32;
+export declare const COMPONENT_GAP = 12;
+export declare const COMPONENT_GAP_SMALL = 8;
+export declare const HEADER_PADDING_TOP_OVERVIEW = 38;
+export declare const HEADER_PADDING_TOP_SETTINGS = 40;
+/**
+ * Reusable screen content style for all bottom sheet screens
+ * Use this for ScrollView contentContainerStyle to ensure consistent padding
+ */
+export declare const screenContentStyle: {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    paddingTop: number;
+    paddingBottom: number;
+};
+/**
+ * Reusable screen content style for screens that need custom top padding
+ */
+export declare const createScreenContentStyle: (topPadding?: number) => {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    paddingTop: number;
+    paddingBottom: number;
+};

package/lib/typescript/ui/constants/theme.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+export declare const Colors: {
+    light: {
+        text: string;
+        background: string;
+        inputBackground: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        card: string;
+        border: string;
+        secondaryText: string;
+        avatarBackground: string;
+        avatarText: string;
+        sidebarBackground: string;
+        sidebarItemActiveBackground: string;
+        sidebarItemActiveText: string;
+        sidebarIconHome: string;
+        sidebarIconPersonalInfo: string;
+        sidebarIconSecurity: string;
+        sidebarIconPassword: string;
+        sidebarIconDevices: string;
+        sidebarIconData: string;
+        sidebarIconSharing: string;
+        sidebarIconFamily: string;
+        sidebarIconPayments: string;
+        sidebarIconStorage: string;
+        iconHome: string;
+        iconPrimary: string;
+        iconPersonalInfo: string;
+        iconSuccess: string;
+        iconSecurity: string;
+        iconData: string;
+        iconPurple: string;
+        iconSharing: string;
+        iconRed: string;
+        iconPayments: string;
+        iconGold: string;
+        iconStorage: string;
+        iconOrange: string;
+    };
+    dark: {
+        text: string;
+        background: string;
+        inputBackground: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        card: string;
+        border: string;
+        secondaryText: string;
+        avatarBackground: string;
+        avatarText: string;
+        sidebarBackground: string;
+        sidebarItemActiveBackground: string;
+        sidebarItemActiveText: string;
+        sidebarIconHome: string;
+        sidebarIconPersonalInfo: string;
+        sidebarIconSecurity: string;
+        sidebarIconPassword: string;
+        sidebarIconDevices: string;
+        sidebarIconData: string;
+        sidebarIconSharing: string;
+        sidebarIconFamily: string;
+        sidebarIconPayments: string;
+        sidebarIconStorage: string;
+        iconHome: string;
+        iconPrimary: string;
+        iconPersonalInfo: string;
+        iconSuccess: string;
+        iconSecurity: string;
+        iconData: string;
+        iconPurple: string;
+        iconSharing: string;
+        iconRed: string;
+        iconPayments: string;
+        iconGold: string;
+        iconStorage: string;
+        iconOrange: string;
+    };
+};
+export declare const Fonts: {
+    /** iOS `UIFontDescriptorSystemDesignDefault` */
+    sans: string;
+    /** iOS `UIFontDescriptorSystemDesignSerif` */
+    serif: string;
+    /** iOS `UIFontDescriptorSystemDesignRounded` */
+    rounded: string;
+    /** iOS `UIFontDescriptorSystemDesignMonospaced` */
+    mono: string;
+};

package/lib/typescript/ui/context/OxyContext.d.ts

@@ -0,0 +1,75 @@
+import type React from 'react';
+import { type ReactNode } from 'react';
+import { OxyServices } from '@oxyhq/core';
+import type { User, ApiError } from '@oxyhq/core';
+import type { ClientSession } from '@oxyhq/core';
+import type { UseFollowHook } from '../hooks/useFollow.types';
+import { useLanguageManagement } from '../hooks/useLanguageManagement';
+import type { RouteName } from '../navigation/routes';
+export interface OxyContextState {
+    user: User | null;
+    sessions: ClientSession[];
+    activeSessionId: string | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    isTokenReady: boolean;
+    isStorageReady: boolean;
+    error: string | null;
+    currentLanguage: string;
+    currentLanguageMetadata: ReturnType<typeof useLanguageManagement>['metadata'];
+    currentLanguageName: string;
+    currentNativeLanguageName: string;
+    hasIdentity: () => Promise<boolean>;
+    getPublicKey: () => Promise<string | null>;
+    signIn: (publicKey: string, deviceName?: string) => Promise<User>;
+    /**
+     * Handle session from popup authentication
+     * Updates auth state, persists session to storage
+     */
+    handlePopupSession: (session: {
+        sessionId: string;
+        accessToken?: string;
+        expiresAt?: string;
+        user: User;
+        deviceId?: string;
+    }) => Promise<void>;
+    logout: (targetSessionId?: string) => Promise<void>;
+    logoutAll: () => Promise<void>;
+    switchSession: (sessionId: string) => Promise<void>;
+    removeSession: (sessionId: string) => Promise<void>;
+    refreshSessions: () => Promise<void>;
+    setLanguage: (languageId: string) => Promise<void>;
+    getDeviceSessions: () => Promise<Array<{
+        sessionId: string;
+        deviceId: string;
+        deviceName?: string;
+        lastActive?: string;
+        expiresAt?: string;
+    }>>;
+    logoutAllDeviceSessions: () => Promise<void>;
+    updateDeviceName: (deviceName: string) => Promise<void>;
+    clearSessionState: () => Promise<void>;
+    clearAllAccountData: () => Promise<void>;
+    oxyServices: OxyServices;
+    useFollow?: UseFollowHook;
+    showBottomSheet?: (screenOrConfig: RouteName | {
+        screen: RouteName;
+        props?: Record<string, unknown>;
+    }) => void;
+    openAvatarPicker: () => void;
+}
+declare const OxyContext: React.Context<OxyContextState | null>;
+export interface OxyContextProviderProps {
+    children: ReactNode;
+    oxyServices?: OxyServices;
+    baseURL?: string;
+    authWebUrl?: string;
+    authRedirectUri?: string;
+    storageKeyPrefix?: string;
+    onAuthStateChange?: (user: User | null) => void;
+    onError?: (error: ApiError) => void;
+}
+export declare const OxyProvider: React.FC<OxyContextProviderProps>;
+export declare const OxyContextProvider: React.FC<OxyContextProviderProps>;
+export declare const useOxy: () => OxyContextState;
+export default OxyContext;

package/lib/typescript/ui/context/ThemeContext.d.ts

@@ -0,0 +1,18 @@
+import React, { type ReactNode } from 'react';
+type ResolvedTheme = 'light' | 'dark';
+interface ThemeContextType {
+    resolvedTheme: ResolvedTheme;
+    isLoaded: boolean;
+}
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+interface ThemeProviderProps {
+    theme: 'light' | 'dark';
+    children: ReactNode;
+}
+/**
+ * ThemeProvider component that accepts a theme prop and provides it via context.
+ * This allows Accounts-style components to access theme through hooks.
+ */
+export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useThemeContext(): ThemeContextType;
+export {};

package/lib/typescript/ui/context/hooks/useAuthOperations.d.ts

@@ -0,0 +1,39 @@
+import type { ApiError, User } from '@oxyhq/core';
+import type { AuthState } from '../../stores/authStore';
+import type { ClientSession } from '@oxyhq/core';
+import type { StorageInterface } from '../../utils/storageHelpers';
+import type { OxyServices } from '@oxyhq/core';
+export interface UseAuthOperationsOptions {
+    oxyServices: OxyServices;
+    storage: StorageInterface | null;
+    sessions: ClientSession[];
+    activeSessionId: string | null;
+    setActiveSessionId: (sessionId: string | null) => void;
+    updateSessions: (sessions: ClientSession[], options?: {
+        merge?: boolean;
+    }) => void;
+    saveActiveSessionId: (sessionId: string) => Promise<void>;
+    clearSessionState: () => Promise<void>;
+    switchSession: (sessionId: string) => Promise<User>;
+    applyLanguagePreference: (user: User) => Promise<void>;
+    onAuthStateChange?: (user: User | null) => void;
+    onError?: (error: ApiError) => void;
+    loginSuccess: (user: User) => void;
+    loginFailure: (message: string) => void;
+    logoutStore: () => void;
+    setAuthState: (state: Partial<AuthState>) => void;
+    logger?: (message: string, error?: unknown) => void;
+}
+export interface UseAuthOperationsResult {
+    /** Sign in with existing public key */
+    signIn: (publicKey: string, deviceName?: string) => Promise<User>;
+    /** Logout from current session */
+    logout: (targetSessionId?: string) => Promise<void>;
+    /** Logout from all sessions */
+    logoutAll: () => Promise<void>;
+}
+/**
+ * Authentication operations using public key cryptography.
+ * Accepts public key as parameter - identity management is handled by the app layer.
+ */
+export declare const useAuthOperations: ({ oxyServices, storage, sessions, activeSessionId, setActiveSessionId, updateSessions, saveActiveSessionId, clearSessionState, switchSession, applyLanguagePreference, onAuthStateChange, onError, loginSuccess, loginFailure, logoutStore, setAuthState, logger, }: UseAuthOperationsOptions) => UseAuthOperationsResult;

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

@@ -0,0 +1,6 @@
+export { useFollow, useFollowerCounts } from './useFollow';
+export { useFileDownloadUrl, setOxyFileUrlInstance } from './useFileDownloadUrl';
+export { useThemeStyles } from './useThemeStyles';
+export { useThemeColors } from './useThemeColors';
+export { useAsyncAction, executeWithToast } from './useAsyncAction';
+export { useSettingToggle, useSettingToggles } from './useSettingToggle';

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

@@ -0,0 +1,8 @@
+/**
+ * Mutation Hooks
+ *
+ * TanStack Query mutation hooks for updating Oxy services data.
+ * All mutations handle authentication, error handling, and query invalidation.
+ */
+export { useUpdateProfile, useUploadAvatar, useUpdateAccountSettings, useUpdatePrivacySettings, useUploadFile, } from './useAccountMutations';
+export { useSwitchSession, useLogoutSession, useLogoutAll, useUpdateDeviceName, useRemoveDevice, } from './useServicesMutations';

package/lib/typescript/ui/hooks/mutations/mutationFactory.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Mutation Factory - Creates standardized mutations with optimistic updates
+ *
+ * This factory reduces boilerplate code for mutations that follow the common pattern:
+ * 1. Cancel outgoing queries
+ * 2. Snapshot previous data
+ * 3. Apply optimistic update
+ * 4. On error: rollback and show toast
+ * 5. On success: update cache, stores, and invalidate queries
+ */
+import type { QueryClient, UseMutationOptions } from '@tanstack/react-query';
+import type { User } from '@oxyhq/core';
+/**
+ * Configuration for creating a standard profile mutation
+ */
+export interface ProfileMutationConfig<TData, TVariables> {
+    /** The mutation function that makes the API call */
+    mutationFn: (variables: TVariables) => Promise<TData>;
+    /** Query keys to cancel before mutation */
+    cancelQueryKeys?: unknown[][];
+    /** Function to apply optimistic update to the user data */
+    optimisticUpdate?: (previousUser: User, variables: TVariables) => Partial<User>;
+    /** Error message to show on failure */
+    errorMessage?: string | ((error: Error) => string);
+    /** Success message to show (optional) */
+    successMessage?: string;
+    /** Whether to update authStore on success (default: true) */
+    updateAuthStore?: boolean;
+    /** Whether to invalidate user queries on success (default: true) */
+    invalidateUserQueries?: boolean;
+    /** Whether to invalidate account queries on success (default: true) */
+    invalidateAccountQueries?: boolean;
+    /** Custom onSuccess handler */
+    onSuccess?: (data: TData, variables: TVariables, queryClient: QueryClient) => void;
+}
+/**
+ * Creates a standard profile mutation with optimistic updates
+ *
+ * @example
+ * ```ts
+ * const updateProfile = createProfileMutation({
+ *   mutationFn: (updates) => oxyServices.updateProfile(updates),
+ *   optimisticUpdate: (user, updates) => updates,
+ *   errorMessage: 'Failed to update profile',
+ * });
+ * ```
+ */
+export declare function createProfileMutation<TVariables>(config: ProfileMutationConfig<User, TVariables>, queryClient: QueryClient, activeSessionId: string | null): UseMutationOptions<User, Error, TVariables, {
+    previousUser?: User;
+}>;
+/**
+ * Configuration for creating a generic mutation (non-profile)
+ */
+export interface GenericMutationConfig<TData, TVariables, TContext> {
+    /** The mutation function */
+    mutationFn: (variables: TVariables) => Promise<TData>;
+    /** Query key for optimistic data */
+    queryKey: unknown[];
+    /** Function to create optimistic data */
+    optimisticData?: (previous: TData | undefined, variables: TVariables) => TData;
+    /** Error message */
+    errorMessage?: string;
+    /** Success message */
+    successMessage?: string;
+    /** Additional queries to invalidate on success */
+    invalidateQueries?: unknown[][];
+}
+/**
+ * Creates a generic mutation with optimistic updates
+ */
+export declare function createGenericMutation<TData, TVariables>(config: GenericMutationConfig<TData, TVariables, {
+    previous?: TData;
+}>, queryClient: QueryClient): UseMutationOptions<TData, Error, TVariables, {
+    previous?: TData;
+}>;

package/lib/typescript/ui/hooks/mutations/useAccountMutations.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Update user profile with optimistic updates and offline queue support
+ */
+export declare const useUpdateProfile: () => import("@tanstack/react-query").UseMutationResult<any, Error, User, {
+    previousUser: any;
+}>;
+/**
+ * Upload avatar with progress tracking and offline queue support
+ */
+export declare const useUploadAvatar: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
+    uri: string;
+    type?: string;
+    name?: string;
+    size?: number;
+}, {
+    previousUser: any;
+}>;
+/**
+ * Update account settings
+ */
+export declare const useUpdateAccountSettings: () => import("@tanstack/react-query").UseMutationResult<any, Error, Record<string, any>, {
+    previousUser: any;
+}>;
+/**
+ * Update privacy settings with optimistic updates and authentication handling
+ */
+export declare const useUpdatePrivacySettings: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
+    settings: Record<string, any>;
+    userId?: string;
+}, {
+    previousPrivacySettings: unknown;
+    previousUser: any;
+} | undefined>;
+/**
+ * Upload file with authentication handling and progress tracking
+ */
+export declare const useUploadFile: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
+    file: File;
+    visibility?: "private" | "public" | "unlisted";
+    metadata?: Record<string, any>;
+    onProgress?: (progress: number) => void;
+}, unknown>;

package/lib/typescript/ui/hooks/mutations/useServicesMutations.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Switch active session
+ */
+export declare const useSwitchSession: () => import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+/**
+ * Logout from a session
+ */
+export declare const useLogoutSession: () => import("@tanstack/react-query").UseMutationResult<string, Error, string | undefined, {
+    previousSessions: unknown;
+}>;
+/**
+ * Logout from all sessions
+ */
+export declare const useLogoutAll: () => import("@tanstack/react-query").UseMutationResult<void, Error, void, unknown>;
+/**
+ * Update device name
+ */
+export declare const useUpdateDeviceName: () => import("@tanstack/react-query").UseMutationResult<any, Error, string, unknown>;
+/**
+ * Remove a device
+ */
+export declare const useRemoveDevice: () => import("@tanstack/react-query").UseMutationResult<string, Error, string, unknown>;