@liberfi.io/ui-channels 0.1.9 → 0.1.21

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { z } from '@liberfi.io/ui';
 import * as _liberfi_io_types from '@liberfi.io/types';
-import { Channel, ChannelSource, API, IChannelsClient, Chain, ChannelEvent, Token } from '@liberfi.io/types';
+import { Channel, ChannelSource, API, IChannelsClient, Chain, XEligibilityInfo, ChannelEvent, Token as Token$1 } from '@liberfi.io/types';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseInfiniteQueryOptions, InfiniteData, useInfiniteQuery, UseMutationOptions } from '@tanstack/react-query';
 import * as react from 'react';
@@ -14,7 +14,7 @@ declare global {
         };
     }
 }
-declare const _default: "0.1.9";
+declare const _default: "0.1.21";
 
 declare const baseFormSchema: z.ZodObject<{
     name: z.ZodString;
@@ -126,6 +126,437 @@ type SocialsFormUIProps = {
 };
 declare function SocialsFormUI({ channel }: SocialsFormUIProps): react_jsx_runtime.JSX.Element;
 
+type EligibilityCheckItem = {
+    label: string;
+    value: string;
+    status: "pending" | "checking" | "passed" | "failed";
+};
+type CheckEligibilityUIProps = {
+    /** X account connection status */
+    isConnected: boolean;
+    /** Whether currently connecting to X */
+    isConnecting: boolean;
+    /** X account username (e.g., @trader_joe) */
+    xUsername?: string;
+    /** Eligibility check items */
+    checkItems: Array<EligibilityCheckItem>;
+    /** Whether all checks passed */
+    allChecksPassed: boolean;
+    /** Connect to X handler */
+    onConnect: () => void | Promise<void>;
+    /** Continue to next step handler */
+    onContinue: () => void | Promise<void>;
+    /** Cancel handler */
+    onCancel: () => void | Promise<void>;
+    /** Whether the form is submitting */
+    isSubmitting?: boolean;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Check Eligibility UI Component
+ * Full screen page to verify X account eligibility
+ */
+declare function CheckEligibilityUI({ isConnected, isConnecting, xUsername, checkItems, allChecksPassed, onConnect, onContinue, onCancel, isSubmitting, className, }: CheckEligibilityUIProps): react_jsx_runtime.JSX.Element;
+
+type XAccountInfo = {
+    username: string;
+    displayName: string;
+    avatar: string;
+    bio: string;
+    followersCount: number;
+    accountAge: number;
+    behaviorScore: "clean" | "suspicious";
+};
+type EligibilityCheckStatus = "pending" | "checking" | "passed" | "failed";
+type UseCheckEligibilityScriptParams = {
+    /** Minimum followers required */
+    minFollowers?: number;
+    /** Minimum account age in days */
+    minAccountAge?: number;
+    /** Optional return URL for OAuth callback */
+    returnUrl?: string;
+};
+type UseCheckEligibilityScriptResult = {
+    /** Whether connected to X */
+    isConnected: boolean;
+    /** Whether currently connecting */
+    isConnecting: boolean;
+    /** X account information */
+    accountInfo: XAccountInfo | null;
+    /** Check items with status */
+    checkItems: Array<{
+        label: string;
+        value: string;
+        status: EligibilityCheckStatus;
+    }>;
+    /** Whether all checks passed */
+    allChecksPassed: boolean;
+    /** Authorization URL */
+    authorizeUrl: string | null;
+    /** Connect to X account */
+    connect: () => Promise<void>;
+    /** Disconnect X account */
+    disconnect: () => Promise<void>;
+    /** Verify eligibility */
+    verify: () => Promise<boolean>;
+};
+/**
+ * Check Eligibility Script Hook
+ * Handles X account connection and eligibility verification
+ */
+declare function useCheckEligibilityScript({ minFollowers, minAccountAge, returnUrl, }?: UseCheckEligibilityScriptParams): UseCheckEligibilityScriptResult;
+
+type CheckEligibilityWidgetProps = {
+    /** Callback when eligibility check passed and continue */
+    onContinue?: () => void | Promise<void>;
+    /** Callback when cancelled */
+    onCancel?: () => void | Promise<void>;
+    /** Minimum followers required */
+    minFollowers?: number;
+    /** Minimum account age in days */
+    minAccountAge?: number;
+    /** Optional return URL for OAuth callback */
+    returnUrl?: string;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Check Eligibility Widget
+ * Combines UI and Script for X account eligibility verification
+ */
+declare function CheckEligibilityWidget({ onContinue, onCancel, minFollowers, minAccountAge, returnUrl, className, }: CheckEligibilityWidgetProps): react_jsx_runtime.JSX.Element;
+
+type PresetAvatar = {
+    id: string;
+    url: string;
+};
+type UseChannelBasicInfoScriptParams = {
+    /** Initial channel name */
+    initialName?: string;
+    /** Initial description */
+    initialDescription?: string;
+    /** Initial avatar URL */
+    initialAvatar?: string;
+};
+type UseChannelBasicInfoScriptResult = {
+    /** Available preset avatars */
+    presetAvatars: PresetAvatar[];
+    /** Selected avatar URL */
+    selectedAvatar?: string;
+    /** Whether selected avatar is custom */
+    isCustomAvatar: boolean;
+    /** Channel name */
+    channelName: string;
+    /** Channel name suggestions */
+    nameSuggestions: string[];
+    /** Description */
+    description: string;
+    /** Description suggestions */
+    descriptionSuggestions: string[];
+    /** Whether uploading custom avatar */
+    isUploadingAvatar: boolean;
+    /** Whether refreshing avatars */
+    isRefreshingAvatars: boolean;
+    /** Whether refreshing name suggestions */
+    isRefreshingNameSuggestions: boolean;
+    /** Whether refreshing description suggestions */
+    isRefreshingDescriptionSuggestions: boolean;
+    /** Select preset or custom avatar */
+    selectAvatar: (avatarUrl: string, isCustom: boolean) => void;
+    /** Upload custom avatar */
+    uploadCustomAvatar: (file: File) => Promise<void>;
+    /** Refresh preset avatars (shuffle) */
+    refreshPresetAvatars: () => void;
+    /** Refresh name suggestions (shuffle) */
+    refreshNameSuggestions: () => void;
+    /** Refresh description suggestions (shuffle) */
+    refreshDescriptionSuggestions: () => void;
+    /** Update channel name */
+    setChannelName: (name: string) => void;
+    /** Apply name suggestion */
+    applyNameSuggestion: (suggestion: string) => void;
+    /** Update description */
+    setDescription: (desc: string) => void;
+    /** Apply description suggestion */
+    applyDescriptionSuggestion: (suggestion: string) => void;
+    /** Validate form */
+    validate: () => {
+        isValid: boolean;
+        errors: string[];
+    };
+};
+declare function useChannelBasicInfoScript({ initialName, initialDescription, initialAvatar, }?: UseChannelBasicInfoScriptParams): UseChannelBasicInfoScriptResult;
+
+type ChannelBasicInfoUIProps = {
+    /** Available preset avatars */
+    presetAvatars: PresetAvatar[];
+    /** Selected avatar URL (preset or custom) */
+    selectedAvatar?: string;
+    /** Whether a custom avatar is selected */
+    isCustomAvatar?: boolean;
+    /** Channel name value */
+    channelName: string;
+    /** Channel name suggestions */
+    nameSuggestions: string[];
+    /** Channel description value */
+    description: string;
+    /** Description character limit */
+    descriptionMaxLength?: number;
+    /** Description suggestions */
+    descriptionSuggestions: string[];
+    /** Avatar selection handler */
+    onAvatarSelect: (avatarUrl: string, isCustom: boolean) => void;
+    /** Custom avatar upload handler */
+    onCustomAvatarUpload: (file: File) => Promise<void>;
+    /** Whether uploading custom avatar */
+    isUploadingAvatar?: boolean;
+    /** Whether refreshing avatars */
+    isRefreshingAvatars?: boolean;
+    /** Refresh avatars handler */
+    onRefreshAvatars?: () => void;
+    /** Whether refreshing name suggestions */
+    isRefreshingNameSuggestions?: boolean;
+    /** Refresh name suggestions handler */
+    onRefreshNameSuggestions?: () => void;
+    /** Whether refreshing description suggestions */
+    isRefreshingDescriptionSuggestions?: boolean;
+    /** Refresh description suggestions handler */
+    onRefreshDescriptionSuggestions?: () => void;
+    /** Channel name change handler */
+    onChannelNameChange: (value: string) => void;
+    /** Name suggestion click handler */
+    onNameSuggestionClick: (suggestion: string) => void;
+    /** Description change handler */
+    onDescriptionChange: (value: string) => void;
+    /** Description suggestion click handler */
+    onDescriptionSuggestionClick: (suggestion: string) => void;
+    /** Back button handler */
+    onBack: () => void | Promise<void>;
+    /** Continue to next step handler */
+    onContinue: () => void | Promise<void>;
+    /** Whether the form is submitting */
+    isSubmitting?: boolean;
+    /** Whether continue button is disabled */
+    isContinueDisabled?: boolean;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Channel Basic Info UI Component
+ * Full screen page for setting up channel avatar, name, and description
+ */
+declare function ChannelBasicInfoUI({ presetAvatars, selectedAvatar, isCustomAvatar, channelName, nameSuggestions, description, descriptionMaxLength, descriptionSuggestions, onAvatarSelect, onCustomAvatarUpload, isUploadingAvatar, isRefreshingAvatars, onRefreshAvatars, isRefreshingNameSuggestions, onRefreshNameSuggestions, isRefreshingDescriptionSuggestions, onRefreshDescriptionSuggestions, onChannelNameChange, onNameSuggestionClick, onDescriptionChange, onDescriptionSuggestionClick, onBack, onContinue, isSubmitting, isContinueDisabled, className, }: ChannelBasicInfoUIProps): react_jsx_runtime.JSX.Element;
+
+type ChannelBasicInfoWidgetProps = {
+    /** Initial channel name */
+    initialName?: string;
+    /** Initial description */
+    initialDescription?: string;
+    /** Initial avatar URL */
+    initialAvatar?: string;
+    /** Callback when back button clicked */
+    onBack?: () => void | Promise<void>;
+    /** Callback when continue to next step */
+    onContinue?: (data: {
+        avatar: string;
+        isCustomAvatar: boolean;
+        name: string;
+        description: string;
+    }) => void | Promise<void>;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Channel Basic Info Widget
+ * Combines UI and Script for channel basic information setup
+ */
+declare function ChannelBasicInfoWidget({ initialName, initialDescription, initialAvatar, onBack, onContinue, className, }: ChannelBasicInfoWidgetProps): react_jsx_runtime.JSX.Element;
+
+type MonitoredWallet = {
+    address: string;
+    alias?: string;
+    balance?: string;
+    importedAt: string;
+    lastActiveAt?: string;
+    sevenDayBuys?: number;
+    sevenDaySells?: number;
+};
+type UseWalletImportScriptParams = {
+    /** Maximum wallets allowed */
+    maxWallets?: number;
+    /** Initial monitored wallets */
+    initialWallets?: MonitoredWallet[];
+};
+type UseWalletImportScriptResult = {
+    /** Wallet input value */
+    walletInput: string;
+    /** List of monitored wallets */
+    monitoredWallets: MonitoredWallet[];
+    /** Number of monitored wallets */
+    monitoredCount: number;
+    /** Whether currently importing */
+    isImporting: boolean;
+    /** Update wallet input */
+    setWalletInput: (value: string) => void;
+    /** Add wallets from input */
+    addWallets: () => Promise<{
+        success: boolean;
+        errors?: string[];
+    }>;
+    /** Add whale wallets */
+    addWhaleWallets: () => Promise<void>;
+    /** Add smart wallets */
+    addSmartWallets: () => Promise<void>;
+    /** Remove a wallet */
+    removeWallet: (address: string) => Promise<void>;
+    /** Validate wallet addresses */
+    validate: () => {
+        isValid: boolean;
+        errors: string[];
+    };
+};
+/**
+ * Wallet Import Script Hook
+ * Handles wallet import and monitoring logic
+ *
+ * NOTE: This is a placeholder implementation.
+ * In production, replace with actual API calls for:
+ * - Adding wallets
+ * - Fetching wallet balances
+ * - Fetching whale/smart wallet lists
+ */
+declare function useWalletImportScript({ maxWallets, initialWallets, }?: UseWalletImportScriptParams): UseWalletImportScriptResult;
+
+type WalletImportUIProps = {
+    /** Wallet addresses input value */
+    walletInput: string;
+    /** Number of wallets currently being monitored */
+    monitoredCount: number;
+    /** Maximum wallets allowed */
+    maxWallets?: number;
+    /** List of monitored wallets */
+    monitoredWallets: MonitoredWallet[];
+    /** Whether currently importing wallets */
+    isImporting?: boolean;
+    /** Wallet input change handler */
+    onWalletInputChange: (value: string) => void;
+    /** Add wallets handler */
+    onAddWallets: () => void | Promise<void>;
+    /** Quick action: Add Whale Top 100 MEV Wallets */
+    onAddWhaleWallets: () => void | Promise<void>;
+    /** Quick action: Add Smart Top 50 SOL Wallets */
+    onAddSmartWallets: () => void | Promise<void>;
+    /** Remove wallet handler */
+    onRemoveWallet: (address: string) => void | Promise<void>;
+    /** Back button handler */
+    onBack: () => void | Promise<void>;
+    /** Publish channel handler */
+    onPublish: () => void | Promise<void>;
+    /** Whether the form is submitting */
+    isSubmitting?: boolean;
+    /** Whether publish button is disabled */
+    isPublishDisabled?: boolean;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Wallet Import UI Component
+ * Full screen page for importing and managing monitored wallets
+ */
+declare function WalletImportUI({ walletInput, monitoredCount, maxWallets, monitoredWallets, isImporting, onWalletInputChange, onAddWallets, onAddWhaleWallets, onAddSmartWallets, onRemoveWallet, onBack, onPublish, isSubmitting, isPublishDisabled, className, }: WalletImportUIProps): react_jsx_runtime.JSX.Element;
+
+type WalletImportWidgetProps = {
+    /** Maximum wallets allowed */
+    maxWallets?: number;
+    /** Initial monitored wallets */
+    initialWallets?: MonitoredWallet[];
+    /** Callback when back button clicked */
+    onBack?: () => void | Promise<void>;
+    /** Callback when publish channel */
+    onPublish?: (wallets: MonitoredWallet[]) => void | Promise<void>;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Wallet Import Widget
+ * Combines UI and Script for wallet import and monitoring
+ */
+declare function WalletImportWidget({ maxWallets, initialWallets, onBack, onPublish, className, }: WalletImportWidgetProps): react_jsx_runtime.JSX.Element;
+
+type BotConnectionStatus = "connected" | "not_connected";
+type UseSocialBotsScriptParams = {
+    /** Initial Telegram bot status */
+    initialTelegramStatus?: BotConnectionStatus;
+    /** Initial Discord webhook status */
+    initialDiscordStatus?: BotConnectionStatus;
+};
+type UseSocialBotsScriptResult = {
+    /** Telegram bot connection status */
+    telegramStatus: BotConnectionStatus;
+    /** Discord webhook connection status */
+    discordStatus: BotConnectionStatus;
+    /** Create Telegram bot */
+    createTelegramBot: () => Promise<void>;
+    /** Add Discord webhook */
+    addDiscordWebhook: () => Promise<void>;
+    /** Validate configuration */
+    validate: () => {
+        isValid: boolean;
+        errors: string[];
+    };
+};
+/**
+ * Social Bots Script Hook
+ * Handles bot connection state and configuration logic
+ *
+ * NOTE: This is a placeholder implementation.
+ * In production, replace with actual bot integration APIs.
+ */
+declare function useSocialBotsScript({ initialTelegramStatus, initialDiscordStatus, }?: UseSocialBotsScriptParams): UseSocialBotsScriptResult;
+
+type SocialBotsUIProps = {
+    /** Telegram bot connection status */
+    telegramStatus: BotConnectionStatus;
+    /** Discord webhook connection status */
+    discordStatus: BotConnectionStatus;
+    /** Create Telegram bot handler */
+    onCreateTelegramBot: () => void | Promise<void>;
+    /** Add Discord webhook handler */
+    onAddDiscordWebhook: () => void | Promise<void>;
+    /** Back button handler */
+    onBack: () => void | Promise<void>;
+    /** Continue to next step handler */
+    onContinue: () => void | Promise<void>;
+    /** Whether the form is submitting */
+    isSubmitting?: boolean;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Social Bots UI Component
+ * Configuration page for connecting Telegram and Discord bots
+ */
+declare function SocialBotsUI({ telegramStatus, discordStatus, onCreateTelegramBot, onAddDiscordWebhook, onBack, onContinue, isSubmitting, className, }: SocialBotsUIProps): react_jsx_runtime.JSX.Element;
+
+type SocialBotsWidgetProps = {
+    /** Initial Telegram bot status */
+    initialTelegramStatus?: "connected" | "not_connected";
+    /** Initial Discord webhook status */
+    initialDiscordStatus?: "connected" | "not_connected";
+    /** Callback when back button clicked */
+    onBack?: () => void | Promise<void>;
+    /** Callback when continue to next step */
+    onContinue?: () => void | Promise<void>;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Social Bots Widget
+ * Combines UI and Script for social bots configuration
+ */
+declare function SocialBotsWidget({ initialTelegramStatus, initialDiscordStatus, onBack, onContinue, className, }: SocialBotsWidgetProps): react_jsx_runtime.JSX.Element;
+
 type ChannelsUIProps = {
     channels: Array<Channel>;
     onSelect?: (channel: Channel) => void;
@@ -219,6 +650,510 @@ declare function ChannelDetailWidget({ id, customHeaderActions, customFooterActi
 
 declare const useChannelDetail: (id: string) => _tanstack_react_query.UseQueryResult<_liberfi_io_types.Channel, Error>;
 
+type ChannelDetailStats = {
+    signalCount: number;
+    subscribers: number;
+    someMetric: number;
+    activeTime: string;
+};
+type KeyMetric = {
+    label: string;
+    value: string;
+    subValue: string;
+    trend: "up" | "down" | "neutral";
+    percentage?: string;
+};
+type ChannelDetailData = {
+    id: string;
+    name: string;
+    avatar: string;
+    stats: ChannelDetailStats;
+    links: {
+        twitter?: string;
+        axiom?: string;
+    };
+    creator: {
+        name: string;
+        time: string;
+    };
+    metrics: {
+        pnl: KeyMetric;
+        winRate: KeyMetric;
+        txs: KeyMetric;
+    };
+};
+type UseChannelDetailNewScriptParams = {
+    /** Channel ID */
+    channelId: string;
+};
+
+type ChannelDetailNewUIProps = {
+    /** Channel detail data */
+    channelData: ChannelDetailData;
+    /** Subscribe handler */
+    onSubscribe: () => void | Promise<void>;
+    /** Share handler */
+    onShare: () => void;
+    /** Listen handler */
+    onListen: () => void;
+    /** Back button handler */
+    onBack?: () => void;
+    /** Whether subscribing */
+    isSubscribing?: boolean;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Channel Detail New UI Component
+ * Full screen channel detail page with traders table
+ */
+declare function ChannelDetailNewUI({ channelData, onSubscribe, onShare, onListen, onBack, isSubscribing, className, }: ChannelDetailNewUIProps): react_jsx_runtime.JSX.Element;
+
+type ChannelDetailNewWidgetProps = UseChannelDetailNewScriptParams & {
+    /** Back button handler */
+    onBack?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Channel Detail New Widget
+ * Combines UI and business logic for channel detail page
+ */
+declare function ChannelDetailNewWidget({ channelId, onBack, className, }: ChannelDetailNewWidgetProps): react_jsx_runtime.JSX.Element;
+
+type TimeFilter = "4H" | "1D" | "1W" | "1M";
+type SortField = "listeners" | "txns" | "volume" | "pnl";
+type SortDirection = "asc" | "desc";
+type Trader = {
+    id: string;
+    name: string;
+    listeners: number;
+    isListening: boolean;
+    buyCount: number;
+    sellCount: number;
+    volume: number;
+    buyVolume: number;
+    sellVolume: number;
+    pnlAmount: number;
+    pnlPercentage: number;
+};
+type UseTradersTableScriptParams = {
+    /** Initial traders data */
+    initialTraders?: Trader[];
+    /** Initial time filter */
+    initialTimeFilter?: TimeFilter;
+};
+
+type TradersTableUIProps = {
+    /** List of traders */
+    traders: Trader[];
+    /** Current time filter */
+    timeFilter: TimeFilter;
+    /** Time filter change handler */
+    onTimeFilterChange: (filter: TimeFilter) => void;
+    /** Current sort field */
+    sortField: SortField | null;
+    /** Current sort direction */
+    sortDirection: SortDirection;
+    /** Sort handler */
+    onSort: (field: SortField) => void;
+    /** Toggle listen handler */
+    onToggleListen: (traderId: string) => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Traders Table UI Component
+ * Displays traders list with sorting and filtering
+ */
+declare function TradersTableUI({ traders, timeFilter, onTimeFilterChange, sortField, sortDirection, onSort, onToggleListen, className, }: TradersTableUIProps): react_jsx_runtime.JSX.Element;
+
+type TradersTableWidgetProps = UseTradersTableScriptParams & {
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Traders Table Widget
+ * Combines UI and business logic for traders table
+ */
+declare function TradersTableWidget({ initialTraders, initialTimeFilter, className, }: TradersTableWidgetProps): react_jsx_runtime.JSX.Element;
+
+type TradeEvent = {
+    id: string;
+    walletAddress: string;
+    walletAlias?: string;
+    type: "buy" | "sell";
+    amount: number;
+    tokenSymbol: string;
+    tokenAddress: string;
+    price: number;
+    cost: number;
+    costSymbol: string;
+    timestamp: string;
+    marketCap: string;
+    profitLoss?: number;
+};
+type UseActivityFeedScriptParams = {
+    /** Initial trade events */
+    initialEvents?: TradeEvent[];
+};
+
+type ActivityFeedUIProps = {
+    /** Trade events */
+    events: TradeEvent[];
+    /** Date filter */
+    dateFilter: string | null;
+    /** Address filter */
+    addressFilter: string | null;
+    /** Event filter */
+    eventFilter: "all" | "buy" | "sell";
+    /** Token search query */
+    tokenSearch: string;
+    /** Set date filter */
+    onDateFilterChange: (filter: string | null) => void;
+    /** Set address filter */
+    onAddressFilterChange: (filter: string | null) => void;
+    /** Set event filter */
+    onEventFilterChange: (filter: "all" | "buy" | "sell") => void;
+    /** Set token search */
+    onTokenSearchChange: (query: string) => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Activity Feed UI Component
+ * Displays trade events list with filters
+ */
+declare function ActivityFeedUI({ events, tokenSearch, onTokenSearchChange, className, }: ActivityFeedUIProps): react_jsx_runtime.JSX.Element;
+
+type ActivityFeedWidgetProps = UseActivityFeedScriptParams & {
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Activity Feed Widget
+ * Combines UI and business logic for activity feed
+ */
+declare function ActivityFeedWidget({ initialEvents, className, }: ActivityFeedWidgetProps): react_jsx_runtime.JSX.Element;
+
+type Token = {
+    id: string;
+    name: string;
+    symbol: string;
+    avatar: string;
+    createdTime: string;
+    timeLabel: string;
+    price: number;
+    liquidity: number;
+    volume: number;
+    buyVolume: number;
+    sellVolume: number;
+    buyCount: number;
+    sellCount: number;
+    marketCap: string;
+    pnlPercentage: number;
+    solAmount: number;
+};
+
+type TokensListUIProps = {
+    /** List of tokens */
+    tokens: Token[];
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Tokens List UI Component
+ * Displays tokens list with trading information
+ */
+declare function TokensListUI({ tokens, className }: TokensListUIProps): react_jsx_runtime.JSX.Element;
+
+type TokensListWidgetProps = {
+    /** Optional custom tokens data */
+    tokens?: Token[];
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Tokens List Widget
+ * Combines business logic and UI for tokens list
+ */
+declare function TokensListWidget({ tokens: customTokens, className, }: TokensListWidgetProps): react_jsx_runtime.JSX.Element;
+
+type TabType = "tokens" | "traders";
+
+type TabContainerUIProps = {
+    /** Active tab */
+    activeTab: TabType;
+    /** Tab switch handler */
+    onTabSwitch: (tab: TabType) => void;
+    /** Tokens count */
+    tokensCount?: number;
+    /** Traders count */
+    tradersCount?: number;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Tab Container UI Component
+ * Displays tabs for switching between Tokens and Traders
+ */
+declare function TabContainerUI({ activeTab, onTabSwitch, tokensCount, tradersCount, className, }: TabContainerUIProps): react_jsx_runtime.JSX.Element;
+
+type TabContainerWidgetProps = {
+    /** Initial active tab */
+    initialTab?: TabType;
+    /** Tokens count */
+    tokensCount?: number;
+    /** Traders count */
+    tradersCount?: number;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Tab Container Widget
+ * Combines tab switching logic and UI
+ */
+declare function TabContainerWidget({ initialTab, tokensCount, tradersCount, className, }: TabContainerWidgetProps): react_jsx_runtime.JSX.Element;
+
+type ChannelCardData = {
+    id: string;
+    name: string;
+    avatar: string;
+    chain: "sol" | "eth" | "bsc" | "all";
+    stats: {
+        signals: number;
+        subscribers: number;
+        activeTime: string;
+    };
+    creator: {
+        name: string;
+        verified: boolean;
+    };
+    description: string;
+    metrics: {
+        pnl: {
+            label: string;
+            value: string;
+            percentage: string;
+            isPositive: boolean;
+        };
+        winRate: {
+            label: string;
+            value: string;
+            wins: number;
+            losses: number;
+        };
+        txs: {
+            label: string;
+            value: number;
+            wins: number;
+            losses: number;
+        };
+    };
+    isSubscribed: boolean;
+};
+type FindChannelUIProps = {
+    /** List of channels */
+    channels: ChannelCardData[];
+    /** Selected chain filter */
+    selectedChain: string;
+    /** Chain filter options */
+    chainOptions: {
+        value: string;
+        label: string;
+    }[];
+    /** Selected sort option */
+    selectedSort: string;
+    /** Sort options */
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    /** Search query */
+    searchQuery: string;
+    /** Whether user has created channel */
+    hasCreatedChannel: boolean;
+    /** Chain filter change handler */
+    onChainChange: (chain: string) => void;
+    /** Sort change handler */
+    onSortChange: (sort: string) => void;
+    /** Search change handler */
+    onSearchChange: (query: string) => void;
+    /** Subscribe handler */
+    onSubscribe: (channelId: string) => void | Promise<void>;
+    /** Channel click handler */
+    onChannelClick: (channelId: string) => void;
+    /** Create channel handler */
+    onCreateChannel?: () => void;
+    /** Channel management handler */
+    onChannelManagement?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Find Channel UI Component
+ * Displays a list of channels with filtering and search
+ */
+declare function FindChannelUI({ channels, selectedChain, chainOptions, selectedSort, sortOptions, searchQuery, hasCreatedChannel, onChainChange, onSortChange, onSearchChange, onSubscribe, onChannelClick, onCreateChannel, onChannelManagement, className, }: FindChannelUIProps): react_jsx_runtime.JSX.Element;
+
+type UseFindChannelScriptParams = {
+    /** Initial channels data */
+    channels?: ChannelCardData[];
+    /** Whether user has created a channel */
+    hasCreatedChannel?: boolean;
+};
+/**
+ * Business logic for Find Channel page
+ */
+declare function useFindChannelScript({ channels: initialChannels, hasCreatedChannel, }?: UseFindChannelScriptParams): {
+    channels: ChannelCardData[];
+    selectedChain: string;
+    chainOptions: {
+        value: string;
+        label: string;
+    }[];
+    selectedSort: string;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    searchQuery: string;
+    hasCreatedChannel: boolean;
+    handleChainChange: (chain: string) => void;
+    handleSortChange: (sort: string) => void;
+    handleSearchChange: (query: string) => void;
+    handleSubscribe: (channelId: string) => void;
+    handleChannelClick: (channelId: string) => void;
+    handleCreateChannel: () => void;
+    handleChannelManagement: () => void;
+};
+
+type FindChannelWidgetProps = UseFindChannelScriptParams & {
+    /** Channel click handler */
+    onChannelClick?: (channelId: string) => void;
+    /** Create channel handler */
+    onCreateChannel?: () => void;
+    /** Channel management handler */
+    onChannelManagement?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Find Channel Widget
+ * Combines UI and business logic for channel discovery
+ */
+declare function FindChannelWidget({ channels, hasCreatedChannel, onChannelClick: externalOnChannelClick, onCreateChannel: externalOnCreateChannel, onChannelManagement: externalOnChannelManagement, className, }: FindChannelWidgetProps): react_jsx_runtime.JSX.Element;
+
+type SubscribedChannelData = {
+    id: string;
+    name: string;
+    avatar: string;
+    chain: "sol" | "eth" | "bsc" | "all";
+    activeTime: string;
+    pnlPercentage: string;
+    isPositive: boolean;
+};
+type MySubscribeUIProps = {
+    /** List of subscribed channels */
+    subscribedChannels: SubscribedChannelData[];
+    /** Selected channel ID */
+    selectedChannelId: string | null;
+    /** Whether sidebar is collapsed */
+    isSidebarCollapsed: boolean;
+    /** Selected chain filter */
+    selectedChain: string;
+    /** Chain filter options */
+    chainOptions: {
+        value: string;
+        label: string;
+    }[];
+    /** Selected sort option */
+    selectedSort: string;
+    /** Sort options */
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    /** Search query */
+    searchQuery: string;
+    /** Whether user has created channel */
+    hasCreatedChannel: boolean;
+    /** Sidebar toggle handler */
+    onSidebarToggle: () => void;
+    /** Channel select handler */
+    onChannelSelect: (channelId: string) => void;
+    /** Chain filter change handler */
+    onChainChange: (chain: string) => void;
+    /** Sort change handler */
+    onSortChange: (sort: string) => void;
+    /** Search change handler */
+    onSearchChange: (query: string) => void;
+    /** Switch to discover tab */
+    onSwitchToDiscover: () => void;
+    /** Create channel handler */
+    onCreateChannel?: () => void;
+    /** Channel management handler */
+    onChannelManagement?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * My Subscribe UI Component
+ * Displays subscribed channels with expandable sidebar and channel detail
+ */
+declare function MySubscribeUI({ subscribedChannels, selectedChannelId, isSidebarCollapsed, selectedChain, chainOptions, selectedSort, sortOptions, searchQuery, hasCreatedChannel, onSidebarToggle, onChannelSelect, onChainChange, onSortChange, onSearchChange, onSwitchToDiscover, onCreateChannel, onChannelManagement, className, }: MySubscribeUIProps): react_jsx_runtime.JSX.Element;
+
+type UseMySubscribeScriptParams = {
+    /** Initial subscribed channels data */
+    subscribedChannels?: SubscribedChannelData[];
+    /** Whether user has created a channel */
+    hasCreatedChannel?: boolean;
+};
+/**
+ * Business logic for My Subscribe page
+ */
+declare function useMySubscribeScript({ subscribedChannels: initialChannels, hasCreatedChannel, }?: UseMySubscribeScriptParams): {
+    subscribedChannels: SubscribedChannelData[];
+    selectedChannelId: string | null;
+    isSidebarCollapsed: boolean;
+    selectedChain: string;
+    chainOptions: {
+        value: string;
+        label: string;
+    }[];
+    selectedSort: string;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    searchQuery: string;
+    hasCreatedChannel: boolean;
+    handleSidebarToggle: () => void;
+    handleChannelSelect: (channelId: string) => void;
+    handleChainChange: (chain: string) => void;
+    handleSortChange: (sort: string) => void;
+    handleSearchChange: (query: string) => void;
+    handleSwitchToDiscover: () => void;
+    handleCreateChannel: () => void;
+    handleChannelManagement: () => void;
+};
+
+type MySubscribeWidgetProps = UseMySubscribeScriptParams & {
+    /** Switch to discover handler */
+    onSwitchToDiscover?: () => void;
+    /** Create channel handler */
+    onCreateChannel?: () => void;
+    /** Channel management handler */
+    onChannelManagement?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * My Subscribe Widget
+ * Combines UI and business logic for subscribed channels page
+ */
+declare function MySubscribeWidget({ subscribedChannels, hasCreatedChannel, onSwitchToDiscover: externalOnSwitchToDiscover, onCreateChannel: externalOnCreateChannel, onChannelManagement: externalOnChannelManagement, className, }: MySubscribeWidgetProps): react_jsx_runtime.JSX.Element;
+
 type ChannelHomePageProps = {
     onCreateChannel?: () => void;
     onSelectChannel?: (channel: Channel) => void;
@@ -234,6 +1169,24 @@ type ChannelDetailPageProps = {
 };
 declare function ChannelsDetailPage({ id, customHeaderActions, customFooterActions, }: ChannelDetailPageProps): react_jsx_runtime.JSX.Element;
 
+type StepStatus = "completed" | "current" | "pending";
+type Step = {
+    id: string;
+    label: string;
+    status: StepStatus;
+};
+type StepperUIProps = {
+    /** Array of steps */
+    steps: Step[];
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * Stepper UI Component
+ * Vertical step indicator showing progress through a multi-step process
+ */
+declare function StepperUI({ steps, className }: StepperUIProps): react_jsx_runtime.JSX.Element;
+
 interface ChannelsContextValue {
     client: API.IChannelsClient;
 }
@@ -309,12 +1262,22 @@ declare function useUpdateChannelSourcesMutation(options?: Omit<UseMutationOptio
 
 declare const useUpload: () => (file: File) => Promise<string>;
 
+declare function xEligibilityQueryKey(): string[];
+declare function fetchXEligibility(client: IChannelsClient): Promise<XEligibilityInfo>;
+declare function useXEligibilityQuery(options?: Omit<UseQueryOptions<XEligibilityInfo, Error, XEligibilityInfo, string[]>, "queryKey" | "queryFn">): _tanstack_react_query.UseQueryResult<XEligibilityInfo, Error>;
+
+declare function xAuthorizeUrlQueryKey(returnUrl?: string): string[];
+declare function fetchXAuthorizeUrl(client: IChannelsClient, returnUrl?: string): Promise<string>;
+declare function useXAuthorizeUrlQuery(params?: {
+    returnUrl?: string;
+}, options?: Omit<UseQueryOptions<string, Error, string, string[]>, "queryKey" | "queryFn">): _tanstack_react_query.UseQueryResult<string, Error>;
+
 declare function parseWalletsText(value: string): Array<Partial<WalletValues>>;
 
 type ChannelEventRowProps = {
     event: ChannelEvent;
     walletAliases?: Record<string, string | undefined>;
-    tokens?: Record<string, Token>;
+    tokens?: Record<string, Token$1>;
 };
 
-export { BaseFormUI, type BaseFormUIProps, type BaseFormValues, ChannelAttributes, type ChannelAttributesProps, ChannelBaseInfo, type ChannelBaseInfoProps, type ChannelDetailPageProps, ChannelDetailUI, type ChannelDetailUIProps, ChannelDetailWidget, type ChannelDetailWidgetProps, ChannelEditButton, type ChannelEditButtonProps, type ChannelEventRowProps, type ChannelHomePageProps, ChannelStats, type ChannelStatsProps, ChannelSubscribeButton, type ChannelSubscribeButtonProps, ChannelsContext, type ChannelsContextValue, ChannelsDetailPage, ChannelsEmptyUI, type ChannelsEmptyUIProps, ChannelsHomePage, ChannelsProvider, type ChannelsProviderProps, ChannelsSkeletonUI, type ChannelsSkeletonUIProps, ChannelsUI, type ChannelsUIProps, CreateChannelWidget, type CreateChannelWidgetProps, MyChannelsWidget, type MyChannelsWidgetProps, SocialsFormUI, type SocialsFormUIProps, SubscribedChannelsWidget, type SubscribedChannelsWidgetProps, TrendingChannelsWidget, type TrendingChannelsWidgetProps, type UpdateChannelFormType, UpdateChannelFormUI, type UpdateChannelFormUIProps, UpdateChannelWidget, type UpdateChannelWidgetProps, type UseChannelEventsQueryParams, type UseChannelsListQueryParams, type UseCreateChannelMutationParams, type UseMyChannelsListQueryParams, type UseSubscribedChannelsListQueryParams, type UseUpdateChannelMutationParams, type UseUpdateChannelSourcesMutationParams, type WalletValues, WalletsFormUI, type WalletsFormUIProps, type WalletsFormValues, WalletsListUI, type WalletsListUIProps, baseFormSchema, channelEventsInfiniteQueryKey, channelEventsQueryKey, channelQueryKey, channelSourcesQueryKey, channelsListQueryKey, createChannel, fetchChannel, fetchChannelEvents, fetchChannelSources, fetchChannelsList, fetchMyChannelsList, fetchSubscribedChannelsList, myChannelsListQueryKey, parseWalletsText, subscribeChannel, subscribedChannelsListQueryKey, unsubscribeChannel, updateChannel, updateChannelSources, useChannelDetail, useChannelEventsInfiniteQuery, useChannelEventsQuery, useChannelQuery, useChannelSourcesQuery, useChannelsClient, useChannelsContext, useChannelsListQuery, useCreateChannelMutation, useMyChannels, useMyChannelsListQuery, useSubscribeChannelMutation, useSubscribedChannels, useSubscribedChannelsListQuery, useTrendingChannels, useUnsubscribeChannelMutation, useUpdateBaseForm, useUpdateChannelMutation, useUpdateChannelSourcesMutation, useUpdateWalletsForm, useUpload, _default as version, walletSchema, walletsFormSchema };
+export { ActivityFeedUI, type ActivityFeedUIProps, ActivityFeedWidget, type ActivityFeedWidgetProps, BaseFormUI, type BaseFormUIProps, type BaseFormValues, type BotConnectionStatus, ChannelAttributes, type ChannelAttributesProps, ChannelBaseInfo, type ChannelBaseInfoProps, ChannelBasicInfoUI, type ChannelBasicInfoUIProps, ChannelBasicInfoWidget, type ChannelBasicInfoWidgetProps, type ChannelCardData, type ChannelDetailData, ChannelDetailNewUI, type ChannelDetailNewUIProps, ChannelDetailNewWidget, type ChannelDetailNewWidgetProps, type ChannelDetailPageProps, type ChannelDetailStats, ChannelDetailUI, type ChannelDetailUIProps, ChannelDetailWidget, type ChannelDetailWidgetProps, ChannelEditButton, type ChannelEditButtonProps, type ChannelEventRowProps, type ChannelHomePageProps, ChannelStats, type ChannelStatsProps, ChannelSubscribeButton, type ChannelSubscribeButtonProps, ChannelsContext, type ChannelsContextValue, ChannelsDetailPage, ChannelsEmptyUI, type ChannelsEmptyUIProps, ChannelsHomePage, ChannelsProvider, type ChannelsProviderProps, ChannelsSkeletonUI, type ChannelsSkeletonUIProps, ChannelsUI, type ChannelsUIProps, CheckEligibilityUI, type CheckEligibilityUIProps, CheckEligibilityWidget, type CheckEligibilityWidgetProps, CreateChannelWidget, type CreateChannelWidgetProps, type EligibilityCheckItem, type EligibilityCheckStatus, FindChannelUI, type FindChannelUIProps, FindChannelWidget, type FindChannelWidgetProps, type KeyMetric, type MonitoredWallet, MyChannelsWidget, type MyChannelsWidgetProps, MySubscribeUI, type MySubscribeUIProps, MySubscribeWidget, type MySubscribeWidgetProps, type PresetAvatar, SocialBotsUI, type SocialBotsUIProps, SocialBotsWidget, type SocialBotsWidgetProps, SocialsFormUI, type SocialsFormUIProps, type SortDirection, type SortField, type Step, type StepStatus, StepperUI, type StepperUIProps, type SubscribedChannelData, SubscribedChannelsWidget, type SubscribedChannelsWidgetProps, TabContainerUI, type TabContainerUIProps, TabContainerWidget, type TabContainerWidgetProps, type TabType, type TimeFilter, type Token, TokensListUI, type TokensListUIProps, TokensListWidget, type TokensListWidgetProps, type TradeEvent, type Trader, TradersTableUI, type TradersTableUIProps, TradersTableWidget, type TradersTableWidgetProps, TrendingChannelsWidget, type TrendingChannelsWidgetProps, type UpdateChannelFormType, UpdateChannelFormUI, type UpdateChannelFormUIProps, UpdateChannelWidget, type UpdateChannelWidgetProps, type UseChannelBasicInfoScriptParams, type UseChannelBasicInfoScriptResult, type UseChannelEventsQueryParams, type UseChannelsListQueryParams, type UseCheckEligibilityScriptParams, type UseCheckEligibilityScriptResult, type UseCreateChannelMutationParams, type UseFindChannelScriptParams, type UseMyChannelsListQueryParams, type UseMySubscribeScriptParams, type UseSocialBotsScriptParams, type UseSocialBotsScriptResult, type UseSubscribedChannelsListQueryParams, type UseUpdateChannelMutationParams, type UseUpdateChannelSourcesMutationParams, type UseWalletImportScriptParams, type UseWalletImportScriptResult, WalletImportUI, type WalletImportUIProps, WalletImportWidget, type WalletImportWidgetProps, type WalletValues, WalletsFormUI, type WalletsFormUIProps, type WalletsFormValues, WalletsListUI, type WalletsListUIProps, type XAccountInfo, baseFormSchema, channelEventsInfiniteQueryKey, channelEventsQueryKey, channelQueryKey, channelSourcesQueryKey, channelsListQueryKey, createChannel, fetchChannel, fetchChannelEvents, fetchChannelSources, fetchChannelsList, fetchMyChannelsList, fetchSubscribedChannelsList, fetchXAuthorizeUrl, fetchXEligibility, myChannelsListQueryKey, parseWalletsText, subscribeChannel, subscribedChannelsListQueryKey, unsubscribeChannel, updateChannel, updateChannelSources, useChannelBasicInfoScript, useChannelDetail, useChannelEventsInfiniteQuery, useChannelEventsQuery, useChannelQuery, useChannelSourcesQuery, useChannelsClient, useChannelsContext, useChannelsListQuery, useCheckEligibilityScript, useCreateChannelMutation, useFindChannelScript, useMyChannels, useMyChannelsListQuery, useMySubscribeScript, useSocialBotsScript, useSubscribeChannelMutation, useSubscribedChannels, useSubscribedChannelsListQuery, useTrendingChannels, useUnsubscribeChannelMutation, useUpdateBaseForm, useUpdateChannelMutation, useUpdateChannelSourcesMutation, useUpdateWalletsForm, useUpload, useWalletImportScript, useXAuthorizeUrlQuery, useXEligibilityQuery, _default as version, walletSchema, walletsFormSchema, xAuthorizeUrlQueryKey, xEligibilityQueryKey };