@oxyhq/services 5.26.3 → 5.27.0

package/dist/web/types/ui/hooks/useFollow.types.d.ts

@@ -0,0 +1,32 @@
+export type SingleFollowResult = {
+    isFollowing: boolean;
+    isLoading: boolean;
+    error: string | null;
+    toggleFollow: () => Promise<void>;
+    setFollowStatus: (following: boolean) => void;
+    fetchStatus: () => Promise<void>;
+    clearError: () => void;
+    followerCount: number | null;
+    followingCount: number | null;
+    isLoadingCounts: boolean;
+    fetchUserCounts: () => Promise<void>;
+    setFollowerCount: (count: number) => void;
+    setFollowingCount: (count: number) => void;
+};
+export type MultiFollowResult = {
+    followData: Record<string, {
+        isFollowing: boolean;
+        isLoading: boolean;
+        error: string | null;
+    }>;
+    toggleFollowForUser: (userId: string) => Promise<void>;
+    setFollowStatusForUser: (userId: string, following: boolean) => void;
+    fetchStatusForUser: (userId: string) => Promise<void>;
+    fetchAllStatuses: () => Promise<void>;
+    clearErrorForUser: (userId: string) => void;
+    isAnyLoading: boolean;
+    hasAnyError: boolean;
+    allFollowing: boolean;
+    allNotFollowing: boolean;
+};
+export type UseFollowHook = (userId?: string | string[]) => SingleFollowResult | MultiFollowResult;

package/dist/web/types/ui/hooks/useI18n.d.ts

@@ -0,0 +1,4 @@
+export declare function useI18n(): {
+    t: (key: string, vars?: Record<string, string | number>) => string;
+    locale: string;
+};

package/dist/web/types/ui/hooks/useLanguageManagement.d.ts

@@ -0,0 +1,24 @@
+import type { ApiError, User } from '../../models/interfaces';
+import { type LanguageMetadata } from '../../utils/languageUtils';
+import type { StorageInterface } from '../utils/storageHelpers';
+export interface UseLanguageManagementOptions {
+    storage: StorageInterface | null;
+    languageKey: string;
+    onError?: (error: ApiError) => void;
+    logger?: (message: string, error?: unknown) => void;
+}
+export interface UseLanguageManagementResult {
+    currentLanguage: string;
+    metadata: LanguageMetadata | null;
+    languageName: string;
+    nativeLanguageName: string;
+    setLanguage: (languageId: string) => Promise<void>;
+    applyLanguagePreference: (user: User | null) => Promise<void>;
+    hydrateLanguage: () => Promise<void>;
+}
+/**
+ * Manage UI language state, persistence, and metadata derivation.
+ *
+ * @param options - Configuration for storage access and error reporting
+ */
+export declare const useLanguageManagement: ({ storage, languageKey, onError, logger, }: UseLanguageManagementOptions) => UseLanguageManagementResult;

package/dist/web/types/ui/hooks/useProfileEditing.d.ts

@@ -0,0 +1,35 @@
+export interface ProfileUpdateData {
+    displayName?: string;
+    lastName?: string;
+    username?: string;
+    email?: string;
+    bio?: string;
+    location?: string;
+    locations?: Array<{
+        id: string;
+        name: string;
+        label?: string;
+        coordinates?: {
+            lat: number;
+            lon: number;
+        };
+    }>;
+    links?: string[];
+    linksMetadata?: Array<{
+        url: string;
+        title?: string;
+        description?: string;
+        image?: string;
+        id: string;
+    }>;
+    avatar?: string;
+}
+/**
+ * Hook for managing profile editing operations
+ * Provides functions to update profile fields and handle saving
+ */
+export declare const useProfileEditing: () => {
+    saveProfile: (updates: ProfileUpdateData) => Promise<boolean>;
+    updateField: (field: string, value: any) => Promise<boolean>;
+    isSaving: boolean;
+};

package/dist/web/types/ui/hooks/useQueryClient.d.ts

@@ -0,0 +1,6 @@
+import type { QueryClient } from '@tanstack/react-query';
+/**
+ * Custom hook to access the QueryClient
+ * Provides type safety and ensures client is available
+ */
+export declare const useQueryClient: () => QueryClient;

package/dist/web/types/ui/hooks/useSessionManagement.d.ts

@@ -0,0 +1,40 @@
+import type { ApiError, User } from '../../models/interfaces';
+import type { ClientSession } from '../../models/session';
+import { getStorageKeys, type StorageInterface } from '../utils/storageHelpers';
+import type { OxyServices } from '../../core';
+import type { QueryClient } from '@tanstack/react-query';
+export interface UseSessionManagementOptions {
+    oxyServices: OxyServices;
+    storage: StorageInterface | null;
+    storageKeyPrefix?: string;
+    loginSuccess: (user: User) => void;
+    logoutStore: () => void;
+    applyLanguagePreference: (user: User) => Promise<void>;
+    onAuthStateChange?: (user: User | null) => void;
+    onError?: (error: ApiError) => void;
+    setAuthError?: (message: string | null) => void;
+    logger?: (message: string, error?: unknown) => void;
+    setTokenReady?: (ready: boolean) => void;
+    queryClient?: QueryClient | null;
+}
+export interface UseSessionManagementResult {
+    sessions: ClientSession[];
+    activeSessionId: string | null;
+    setActiveSessionId: (sessionId: string | null) => void;
+    updateSessions: (incoming: ClientSession[], options?: {
+        merge?: boolean;
+    }) => void;
+    switchSession: (sessionId: string) => Promise<User>;
+    refreshSessions: (activeUserId?: string) => Promise<void>;
+    clearSessionState: () => Promise<void>;
+    saveActiveSessionId: (sessionId: string) => Promise<void>;
+    trackRemovedSession: (sessionId: string) => void;
+    storageKeys: ReturnType<typeof getStorageKeys>;
+    isRefreshInFlight: boolean;
+}
+/**
+ * Manage session state, persistence, and high-level multi-session operations.
+ *
+ * @param options - Session management configuration
+ */
+export declare const useSessionManagement: ({ oxyServices, storage, storageKeyPrefix, loginSuccess, logoutStore, applyLanguagePreference, onAuthStateChange, onError, setAuthError, logger, setTokenReady, queryClient, }: UseSessionManagementOptions) => UseSessionManagementResult;

package/dist/web/types/ui/hooks/useSessionSocket.d.ts

@@ -0,0 +1,13 @@
+interface UseSessionSocketProps {
+    userId: string | null | undefined;
+    activeSessionId: string | null | undefined;
+    currentDeviceId: string | null | undefined;
+    refreshSessions: () => Promise<void>;
+    logout: () => Promise<void>;
+    clearSessionState: () => Promise<void>;
+    baseURL: string;
+    onRemoteSignOut?: () => void;
+    onSessionRemoved?: (sessionId: string) => void;
+}
+export declare function useSessionSocket({ userId, activeSessionId, currentDeviceId, refreshSessions, logout, clearSessionState, baseURL, onRemoteSignOut, onSessionRemoved }: UseSessionSocketProps): void;
+export {};

package/dist/web/types/ui/hooks/useSettingToggle.d.ts

@@ -0,0 +1,56 @@
+interface UseSettingToggleOptions {
+    /** Initial value of the setting */
+    initialValue: boolean;
+    /** Function to save the setting to the server */
+    onSave: (value: boolean) => Promise<void>;
+    /** Success message when saving */
+    successMessage?: string;
+    /** Error message when save fails */
+    errorMessage?: string;
+    /** Whether to revert on error (default: true) */
+    revertOnError?: boolean;
+    /** Whether to show success toast (default: false) */
+    showSuccessToast?: boolean;
+}
+interface UseSettingToggleReturn {
+    /** Current value */
+    value: boolean;
+    /** Whether the setting is being saved */
+    isSaving: boolean;
+    /** Toggle the setting (optimistic update with revert on error) */
+    toggle: () => Promise<void>;
+    /** Set the value directly */
+    setValue: (value: boolean) => void;
+}
+/**
+ * Hook for handling boolean toggle settings with optimistic updates.
+ * Automatically reverts to the previous value if the save fails.
+ *
+ * @example
+ * const { value, toggle, isSaving } = useSettingToggle({
+ *   initialValue: user.notificationsEnabled,
+ *   onSave: (value) => api.updateNotifications(value),
+ *   errorMessage: 'Failed to update notifications',
+ * });
+ *
+ * <Switch value={value} onValueChange={toggle} disabled={isSaving} />
+ */
+export declare function useSettingToggle(options: UseSettingToggleOptions): UseSettingToggleReturn;
+/**
+ * Hook for managing multiple toggle settings at once.
+ * Useful when you have several related boolean settings.
+ */
+export declare function useSettingToggles<T extends {
+    [K in keyof T]: boolean;
+}>(options: {
+    initialValues: T;
+    onSave: (key: keyof T, value: boolean) => Promise<void>;
+    errorMessage?: string | ((key: keyof T) => string);
+    revertOnError?: boolean;
+}): {
+    values: T;
+    savingKeys: Set<keyof T>;
+    toggle: (key: keyof T) => Promise<void>;
+    setValues: (values: Partial<T>) => void;
+};
+export default useSettingToggle;

package/dist/web/types/ui/hooks/useStorage.d.ts

@@ -0,0 +1,15 @@
+import type { ApiError } from '../../models/interfaces';
+import { type StorageInterface } from '../utils/storageHelpers';
+export interface UseStorageOptions {
+    onError?: (error: ApiError) => void;
+    logger?: (message: string, error?: unknown) => void;
+}
+export interface UseStorageResult {
+    storage: StorageInterface | null;
+    isReady: boolean;
+}
+/**
+ * Simple React hook that initializes platform-appropriate storage.
+ * Returns storage instance once ready, or null if initialization failed.
+ */
+export declare const useStorage: ({ onError, logger, }?: UseStorageOptions) => UseStorageResult;

package/dist/web/types/ui/hooks/useThemeColors.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Reusable hook to get theme colors based on current color scheme
+ * Returns the Colors object for the current theme (light or dark)
+ *
+ * @returns Colors object for the current color scheme
+ *
+ * @example
+ * ```tsx
+ * const colors = useThemeColors();
+ * <View style={{ backgroundColor: colors.background }}>
+ *   <Text style={{ color: colors.text }}>Hello</Text>
+ * </View>
+ * ```
+ */
+export declare const useThemeColors: () => {
+    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;
+};

package/dist/web/types/ui/hooks/useThemeStyles.d.ts

@@ -0,0 +1,44 @@
+import { Colors } from '../constants/theme';
+export interface ThemeStyles {
+    textColor: string;
+    backgroundColor: string;
+    secondaryBackgroundColor: string;
+    borderColor: string;
+    mutedTextColor: string;
+    isDarkTheme: boolean;
+    primaryColor: string;
+    dangerColor: string;
+    successColor: string;
+    colorScheme: 'light' | 'dark';
+    colors: typeof Colors.light;
+}
+/**
+ * Reusable hook for theme styles
+ * Replaces duplicated themeStyles useMemo pattern across multiple screens
+ *
+ * Provides consistent theme colors across all service screens:
+ * - Base colors (text, background, borders)
+ * - Semantic colors (primary, danger, success)
+ * - Theme-aware calculations
+ * - Normalized color scheme and Colors object
+ *
+ * @param theme - Theme string ('light' | 'dark')
+ * @param colorSchemeFromHook - Optional color scheme from useColorScheme() hook. If not provided, will call useColorScheme() internally.
+ * @returns ThemeStyles object with consistent color values
+ *
+ * @example
+ * ```tsx
+ * const themeStyles = useThemeStyles(theme);
+ * <View style={{ backgroundColor: themeStyles.backgroundColor }}>
+ *   <Text style={{ color: themeStyles.textColor }}>Hello</Text>
+ * </View>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * const colorScheme = useColorScheme();
+ * const themeStyles = useThemeStyles(theme, colorScheme);
+ * const iconColor = themeStyles.colors.iconSecurity;
+ * ```
+ */
+export declare const useThemeStyles: (theme: string, colorSchemeFromHook?: string | null) => ThemeStyles;

package/dist/web/types/ui/hooks/useWebSSO.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Web SSO Hook
+ *
+ * Handles cross-domain SSO for web apps using FedCM (Federated Credential Management).
+ *
+ * FedCM is the modern, privacy-preserving standard for cross-domain identity federation.
+ * It works across completely different TLDs (alia.onl, mention.earth, homiio.com, etc.)
+ * without relying on third-party cookies.
+ *
+ * For browsers without FedCM support, users will need to click a sign-in button
+ * which triggers a popup-based authentication flow.
+ *
+ * This is called automatically by OxyContext on web platforms.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/FedCM_API
+ */
+import type { OxyServices } from '../../core/OxyServices';
+import type { SessionLoginResponse } from '../../models/session';
+interface UseWebSSOOptions {
+    oxyServices: OxyServices;
+    onSessionFound: (session: SessionLoginResponse) => Promise<void>;
+    onSSOUnavailable?: () => void;
+    onError?: (error: Error) => void;
+    enabled?: boolean;
+}
+interface UseWebSSOResult {
+    /** Manually trigger SSO check */
+    checkSSO: () => Promise<SessionLoginResponse | null>;
+    /** Trigger interactive FedCM sign-in (shows browser UI) */
+    signInWithFedCM: () => Promise<SessionLoginResponse | null>;
+    /** Whether SSO check is in progress */
+    isChecking: boolean;
+    /** Whether FedCM is supported in this browser */
+    isFedCMSupported: boolean;
+}
+/**
+ * Check if we're running in a web browser environment (not React Native)
+ */
+declare function isWebBrowser(): boolean;
+/**
+ * Hook for automatic cross-domain web SSO
+ *
+ * Uses FedCM (Federated Credential Management) - the modern browser-native
+ * identity federation API. This is the same technology that powers
+ * Google's cross-domain SSO (YouTube, Gmail, Maps, etc.).
+ *
+ * Key benefits:
+ * - Works across different TLDs (alia.onl ↔ mention.earth ↔ homiio.com)
+ * - No third-party cookies required
+ * - Privacy-preserving (browser mediates identity, IdP can't track)
+ * - Automatic silent sign-in after initial authentication
+ *
+ * For browsers without FedCM (Firefox, older browsers), automatic SSO
+ * is not possible. Users will see a sign-in button instead.
+ */
+export declare function useWebSSO({ oxyServices, onSessionFound, onSSOUnavailable, onError, enabled, }: UseWebSSOOptions): UseWebSSOResult;
+export { isWebBrowser };

package/dist/web/types/ui/index.d.ts

@@ -0,0 +1,7 @@
+declare let OxyProvider: any, OxySignInButton: any, OxyLogo: any, Avatar: any, FollowButton: any, OxyPayButton: any, FontLoader: any, setupFonts: any, OxyIcon: any, useOxy: any, useAuth: any, useFollow: any, ProfileScreen: any, useAuthStore: any, useAccountStore: any, fontFamilies: any, fontStyles: any, toast: any, useStorage: any;
+export { OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useAuth, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage, };
+export { OxyServices } from '../core';
+export type { User, LoginResponse, ApiError } from '../models/interfaces';
+export { handleAuthError, isInvalidSessionError, isTimeoutOrNetworkError, extractErrorMessage, } from './utils/errorHandlers';
+export type { HandleAuthErrorOptions } from './utils/errorHandlers';
+export type { UseStorageOptions, UseStorageResult } from './hooks/useStorage';

package/dist/web/types/ui/isFrontend.d.ts

@@ -0,0 +1,2 @@
+declare const isFrontend: boolean;
+export default isFrontend;

package/dist/web/types/ui/navigation/bottomSheetManager.d.ts

@@ -0,0 +1,26 @@
+import type { RouteName } from './routes';
+/**
+ * Bottom Sheet State Manager
+ */
+export interface BottomSheetState {
+    currentScreen: RouteName | null;
+    screenProps: Record<string, unknown>;
+    currentStep?: number;
+    history: Array<{
+        screen: RouteName;
+        props: Record<string, unknown>;
+        step?: number;
+    }>;
+    isOpen: boolean;
+    fullScreen: boolean;
+}
+export declare const bottomSheetStore: import("zustand").StoreApi<BottomSheetState>;
+export declare const getState: () => BottomSheetState;
+export declare const showBottomSheet: (screenOrConfig: RouteName | {
+    screen: RouteName;
+    props?: Record<string, unknown>;
+    fullScreen?: boolean;
+}) => void;
+export declare const closeBottomSheet: () => void;
+export declare const goBack: () => boolean;
+export declare const updateState: (updates: Partial<BottomSheetState>) => void;

package/dist/web/types/ui/navigation/routes.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType } from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+export type RouteName = 'OxyAuth' | 'AccountOverview' | 'AccountSettings' | 'AccountCenter' | 'AccountSwitcher' | 'AccountVerification' | 'SessionManagement' | 'PaymentGateway' | 'Profile' | 'LanguageSelector' | 'PrivacySettings' | 'SearchSettings' | 'FileManagement' | 'HelpSupport' | 'FAQ' | 'Feedback' | 'LegalDocuments' | 'AppInfo' | 'PremiumSubscription' | 'WelcomeNewUser' | 'UserLinks' | 'HistoryView' | 'SavesCollections' | 'EditProfileField' | 'LearnMoreUsernames' | 'KarmaCenter' | 'KarmaLeaderboard' | 'KarmaRewards' | 'KarmaRules' | 'AboutKarma' | 'KarmaFAQ' | 'FollowersList' | 'FollowingList';
+export declare const getScreenComponent: (routeName: RouteName) => ComponentType<BaseScreenProps> | undefined;
+export declare const isValidRoute: (routeName: string) => routeName is RouteName;

package/dist/web/types/ui/screens/AccountCenterScreen.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const AccountCenterScreen: React.FC<BaseScreenProps>;
+export default AccountCenterScreen;

package/dist/web/types/ui/screens/AccountOverviewScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/AccountSettingsScreen.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps & {
+    initialField?: string;
+    initialSection?: string;
+}>;
+export default _default;

package/dist/web/types/ui/screens/AccountSwitcherScreen.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const ModernAccountSwitcherScreen: React.FC<BaseScreenProps>;
+export default ModernAccountSwitcherScreen;

package/dist/web/types/ui/screens/AccountVerificationScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/AppInfoScreen.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const AppInfoScreen: React.FC<BaseScreenProps>;
+export default AppInfoScreen;

package/dist/web/types/ui/screens/EditProfileFieldScreen.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+/**
+ * Field types supported by EditProfileFieldScreen
+ */
+export type ProfileFieldType = 'displayName' | 'username' | 'email' | 'bio' | 'phone' | 'address' | 'birthday' | 'location' | 'locations' | 'links';
+interface EditProfileFieldScreenProps extends BaseScreenProps {
+    /** The field type to edit */
+    fieldType?: ProfileFieldType;
+}
+declare const _default: React.NamedExoticComponent<EditProfileFieldScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/FAQScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const FAQScreen: React.FC<BaseScreenProps>;
+export default FAQScreen;

package/dist/web/types/ui/screens/FeedbackScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const FeedbackScreen: React.FC<BaseScreenProps>;
+export default FeedbackScreen;

package/dist/web/types/ui/screens/FileManagementScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FileManagementScreenProps } from '../types/fileManagement';
+declare const FileManagementScreen: React.FC<FileManagementScreenProps>;
+export default FileManagementScreen;

package/dist/web/types/ui/screens/FollowersListScreen.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+interface FollowersListScreenProps extends BaseScreenProps {
+    userId: string;
+    initialCount?: number;
+}
+declare const FollowersListScreen: React.FC<FollowersListScreenProps>;
+export default FollowersListScreen;

package/dist/web/types/ui/screens/FollowingListScreen.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+interface FollowingListScreenProps extends BaseScreenProps {
+    userId: string;
+    initialCount?: number;
+}
+declare const FollowingListScreen: React.FC<FollowingListScreenProps>;
+export default FollowingListScreen;

package/dist/web/types/ui/screens/HelpSupportScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/HistoryViewScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/LanguageSelectorScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+interface LanguageSelectorScreenProps extends BaseScreenProps {
+}
+declare const _default: React.NamedExoticComponent<LanguageSelectorScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/LearnMoreUsernamesScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const LearnMoreUsernamesScreen: React.FC<BaseScreenProps>;
+export default LearnMoreUsernamesScreen;

package/dist/web/types/ui/screens/LegalDocumentsScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;

package/dist/web/types/ui/screens/OxyAuthScreen.d.ts

@@ -0,0 +1,16 @@
+/**
+ * OxyAuthScreen - Sign in with Oxy
+ *
+ * This screen is used by OTHER apps in the Oxy ecosystem to authenticate users.
+ * It presents two options:
+ * 1. Scan QR code with Oxy Accounts app
+ * 2. Open the Oxy Auth web flow
+ *
+ * Uses WebSocket for real-time authorization updates (with polling fallback).
+ * The Oxy Accounts app is where users manage their cryptographic identity.
+ * This screen should NOT be used within the Accounts app itself.
+ */
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const OxyAuthScreen: React.FC<BaseScreenProps>;
+export default OxyAuthScreen;

package/dist/web/types/ui/screens/PaymentGatewayScreen.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+import type { PaymentItem, PaymentGatewayResult } from '../components/payment';
+export type { PaymentItem, PaymentGatewayResult };
+interface PaymentGatewayScreenProps extends BaseScreenProps {
+    onPaymentResult?: (result: PaymentGatewayResult) => void;
+    amount: string | number;
+    currency?: string;
+    onClose?: () => void;
+    paymentItems?: PaymentItem[];
+    description?: string;
+}
+declare const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps>;
+export default PaymentGatewayScreen;

package/dist/web/types/ui/screens/PremiumSubscriptionScreen.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const PremiumSubscriptionScreen: React.FC<BaseScreenProps>;
+export default PremiumSubscriptionScreen;

package/dist/web/types/ui/screens/PrivacySettingsScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+declare const _default: React.NamedExoticComponent<BaseScreenProps>;
+export default _default;