@oxyhq/services 6.9.13 → 6.9.15

package/lib/typescript/ui/screens/karma/KarmaLeaderboardScreen.d.ts

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

package/lib/typescript/ui/screens/karma/KarmaRewardsScreen.d.ts

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

package/lib/typescript/ui/screens/karma/KarmaRulesScreen.d.ts

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

package/lib/typescript/ui/server.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Server-safe UI exports (noops)
+ *
+ * Import from this module for SSR environments where React components
+ * shouldn't be rendered on the server.
+ *
+ * @example
+ * import { OxyProvider, useOxy } from '@oxyhq/services/ui/server';
+ */
+export declare const OxyProvider: () => null;
+export declare const OxySignInButton: () => null;
+export declare const OxyLogo: () => null;
+export declare const Avatar: () => null;
+export declare const FollowButton: () => null;
+export declare const OxyPayButton: () => null;
+export declare const FontLoader: () => null;
+export declare const setupFonts: () => void;
+export declare const OxyIcon: () => null;
+export declare const useOxy: () => {};
+export declare const useAuth: () => {};
+export declare const useFollow: () => {};
+export declare const useStorage: () => {
+    storage: null;
+    isReady: boolean;
+};
+export declare const ProfileScreen: () => null;
+export declare const useAuthStore: () => {};
+export declare const useAccountStore: () => {};
+export declare const fontFamilies: {};
+export declare const fontStyles: {};
+export declare const toast: (() => void) & {
+    success: () => void;
+    error: () => void;
+    info: () => void;
+    warning: () => void;
+    loading: () => void;
+    dismiss: () => void;
+};
+export { handleAuthError, isInvalidSessionError, isTimeoutOrNetworkError, extractErrorMessage, } from './utils/errorHandlers';
+export type { HandleAuthErrorOptions } from './utils/errorHandlers';

package/lib/typescript/ui/stores/accountStore.d.ts

@@ -0,0 +1,26 @@
+import type { OxyServices } from '@oxyhq/core';
+import type { QuickAccount } from '@oxyhq/core';
+export type { QuickAccount };
+interface AccountState {
+    accounts: Record<string, QuickAccount>;
+    accountOrder: string[];
+    accountsArray: QuickAccount[];
+    loading: boolean;
+    loadingSessionIds: Set<string>;
+    error: string | null;
+    setAccounts: (accounts: QuickAccount[]) => void;
+    addAccount: (account: QuickAccount) => void;
+    updateAccount: (sessionId: string, updates: Partial<QuickAccount>) => void;
+    removeAccount: (sessionId: string) => void;
+    moveAccountToTop: (sessionId: string) => void;
+    setLoading: (loading: boolean) => void;
+    setLoadingSession: (sessionId: string, loading: boolean) => void;
+    setError: (error: string | null) => void;
+    loadAccounts: (sessionIds: string[], oxyServices: OxyServices, existingAccounts?: QuickAccount[], preserveOrder?: boolean) => Promise<void>;
+    reset: () => void;
+}
+export declare const useAccountStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AccountState>>;
+export declare const useAccounts: () => QuickAccount[];
+export declare const useAccountLoading: () => boolean;
+export declare const useAccountError: () => string | null;
+export declare const useAccountLoadingSession: (sessionId: string) => boolean;

package/lib/typescript/ui/stores/assetStore.d.ts

@@ -0,0 +1,53 @@
+import type { Asset, AssetUploadProgress, AssetLink } from '@oxyhq/core';
+interface AssetState {
+    assets: Record<string, Asset>;
+    uploadProgress: Record<string, AssetUploadProgress>;
+    loading: {
+        uploading: boolean;
+        linking: boolean;
+        deleting: boolean;
+    };
+    errors: {
+        upload?: string;
+        link?: string;
+        delete?: string;
+    };
+    setAsset: (asset: Asset) => void;
+    setAssets: (assets: Asset[]) => void;
+    removeAsset: (assetId: string) => void;
+    setUploadProgress: (fileId: string, progress: AssetUploadProgress) => void;
+    removeUploadProgress: (fileId: string) => void;
+    addLink: (assetId: string, link: AssetLink) => void;
+    removeLink: (assetId: string, app: string, entityType: string, entityId: string) => void;
+    setUploading: (uploading: boolean) => void;
+    setLinking: (linking: boolean) => void;
+    setDeleting: (deleting: boolean) => void;
+    setUploadError: (error?: string) => void;
+    setLinkError: (error?: string) => void;
+    setDeleteError: (error?: string) => void;
+    clearErrors: () => void;
+    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: () => void;
+}
+export declare const useAssetStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AssetState>>;
+export declare const useAssets: () => Asset[];
+export declare const useAsset: (assetId: string) => Asset;
+export declare const useUploadProgress: () => Record<string, AssetUploadProgress>;
+export declare const useAssetLoading: () => {
+    uploading: boolean;
+    linking: boolean;
+    deleting: boolean;
+};
+export declare const useAssetErrors: () => {
+    upload?: string;
+    link?: string;
+    delete?: string;
+};
+export declare const useAssetsByApp: (app: string) => Asset[];
+export declare const useAssetsByEntity: (app: string, entityType: string, entityId: string) => Asset[];
+export declare const useAssetUsageCount: (assetId: string) => number;
+export declare const useIsAssetLinked: (assetId: string, app: string, entityType: string, entityId: string) => boolean;
+export {};

package/lib/typescript/ui/stores/authStore.d.ts

@@ -0,0 +1,16 @@
+import type { User } from '@oxyhq/core';
+export interface AuthState {
+    user: User | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    error: string | null;
+    lastUserFetch: number | null;
+    loginSuccess: (user: User) => void;
+    loginFailure: (error: string) => void;
+    logout: () => void;
+    fetchUser: (oxyServices: {
+        getCurrentUser: () => Promise<User>;
+    }, forceRefresh?: boolean) => Promise<void>;
+    setUser: (user: User) => void;
+}
+export declare const useAuthStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AuthState>>;

package/lib/typescript/ui/stores/fileStore.d.ts

@@ -0,0 +1,30 @@
+import type { FileMetadata } from '@oxyhq/core';
+export interface FileUploadAggregateProgress {
+    current: number;
+    total: number;
+}
+interface FileState {
+    files: Record<string, FileMetadata>;
+    order: string[];
+    uploading: boolean;
+    deleting: string | null;
+    uploadProgress: FileUploadAggregateProgress | null;
+    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;
+}
+export declare const useFileStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FileState>>;
+export declare const useFiles: () => FileMetadata[];
+export declare const useUploading: () => boolean;
+export declare const useUploadAggregateProgress: () => FileUploadAggregateProgress | null;
+export declare const useDeleting: () => string | null;
+export {};

package/lib/typescript/ui/stores/followStore.d.ts

@@ -0,0 +1,24 @@
+import type { OxyServices } from '@oxyhq/core';
+interface FollowState {
+    followingUsers: Record<string, boolean>;
+    loadingUsers: Record<string, boolean>;
+    fetchingUsers: Record<string, boolean>;
+    errors: Record<string, string | null>;
+    followerCounts: Record<string, number>;
+    followingCounts: Record<string, number>;
+    loadingCounts: Record<string, boolean>;
+    setFollowingStatus: (userId: string, isFollowing: boolean) => void;
+    clearFollowError: (userId: string) => void;
+    resetFollowState: () => void;
+    fetchFollowStatus: (userId: string, oxyServices: OxyServices) => Promise<void>;
+    toggleFollowUser: (userId: string, oxyServices: OxyServices, isCurrentlyFollowing: boolean) => Promise<void>;
+    setFollowerCount: (userId: string, count: number) => void;
+    setFollowingCount: (userId: string, count: number) => void;
+    updateCountsFromFollowAction: (targetUserId: string, action: 'follow' | 'unfollow', counts: {
+        followers: number;
+        following: number;
+    }, currentUserId?: string) => void;
+    fetchUserCounts: (userId: string, oxyServices: OxyServices) => Promise<void>;
+}
+export declare const useFollowStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FollowState>>;
+export {};

package/lib/typescript/ui/styles/authStyles.d.ts

@@ -0,0 +1,331 @@
+export interface AuthThemeColors {
+    text: string;
+    background: string;
+    inputBackground: string;
+    placeholder: string;
+    primary: string;
+    border: string;
+    error: string;
+    success: string;
+    warning: string;
+    secondaryText: string;
+}
+export declare const createAuthStyles: (colors: AuthThemeColors, theme: string) => {
+    stepContainer: {
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+    };
+    modernHeader: {
+        alignItems: "flex-start";
+        width: "100%";
+        marginBottom: number;
+    };
+    modernTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernSubtitle: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "left";
+        opacity: number;
+    };
+    welcomeTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    stepTitle: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        lineHeight: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernInfoCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    modernInfoText: {
+        fontSize: number;
+        flex: number;
+    };
+    modernErrorCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    errorText: {
+        fontSize: number;
+        fontWeight: "500";
+        flex: number;
+    };
+    modernInputContainer: {
+        width: "100%";
+        marginBottom: number;
+    };
+    inputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    premiumInputWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    inputIcon: {
+        marginRight: number;
+    };
+    inputContent: {
+        flex: number;
+    };
+    modernInput: {
+        flex: number;
+        fontSize: number;
+        height: "100%";
+    };
+    passwordToggle: {
+        padding: number;
+    };
+    validationIndicator: {
+        marginLeft: number;
+    };
+    validationSuccessCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationErrorCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+        gap: number;
+    };
+    validationText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    belowInputMessage: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginTop: number;
+        marginBottom: number;
+        gap: number;
+    };
+    belowInputText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    modernButton: {
+        gap: number;
+        width: "100%";
+        boxShadow: string;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        elevation?: undefined;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginVertical: number;
+    } | {
+        gap: number;
+        width: "100%";
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        boxShadow?: undefined;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginVertical: number;
+    };
+    modernButtonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        letterSpacing: number;
+    };
+    buttonIcon: {
+        marginLeft: number;
+    };
+    modernLabel: {
+        fontSize: number;
+        fontWeight: "500";
+        marginBottom: number;
+    };
+    modernLinkText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "600";
+        textDecorationLine: "underline";
+    };
+    footerTextContainer: {
+        flexDirection: "row";
+        justifyContent: "center";
+        marginTop: number;
+    };
+    footerText: {
+        fontSize: number;
+    };
+    modernUserProfileContainer: {
+        alignItems: "flex-start";
+        paddingVertical: number;
+    };
+    avatarContainer: {
+        position: "relative";
+        marginBottom: number;
+    };
+    modernUserAvatar: {
+        borderWidth: number;
+        borderColor: string;
+    };
+    statusIndicator: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    modernUserDisplayName: {
+        fontFamily: string;
+        fontWeight: "bold" | undefined;
+        fontSize: number;
+        marginBottom: number;
+        textAlign: "left";
+        letterSpacing: number;
+    };
+    modernUsernameSubtext: {
+        fontSize: number;
+        textAlign: "left";
+        marginBottom: number;
+        opacity: number;
+    };
+    welcomeBackBadge: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    welcomeBackText: {
+        fontSize: number;
+        fontWeight: "600";
+        textTransform: "uppercase";
+        letterSpacing: number;
+    };
+    modernNavigationButtons: {
+        flexDirection: "row";
+        justifyContent: "center";
+        marginTop: number;
+        marginBottom: number;
+        width: "100%";
+        gap: number;
+    };
+    modernBackButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        borderWidth: number;
+        gap: number;
+    };
+    modernBackButtonText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    securityNotice: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        marginTop: number;
+        gap: number;
+    };
+    securityText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    welcomeImageContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        marginVertical: number;
+    };
+    welcomeText: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "left";
+        opacity: number;
+        marginBottom: number;
+    };
+    successCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+        gap: number;
+        width: "100%";
+    };
+    successText: {
+        fontSize: number;
+        fontWeight: "500";
+        flex: number;
+    };
+};

package/lib/typescript/ui/styles/fonts.d.ts

@@ -0,0 +1,20 @@
+import { type TextStyle } from 'react-native';
+/**
+ * Font family names for use across the app
+ *
+ * For web platforms, we use the CSS font name with weights
+ * For native platforms, we use the specific static font file names
+ */
+export declare const fontFamilies: {
+    inter: string;
+    interLight: string;
+    interMedium: string;
+    interSemiBold: string;
+    interBold: string;
+    interExtraBold: string;
+    interBlack: string;
+};
+/**
+ * Font styles that can be reused across the app
+ */
+export declare const fontStyles: Record<string, TextStyle>;

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

@@ -0,0 +1,4 @@
+export * from './fonts';
+export * from './theme';
+export * from './authStyles';
+export * from './spacing';

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

@@ -0,0 +1,48 @@
+/**
+ * Shared spacing constants for authentication screens
+ * These values ensure consistent vertical spacing across all step components
+ * All gaps between elements (illustration, title, description, textfield, buttons, etc.) use this value
+ */
+export declare const STEP_GAP = 12;
+export declare const STEP_INNER_GAP = 12;
+/**
+ * Re-export screen spacing constants from constants/spacing.ts
+ * This allows importing all spacing constants from a single location
+ */
+export { SCREEN_PADDING_HORIZONTAL, SCREEN_PADDING_VERTICAL, SECTION_GAP, SECTION_GAP_LARGE, COMPONENT_GAP, COMPONENT_GAP_SMALL, HEADER_PADDING_TOP_OVERVIEW, HEADER_PADDING_TOP_SETTINGS, } from '../constants/spacing';
+/**
+ * Reusable stylesheet for step components
+ * NOTE: Layout styles (container, sectionSpacing) removed - all layout is handled by BottomSheetRouter
+ * Step components should NOT use these for layout, only for content-specific styling
+ */
+export declare const stepStyles: {
+    container: {
+        width: "100%";
+        maxWidth: number;
+        alignSelf: "center";
+    };
+    sectionSpacing: {
+        marginBottom: number;
+    };
+    header: {
+        alignItems: "flex-start";
+        width: "100%";
+        gap: number;
+    };
+    title: {
+        textAlign: "left";
+        marginBottom: number;
+        marginTop: number;
+    };
+    subtitle: {
+        textAlign: "left";
+        maxWidth: number;
+        alignSelf: "flex-start";
+        marginBottom: number;
+        marginTop: number;
+    };
+    buttonContainer: {
+        marginTop: number;
+        marginBottom: number;
+    };
+};

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

@@ -0,0 +1,67 @@
+import { type TextStyle } from 'react-native';
+export interface ThemeColors {
+    text: string;
+    background: string;
+    inputBackground: string;
+    placeholder: string;
+    primary: string;
+    border: string;
+    error: string;
+    success: string;
+    warning: string;
+    secondaryText: string;
+}
+export interface Theme {
+    colors: ThemeColors;
+    fonts: {
+        title: TextStyle;
+        body: TextStyle;
+        button: TextStyle;
+        label: TextStyle;
+    };
+}
+export declare const getTheme: (theme: "light" | "dark") => Theme;
+export declare const useThemeColors: (theme: "light" | "dark") => ThemeColors;
+export declare const createCommonStyles: (theme: "light" | "dark") => {
+    container: {
+        backgroundColor: string;
+    };
+    scrollContainer: {
+        padding: number;
+    };
+    input: {
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        fontSize: number;
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+    };
+    button: {
+        backgroundColor: string;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginTop: number;
+    };
+    buttonText: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+    };
+    errorContainer: {
+        backgroundColor: string;
+        padding: number;
+        borderRadius: number;
+        marginBottom: number;
+    };
+    errorText: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+    };
+};