import type { BaseToken, ContractCall, Order, Route, RouteExtended, RouteOptions, SDKConfig, StaticToken, Token } from '@lifi/sdk';
import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui/material';
import type { TypographyOptions } from '@mui/material/styles/createTypography.js';
import type { CoinbaseWalletParameters, MetaMaskParameters, WalletConnectParameters } from '@wagmi/connectors';
import type { CSSProperties, FC, MutableRefObject, ReactNode, RefObject } from 'react';
import type { LanguageKey, LanguageResources } from '../providers/I18nProvider/types.js';
import type { ChainType } from '../utils/chainType.js';
import type { TonConnectUI } from '@tonconnect/ui';
import type { ChainId } from './base.js';
import type { DefaultFieldValues } from '../stores/form/types.js';
export type WidgetVariant = 'compact' | 'wide' | 'drawer';
export type WidgetSubvariant = 'default' | 'split' | 'custom' | 'refuel';
export type SplitSubvariant = 'bridge' | 'swap';
export type CustomSubvariant = 'checkout' | 'deposit';
export interface SubvariantOptions {
    split?: SplitSubvariant;
    custom?: CustomSubvariant;
}
export type Appearance = PaletteMode | 'auto';
export interface NavigationProps {
    /**
     * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.
     * @default true
     */
    edge?: boolean;
}
export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard' | 'MuiTabs'>;
export type WidgetTheme = {
    palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
    shape?: Partial<Shape>;
    typography?: TypographyOptions;
    components?: WidgetThemeComponents;
    container?: CSSProperties;
    header?: CSSProperties;
    playground?: CSSProperties;
    navigation?: NavigationProps;
};
export declare enum DisabledUI {
    FromAmount = "fromAmount",
    FromToken = "fromToken",
    ToAddress = "toAddress",
    ToToken = "toToken"
}
export type DisabledUIType = `${DisabledUI}`;
export declare enum HiddenUI {
    Appearance = "appearance",
    DrawerCloseButton = "drawerCloseButton",
    History = "history",
    Language = "language",
    PoweredBy = "poweredBy",
    ToAddress = "toAddress",
    ToToken = "toToken",
    WalletMenu = "walletMenu",
    Settings = "settings",
    IntegratorStepDetails = "integratorStepDetails"
}
export type HiddenUIType = `${HiddenUI}`;
export declare enum RequiredUI {
    ToAddress = "toAddress"
}
export type RequiredUIType = `${RequiredUI}`;
export interface WidgetWalletConfig {
    onConnect?(): void;
    walletConnect?: WalletConnectParameters;
    coinbase?: CoinbaseWalletParameters;
    metaMask?: MetaMaskParameters;
}
export interface WidgetSDKConfig extends Omit<SDKConfig, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
    routeOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
}
export interface WidgetContractTool {
    name: string;
    logoURI: string;
}
export interface CalculateFeeParams {
    fromChainId: number;
    toChainId: number;
    fromTokenAddress: string;
    toTokenAddress: string;
    fromAddress?: string;
    toAddress?: string;
    fromAmount: bigint;
    slippage: number;
}
export interface WidgetFeeConfig {
    name?: string;
    logoURI?: string;
    fee?: number;
    /**
     * Function to calculate fees before fetching quotes.
     * If provided, this function will be used instead of the `fee` parameter.
     * Only one of `fee` or `calculateFee` should be used.
     *
     * @param params Object containing the fee calculation parameters
     * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)
     */
    calculateFee?(params: CalculateFeeParams): Promise<number | undefined>;
    /**
     * @internal
     */
    _vcComponent: FC<{
        route: RouteExtended;
    }>;
}
export interface ToAddress {
    name?: string;
    address: string;
    chainType: ChainType;
    logoURI?: string;
}
export interface AllowDeny<T> {
    allow?: T[];
    deny?: T[];
}
export type WidgetChains = {
    from?: AllowDeny<number>;
    to?: AllowDeny<number>;
    types?: AllowDeny<ChainType>;
} & AllowDeny<number>;
export type WidgetTokens = {
    featured?: StaticToken[];
    include?: Token[];
    popular?: StaticToken[];
} & AllowDeny<BaseToken>;
export type WidgetLanguages = {
    default?: LanguageKey;
} & AllowDeny<LanguageKey>;
export interface RewardSwapData {
    max: number | null;
    logo: string;
    name: string;
    type: 'TOKEN' | string;
    amount: number;
    symbol: string;
    chain?: string;
}
export interface WidgetConfig {
    fromChain?: number;
    toChain?: number;
    fromToken?: string;
    toToken?: string;
    toAddress?: ToAddress;
    toAddresses?: ToAddress[];
    fromAmount?: number | string;
    toAmount?: number | string;
    formUpdateKey?: string;
    contractCalls?: ContractCall[];
    contractComponent?: ReactNode;
    contractSecondaryComponent?: ReactNode;
    contractCompactComponent?: ReactNode;
    contractTool?: WidgetContractTool;
    rewardSwapData?: RewardSwapData[];
    brandingLogo?: string;
    isUniversalSwap?: boolean;
    commissionBps?: Partial<Record<ChainId, number>>;
    commissionBpsSDK?: Partial<Record<ChainId, number>>;
    integrator: string;
    apiKey?: string;
    mixpanelToken?: string;
    handleSwapBonus?: (route: Route & any) => Promise<void>;
    handleSwapLog?: (data: any) => Promise<void>;
    handleSelectToken?: (data: any) => void;
    handleSelectChainId?: (chainId: number) => void;
    defaultChainId?: number;
    defaultFromToken?: string;
    defaultToToken?: string;
    hiddenBtnChartCandles?: boolean;
    isShowChartCandles?: boolean;
    handleToggleChartCandles?: (value: boolean) => void;
    /**
     * @deprecated Use `feeConfig` instead.
     */
    fee?: number;
    feeConfig?: WidgetFeeConfig;
    referrer?: string;
    contactSupportUrl?: string;
    routePriority?: Order;
    slippage?: number;
    variant?: WidgetVariant;
    subvariant?: WidgetSubvariant;
    subvariantOptions?: SubvariantOptions;
    appearance?: Appearance;
    theme?: WidgetTheme;
    disabledUI?: DisabledUIType[];
    hiddenUI?: HiddenUIType[];
    requiredUI?: RequiredUIType[];
    useRecommendedRoute?: boolean;
    tonConnectUI?: TonConnectUI;
    walletConfig?: WidgetWalletConfig;
    sdkConfig?: WidgetSDKConfig;
    buildUrl?: boolean;
    keyPrefix?: string;
    bridges?: AllowDeny<string>;
    exchanges?: AllowDeny<string>;
    chains?: WidgetChains;
    tokens?: WidgetTokens;
    languages?: WidgetLanguages;
    languageResources?: LanguageResources;
    explorerUrls?: Record<number, string[]> & Partial<Record<'internal', string[]>>;
}
export interface FormFieldOptions {
    setUrlSearchParam: boolean;
}
export interface FieldValues extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {
    fromAmount?: number | string;
    toAmount?: number | string;
    toAddress?: ToAddress | string;
}
export type FieldNames = keyof FieldValues;
export type SetFieldValueFunction = <K extends FieldNames>(key: K, value: FieldValues[K], options?: FormFieldOptions) => void;
export type FormState = {
    setFieldValue: SetFieldValueFunction;
};
export type FormRef = MutableRefObject<FormState | null>;
export interface FormRefProps {
    formRef?: FormRef;
}
export interface WidgetConfigProps extends FormRefProps {
    config: WidgetConfig;
}
export interface WidgetConfigPartialProps {
    config?: Partial<WidgetConfig>;
}
export type WidgetProps = WidgetDrawerProps & WidgetConfig & WidgetConfigPartialProps & FormRefProps;
export interface WidgetDrawerProps extends WidgetConfigPartialProps {
    elementRef?: RefObject<HTMLDivElement>;
    open?: boolean;
    /**
     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
     */
    onClose?(): void;
}