@oxyhq/services 5.26.4 → 5.27.0

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

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

package/dist/web/types/ui/screens/SavesCollectionsScreen.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/SearchSettingsScreen.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/SessionManagementScreen.d.ts

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

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

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+interface UserLinksScreenProps extends BaseScreenProps {
+    userId: string;
+    links?: Array<{
+        url: string;
+        title?: string;
+        description?: string;
+        image?: string;
+        id: string;
+    }>;
+}
+declare const UserLinksScreen: React.FC<UserLinksScreenProps>;
+export default UserLinksScreen;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+type ListMode = 'followers' | 'following';
+interface UserListScreenProps extends BaseScreenProps {
+    userId: string;
+    mode: ListMode;
+    initialCount?: number;
+}
+declare const UserListScreen: React.FC<UserListScreenProps>;
+export default UserListScreen;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BaseScreenProps } from '../types/navigation';
+/**
+ * Post-signup welcome & onboarding screen.
+ * - Greets the newly registered user
+ * - Lets them immediately set / change their avatar using existing FileManagement picker
+ * - Only when the user presses "Continue" do we invoke onAuthenticated to finish flow & close sheet
+ */
+declare const WelcomeNewUserScreen: React.FC<BaseScreenProps & {
+    newUser?: any;
+}>;
+export default WelcomeNewUserScreen;

package/dist/web/types/ui/screens/karma/KarmaAboutScreen.d.ts

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

package/dist/web/types/ui/screens/karma/KarmaCenterScreen.d.ts

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

package/dist/web/types/ui/screens/karma/KarmaFAQScreen.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/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/dist/web/types/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/dist/web/types/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/dist/web/types/ui/server.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 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 { 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';

package/dist/web/types/ui/stores/accountStore.d.ts

@@ -0,0 +1,33 @@
+import type { OxyServices } from '../../core';
+export interface QuickAccount {
+    sessionId: string;
+    userId?: string;
+    username: string;
+    displayName: string;
+    avatar?: string;
+    avatarUrl?: string;
+}
+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;
+export {};

package/dist/web/types/ui/stores/assetStore.d.ts

@@ -0,0 +1,53 @@
+import { Asset, AssetUploadProgress, AssetLink } from '../../models/interfaces';
+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/dist/web/types/ui/stores/authStore.d.ts

@@ -0,0 +1,16 @@
+import type { User } from '../../models/interfaces';
+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/dist/web/types/ui/stores/fileStore.d.ts

@@ -0,0 +1,30 @@
+import type { FileMetadata } from '../../models/interfaces';
+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/dist/web/types/ui/stores/followStore.d.ts

@@ -0,0 +1,24 @@
+import type { OxyServices } from '../../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/dist/web/types/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/dist/web/types/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/dist/web/types/ui/styles/index.d.ts

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